{"product_id":"the-roselle-earrings-2pc-set","title":"The Roselle Earrings - 2pc\/set","description":"\u003cdiv class=\"roselle-wrap\"\u003e\n\u003cstyle\u003e\n.roselle-wrap{\n  --emerald:#073f32;\n  --emerald2:#0b5946;\n  --gold:#bd8d38;\n  --gold2:#e5c77f;\n  --ruby:#9f0d20;\n  --ruby2:#c71932;\n  --cream:#fff9f1;\n  --text:#332b27;\n\n  max-width:760px;\n  margin:0 auto;\n  padding:36px 16px;\n  position:relative;\n  overflow:hidden;\n  text-align:center;\n  color:var(--text);\n  font-family:-apple-system,BlinkMacSystemFont,\"Segoe UI\",sans-serif;\n\n  background:\n    radial-gradient(circle at 8% 8%,rgba(199,25,50,.08),transparent 26%),\n    radial-gradient(circle at 95% 85%,rgba(7,63,50,.08),transparent 28%),\n    linear-gradient(145deg,#fffdf9,#fff7ed);\n\n  border-radius:24px;\n  box-sizing:border-box;\n}\n\n.roselle-wrap *{box-sizing:border-box}\n\n\/* AMBIENT GLOW *\/\n.roselle-wrap:before{\n  content:\"\";\n  position:absolute;\n  width:170px;\n  height:170px;\n  right:-70px;\n  top:-70px;\n  border-radius:50%;\n  background:rgba(199,25,50,.10);\n  filter:blur(28px);\n  animation:roselleGlow 4s ease-in-out infinite;\n}\n\n\/* TOP *\/\n.roselle-sparkle{\n  position:relative;\n  color:var(--gold);\n  font-size:27px;\n  margin-bottom:9px;\n  animation:roselleSparkle 2s ease-in-out infinite;\n}\n\n.roselle-eyebrow{\n  margin-bottom:8px;\n  color:var(--ruby);\n  font-size:10px;\n  font-weight:700;\n  letter-spacing:2.8px;\n  text-transform:uppercase;\n  animation:roselleUp .7s ease both;\n}\n\n\/* TITLE *\/\n.roselle-title{\n  position:relative;\n  margin:0;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:clamp(32px,7vw,47px);\n  font-weight:400;\n  line-height:1.08;\n  animation:roselleUp .7s .08s ease both;\n}\n\n.roselle-title span{\n  display:block;\n  margin-top:3px;\n\n  background:linear-gradient(\n    90deg,\n    #790b19,\n    #bd1730,\n    #e65a68,\n    #970d21,\n    #c61b34\n  );\n\n  background-size:250% auto;\n  -webkit-background-clip:text;\n  -webkit-text-fill-color:transparent;\n  animation:roselleShimmer 4s linear infinite;\n}\n\n.roselle-tagline{\n  max-width:570px;\n  margin:13px auto 0;\n  color:#75675e;\n  font-size:15px;\n  line-height:1.65;\n  animation:roselleUp .7s .15s ease both;\n}\n\n\/* DIVIDER *\/\n.roselle-divider{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:9px;\n  margin:23px auto;\n  color:var(--gold);\n  animation:roselleUp .7s .2s ease both;\n}\n\n.roselle-divider:before,\n.roselle-divider:after{\n  content:\"\";\n  width:45px;\n  height:1px;\n  background:linear-gradient(90deg,transparent,var(--gold));\n}\n\n.roselle-divider:after{\n  background:linear-gradient(90deg,var(--gold),transparent);\n}\n\n\/* MAIN COPY *\/\n.roselle-copy{\n  max-width:610px;\n  margin:0 auto;\n  color:#554b45;\n  font-size:15px;\n  line-height:1.75;\n  animation:roselleUp .7s .25s ease both;\n}\n\n.roselle-copy strong{\n  color:var(--emerald);\n}\n\n\/* STATEMENT SECTION *\/\n.roselle-statement{\n  max-width:610px;\n  margin:26px auto;\n  padding:21px 16px;\n  position:relative;\n  overflow:hidden;\n\n  border-radius:19px;\n  border:1px solid rgba(189,141,56,.65);\n\n  background:\n    radial-gradient(circle at top right,\n      rgba(229,199,127,.18),transparent 40%),\n    linear-gradient(135deg,var(--emerald),var(--emerald2));\n\n  box-shadow:0 11px 28px rgba(7,63,50,.16);\n  animation:roselleUp .7s .35s ease both;\n}\n\n.roselle-statement:after{\n  content:\"\";\n  position:absolute;\n  top:-80%;\n  left:-30%;\n  width:35%;\n  height:260%;\n\n  background:linear-gradient(\n    90deg,\n    transparent,\n    rgba(255,255,255,.12),\n    transparent\n  );\n\n  transform:rotate(20deg);\n  animation:roselleSweep 5s ease-in-out infinite;\n}\n\n.roselle-statement strong{\n  position:relative;\n  z-index:2;\n  display:block;\n  margin-bottom:7px;\n\n  color:var(--gold2);\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:20px;\n  font-weight:500;\n}\n\n.roselle-statement span{\n  position:relative;\n  z-index:2;\n  display:block;\n\n  color:#f9f3ea;\n  font-size:13px;\n  line-height:1.55;\n}\n\n\/* SECTION TITLE *\/\n.roselle-heading{\n  margin:31px 0 6px;\n  color:var(--emerald);\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:23px;\n  font-weight:500;\n}\n\n.roselle-sub{\n  margin:0 auto 19px;\n  color:#81736a;\n  font-size:13px;\n}\n\n\/* BENEFITS *\/\n.roselle-grid{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:9px;\n  max-width:620px;\n  margin:0 auto;\n}\n\n.roselle-card{\n  padding:19px 10px;\n  position:relative;\n\n  border-radius:16px;\n  border:1px solid rgba(189,141,56,.28);\n\n  background:linear-gradient(145deg,#fff,#fcf5ea);\n  box-shadow:0 5px 18px rgba(65,45,30,.05);\n\n  transition:\n    transform .3s ease,\n    box-shadow .3s ease,\n    border-color .3s ease;\n\n  animation:roselleUp .65s ease both;\n}\n\n.roselle-card:nth-child(1){animation-delay:.4s}\n.roselle-card:nth-child(2){animation-delay:.5s}\n.roselle-card:nth-child(3){animation-delay:.6s}\n.roselle-card:nth-child(4){animation-delay:.7s}\n\n.roselle-card:hover{\n  transform:translateY(-4px);\n  border-color:rgba(159,13,32,.40);\n\n  box-shadow:\n    0 11px 25px rgba(7,63,50,.08),\n    0 0 18px rgba(159,13,32,.06);\n}\n\n.roselle-icon{\n  width:43px;\n  height:43px;\n  margin:0 auto 9px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n  border:1px solid var(--gold);\n\n  background:linear-gradient(145deg,var(--emerald),var(--emerald2));\n  color:var(--gold2);\n\n  font-size:19px;\n  animation:roselleIcon 3s ease-in-out infinite;\n}\n\n.roselle-card strong{\n  display:block;\n  margin-bottom:5px;\n\n  color:var(--emerald);\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:15px;\n  font-weight:500;\n}\n\n.roselle-card span:not(.roselle-icon){\n  display:block;\n  color:#756961;\n  font-size:11.5px;\n  line-height:1.45;\n}\n\n\/* STYLE TRANSFORMATION *\/\n.roselle-transform{\n  max-width:610px;\n  margin:28px auto 0;\n  padding:20px 14px;\n\n  border-radius:17px;\n  border:1px solid rgba(159,13,32,.18);\n\n  background:\n    linear-gradient(\n      135deg,\n      rgba(159,13,32,.05),\n      rgba(189,141,56,.06)\n    );\n\n  animation:roselleUp .7s .75s ease both;\n}\n\n.roselle-transform small{\n  display:block;\n  margin-bottom:7px;\n\n  color:var(--ruby);\n  font-size:9px;\n  font-weight:800;\n  letter-spacing:2px;\n  text-transform:uppercase;\n}\n\n.roselle-transform strong{\n  display:block;\n\n  color:var(--emerald);\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:18px;\n  font-weight:500;\n}\n\n.roselle-arrow{\n  display:inline-block;\n  margin:0 7px;\n  color:var(--gold);\n  animation:roselleArrow 1.6s ease-in-out infinite;\n}\n\n\/* MATERIAL *\/\n.roselle-material{\n  max-width:610px;\n  margin:10px auto 0;\n  padding:17px 14px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:12px;\n\n  border-radius:15px;\n  border:1px solid rgba(189,141,56,.28);\n\n  background:#fffdf9;\n\n  animation:roselleUp .7s .8s ease both;\n}\n\n.roselle-material-icon{\n  width:40px;\n  height:40px;\n  flex:0 0 40px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  border-radius:50%;\n  color:var(--gold2);\n  background:var(--emerald);\n\n  font-size:18px;\n}\n\n.roselle-material-text{\n  text-align:left;\n}\n\n.roselle-material-text strong{\n  display:block;\n  color:var(--emerald);\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:14px;\n  font-weight:500;\n}\n\n.roselle-material-text span{\n  display:block;\n  margin-top:2px;\n  color:#756961;\n  font-size:10.5px;\n}\n\n\/* OCCASIONS *\/\n.roselle-occasions{\n  max-width:610px;\n  margin:27px auto 0;\n  padding:14px 7px;\n\n  border-top:1px solid rgba(189,141,56,.38);\n  border-bottom:1px solid rgba(189,141,56,.38);\n\n  color:#805e29;\n  font-size:10.5px;\n  font-weight:700;\n  letter-spacing:.4px;\n\n  animation:roselleUp .7s .9s ease both;\n}\n\n\/* CLOSING *\/\n.roselle-close{\n  max-width:600px;\n  margin:27px auto 0;\n  padding:26px 17px;\n\n  border-radius:18px;\n  border:1px solid rgba(189,141,56,.30);\n\n  background:\n    radial-gradient(circle at top right,\n      rgba(159,13,32,.08),transparent 40%),\n    linear-gradient(145deg,#f8eee2,#fffaf2);\n\n  animation:roselleUp .7s 1s ease both;\n}\n\n.roselle-close:before{\n  content:\"✦\";\n  display:block;\n  margin-bottom:8px;\n  color:var(--ruby);\n  font-size:18px;\n  animation:roselleSparkle 2s infinite;\n}\n\n.roselle-close h3{\n  margin:0 0 9px;\n\n  color:var(--emerald);\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:21px;\n  font-weight:500;\n}\n\n.roselle-close p{\n  max-width:520px;\n  margin:0 auto;\n\n  color:#665950;\n  font-size:13px;\n  line-height:1.65;\n}\n\n.roselle-final{\n  margin-top:18px;\n\n  background:linear-gradient(\n    90deg,\n    #86101e,\n    #c51d34,\n    #9b702c\n  );\n\n  -webkit-background-clip:text;\n  -webkit-text-fill-color:transparent;\n\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:18px;\n  font-weight:500;\n}\n\n.roselle-brand{\n  margin-top:23px;\n\n  color:#9b7333;\n  font-size:10px;\n  font-weight:700;\n  letter-spacing:2.3px;\n  text-transform:uppercase;\n}\n\n\/* ANIMATIONS *\/\n@keyframes roselleUp{\n  from{\n    opacity:0;\n    transform:translateY(16px);\n  }\n  to{\n    opacity:1;\n    transform:translateY(0);\n  }\n}\n\n@keyframes roselleSparkle{\n  0%,100%{\n    opacity:.5;\n    transform:scale(.9) rotate(0);\n  }\n  50%{\n    opacity:1;\n    transform:scale(1.2) rotate(12deg);\n  }\n}\n\n@keyframes roselleShimmer{\n  from{background-position:0 center}\n  to{background-position:250% center}\n}\n\n@keyframes roselleGlow{\n  0%,100%{\n    opacity:.4;\n    transform:scale(.9);\n  }\n  50%{\n    opacity:.9;\n    transform:scale(1.15);\n  }\n}\n\n@keyframes roselleIcon{\n  0%,100%{\n    box-shadow:0 4px 12px rgba(7,63,50,.12);\n  }\n  50%{\n    box-shadow:\n      0 5px 18px rgba(7,63,50,.18),\n      0 0 12px rgba(189,141,56,.20);\n  }\n}\n\n@keyframes roselleSweep{\n  0%,65%{left:-40%}\n  100%{left:130%}\n}\n\n@keyframes roselleArrow{\n  0%,100%{transform:translateX(0)}\n  50%{transform:translateX(4px)}\n}\n\n\/* MOBILE *\/\n@media(max-width:480px){\n\n  .roselle-wrap{\n    padding:29px 12px;\n    border-radius:18px;\n  }\n\n  .roselle-title{\n    font-size:32px;\n  }\n\n  .roselle-tagline,\n  .roselle-copy{\n    font-size:14px;\n  }\n\n  .roselle-copy{\n    line-height:1.68;\n  }\n\n  .roselle-statement{\n    padding:18px 12px;\n    margin:22px auto;\n  }\n\n  .roselle-statement strong{\n    font-size:18px;\n  }\n\n  .roselle-heading{\n    font-size:21px;\n  }\n\n  .roselle-grid{\n    gap:8px;\n  }\n\n  .roselle-card{\n    padding:17px 7px;\n  }\n\n  .roselle-card strong{\n    font-size:14px;\n  }\n\n  .roselle-card span:not(.roselle-icon){\n    font-size:10.5px;\n  }\n\n  .roselle-transform strong{\n    font-size:16px;\n  }\n\n  .roselle-occasions{\n    font-size:9px;\n    line-height:1.7;\n  }\n\n  .roselle-close{\n    padding:22px 13px;\n  }\n\n  .roselle-close h3{\n    font-size:19px;\n  }\n}\n\n\/* SMALL PHONES *\/\n@media(max-width:350px){\n\n  .roselle-grid{\n    grid-template-columns:1fr;\n  }\n}\n\n\/* ACCESSIBILITY *\/\n@media(prefers-reduced-motion:reduce){\n\n  .roselle-wrap *,\n  .roselle-wrap:before{\n    animation:none!important;\n    transition:none!important;\n  }\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"roselle-sparkle\"\u003e✦\u003c\/div\u003e\n\n\u003cdiv class=\"roselle-eyebrow\"\u003e\n  MUSE \u0026amp; CO. STATEMENT COLLECTION\n\u003c\/div\u003e\n\n\u003ch2 class=\"roselle-title\"\u003e\n  Meet The\n  \u003cspan\u003eRoselle Earrings ❤️\u003c\/span\u003e\n\u003c\/h2\u003e\n\n\u003cp class=\"roselle-tagline\"\u003e\n  Bold colour. Sculptural beauty. Zero apologies.\n\u003c\/p\u003e\n\n\u003cdiv class=\"roselle-divider\"\u003e◇\u003c\/div\u003e\n\n\n\u003cp class=\"roselle-copy\"\u003e\n\n  Some accessories complete the outfit.\n  \u003cstrong\u003eRoselle becomes the outfit.\u003c\/strong\u003e ❤️\n  \u003cbr\u003e\u003cbr\u003e\n\n  With their rich crimson finish and sculptural,\n  petal-inspired silhouette, \u003cstrong\u003eThe Roselle Earrings\u003c\/strong\u003e\n  were made for the woman who isn't afraid to be noticed.\n  \u003cbr\u003e\u003cbr\u003e\n\n  Pair them with your favourite little black dress,\n  a crisp white shirt or a simple neutral look and let\n  Roselle do the talking. ✨\n\n\u003c\/p\u003e\n\n\n\u003cdiv class=\"roselle-statement\"\u003e\n\n  \u003cstrong\u003eFrom simple → statement. ❤️\u003c\/strong\u003e\n\n  \u003cspan\u003e\n    One bold detail can change the entire look.\n    Put Roselle on, sweep your hair back and suddenly\n    “just an outfit” becomes a moment.\n  \u003c\/span\u003e\n\n\u003c\/div\u003e\n\n\n\u003ch3 class=\"roselle-heading\"\u003e\n  Why Roselle hits different ✨\n\u003c\/h3\u003e\n\n\u003cp class=\"roselle-sub\"\u003e\n  Made for the days when subtle just isn't the mood.\n\u003c\/p\u003e\n\n\n\u003cdiv class=\"roselle-grid\"\u003e\n\n  \u003cdiv class=\"roselle-card\"\u003e\n\n    \u003cspan class=\"roselle-icon\"\u003e❤️\u003c\/span\u003e\n\n    \u003cstrong\u003eStatement Red\u003c\/strong\u003e\n\n    \u003cspan\u003e\n      Rich crimson tones instantly bring colour,\n      confidence and personality to your look.\n    \u003c\/span\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"roselle-card\"\u003e\n\n    \u003cspan class=\"roselle-icon\"\u003e✦\u003c\/span\u003e\n\n    \u003cstrong\u003eSculptural Design\u003c\/strong\u003e\n\n    \u003cspan\u003e\n      Flowing petal-inspired shapes create an artistic\n      silhouette that refuses to feel ordinary.\n    \u003c\/span\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"roselle-card\"\u003e\n\n    \u003cspan class=\"roselle-icon\"\u003e◇\u003c\/span\u003e\n\n    \u003cstrong\u003eInstant Outfit Upgrade\u003c\/strong\u003e\n\n    \u003cspan\u003e\n      Perfect when your outfit needs one striking\n      detail to pull everything together.\n    \u003c\/span\u003e\n\n  \u003c\/div\u003e\n\n\n  \u003cdiv class=\"roselle-card\"\u003e\n\n    \u003cspan class=\"roselle-icon\"\u003e💋\u003c\/span\u003e\n\n    \u003cstrong\u003eMade to Be Noticed\u003c\/strong\u003e\n\n    \u003cspan\u003e\n      Bold enough for nights out and occasions,\n      yet easy to pair with simple everyday pieces.\n    \u003c\/span\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"roselle-transform\"\u003e\n\n  \u003csmall\u003eTHE ROSELLE EFFECT\u003c\/small\u003e\n\n  \u003cstrong\u003e\n    Simple Outfit\n    \u003cspan class=\"roselle-arrow\"\u003e→\u003c\/span\u003e\n    Main-Character Energy ✨\n  \u003c\/strong\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"roselle-material\"\u003e\n\n  \u003cdiv class=\"roselle-material-icon\"\u003e\n    ◇\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"roselle-material-text\"\u003e\n\n    \u003cstrong\u003eAlloy Construction\u003c\/strong\u003e\n\n    \u003cspan\u003e\n      Crafted from alloy and shaped into Roselle's\n      distinctive sculptural floral design.\n    \u003c\/span\u003e\n\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"roselle-occasions\"\u003e\n\n  DATE NIGHT ❤️  • \n  DINNER ✨  • \n  GIRLS' NIGHT 💋  • \n  EVENTS 🥂  • \n  STATEMENT DAYS\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"roselle-close\"\u003e\n\n  \u003ch3\u003e\n    Wear the earrings people remember. ❤️\n  \u003c\/h3\u003e\n\n  \u003cp\u003e\n    From Joburg nights and Cape Town dinners to Durban\n    weekends and special occasions, Roselle was made for\n    \u003cstrong\u003eSouth African women who aren't afraid to stand out.\u003c\/strong\u003e\n    \u003cbr\u003e\u003cbr\u003e\n\n    Keep the rest of your jewellery minimal,\n    let your hair frame them — or sweep it back —\n    and give Roselle the attention she deserves.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"roselle-final\"\u003e\n    Not just an accessory. The statement. ✨\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\n\u003cdiv class=\"roselle-brand\"\u003e\n  MUSE \u0026amp; CO. · MADE TO BE NOTICED\n\u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Muse\u0026Co","offers":[{"title":"Default Title","offer_id":52842752966788,"sku":null,"price":169.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1028\/8126\/3748\/files\/Screenshot2026-09-18151031.png?v=1789737213","url":"https:\/\/www.musenco.co.za\/products\/the-roselle-earrings-2pc-set","provider":"Muse\u0026Co","version":"1.0","type":"link"}