{"product_id":"propitiousness™-slender-huggie-earrings-with-suspended-lavender-oval-accent","title":"propitiousness™ Slender Huggie Earrings with Suspended Lavender Oval Accent","description":"\u003cstyle\u003e\n\/* =========================================================\n   propitiousness™\n   SLENDER HUGGIE EARRINGS\n   Suspended Motion Jewelry Layout\n   ========================================================= *\/\n\n.avsuspend,\n.avsuspend * {\n  box-sizing: border-box;\n}\n\n.avsuspend {\n  --ink: #343137;\n  --ink-soft: #514c54;\n  --text: #676169;\n  --muted: #918a93;\n\n  --lavender: #b3a5ba;\n  --lavender-mid: #9b8aa3;\n  --lavender-deep: #75677d;\n  --lavender-soft: #e8e1eb;\n  --lavender-pale: #f5f1f6;\n\n  --silver: #c7c7cb;\n  --silver-mid: #aaaab0;\n  --silver-dark: #85858c;\n  --silver-pale: #efeff1;\n\n  --pearl: #fcfbf9;\n  --ivory: #f8f6f2;\n  --mist: #f1eff2;\n  --white: #ffffff;\n  --line: #e3dee4;\n\n  width: 100%;\n  max-width: 900px;\n  margin: 24px auto;\n  overflow: hidden;\n\n  border: 1px solid var(--line);\n  border-radius: 18px;\n\n  background: var(--pearl);\n  color: var(--text);\n\n  font-family:\n    Arial,\n    Helvetica,\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    sans-serif;\n\n  line-height: 1.55;\n}\n\n.avsuspend img {\n  max-width: 100%;\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.avsuspend-hero {\n  position: relative;\n  padding: 48px 30px 36px;\n  overflow: hidden;\n\n  background:\n    radial-gradient(\n      circle at 85% 12%,\n      rgba(179,165,186,.18),\n      transparent 28%\n    ),\n    linear-gradient(\n      150deg,\n      #ffffff 0%,\n      #faf8fa 48%,\n      #f0ebf2 100%\n    );\n}\n\n.avsuspend-hero::before {\n  content: \"\";\n  position: absolute;\n\n  width: 150px;\n  height: 150px;\n\n  right: -72px;\n  top: -78px;\n\n  border: 1px solid rgba(117,103,125,.12);\n  border-radius: 50%;\n}\n\n.avsuspend-hero::after {\n  content: \"\";\n  position: absolute;\n\n  width: 1px;\n  height: 110px;\n\n  left: 54px;\n  bottom: -50px;\n\n  background:\n    linear-gradient(\n      to bottom,\n      transparent,\n      rgba(117,103,125,.18),\n      transparent\n    );\n}\n\n.avsuspend-hero-inner {\n  position: relative;\n  z-index: 2;\n\n  max-width: 720px;\n  margin: 0 auto;\n\n  text-align: center;\n}\n\n.avsuspend-hero-mark {\n  position: relative;\n\n  width: 50px;\n  height: 64px;\n\n  margin: 0 auto 18px;\n}\n\n.avsuspend-hero-ring {\n  position: absolute;\n\n  width: 30px;\n  height: 30px;\n\n  left: 10px;\n  top: 0;\n\n  border: 4px solid #aaaab0;\n  border-bottom-color: #d7d7da;\n  border-radius: 50%;\n}\n\n.avsuspend-hero-link {\n  position: absolute;\n\n  width: 1px;\n  height: 10px;\n\n  left: 25px;\n  top: 29px;\n\n  background: #a8a0aa;\n}\n\n.avsuspend-hero-oval {\n  position: absolute;\n\n  width: 19px;\n  height: 27px;\n\n  left: 16px;\n  bottom: 0;\n\n  border-radius: 50%;\n\n  background:\n    linear-gradient(\n      145deg,\n      #c9bfd0,\n      #a897b1\n    );\n\n  box-shadow:\n    inset 0 1px 2px rgba(255,255,255,.45);\n}\n\n.avsuspend-eyebrow {\n  margin: 0 0 13px;\n\n  color: var(--lavender-deep);\n\n  font-size: 8px;\n  font-weight: 800;\n\n  letter-spacing: .22em;\n  text-transform: uppercase;\n}\n\n.avsuspend-hero h1 {\n  max-width: 740px;\n  margin: 0 auto;\n\n  color: var(--ink);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: clamp(38px, 5.6vw, 56px);\n  font-weight: 400;\n\n  letter-spacing: -.038em;\n  line-height: 1.04;\n}\n\n.avsuspend-hero-copy {\n  max-width: 610px;\n\n  margin: 17px auto 0;\n\n  color: var(--muted);\n\n  font-size: 13px;\n  line-height: 1.72;\n}\n\n.avsuspend-hero-line {\n  width: 48px;\n  height: 1px;\n\n  margin: 21px auto;\n\n  background: var(--lavender-mid);\n}\n\n.avsuspend-hero-meta {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0,1fr));\n\n  max-width: 610px;\n\n  margin: 0 auto;\n\n  border-top: 1px solid #ded8df;\n  border-bottom: 1px solid #ded8df;\n}\n\n.avsuspend-hero-meta-item {\n  padding: 12px 9px;\n\n  border-right: 1px solid #ded8df;\n}\n\n.avsuspend-hero-meta-item:last-child {\n  border-right: 0;\n}\n\n.avsuspend-hero-meta-item small {\n  display: block;\n\n  color: #9b949c;\n\n  font-size: 7px;\n  font-weight: 800;\n\n  letter-spacing: .12em;\n  text-transform: uppercase;\n}\n\n.avsuspend-hero-meta-item strong {\n  display: block;\n\n  margin-top: 4px;\n\n  color: #5d565f;\n\n  font-size: 9px;\n  font-weight: 600;\n}\n\n\n\/* =========================================================\n   1:1 IMAGE SYSTEM\n   ========================================================= *\/\n\n.avsuspend-media-section {\n  padding: 18px;\n\n  background: var(--white);\n}\n\n.avsuspend-media-section.lavender {\n  background: var(--lavender-pale);\n}\n\n.avsuspend-media-section.silver {\n  background: var(--silver-pale);\n}\n\n.avsuspend-media-section.ivory {\n  background: var(--ivory);\n}\n\n.avsuspend-media {\n  position: relative;\n\n  width: 100%;\n  aspect-ratio: 1 \/ 1;\n\n  height: auto !important;\n  min-height: 0 !important;\n\n  overflow: hidden;\n\n  border: 1px solid #dfdade;\n  border-radius: 13px;\n\n  background:\n    linear-gradient(\n      145deg,\n      #ffffff 0%,\n      #f0edef 100%\n    );\n}\n\n.avsuspend-media img {\n  display: block;\n\n  width: 100%;\n  height: 100% !important;\n\n  object-fit: cover;\n  object-position: center;\n}\n\n\n\/* =========================================================\n   COMMON CONTENT\n   ========================================================= *\/\n\n.avsuspend-section {\n  padding: 34px 30px;\n}\n\n.avsuspend-inner {\n  max-width: 720px;\n  margin: 0 auto;\n}\n\n.avsuspend-label {\n  display: flex;\n  align-items: center;\n\n  gap: 9px;\n\n  margin: 0 0 9px;\n\n  color: var(--lavender-deep);\n\n  font-size: 8px;\n  font-weight: 800;\n\n  letter-spacing: .18em;\n  text-transform: uppercase;\n}\n\n.avsuspend-label::before {\n  content: \"\";\n\n  width: 18px;\n  height: 1px;\n\n  background: var(--lavender-mid);\n}\n\n.avsuspend-section h2 {\n  max-width: 650px;\n\n  margin: 0;\n\n  color: var(--ink);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: 29px;\n  font-weight: 400;\n\n  letter-spacing: -.025em;\n  line-height: 1.14;\n}\n\n.avsuspend-copy {\n  max-width: 670px;\n\n  margin: 11px 0 0;\n\n  color: var(--muted);\n\n  font-size: 12px;\n  line-height: 1.72;\n}\n\n\n\/* =========================================================\n   TWO-PART COMPOSITION\n   ========================================================= *\/\n\n.avsuspend-compose {\n  background: var(--white);\n}\n\n.avsuspend-compose-flow {\n  display: grid;\n  grid-template-columns: 1fr 38px 1fr;\n\n  align-items: stretch;\n\n  margin-top: 22px;\n}\n\n.avsuspend-compose-card {\n  padding: 18px 17px;\n\n  border: 1px solid var(--line);\n  border-radius: 9px;\n\n  background: #fbfaf9;\n}\n\n.avsuspend-compose-card small {\n  display: block;\n\n  color: var(--lavender-deep);\n\n  font-size: 7px;\n  font-weight: 800;\n\n  letter-spacing: .13em;\n  text-transform: uppercase;\n}\n\n.avsuspend-compose-card strong {\n  display: block;\n\n  margin-top: 6px;\n\n  color: #575158;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: 15px;\n  font-weight: 400;\n}\n\n.avsuspend-compose-card p {\n  margin: 6px 0 0;\n\n  color: #8b848c;\n\n  font-size: 8px;\n  line-height: 1.55;\n}\n\n.avsuspend-compose-connector {\n  position: relative;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.avsuspend-compose-connector::before {\n  content: \"\";\n\n  position: absolute;\n\n  top: 0;\n  bottom: 0;\n\n  left: 50%;\n\n  width: 1px;\n\n  background: #d9d2da;\n}\n\n.avsuspend-compose-connector span {\n  position: relative;\n  z-index: 2;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 22px;\n  height: 22px;\n\n  border: 1px solid #d4c9d6;\n  border-radius: 50%;\n\n  background: #ffffff;\n\n  color: var(--lavender-deep);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: 11px;\n}\n\n\n\/* =========================================================\n   CURVED UPPER STRUCTURE\n   ========================================================= *\/\n\n.avsuspend-curve {\n  background: var(--ivory);\n}\n\n.avsuspend-curve-board {\n  margin-top: 22px;\n\n  padding: 20px;\n\n  border: 1px solid #e0dbd9;\n  border-radius: 10px;\n\n  background: #ffffff;\n}\n\n.avsuspend-curve-visual {\n  position: relative;\n\n  width: 112px;\n  height: 75px;\n\n  margin: 0 auto 17px;\n}\n\n.avsuspend-curve-ring {\n  position: absolute;\n\n  width: 67px;\n  height: 67px;\n\n  left: 22px;\n  top: 0;\n\n  border: 10px solid #b9b9bd;\n  border-right-color: #e1e1e3;\n  border-bottom-color: #cdcdcf;\n  border-radius: 50%;\n\n  transform: rotate(-18deg);\n}\n\n.avsuspend-curve-mask {\n  position: absolute;\n\n  width: 39px;\n  height: 34px;\n\n  left: 36px;\n  bottom: -2px;\n\n  background: #ffffff;\n}\n\n.avsuspend-curve-info {\n  display: grid;\n  grid-template-columns: repeat(3,minmax(0,1fr));\n\n  border-top: 1px solid var(--line);\n}\n\n.avsuspend-curve-item {\n  padding: 13px 10px 0;\n\n  border-right: 1px solid var(--line);\n\n  text-align: center;\n}\n\n.avsuspend-curve-item:last-child {\n  border-right: 0;\n}\n\n.avsuspend-curve-item small {\n  display: block;\n\n  color: #9a929a;\n\n  font-size: 7px;\n  font-weight: 800;\n\n  letter-spacing: .11em;\n  text-transform: uppercase;\n}\n\n.avsuspend-curve-item strong {\n  display: block;\n\n  margin-top: 4px;\n\n  color: #5d565e;\n\n  font-size: 9px;\n}\n\n\n\/* =========================================================\n   SUSPENDED DETAIL\n   ========================================================= *\/\n\n.avsuspend-drop {\n  background:\n    linear-gradient(\n      145deg,\n      #47414a 0%,\n      #3a363d 100%\n    );\n}\n\n.avsuspend-drop .avsuspend-label {\n  color: #cbbdce;\n}\n\n.avsuspend-drop .avsuspend-label::before {\n  background: #aa98b0;\n}\n\n.avsuspend-drop h2 {\n  color: #ffffff;\n}\n\n.avsuspend-drop .avsuspend-copy {\n  color: rgba(255,255,255,.57);\n}\n\n.avsuspend-drop-stage {\n  position: relative;\n\n  margin-top: 23px;\n  padding: 23px 18px 20px;\n\n  border-top: 1px solid rgba(255,255,255,.12);\n  border-bottom: 1px solid rgba(255,255,255,.12);\n\n  text-align: center;\n}\n\n.avsuspend-drop-object {\n  position: relative;\n\n  width: 54px;\n  height: 94px;\n\n  margin: 0 auto 14px;\n}\n\n.avsuspend-drop-top {\n  position: absolute;\n\n  width: 38px;\n  height: 38px;\n\n  left: 8px;\n  top: 0;\n\n  border: 7px solid #c1c1c5;\n  border-radius: 50%;\n}\n\n.avsuspend-drop-link {\n  position: absolute;\n\n  width: 1px;\n  height: 15px;\n\n  left: 27px;\n  top: 36px;\n\n  background: rgba(255,255,255,.48);\n}\n\n.avsuspend-drop-oval {\n  position: absolute;\n\n  width: 29px;\n  height: 39px;\n\n  left: 13px;\n  bottom: 0;\n\n  border-radius: 50%;\n\n  background:\n    linear-gradient(\n      145deg,\n      #c7bbcd 0%,\n      #a493ad 100%\n    );\n\n  box-shadow:\n    inset 0 2px 3px rgba(255,255,255,.22),\n    0 6px 12px rgba(0,0,0,.12);\n}\n\n.avsuspend-drop-stage strong {\n  display: block;\n\n  color: #f7f4f7;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: 16px;\n  font-weight: 400;\n}\n\n.avsuspend-drop-stage p {\n  max-width: 480px;\n\n  margin: 6px auto 0;\n\n  color: rgba(255,255,255,.48);\n\n  font-size: 9px;\n  line-height: 1.6;\n}\n\n\n\/* =========================================================\n   MOTION NOTES\n   ========================================================= *\/\n\n.avsuspend-motion {\n  background: var(--lavender-pale);\n}\n\n.avsuspend-motion-track {\n  position: relative;\n\n  display: grid;\n  grid-template-columns: repeat(3,minmax(0,1fr));\n\n  gap: 8px;\n\n  margin-top: 22px;\n}\n\n.avsuspend-motion-card {\n  position: relative;\n\n  min-height: 126px;\n\n  padding: 16px 14px;\n\n  overflow: hidden;\n\n  border: 1px solid #dfd7e1;\n  border-radius: 9px;\n\n  background: rgba(255,255,255,.74);\n}\n\n.avsuspend-motion-no {\n  color: var(--lavender-deep);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: 11px;\n  font-style: italic;\n}\n\n.avsuspend-motion-card strong {\n  display: block;\n\n  margin-top: 12px;\n\n  color: #5b545c;\n\n  font-size: 9px;\n}\n\n.avsuspend-motion-card p {\n  margin: 5px 0 0;\n\n  color: #8b838c;\n\n  font-size: 8px;\n  line-height: 1.5;\n}\n\n.avsuspend-motion-line {\n  position: absolute;\n\n  width: 22px;\n  height: 38px;\n\n  right: 12px;\n  bottom: 10px;\n\n  border-left: 1px solid rgba(117,103,125,.22);\n  border-radius: 50%;\n\n  transform: rotate(12deg);\n}\n\n\n\/* =========================================================\n   COLOR PROPORTION\n   ========================================================= *\/\n\n.avsuspend-color {\n  background: var(--white);\n}\n\n.avsuspend-color-meter {\n  margin-top: 22px;\n\n  overflow: hidden;\n\n  border: 1px solid var(--line);\n  border-radius: 10px;\n\n  background: #ffffff;\n}\n\n.avsuspend-color-bar {\n  display: grid;\n  grid-template-columns: 72fr 28fr;\n\n  height: 24px;\n}\n\n.avsuspend-color-silver {\n  background:\n    linear-gradient(\n      90deg,\n      #a8a8ad,\n      #dddddf,\n      #b9b9bd\n    );\n}\n\n.avsuspend-color-lavender {\n  background:\n    linear-gradient(\n      90deg,\n      #c2b5c8,\n      #a996b1\n    );\n}\n\n.avsuspend-color-details {\n  display: grid;\n  grid-template-columns: repeat(2,minmax(0,1fr));\n}\n\n.avsuspend-color-detail {\n  padding: 15px 16px;\n}\n\n.avsuspend-color-detail:first-child {\n  border-right: 1px solid var(--line);\n}\n\n.avsuspend-color-detail small {\n  display: block;\n\n  color: #9a929a;\n\n  font-size: 7px;\n  font-weight: 800;\n\n  letter-spacing: .12em;\n  text-transform: uppercase;\n}\n\n.avsuspend-color-detail strong {\n  display: block;\n\n  margin-top: 4px;\n\n  color: #595259;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: 14px;\n  font-weight: 400;\n}\n\n.avsuspend-color-detail p {\n  margin: 5px 0 0;\n\n  color: #898189;\n\n  font-size: 8px;\n  line-height: 1.5;\n}\n\n\n\/* =========================================================\n   PROFILE NOTES\n   ========================================================= *\/\n\n.avsuspend-profile {\n  background: var(--mist);\n}\n\n.avsuspend-profile-list {\n  margin-top: 22px;\n\n  border-top: 1px solid #dcd6dd;\n}\n\n.avsuspend-profile-row {\n  display: grid;\n  grid-template-columns: 34px 170px minmax(0,1fr);\n\n  gap: 11px;\n  align-items: center;\n\n  padding: 12px 0;\n\n  border-bottom: 1px solid #dcd6dd;\n}\n\n.avsuspend-profile-no {\n  color: var(--lavender-deep);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: 10px;\n  font-style: italic;\n}\n\n.avsuspend-profile-name {\n  color: #595259;\n\n  font-size: 9px;\n  font-weight: 700;\n}\n\n.avsuspend-profile-text {\n  color: #898189;\n\n  font-size: 8px;\n  line-height: 1.5;\n}\n\n\n\/* =========================================================\n   DESIGN SUMMARY\n   ========================================================= *\/\n\n.avsuspend-summary {\n  background: var(--white);\n}\n\n.avsuspend-summary-grid {\n  display: grid;\n  grid-template-columns: repeat(2,minmax(0,1fr));\n\n  gap: 7px;\n\n  margin-top: 22px;\n}\n\n.avsuspend-summary-card {\n  padding: 14px;\n\n  border: 1px solid var(--line);\n  border-radius: 8px;\n\n  background: #fbfaf9;\n}\n\n.avsuspend-summary-head {\n  display: flex;\n  align-items: center;\n\n  gap: 8px;\n}\n\n.avsuspend-summary-dot {\n  width: 7px;\n  height: 7px;\n\n  flex: 0 0 auto;\n\n  border-radius: 50%;\n\n  background: var(--lavender);\n}\n\n.avsuspend-summary-card strong {\n  color: #595259;\n\n  font-size: 9px;\n}\n\n.avsuspend-summary-card p {\n  margin: 6px 0 0 15px;\n\n  color: #8b838b;\n\n  font-size: 8px;\n  line-height: 1.5;\n}\n\n\n\/* =========================================================\n   FINAL\n   ========================================================= *\/\n\n.avsuspend-final {\n  position: relative;\n\n  padding: 44px 28px;\n\n  overflow: hidden;\n\n  background:\n    linear-gradient(\n      145deg,\n      #f2edf3 0%,\n      #fbfaf9 52%,\n      #e8e1eb 100%\n    );\n\n  text-align: center;\n}\n\n.avsuspend-final::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 210px;\n  height: 210px;\n\n  left: -140px;\n  top: -125px;\n\n  border: 1px solid rgba(117,103,125,.11);\n  border-radius: 50%;\n}\n\n.avsuspend-final::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 170px;\n  height: 170px;\n\n  right: -115px;\n  bottom: -110px;\n\n  border: 1px solid rgba(117,103,125,.11);\n  border-radius: 50%;\n}\n\n.avsuspend-final-inner {\n  position: relative;\n  z-index: 2;\n\n  max-width: 620px;\n\n  margin: 0 auto;\n}\n\n.avsuspend-final-jewel {\n  position: relative;\n\n  width: 42px;\n  height: 62px;\n\n  margin: 0 auto 15px;\n}\n\n.avsuspend-final-jewel::before {\n  content: \"\";\n\n  position: absolute;\n\n  width: 26px;\n  height: 26px;\n\n  left: 8px;\n  top: 0;\n\n  border: 4px solid #aaaab0;\n  border-radius: 50%;\n}\n\n.avsuspend-final-jewel::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 18px;\n  height: 27px;\n\n  left: 12px;\n  bottom: 0;\n\n  border-radius: 50%;\n\n  background: var(--lavender);\n}\n\n.avsuspend-final-line {\n  width: 1px;\n  height: 11px;\n\n  margin: -48px auto 37px;\n\n  background: #a79ea8;\n}\n\n.avsuspend-final-label {\n  color: var(--lavender-deep);\n\n  font-size: 8px;\n  font-weight: 800;\n\n  letter-spacing: .19em;\n  text-transform: uppercase;\n}\n\n.avsuspend-final h2 {\n  max-width: 580px;\n\n  margin: 10px auto 0;\n\n  color: var(--ink);\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size: 30px;\n  font-weight: 400;\n\n  line-height: 1.15;\n}\n\n.avsuspend-final p {\n  max-width: 560px;\n\n  margin: 12px auto 0;\n\n  color: #79727a;\n\n  font-size: 10px;\n  line-height: 1.72;\n}\n\n\n\/* =========================================================\n   TABLET\n   ========================================================= *\/\n\n@media (max-width: 700px) {\n\n  .avsuspend {\n    margin-top: 14px;\n    border-radius: 16px;\n  }\n\n  .avsuspend-hero {\n    padding: 42px 22px 32px;\n  }\n\n  .avsuspend-hero h1 {\n    font-size: 39px;\n  }\n\n  .avsuspend-media-section {\n    padding: 14px;\n  }\n\n  .avsuspend-section {\n    padding: 30px 21px;\n  }\n\n  .avsuspend-section h2 {\n    font-size: 26px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 480px) {\n\n  .avsuspend {\n    border-radius: 13px;\n  }\n\n  .avsuspend-hero {\n    padding: 35px 17px 27px;\n  }\n\n  .avsuspend-eyebrow {\n    font-size: 7px;\n  }\n\n  .avsuspend-hero h1 {\n    font-size: 31px;\n    line-height: 1.06;\n  }\n\n  .avsuspend-hero-copy {\n    font-size: 12px;\n  }\n\n  .avsuspend-hero-meta {\n    grid-template-columns: 1fr;\n  }\n\n  .avsuspend-hero-meta-item {\n    border-right: 0;\n    border-bottom: 1px solid #ded8df;\n  }\n\n  .avsuspend-hero-meta-item:last-child {\n    border-bottom: 0;\n  }\n\n  .avsuspend-media-section {\n    padding: 10px;\n  }\n\n  .avsuspend-media {\n    aspect-ratio: 1 \/ 1;\n\n    height: auto !important;\n    min-height: 0 !important;\n\n    border-radius: 10px;\n  }\n\n  .avsuspend-section {\n    padding: 27px 17px;\n  }\n\n  .avsuspend-section h2 {\n    font-size: 23px;\n  }\n\n  .avsuspend-copy {\n    font-size: 11px;\n  }\n\n  .avsuspend-compose-flow {\n    grid-template-columns: 1fr;\n    gap: 7px;\n  }\n\n  .avsuspend-compose-connector {\n    height: 27px;\n  }\n\n  .avsuspend-compose-connector::before {\n    top: 0;\n    bottom: 0;\n  }\n\n  .avsuspend-curve-info {\n    grid-template-columns: 1fr;\n  }\n\n  .avsuspend-curve-item {\n    padding: 11px 5px;\n\n    border-right: 0;\n    border-bottom: 1px solid var(--line);\n  }\n\n  .avsuspend-curve-item:last-child {\n    border-bottom: 0;\n  }\n\n  .avsuspend-motion-track {\n    grid-template-columns: 1fr;\n  }\n\n  .avsuspend-motion-card {\n    min-height: 0;\n  }\n\n  .avsuspend-color-details {\n    grid-template-columns: 1fr;\n  }\n\n  .avsuspend-color-detail:first-child {\n    border-right: 0;\n    border-bottom: 1px solid var(--line);\n  }\n\n  .avsuspend-profile-row {\n    grid-template-columns: 28px minmax(0,1fr);\n    gap: 5px 9px;\n  }\n\n  .avsuspend-profile-text {\n    grid-column: 2;\n  }\n\n  .avsuspend-summary-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .avsuspend-final {\n    padding: 36px 18px;\n  }\n\n  .avsuspend-final h2 {\n    font-size: 25px;\n  }\n\n}\n\u003c\/style\u003e\n\u003cdiv class=\"avsuspend\"\u003e\n\u003c!-- =====================================================\n       HERO\n       ===================================================== --\u003e\n\u003csection class=\"avsuspend-hero\"\u003e\n\u003cdiv class=\"avsuspend-hero-inner\"\u003e\n\u003cdiv class=\"avsuspend-hero-mark\"\u003e\n\u003cdiv class=\"avsuspend-hero-ring\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-hero-link\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-hero-oval\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"avsuspend-eyebrow\"\u003epropitiousness™ \/ Suspended Earring Collection\u003c\/p\u003e\n\u003ch1\u003eSlender Huggie Earrings with Suspended Lavender Oval Accent\u003c\/h1\u003e\n\u003cp class=\"avsuspend-hero-copy\"\u003eA compact silver-tone curve meets a softly suspended Pale Lavender oval, creating a refined earring design shaped around clean proportion, restrained color, and subtle movement.\u003c\/p\u003e\n\u003cdiv class=\"avsuspend-hero-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-hero-meta\"\u003e\n\u003cdiv class=\"avsuspend-hero-meta-item\"\u003e\n\u003csmall\u003eUpper Form\u003c\/small\u003e \u003cstrong\u003eSlender Huggie Curve\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-hero-meta-item\"\u003e\n\u003csmall\u003eAccent\u003c\/small\u003e \u003cstrong\u003ePale Lavender Oval\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-hero-meta-item\"\u003e\n\u003csmall\u003eCharacter\u003c\/small\u003e \u003cstrong\u003eSoft Movement\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       IMAGE 01 \/ MAIN PRODUCT \/ 1:1\n       ===================================================== --\u003e\n\u003cdiv class=\"avsuspend-media-section lavender\"\u003e\n\u003cdiv class=\"avsuspend-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1011\/5393\/1575\/files\/1_81ff71cb-6b73-4751-83f4-8517d36540b1.png?v=1792060852\" alt=\"propitiousness Slender Huggie Earrings with Suspended Lavender Oval Accent main product view\" loading=\"eager\" width=\"1200\" height=\"1200\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n       TWO-PART COMPOSITION\n       ===================================================== --\u003e\n\u003csection class=\"avsuspend-section avsuspend-compose\"\u003e\n\u003cdiv class=\"avsuspend-inner\"\u003e\n\u003cp class=\"avsuspend-label\"\u003eTwo-Part Composition\u003c\/p\u003e\n\u003ch2\u003eA compact upper curve and a suspended lower accent.\u003c\/h2\u003e\n\u003cp class=\"avsuspend-copy\"\u003eThe design is built from two clearly defined elements. A narrow silver-tone huggie creates the primary structure, while a smaller Pale Lavender oval hangs below through a discreet connecting point.\u003c\/p\u003e\n\u003cdiv class=\"avsuspend-compose-flow\"\u003e\n\u003cdiv class=\"avsuspend-compose-card\"\u003e\n\u003csmall\u003eUpper\u003c\/small\u003e \u003cstrong\u003e Silver-Tone Curve \u003c\/strong\u003e\n\u003cp\u003eA slender circular profile creates a clean foundation without adding unnecessary visual weight.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-compose-connector\"\u003e\u003cspan\u003e+\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-compose-card\"\u003e\n\u003csmall\u003eLower\u003c\/small\u003e \u003cstrong\u003e Lavender Oval \u003c\/strong\u003e\n\u003cp\u003eA smaller suspended element introduces muted color and a gentle sense of movement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       UPPER CURVE\n       ===================================================== --\u003e\n\u003csection class=\"avsuspend-section avsuspend-curve\"\u003e\n\u003cdiv class=\"avsuspend-inner\"\u003e\n\u003cp class=\"avsuspend-label\"\u003eUpper Structure\u003c\/p\u003e\n\u003ch2\u003eA narrow circular curve keeps the profile visually light.\u003c\/h2\u003e\n\u003cp class=\"avsuspend-copy\"\u003eThe silver-tone upper section follows a smooth rounded path. Its slender width keeps the form compact and polished, allowing the suspended lavender element to remain clearly visible beneath it.\u003c\/p\u003e\n\u003cdiv class=\"avsuspend-curve-board\"\u003e\n\u003cdiv class=\"avsuspend-curve-visual\"\u003e\n\u003cdiv class=\"avsuspend-curve-ring\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-curve-mask\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-curve-info\"\u003e\n\u003cdiv class=\"avsuspend-curve-item\"\u003e\n\u003csmall\u003eWidth\u003c\/small\u003e \u003cstrong\u003eSlender\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-curve-item\"\u003e\n\u003csmall\u003eShape\u003c\/small\u003e \u003cstrong\u003eRounded Curve\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-curve-item\"\u003e\n\u003csmall\u003eFinish\u003c\/small\u003e \u003cstrong\u003eSilver Tone\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       IMAGE 02 \/ STRUCTURE DETAIL \/ 1:1\n       ===================================================== --\u003e\n\u003cdiv class=\"avsuspend-media-section\"\u003e\n\u003cdiv class=\"avsuspend-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1011\/5393\/1575\/files\/2_c6795733-31fc-421b-ad93-ecd8d34bd905.png?v=1792060852\" alt=\"propitiousness Slender Huggie Earrings silver-tone curved upper structure detail\" loading=\"lazy\" width=\"1200\" height=\"1200\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n       SUSPENDED LAVENDER DETAIL\n       ===================================================== --\u003e\n\u003csection class=\"avsuspend-section avsuspend-drop\"\u003e\n\u003cdiv class=\"avsuspend-inner\"\u003e\n\u003cp class=\"avsuspend-label\"\u003eSuspended Detail\u003c\/p\u003e\n\u003ch2\u003ePale Lavender hangs beneath the silver form rather than competing with it.\u003c\/h2\u003e\n\u003cp class=\"avsuspend-copy\"\u003eThe oval accent remains proportionally smaller than the upper structure. Its suspended placement introduces color at the lower edge of the design while preserving the silver tone as the dominant visual element.\u003c\/p\u003e\n\u003cdiv class=\"avsuspend-drop-stage\"\u003e\n\u003cdiv class=\"avsuspend-drop-object\"\u003e\n\u003cdiv class=\"avsuspend-drop-top\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-drop-link\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-drop-oval\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstrong\u003e A small accent with a clear sense of suspension. \u003c\/strong\u003e\n\u003cp\u003eThe connecting point separates the oval visually from the upper curve, allowing the lower element to feel lighter and more dynamic.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       MOTION\n       ===================================================== --\u003e\n\u003csection class=\"avsuspend-section avsuspend-motion\"\u003e\n\u003cdiv class=\"avsuspend-inner\"\u003e\n\u003cp class=\"avsuspend-label\"\u003eMotion Notes\u003c\/p\u003e\n\u003ch2\u003eThe suspended format introduces gentle movement during wear.\u003c\/h2\u003e\n\u003cp class=\"avsuspend-copy\"\u003eBecause the lower oval connects through a small suspension point, it can shift naturally with everyday movement rather than remaining completely fixed against the upper form.\u003c\/p\u003e\n\u003cdiv class=\"avsuspend-motion-track\"\u003e\n\u003cdiv class=\"avsuspend-motion-card\"\u003e\n\u003cdiv class=\"avsuspend-motion-no\"\u003e01\u003c\/div\u003e\n\u003cstrong\u003e Connected \u003c\/strong\u003e\n\u003cp\u003eA discreet joining point links the silver curve and lavender oval.\u003c\/p\u003e\n\u003cdiv class=\"avsuspend-motion-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-motion-card\"\u003e\n\u003cdiv class=\"avsuspend-motion-no\"\u003e02\u003c\/div\u003e\n\u003cstrong\u003e Suspended \u003c\/strong\u003e\n\u003cp\u003eThe lower detail sits beneath the main structure rather than becoming part of a rigid single form.\u003c\/p\u003e\n\u003cdiv class=\"avsuspend-motion-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-motion-card\"\u003e\n\u003cdiv class=\"avsuspend-motion-no\"\u003e03\u003c\/div\u003e\n\u003cstrong\u003e Gently Mobile \u003c\/strong\u003e\n\u003cp\u003eNatural movement can create subtle changes in the position of the lower oval.\u003c\/p\u003e\n\u003cdiv class=\"avsuspend-motion-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       IMAGE 03 \/ MOVEMENT DETAIL \/ 1:1\n       ===================================================== --\u003e\n\u003cdiv class=\"avsuspend-media-section silver\"\u003e\n\u003cdiv class=\"avsuspend-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1011\/5393\/1575\/files\/3_8a976584-bf4e-4f4e-9723-5dbe5153b827.png?v=1792060852\" alt=\"propitiousness Slender Huggie Earrings suspended Pale Lavender oval movement detail\" loading=\"lazy\" width=\"1200\" height=\"1200\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n       COLOR BALANCE\n       ===================================================== --\u003e\n\u003csection class=\"avsuspend-section avsuspend-color\"\u003e\n\u003cdiv class=\"avsuspend-inner\"\u003e\n\u003cp class=\"avsuspend-label\"\u003eColor Balance\u003c\/p\u003e\n\u003ch2\u003eSilver remains dominant while lavender becomes the signature accent.\u003c\/h2\u003e\n\u003cp class=\"avsuspend-copy\"\u003eThe lavender oval occupies less visual space than the silver-tone upper section. This keeps the purple detail restrained while still making it immediately recognizable within the overall composition.\u003c\/p\u003e\n\u003cdiv class=\"avsuspend-color-meter\"\u003e\n\u003cdiv class=\"avsuspend-color-bar\"\u003e\n\u003cdiv class=\"avsuspend-color-silver\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-color-lavender\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-color-details\"\u003e\n\u003cdiv class=\"avsuspend-color-detail\"\u003e\n\u003csmall\u003eMain Visual Tone\u003c\/small\u003e \u003cstrong\u003e Silver Tone \u003c\/strong\u003e\n\u003cp\u003eThe narrow curved structure provides the primary metallic foundation.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-color-detail\"\u003e\n\u003csmall\u003eAccent Tone\u003c\/small\u003e \u003cstrong\u003e Pale Lavender \u003c\/strong\u003e\n\u003cp\u003eA smaller muted-purple element adds controlled contrast beneath the silver form.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       PROFILE NOTES\n       ===================================================== --\u003e\n\u003csection class=\"avsuspend-section avsuspend-profile\"\u003e\n\u003cdiv class=\"avsuspend-inner\"\u003e\n\u003cp class=\"avsuspend-label\"\u003eProfile Notes\u003c\/p\u003e\n\u003ch2\u003eSmall details keep the overall silhouette clean and balanced.\u003c\/h2\u003e\n\u003cdiv class=\"avsuspend-profile-list\"\u003e\n\u003cdiv class=\"avsuspend-profile-row\"\u003e\n\u003cdiv class=\"avsuspend-profile-no\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-profile-name\"\u003eCompact Curved Upper\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-profile-text\"\u003eA narrow rounded structure creates a concise upper silhouette.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-profile-row\"\u003e\n\u003cdiv class=\"avsuspend-profile-no\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-profile-name\"\u003eSuspended Oval\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-profile-text\"\u003eThe lower accent remains visually separate from the main curve.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-profile-row\"\u003e\n\u003cdiv class=\"avsuspend-profile-no\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-profile-name\"\u003eRounded Edges\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-profile-text\"\u003eSoft contours support the polished and uncluttered appearance.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-profile-row\"\u003e\n\u003cdiv class=\"avsuspend-profile-no\"\u003e04\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-profile-name\"\u003eMinimal Surface Detail\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-profile-text\"\u003eShape and color carry the design without unnecessary decoration.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       IMAGE 04 \/ LIFESTYLE \/ 1:1\n       ===================================================== --\u003e\n\u003cdiv class=\"avsuspend-media-section ivory\"\u003e\n\u003cdiv class=\"avsuspend-media\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1011\/5393\/1575\/files\/4_a186afc6-a499-451f-96c9-52893b37e72b.png?v=1792060852\" alt=\"propitiousness Slender Huggie Earrings lifestyle styling view\" loading=\"lazy\" width=\"1200\" height=\"1200\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =====================================================\n       DESIGN SUMMARY\n       ===================================================== --\u003e\n\u003csection class=\"avsuspend-section avsuspend-summary\"\u003e\n\u003cdiv class=\"avsuspend-inner\"\u003e\n\u003cp class=\"avsuspend-label\"\u003eDesign Summary\u003c\/p\u003e\n\u003ch2\u003eSix elements define the finished earrings.\u003c\/h2\u003e\n\u003cdiv class=\"avsuspend-summary-grid\"\u003e\n\u003cdiv class=\"avsuspend-summary-card\"\u003e\n\u003cdiv class=\"avsuspend-summary-head\"\u003e\n\u003cdiv class=\"avsuspend-summary-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cstrong\u003eCompact Curved Structure\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cp\u003eA slender upper form establishes the clean huggie silhouette.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-summary-card\"\u003e\n\u003cdiv class=\"avsuspend-summary-head\"\u003e\n\u003cdiv class=\"avsuspend-summary-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cstrong\u003eSuspended Oval Detail\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cp\u003eA separate lower element adds depth without visual heaviness.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-summary-card\"\u003e\n\u003cdiv class=\"avsuspend-summary-head\"\u003e\n\u003cdiv class=\"avsuspend-summary-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cstrong\u003eSilver-Tone Main Finish\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cp\u003eCool metallic color remains the dominant part of the composition.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-summary-card\"\u003e\n\u003cdiv class=\"avsuspend-summary-head\"\u003e\n\u003cdiv class=\"avsuspend-summary-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cstrong\u003ePale Lavender Accent\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cp\u003eMuted purple introduces a soft and restrained color signature.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-summary-card\"\u003e\n\u003cdiv class=\"avsuspend-summary-head\"\u003e\n\u003cdiv class=\"avsuspend-summary-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cstrong\u003eGentle Movement\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cp\u003eThe suspended construction allows subtle movement during wear.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-summary-card\"\u003e\n\u003cdiv class=\"avsuspend-summary-head\"\u003e\n\u003cdiv class=\"avsuspend-summary-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cstrong\u003eBalanced Proportion\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cp\u003eA smaller lower accent keeps the overall design visually light.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =====================================================\n       FINAL\n       ===================================================== --\u003e\n\u003csection class=\"avsuspend-final\"\u003e\n\u003cdiv class=\"avsuspend-final-inner\"\u003e\n\u003cdiv class=\"avsuspend-final-jewel\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-final-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"avsuspend-final-label\"\u003epropitiousness™ \/ Suspended Motion Jewelry\u003c\/div\u003e\n\u003ch2\u003eA slender silver curve finished with a quiet lavender movement.\u003c\/h2\u003e\n\u003cp\u003eThe propitiousness™ Slender Huggie Earrings with Suspended Lavender Oval Accent combine a compact silver-tone upper structure, a proportionally smaller Pale Lavender oval, softly rounded contours, and subtle suspended movement in a clean contemporary design.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"propitiousness™","offers":[{"title":"Default Title","offer_id":53067517821239,"sku":"propitiousness*13","price":48.36,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1011\/5393\/1575\/files\/5_f8f7d415-a066-4c79-8c20-47eae26d3f68.png?v=1792060864","url":"https:\/\/propitiousness.com\/products\/propitiousness%e2%84%a2-slender-huggie-earrings-with-suspended-lavender-oval-accent","provider":"propitiousness","version":"1.0","type":"link"}