{"product_id":"oraya™-aura-white-powder","title":"ORAYA™ Aura White Powder","description":"\u003c!-- =========================================================\n     ORAYA AURA WHITE\n     PREMIUM MOBILE-FIRST LANDING PAGE\n\n     VERSION\n     ---------------------------------------------------------\n     ✓ Fixed BRIGHTER \/ BEGINS \/ HERE visibility\n     ✓ BRIGHTER = ivory\n     ✓ BEGINS = champagne gold\n     ✓ HERE = ivory\n     ✓ No transparent headline text\n     ✓ No conflicting text stroke\n     ✓ Mobile-first\n     ✓ Premium animations\n     ✓ Scroll reveal animations\n     ✓ Product floating animation\n     ✓ Desktop product parallax\n     ✓ Mobile lifestyle swipe\n     ✓ Mobile sticky CTA\n     ✓ Reduced-motion support\n     ✓ Accessibility improvements\n     ✓ Large final CTA removed\n========================================================= --\u003e\n\u003csection class=\"oraya-x\" id=\"oraya-top\"\u003e\u003c!-- =======================================================\n       AMBIENT BACKGROUND\n  ======================================================== --\u003e\n\u003cdiv class=\"ox-noise\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ox-orb ox-orb-1\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ox-orb ox-orb-2\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!-- =======================================================\n       HERO\n  ======================================================== --\u003e\n\u003csection class=\"ox-hero\"\u003e\n\u003cdiv class=\"ox-hero-top\"\u003e\n\u003cdiv class=\"ox-brand\"\u003eORAYA\u003c\/div\u003e\n\u003cdiv class=\"ox-collection\"\u003eAURA WHITE\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ox-hero-main\"\u003e\n\u003c!-- HERO COPY --\u003e\n\u003cdiv class=\"ox-hero-copy\"\u003e\n\u003cdiv class=\"ox-kicker ox-reveal\"\u003eTHE DAILY WHITENING RITUAL\u003c\/div\u003e\n\u003c!--\n          IMPORTANT:\n          Each line has its own explicit colour.\n          This prevents the headline from becoming\n          dark or transparent against the black background.\n        --\u003e\n\u003ch1 class=\"ox-title ox-reveal\"\u003e\n\u003cspan class=\"ox-title-white\"\u003e BRIGHTER \u003c\/span\u003e \u003cspan class=\"ox-title-gold\"\u003e BEGINS \u003c\/span\u003e \u003cspan class=\"ox-title-white\"\u003e HERE. \u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"ox-hero-description ox-reveal\"\u003eA simple powder ritual designed to fit effortlessly into your everyday oral-care routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- ===================================================\n           PRODUCT\n      ==================================================== --\u003e\n\u003cdiv class=\"ox-product-zone\"\u003e\n\u003cdiv class=\"ox-product-ring\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ox-product-shadow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ox-spark ox-spark-1\"\u003e✦\u003c\/div\u003e\n\u003cdiv class=\"ox-spark ox-spark-2\"\u003e✧\u003c\/div\u003e\n\u003cdiv class=\"ox-spark ox-spark-3\"\u003e·\u003c\/div\u003e\n\u003c!--\n          REPLACE THIS WITH YOUR ACTUAL PRODUCT IMAGE\n        --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1026\/3884\/6228\/files\/oraya-purple-label-bottle-with-branded-box.png?v=1786975287\" alt=\"ORAYA Aura White Powder\" class=\"ox-product\" width=\"500\" height=\"500\" loading=\"eager\" decoding=\"async\"\u003e\n\u003c\/div\u003e\n\u003c!-- ===================================================\n           HERO CTA\n      ==================================================== --\u003e\n\u003cdiv class=\"ox-hero-bottom ox-reveal\"\u003e\n\u003ca href=\"#ox-ritual\" class=\"ox-main-button\"\u003e \u003cspan\u003e DISCOVER AURA WHITE \u003c\/span\u003e \u003ci\u003e ↗ \u003c\/i\u003e \u003c\/a\u003e\n\u003cdiv class=\"ox-scroll\"\u003e\n\u003cspan\u003e\u003c\/span\u003e SCROLL TO EXPLORE\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =======================================================\n       TRANSFORMATION\n  ======================================================== --\u003e\n\u003csection class=\"ox-transformation\"\u003e\n\u003cdiv class=\"ox-transform-heading ox-reveal\"\u003e\n\u003cspan\u003e EVERYDAY STAINS \u003c\/span\u003e\n\u003ch2\u003eYour smile sees \u003cem\u003eeverything.\u003c\/em\u003e\n\u003c\/h2\u003e\n\u003cp\u003eCoffee. Tea. Wine. Everyday habits. Your routine can leave its mark.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- TOOTH VISUAL --\u003e\n\u003cdiv class=\"ox-stain-visual\"\u003e\n\u003cdiv class=\"ox-stain-glow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ox-tooth\"\u003e\n\u003cdiv class=\"ox-tooth-shine\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ox-stain-label ox-label-left\"\u003eDAILY BUILD-UP\u003c\/div\u003e\n\u003cdiv class=\"ox-stain-label ox-label-right\"\u003eAURA WHITE\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ox-transform-copy ox-reveal\"\u003e\n\u003cdiv class=\"ox-transform-number\"\u003e01\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eRESET YOUR ROUTINE.\u003c\/h3\u003e\n\u003cp\u003eAdd Aura White to the ritual you already know. Dip. Brush. Rinse.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =======================================================\n       BENEFITS\n  ======================================================== --\u003e\n\u003csection class=\"ox-benefits\"\u003e\n\u003cdiv class=\"ox-section-head ox-reveal\"\u003e\n\u003cspan\u003e WHY AURA WHITE \u003c\/span\u003e\n\u003ch2\u003e\n\u003cspan\u003e More than \u003c\/span\u003e \u003cem\u003e white. \u003c\/em\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ox-benefit-stack\"\u003e\n\u003c!-- BENEFIT 01 --\u003e\n\u003carticle class=\"ox-benefit ox-reveal\"\u003e\n\u003cdiv class=\"ox-benefit-number\"\u003e01\u003c\/div\u003e\n\u003cdiv class=\"ox-benefit-icon\"\u003e✦\u003c\/div\u003e\n\u003ch3\u003eSurface \u003cstrong\u003e stain care. \u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003cp\u003eDesigned to help lift everyday surface stains associated with common foods and drinks.\u003c\/p\u003e\n\u003cdiv class=\"ox-benefit-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- BENEFIT 02 --\u003e\n\u003carticle class=\"ox-benefit ox-reveal\"\u003e\n\u003cdiv class=\"ox-benefit-number\"\u003e02\u003c\/div\u003e\n\u003cdiv class=\"ox-benefit-icon\"\u003e◇\u003c\/div\u003e\n\u003ch3\u003eA cleaner \u003cstrong\u003e feeling. \u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003cp\u003eTurn your normal brushing routine into a more intentional smile-care ritual.\u003c\/p\u003e\n\u003cdiv class=\"ox-benefit-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- BENEFIT 03 --\u003e\n\u003carticle class=\"ox-benefit ox-reveal\"\u003e\n\u003cdiv class=\"ox-benefit-number\"\u003e03\u003c\/div\u003e\n\u003cdiv class=\"ox-benefit-icon\"\u003e∿\u003c\/div\u003e\n\u003ch3\u003eFresh \u003cstrong\u003e confidence. \u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003cp\u003eFinish your routine feeling refreshed and ready to face whatever comes next.\u003c\/p\u003e\n\u003cdiv class=\"ox-benefit-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- BENEFIT 04 --\u003e\n\u003carticle class=\"ox-benefit ox-reveal\"\u003e\n\u003cdiv class=\"ox-benefit-number\"\u003e04\u003c\/div\u003e\n\u003cdiv class=\"ox-benefit-icon\"\u003e+\u003c\/div\u003e\n\u003ch3\u003eSimple \u003cstrong\u003e by design. \u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003cp\u003eNo complicated routine. Simply dip, brush and rinse.\u003c\/p\u003e\n\u003cdiv class=\"ox-benefit-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- BENEFIT 05 --\u003e\n\u003carticle class=\"ox-benefit ox-reveal\"\u003e\n\u003cdiv class=\"ox-benefit-number\"\u003e05\u003c\/div\u003e\n\u003cdiv class=\"ox-benefit-icon\"\u003e◎\u003c\/div\u003e\n\u003ch3\u003eTake it \u003cstrong\u003e anywhere. \u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003cp\u003eCompact packaging makes Aura White easy to take along on your next trip.\u003c\/p\u003e\n\u003cdiv class=\"ox-benefit-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- BENEFIT 06 --\u003e\n\u003carticle class=\"ox-benefit ox-reveal\"\u003e\n\u003cdiv class=\"ox-benefit-number\"\u003e06\u003c\/div\u003e\n\u003cdiv class=\"ox-benefit-icon\"\u003e∞\u003c\/div\u003e\n\u003ch3\u003eConfidence \u003cstrong\u003e every day. \u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003cp\u003eBecause feeling good about your smile shouldn't require a special occasion.\u003c\/p\u003e\n\u003cdiv class=\"ox-benefit-line\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =======================================================\n       LIFESTYLE\n  ======================================================== --\u003e\n\u003csection class=\"ox-lifestyle\"\u003e\n\u003cdiv class=\"ox-lifestyle-intro ox-reveal\"\u003e\n\u003cspan\u003e DESIGNED FOR REAL LIFE \u003c\/span\u003e\n\u003ch2\u003eYour smile \u003cem\u003e goes everywhere. \u003c\/em\u003e\n\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ox-lifestyle-track\"\u003e\n\u003c!-- COFFEE --\u003e\n\u003carticle class=\"ox-life-card ox-coffee\"\u003e\n\u003cdiv class=\"ox-life-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ox-life-content\"\u003e\n\u003cspan\u003e 01 \u003c\/span\u003e\n\u003cdiv class=\"ox-life-icon\"\u003e☕\u003c\/div\u003e\n\u003ch3\u003eTHE\u003cbr\u003eCOFFEE\u003cbr\u003ePEOPLE.\u003c\/h3\u003e\n\u003cp\u003eFor the daily cup that starts everything.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- WINE --\u003e\n\u003carticle class=\"ox-life-card ox-wine\"\u003e\n\u003cdiv class=\"ox-life-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ox-life-content\"\u003e\n\u003cspan\u003e 02 \u003c\/span\u003e\n\u003cdiv class=\"ox-life-icon\"\u003e◌\u003c\/div\u003e\n\u003ch3\u003eTHE\u003cbr\u003eWINE\u003cbr\u003ePEOPLE.\u003c\/h3\u003e\n\u003cp\u003eBecause your favourite ritual shouldn't define your smile.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- CAMERA --\u003e\n\u003carticle class=\"ox-life-card ox-camera\"\u003e\n\u003cdiv class=\"ox-life-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ox-life-content\"\u003e\n\u003cspan\u003e 03 \u003c\/span\u003e\n\u003cdiv class=\"ox-life-icon\"\u003e◉\u003c\/div\u003e\n\u003ch3\u003eALWAYS\u003cbr\u003eCAMERA\u003cbr\u003eREADY.\u003c\/h3\u003e\n\u003cp\u003eFor creators, influencers and everyday photo takers.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- WEDDING --\u003e\n\u003carticle class=\"ox-life-card ox-wedding\"\u003e\n\u003cdiv class=\"ox-life-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ox-life-content\"\u003e\n\u003cspan\u003e 04 \u003c\/span\u003e\n\u003cdiv class=\"ox-life-icon\"\u003e♢\u003c\/div\u003e\n\u003ch3\u003eBIG\u003cbr\u003eMOMENTS.\u003cbr\u003eBIG SMILES.\u003c\/h3\u003e\n\u003cp\u003eFor the moments worth remembering.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c!-- WORK --\u003e\n\u003carticle class=\"ox-life-card ox-work\"\u003e\n\u003cdiv class=\"ox-life-overlay\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"ox-life-content\"\u003e\n\u003cspan\u003e 05 \u003c\/span\u003e\n\u003cdiv class=\"ox-life-icon\"\u003e◇\u003c\/div\u003e\n\u003ch3\u003eSHOW UP\u003cbr\u003eWITH\u003cbr\u003eCONFIDENCE.\u003c\/h3\u003e\n\u003cp\u003eMeetings. Presentations. First impressions.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ox-swipe-hint\"\u003eSWIPE TO EXPLORE →\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =======================================================\n       THE RITUAL\n  ======================================================== --\u003e\n\u003csection class=\"ox-ritual\" id=\"ox-ritual\"\u003e\n\u003cdiv class=\"ox-ritual-product\"\u003e\n\u003cdiv class=\"ox-product-halo\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c!--\n        REPLACE THIS WITH YOUR ACTUAL PRODUCT IMAGE\n      --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1026\/3884\/6228\/files\/oraya-purple-label-bottle-with-branded-box.png?v=1786975287\" alt=\"ORAYA Aura White Powder\" width=\"500\" height=\"500\" loading=\"lazy\" decoding=\"async\"\u003e\n\u003cdiv class=\"ox-floating-pill ox-pill-1\"\u003eEASY\u003c\/div\u003e\n\u003cdiv class=\"ox-floating-pill ox-pill-2\"\u003eDAILY\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ox-ritual-copy\"\u003e\n\u003cspan\u003e THE ORAYA RITUAL \u003c\/span\u003e\n\u003ch2\u003eThree moves. \u003cem\u003e That's it. \u003c\/em\u003e\n\u003c\/h2\u003e\n\u003c!-- STEP 01 --\u003e\n\u003cdiv class=\"ox-step\"\u003e\n\u003cdiv class=\"ox-step-number\"\u003e01\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eDIP\u003c\/h3\u003e\n\u003cp\u003eLightly dip your toothbrush into the powder.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- STEP 02 --\u003e\n\u003cdiv class=\"ox-step\"\u003e\n\u003cdiv class=\"ox-step-number\"\u003e02\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eBRUSH\u003c\/h3\u003e\n\u003cp\u003eBrush gently as part of your normal routine.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- STEP 03 --\u003e\n\u003cdiv class=\"ox-step\"\u003e\n\u003cdiv class=\"ox-step-number\"\u003e03\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch3\u003eRINSE\u003c\/h3\u003e\n\u003cp\u003eRinse and get on with your day.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- =======================================================\n       MOBILE STICKY CTA\n\n       Large final CTA intentionally removed.\n  ======================================================== --\u003e\n\u003cdiv class=\"ox-sticky\"\u003e\n\u003cdiv class=\"ox-sticky-brand\"\u003e\n\u003cstrong\u003e ORAYA \u003c\/strong\u003e \u003csmall\u003e Aura White \u003c\/small\u003e\n\u003c\/div\u003e\n\u003ca href=\"#oraya-top\" class=\"ox-sticky-button\"\u003e SHOP NOW \u003cspan\u003e ↗ \u003c\/span\u003e \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cstyle\u003e\n\n\/* =========================================================\n   CORE VARIABLES\n========================================================= *\/\n\n.oraya-x {\n\n  --ox-black:#090909;\n\n  --ox-black-2:#111111;\n\n  --ox-white:#f8f8f5;\n\n  --ox-grey:#9b9b95;\n\n  --ox-pearl:#dcd9d0;\n\n  --ox-gold:#c9aa72;\n\n  --ox-gold-light:#d8bd86;\n\n  position:relative;\n\n  background:var(--ox-black);\n\n  color:var(--ox-white);\n\n  font-family:\n    Arial,\n    Helvetica,\n    sans-serif;\n\n  isolation:isolate;\n\n}\n\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n.oraya-x *,\n.oraya-x *::before,\n.oraya-x *::after {\n\n  box-sizing:border-box;\n\n}\n\n\n.oraya-x img {\n\n  display:block;\n\n  max-width:100%;\n\n}\n\n\n.oraya-x a {\n\n  text-decoration:none;\n\n}\n\n\n.oraya-x h1,\n.oraya-x h2,\n.oraya-x h3,\n.oraya-x p {\n\n  margin-top:0;\n\n}\n\n\n.oraya-x a {\n\n  -webkit-tap-highlight-color:transparent;\n\n}\n\n\n\/* =========================================================\n   AMBIENT BACKGROUND\n========================================================= *\/\n\n.ox-noise {\n\n  position:absolute;\n\n  inset:0;\n\n  pointer-events:none;\n\n  opacity:.025;\n\n  z-index:50;\n\n  background-image:\n    url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'\/%3E%3C\/svg%3E\");\n\n}\n\n\n.ox-orb {\n\n  position:absolute;\n\n  width:400px;\n\n  height:400px;\n\n  border-radius:50%;\n\n  filter:blur(100px);\n\n  pointer-events:none;\n\n  opacity:.18;\n\n  z-index:0;\n\n}\n\n\n.ox-orb-1 {\n\n  background:#d8c69d;\n\n  top:-150px;\n\n  right:-200px;\n\n}\n\n\n.ox-orb-2 {\n\n  background:#7b8b8e;\n\n  bottom:20%;\n\n  left:-250px;\n\n}\n\n\n\/* =========================================================\n   HERO\n========================================================= *\/\n\n.ox-hero {\n\n  position:relative;\n\n  overflow:hidden;\n\n  min-height:100svh;\n\n  background:\n    radial-gradient(\n      circle at 50% 50%,\n      #252521 0%,\n      #0b0b0a 55%,\n      #050505 100%\n    );\n\n  padding:\n    20px\n    20px\n    50px;\n\n}\n\n\n.ox-hero-top {\n\n  position:relative;\n\n  z-index:10;\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n}\n\n\n.ox-brand {\n\n  font-size:13px;\n\n  font-weight:700;\n\n  letter-spacing:5px;\n\n}\n\n\n.ox-collection {\n\n  color:#aaa89f;\n\n  font-size:8px;\n\n  letter-spacing:2px;\n\n}\n\n\n.ox-hero-main {\n\n  position:relative;\n\n  z-index:3;\n\n  min-height:\n    calc(100svh - 60px);\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:center;\n\n}\n\n\n.ox-hero-copy {\n\n  text-align:center;\n\n}\n\n\n\/* =========================================================\n   HERO KICKER\n========================================================= *\/\n\n.ox-kicker {\n\n  margin-bottom:18px;\n\n  color:var(--ox-gold);\n\n  font-size:8px;\n\n  font-weight:700;\n\n  letter-spacing:3px;\n\n}\n\n\n\/* =========================================================\n   HERO HEADLINE\n\n   IMPORTANT:\n   There is NO generic \".ox-title span\" colour rule.\n\n   Each line gets its own explicit colour.\n========================================================= *\/\n\n.ox-title {\n\n  margin:0;\n\n  font-family:\n    Georgia,\n    \"Times New Roman\",\n    serif;\n\n  font-size:\n    clamp(46px,13.5vw,85px);\n\n  font-weight:400;\n\n  line-height:.84;\n\n  letter-spacing:-3px;\n\n  text-align:center;\n\n  color:var(--ox-white);\n\n  opacity:1;\n\n}\n\n\n\/* BRIGHTER *\/\n\n.ox-title .ox-title-white {\n\n  display:block;\n\n  color:#f8f8f5 !important;\n\n  -webkit-text-fill-color:#f8f8f5;\n\n  -webkit-text-stroke:0;\n\n  text-shadow:\n    0 0 25px rgba(255,255,255,.06);\n\n}\n\n\n\/* BEGINS *\/\n\n.ox-title .ox-title-gold {\n\n  display:block;\n\n  color:#c9aa72 !important;\n\n  -webkit-text-fill-color:#c9aa72;\n\n  -webkit-text-stroke:0;\n\n  text-shadow:\n    0 0 30px rgba(201,170,114,.10);\n\n}\n\n\n\/* HERO DESCRIPTION *\/\n\n.ox-hero-description {\n\n  max-width:370px;\n\n  margin:\n    22px auto 0;\n\n  color:#a4a49e;\n\n  font-size:13px;\n\n  line-height:1.7;\n\n}\n\n\n\/* =========================================================\n   PRODUCT\n========================================================= *\/\n\n.ox-product-zone {\n\n  position:relative;\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  height:390px;\n\n}\n\n\n.ox-product-ring {\n\n  position:absolute;\n\n  width:260px;\n\n  height:260px;\n\n  border:\n    1px solid rgba(255,255,255,.12);\n\n  border-radius:50%;\n\n  animation:\n    oxRing 7s linear infinite;\n\n}\n\n\n.ox-product-ring::after {\n\n  content:\"\";\n\n  position:absolute;\n\n  inset:25px;\n\n  border:\n    1px solid rgba(201,170,114,.16);\n\n  border-radius:50%;\n\n}\n\n\n@keyframes oxRing {\n\n  to {\n\n    transform:rotate(360deg);\n\n  }\n\n}\n\n\n.ox-product-shadow {\n\n  position:absolute;\n\n  bottom:35px;\n\n  width:190px;\n\n  height:25px;\n\n  border-radius:50%;\n\n  background:#000;\n\n  filter:blur(20px);\n\n  opacity:.7;\n\n}\n\n\n.ox-product {\n\n  --ox-parallax-x:0px;\n\n  --ox-parallax-y:0px;\n\n  position:relative;\n\n  z-index:3;\n\n  width:min(250px,68vw);\n\n  filter:\n    drop-shadow(\n      0 35px 25px rgba(0,0,0,.7)\n    );\n\n  animation:\n    oxProductFloat 5s ease-in-out infinite;\n\n}\n\n\n@keyframes oxProductFloat {\n\n  0%,\n  100% {\n\n    transform:\n      translate3d(\n        var(--ox-parallax-x),\n        var(--ox-parallax-y),\n        0\n      )\n      translateY(0)\n      rotate(0deg);\n\n  }\n\n  50% {\n\n    transform:\n      translate3d(\n        var(--ox-parallax-x),\n        var(--ox-parallax-y),\n        0\n      )\n      translateY(-15px)\n      rotate(1.5deg);\n\n  }\n\n}\n\n\n\/* =========================================================\n   SPARKS\n========================================================= *\/\n\n.ox-spark {\n\n  position:absolute;\n\n  z-index:4;\n\n  color:var(--ox-gold-light);\n\n  animation:\n    oxSpark 3s ease-in-out infinite;\n\n}\n\n\n.ox-spark-1 {\n\n  top:20%;\n\n  right:17%;\n\n}\n\n\n.ox-spark-2 {\n\n  bottom:25%;\n\n  left:14%;\n\n  animation-delay:1s;\n\n}\n\n\n.ox-spark-3 {\n\n  top:35%;\n\n  left:20%;\n\n  animation-delay:2s;\n\n}\n\n\n@keyframes oxSpark {\n\n  0%,\n  100% {\n\n    opacity:.2;\n\n    transform:scale(.8);\n\n  }\n\n  50% {\n\n    opacity:1;\n\n    transform:scale(1.3);\n\n  }\n\n}\n\n\n\/* =========================================================\n   HERO BUTTON\n========================================================= *\/\n\n.ox-hero-bottom {\n\n  text-align:center;\n\n}\n\n\n.ox-main-button {\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  width:100%;\n\n  max-width:430px;\n\n  min-height:58px;\n\n  margin:auto;\n\n  padding:\n    0 10px\n    0 22px;\n\n  border:\n    1px solid rgba(255,255,255,.18);\n\n  border-radius:100px;\n\n  background:\n    rgba(255,255,255,.06);\n\n  color:#fff;\n\n  backdrop-filter:blur(10px);\n\n  -webkit-backdrop-filter:blur(10px);\n\n  font-size:10px;\n\n  font-weight:700;\n\n  letter-spacing:1.5px;\n\n  transition:\n    transform .3s ease,\n    background .3s ease,\n    border-color .3s ease;\n\n}\n\n\n.ox-main-button i {\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  width:40px;\n\n  height:40px;\n\n  flex:0 0 40px;\n\n  border-radius:50%;\n\n  background:#f4f1e9;\n\n  color:#111;\n\n  font-size:16px;\n\n  font-style:normal;\n\n}\n\n\n.ox-main-button:active {\n\n  transform:scale(.97);\n\n}\n\n\n.ox-main-button:focus-visible {\n\n  outline:\n    2px solid var(--ox-gold);\n\n  outline-offset:4px;\n\n}\n\n\n.ox-scroll {\n\n  margin-top:18px;\n\n  color:#9a978e;\n\n  font-size:7px;\n\n  letter-spacing:2px;\n\n}\n\n\n.ox-scroll span {\n\n  display:inline-block;\n\n  width:20px;\n\n  height:1px;\n\n  margin-right:8px;\n\n  background:#9a978e;\n\n  vertical-align:middle;\n\n}\n\n\n\/* =========================================================\n   TRANSFORMATION\n========================================================= *\/\n\n.ox-transformation {\n\n  overflow:hidden;\n\n  background:#f1eee7;\n\n  color:#121210;\n\n  padding:\n    90px 20px;\n\n}\n\n\n.ox-transform-heading {\n\n  max-width:450px;\n\n  margin:auto;\n\n  text-align:center;\n\n}\n\n\n.ox-transform-heading \u003e span {\n\n  color:#9d8153;\n\n  font-size:8px;\n\n  font-weight:700;\n\n  letter-spacing:3px;\n\n}\n\n\n.ox-transform-heading h2 {\n\n  margin:\n    15px 0;\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size:\n    clamp(42px,11vw,70px);\n\n  font-weight:400;\n\n  line-height:.9;\n\n  letter-spacing:-2px;\n\n}\n\n\n.ox-transform-heading h2 em {\n\n  color:#9c7e4e;\n\n}\n\n\n.ox-transform-heading p {\n\n  color:#77756f;\n\n  font-size:13px;\n\n  line-height:1.7;\n\n}\n\n\n\/* =========================================================\n   TOOTH\n========================================================= *\/\n\n.ox-stain-visual {\n\n  position:relative;\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  height:340px;\n\n  margin:\n    40px auto;\n\n}\n\n\n.ox-stain-glow {\n\n  position:absolute;\n\n  width:280px;\n\n  height:280px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      white,\n      rgba(220,214,201,.3),\n      transparent\n    );\n\n  animation:\n    oxGlow 4s ease-in-out infinite;\n\n}\n\n\n@keyframes oxGlow {\n\n  0%,\n  100% {\n\n    transform:scale(.92);\n\n  }\n\n  50% {\n\n    transform:scale(1.08);\n\n  }\n\n}\n\n\n.ox-tooth {\n\n  position:relative;\n\n  z-index:2;\n\n  width:170px;\n\n  height:200px;\n\n  overflow:hidden;\n\n  border-radius:\n    48% 48% 42% 42% \/\n    42% 42% 58% 58%;\n\n  background:\n    linear-gradient(\n      140deg,\n      #fff,\n      #e5e0d5\n    );\n\n  box-shadow:\n    inset -15px -15px 30px rgba(0,0,0,.08),\n    0 30px 60px rgba(0,0,0,.12);\n\n  transform:rotate(-8deg);\n\n}\n\n\n.ox-tooth::before {\n\n  content:\"\";\n\n  position:absolute;\n\n  left:25px;\n\n  top:30px;\n\n  width:70px;\n\n  height:130px;\n\n  border-radius:50%;\n\n  background:\n    rgba(180,140,80,.17);\n\n  filter:blur(12px);\n\n  animation:\n    oxClean 4s ease-in-out infinite;\n\n}\n\n\n@keyframes oxClean {\n\n  0%,\n  100% {\n\n    opacity:.8;\n\n  }\n\n  50% {\n\n    opacity:.05;\n\n  }\n\n}\n\n\n.ox-tooth-shine {\n\n  position:absolute;\n\n  left:90px;\n\n  top:20px;\n\n  width:25px;\n\n  height:130px;\n\n  background:\n    rgba(255,255,255,.8);\n\n  transform:rotate(20deg);\n\n  filter:blur(8px);\n\n}\n\n\n.ox-stain-label {\n\n  position:absolute;\n\n  color:#6f6a60;\n\n  font-size:7px;\n\n  letter-spacing:2px;\n\n}\n\n\n.ox-label-left {\n\n  top:35%;\n\n  left:0;\n\n}\n\n\n.ox-label-right {\n\n  right:0;\n\n  bottom:35%;\n\n  color:#80683f;\n\n}\n\n\n.ox-transform-copy {\n\n  display:flex;\n\n  gap:20px;\n\n  max-width:400px;\n\n  margin:auto;\n\n  padding-top:25px;\n\n  border-top:\n    1px solid rgba(0,0,0,.12);\n\n}\n\n\n.ox-transform-number {\n\n  color:#b79a68;\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size:35px;\n\n}\n\n\n.ox-transform-copy h3 {\n\n  margin:\n    0 0 10px;\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size:30px;\n\n  line-height:.9;\n\n}\n\n\n.ox-transform-copy p {\n\n  color:#66645f;\n\n  font-size:12px;\n\n  line-height:1.6;\n\n}\n\n\n\/* =========================================================\n   BENEFITS\n========================================================= *\/\n\n.ox-benefits {\n\n  overflow:hidden;\n\n  padding:\n    90px 20px;\n\n  background:#0b0b0a;\n\n}\n\n\n.ox-section-head {\n\n  margin-bottom:50px;\n\n  text-align:center;\n\n}\n\n\n.ox-section-head \u003e span {\n\n  color:#b79863;\n\n  font-size:8px;\n\n  font-weight:700;\n\n  letter-spacing:3px;\n\n}\n\n\n.ox-section-head h2 {\n\n  margin-top:15px;\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size:\n    clamp(43px,11vw,70px);\n\n  font-weight:400;\n\n  line-height:.9;\n\n  letter-spacing:-2px;\n\n}\n\n\n\/*\n  IMPORTANT FIX:\n\n  Both \"More than\" and \"white.\"\n  are explicitly champagne gold.\n*\/\n\n.ox-section-head h2 \u003e span,\n.ox-section-head h2 \u003e em {\n\n  color:#c9aa72 !important;\n\n  -webkit-text-fill-color:#c9aa72;\n\n}\n\n\n.ox-section-head h2 \u003e em {\n\n  font-style:italic;\n\n}\n\n\n.ox-benefit-stack {\n\n  max-width:700px;\n\n  margin:auto;\n\n}\n\n\n.ox-benefit {\n\n  position:relative;\n\n  min-height:300px;\n\n  overflow:hidden;\n\n  padding:\n    35px 25px;\n\n  border-top:\n    1px solid rgba(255,255,255,.1);\n\n}\n\n\n.ox-benefit-number {\n\n  position:absolute;\n\n  top:10px;\n\n  right:0;\n\n  color:\n    rgba(255,255,255,.10);\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size:70px;\n\n}\n\n\n.ox-benefit-icon {\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  width:45px;\n\n  height:45px;\n\n  margin-bottom:25px;\n\n  border:\n    1px solid rgba(201,170,114,.25);\n\n  border-radius:50%;\n\n  background:\n    rgba(201,170,114,.1);\n\n  color:#c9aa72;\n\n}\n\n\n.ox-benefit h3 {\n\n  max-width:300px;\n\n  margin:0;\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size:31px;\n\n  font-weight:400;\n\n  line-height:.95;\n\n}\n\n\n.ox-benefit h3 strong {\n\n  display:block;\n\n  color:#b89a68;\n\n  font-style:italic;\n\n  font-weight:400;\n\n}\n\n\n.ox-benefit p {\n\n  max-width:350px;\n\n  margin-top:15px;\n\n  color:#7e7d77;\n\n  font-size:13px;\n\n  line-height:1.7;\n\n}\n\n\n.ox-benefit-line {\n\n  position:absolute;\n\n  bottom:0;\n\n  left:0;\n\n  width:0;\n\n  height:1px;\n\n  background:#b89a68;\n\n  transition:\n    width 1s ease;\n\n}\n\n\n.ox-benefit.visible .ox-benefit-line {\n\n  width:100%;\n\n}\n\n\n\/* =========================================================\n   LIFESTYLE\n========================================================= *\/\n\n.ox-lifestyle {\n\n  overflow:hidden;\n\n  background:#e9e5dc;\n\n  color:#111;\n\n  padding:\n    90px 0;\n\n}\n\n\n.ox-lifestyle-intro {\n\n  margin-bottom:40px;\n\n  padding:\n    0 20px;\n\n}\n\n\n.ox-lifestyle-intro \u003e span {\n\n  color:#9b7e50;\n\n  font-size:8px;\n\n  font-weight:700;\n\n  letter-spacing:3px;\n\n}\n\n\n.ox-lifestyle-intro h2 {\n\n  max-width:500px;\n\n  margin-top:15px;\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size:\n    clamp(45px,12vw,75px);\n\n  font-weight:400;\n\n  line-height:.85;\n\n  letter-spacing:-3px;\n\n}\n\n\n.ox-lifestyle-intro em {\n\n  color:#987b4d;\n\n}\n\n\n.ox-lifestyle-track {\n  display: flex;\n  gap: 12px;\n\n  width: 100%;\n  overflow-x: auto;\n  overflow-y: hidden;\n\n  padding: 0 20px 15px;\n\n  scroll-snap-type: x mandatory;\n  scroll-behavior: smooth;\n\n  -webkit-overflow-scrolling: touch;\n  overscroll-behavior-x: contain;\n\n  scrollbar-width: none;\n\n  touch-action: pan-x;\n}\n\n.ox-lifestyle-track::-webkit-scrollbar {\n  display: none;\n}\n\n.ox-life-card {\n  position: relative;\n\n  flex: 0 0 78vw;\n  width: 78vw;\n  max-width: 330px;\n\n  height: 430px;\n\n  scroll-snap-align: start;\n  scroll-snap-stop: always;\n\n  overflow: hidden;\n  border-radius: 22px;\n}\n\n\n\n\n\/* =========================================================\n   LIFESTYLE CARD BACKGROUNDS\n========================================================= *\/\n\n.ox-coffee {\n\n  background:\n    linear-gradient(\n      145deg,\n      #70563c,\n      #17120e\n    );\n\n}\n\n\n.ox-wine {\n\n  background:\n    linear-gradient(\n      145deg,\n      #552c35,\n      #11090b\n    );\n\n}\n\n\n.ox-camera {\n\n  background:\n    linear-gradient(\n      145deg,\n      #47525b,\n      #101316\n    );\n\n}\n\n\n.ox-wedding {\n\n  background:\n    linear-gradient(\n      145deg,\n      #b5a48f,\n      #3c362e\n    );\n\n}\n\n\n.ox-work {\n\n  background:\n    linear-gradient(\n      145deg,\n      #333c3b,\n      #101313\n    );\n\n}\n\n\n\/* CARD OVERLAY *\/\n\n.ox-life-overlay {\n\n  position:absolute;\n\n  inset:0;\n\n  background:\n    linear-gradient(\n      to top,\n      rgba(0,0,0,.85),\n      rgba(0,0,0,.25)\n    );\n\n}\n\n\n.ox-life-content {\n\n  position:absolute;\n\n  inset:0;\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:flex-end;\n\n  padding:25px;\n\n  color:#fff;\n\n}\n\n\n.ox-life-content \u003e span {\n\n  position:absolute;\n\n  top:22px;\n\n  right:22px;\n\n  opacity:1;\n\n  font-size:8px;\n\n  letter-spacing:2px;\n\n}\n\n\n.ox-life-icon {\n\n  margin-bottom:20px;\n\n  font-size:27px;\n\n}\n\n\n.ox-life-content h3 {\n\n  margin:0;\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size:36px;\n\n  font-weight:400;\n\n  line-height:.82;\n\n  letter-spacing:-1px;\n\n}\n\n\n.ox-life-content p {\n\n  max-width:220px;\n\n  margin:\n    15px 0 0;\n\n  color:#c7c5be;\n\n  font-size:11px;\n\n  line-height:1.6;\n\n}\n\n\n.ox-swipe-hint {\n\n  padding:20px;\n\n  color:#66635d;\n\n  text-align:center;\n\n  font-size:7px;\n\n  letter-spacing:2px;\n\n}\n\n\n\/* =========================================================\n   RITUAL\n========================================================= *\/\n\n.ox-ritual {\n\n  overflow:hidden;\n\n  background:#f1eee7;\n\n  color:#111;\n\n  padding:\n    90px 20px;\n\n}\n\n\n.ox-ritual-product {\n\n  position:relative;\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  height:390px;\n\n  margin-bottom:55px;\n\n  overflow:hidden;\n\n  border-radius:25px;\n\n  background:\n    radial-gradient(\n      circle,\n      #fff,\n      #e2ddd2\n    );\n\n}\n\n\n.ox-product-halo {\n\n  position:absolute;\n\n  width:260px;\n\n  height:260px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle,\n      white,\n      transparent 70%\n    );\n\n  animation:\n    oxHalo 5s ease-in-out infinite;\n\n}\n\n\n@keyframes oxHalo {\n\n  0%,\n  100% {\n\n    transform:scale(.95);\n\n    opacity:.7;\n\n  }\n\n  50% {\n\n    transform:scale(1.08);\n\n    opacity:1;\n\n  }\n\n}\n\n\n.ox-ritual-product img {\n\n  position:relative;\n\n  z-index:2;\n\n  width:240px;\n\n  filter:\n    drop-shadow(\n      0 30px 20px rgba(0,0,0,.2)\n    );\n\n  animation:\n    oxProductFloat 5s ease-in-out infinite;\n\n}\n\n\n.ox-floating-pill {\n\n  position:absolute;\n\n  z-index:4;\n\n  padding:\n    9px 14px;\n\n  border-radius:100px;\n\n  background:\n    rgba(255,255,255,.75);\n\n  box-shadow:\n    0 10px 30px rgba(0,0,0,.08);\n\n  backdrop-filter:blur(10px);\n\n  -webkit-backdrop-filter:blur(10px);\n\n  font-size:7px;\n\n  letter-spacing:2px;\n\n}\n\n\n.ox-pill-1 {\n\n  top:25%;\n\n  right:5%;\n\n}\n\n\n.ox-pill-2 {\n\n  bottom:25%;\n\n  left:5%;\n\n}\n\n\n.ox-ritual-copy \u003e span {\n\n  color:#987b4d;\n\n  font-size:8px;\n\n  font-weight:700;\n\n  letter-spacing:3px;\n\n}\n\n\n.ox-ritual-copy h2 {\n\n  margin:\n    15px 0 45px;\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size:\n    clamp(45px,12vw,70px);\n\n  font-weight:400;\n\n  line-height:.85;\n\n  letter-spacing:-2px;\n\n}\n\n\n.ox-ritual-copy h2 em {\n\n  color:#9c7f50;\n\n}\n\n\n.ox-step {\n\n  display:flex;\n\n  gap:18px;\n\n  margin-bottom:25px;\n\n  padding-bottom:25px;\n\n  border-bottom:\n    1px solid rgba(0,0,0,.1);\n\n}\n\n\n.ox-step-number {\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  width:43px;\n\n  height:43px;\n\n  flex:\n    0 0 43px;\n\n  border-radius:50%;\n\n  background:#111;\n\n  color:#fff;\n\n  font-family:\n    Georgia,\n    serif;\n\n  font-size:12px;\n\n}\n\n\n.ox-step h3 {\n\n  margin:\n    0 0 7px;\n\n  font-size:12px;\n\n  letter-spacing:2px;\n\n}\n\n\n.ox-step p {\n\n  margin:0;\n\n  color:#77746d;\n\n  font-size:12px;\n\n  line-height:1.6;\n\n}\n\n\n\/* =========================================================\n   MOBILE STICKY CTA\n========================================================= *\/\n\n.ox-sticky {\n\n  position:fixed;\n\n  z-index:9999;\n\n  right:0;\n\n  bottom:0;\n\n  left:0;\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  gap:15px;\n\n  padding:\n    9px\n    15px\n    max(\n      9px,\n      env(safe-area-inset-bottom)\n    );\n\n  border-top:\n    1px solid rgba(255,255,255,.1);\n\n  background:\n    rgba(12,12,11,.92);\n\n  backdrop-filter:blur(18px);\n\n  -webkit-backdrop-filter:blur(18px);\n\n}\n\n\n.ox-sticky-brand {\n\n  display:flex;\n\n  min-width:0;\n\n  flex-direction:column;\n\n}\n\n\n.ox-sticky strong {\n\n  font-size:11px;\n\n  letter-spacing:2px;\n\n}\n\n\n.ox-sticky small {\n\n  margin-top:2px;\n\n  color:#85847d;\n\n  font-size:8px;\n\n}\n\n\n.ox-sticky-button {\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:center;\n\n  gap:8px;\n\n  min-height:42px;\n\n  padding:\n    0 17px;\n\n  border-radius:100px;\n\n  background:#f1eee7;\n\n  color:#111;\n\n  font-size:9px;\n\n  font-weight:700;\n\n  letter-spacing:1px;\n\n  transition:\n    transform .25s ease;\n\n}\n\n\n.ox-sticky-button:active {\n\n  transform:scale(.96);\n\n}\n\n\n.ox-sticky-button:focus-visible {\n\n  outline:\n    2px solid var(--ox-gold);\n\n  outline-offset:3px;\n\n}\n\n\n.ox-sticky-button span {\n\n  font-size:13px;\n\n}\n\n\n\/* =========================================================\n   SCROLL REVEAL\n========================================================= *\/\n\n.ox-reveal {\n\n  opacity:1;\n\n  transform:\n    translateY(35px);\n\n  transition:\n    opacity .9s cubic-bezier(.2,.8,.2,1),\n    transform .9s cubic-bezier(.2,.8,.2,1);\n\n}\n\n\n.ox-reveal.visible {\n\n  opacity:1;\n\n  transform:\n    translateY(0);\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (min-width:650px) {\n\n  .ox-hero {\n\n    padding-left:40px;\n\n    padding-right:40px;\n\n  }\n\n\n  .ox-benefits,\n  .ox-transformation,\n  .ox-ritual {\n\n    padding-left:40px;\n\n    padding-right:40px;\n\n  }\n\n\n  .ox-benefit-stack {\n\n    display:grid;\n\n    grid-template-columns:\n      repeat(2,1fr);\n\n  }\n\n\n  .ox-benefit {\n\n    border-right:\n      1px solid rgba(255,255,255,.08);\n\n  }\n\n\n  .ox-life-card {\n\n    flex-basis:330px;\n\n  }\n\n}\n\n\n\/* =========================================================\n   DESKTOP\n========================================================= *\/\n\n@media (min-width:1000px) {\n\n  .ox-hero {\n\n    min-height:900px;\n\n    padding:\n      30px\n      70px\n      70px;\n\n  }\n\n\n  .ox-hero-main {\n\n    display:grid;\n\n    grid-template-columns:\n      1fr 1.1fr;\n\n    grid-template-rows:\n      1fr auto;\n\n    column-gap:70px;\n\n  }\n\n\n  .ox-hero-copy {\n\n    align-self:center;\n\n    text-align:left;\n\n  }\n\n\n  .ox-title {\n\n    font-size:\n      clamp(70px,7vw,110px);\n\n    text-align:left;\n\n  }\n\n\n  .ox-hero-description {\n\n    margin-left:0;\n\n  }\n\n\n  .ox-product-zone {\n\n    grid-column:2;\n\n    grid-row:1 \/ 3;\n\n    height:700px;\n\n  }\n\n\n  .ox-product {\n\n    width:400px;\n\n  }\n\n\n  .ox-product-ring {\n\n    width:500px;\n\n    height:500px;\n\n  }\n\n\n  .ox-hero-bottom {\n\n    text-align:left;\n\n  }\n\n\n  .ox-main-button {\n\n    margin:0;\n\n  }\n\n\n  .ox-transform-heading {\n\n    margin-left:0;\n\n    text-align:left;\n\n  }\n\n\n  .ox-stain-visual {\n\n    height:500px;\n\n  }\n\n\n  .ox-benefits {\n\n    padding:\n      140px 70px;\n\n  }\n\n\n  .ox-benefit-stack {\n\n    max-width:1100px;\n\n    grid-template-columns:\n      repeat(3,1fr);\n\n  }\n\n\n  .ox-benefit {\n\n    min-height:330px;\n\n  }\n\n\n  .ox-lifestyle {\n\n    padding:\n      140px 0;\n\n  }\n\n\n  .ox-lifestyle-intro {\n\n    padding-left:70px;\n\n  }\n\n\n  .ox-lifestyle-track {\n\n    padding-left:70px;\n\n  }\n\n\n  .ox-life-card {\n\n    flex-basis:360px;\n\n    height:520px;\n\n  }\n\n\n  .ox-ritual {\n\n    display:grid;\n\n    align-items:center;\n\n    grid-template-columns:\n      1fr 1fr;\n\n    gap:100px;\n\n    padding:\n      140px 70px;\n\n  }\n\n\n  .ox-ritual-product {\n\n    height:600px;\n\n    margin:0;\n\n  }\n\n\n  .ox-ritual-product img {\n\n    width:350px;\n\n  }\n\n\n  .ox-sticky {\n\n    display:none;\n\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width:380px) {\n\n  .ox-hero {\n\n    padding-left:16px;\n\n    padding-right:16px;\n\n  }\n\n\n  .ox-title {\n\n    font-size:46px;\n\n    letter-spacing:-2.5px;\n\n  }\n\n\n  .ox-product-zone {\n\n    height:350px;\n\n  }\n\n\n  .ox-product {\n\n    width:220px;\n\n  }\n\n\n  .ox-main-button {\n\n    min-height:54px;\n\n  }\n\n\n  .ox-life-card {\n\n    flex-basis:84vw;\n\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media (prefers-reduced-motion:reduce) {\n\n  .oraya-x *,\n  .oraya-x *::before,\n  .oraya-x *::after {\n\n    animation:none !important;\n\n    transition:none !important;\n\n    scroll-behavior:auto !important;\n\n  }\n\n\n  .ox-reveal {\n\n    opacity:1 !important;\n\n    transform:none !important;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   LIFESTYLE SLIDER — TEXT VISIBILITY FIX\n   Only forces the slider text to remain visible over the\n   dark card backgrounds.\n========================================================= *\/\n\n.oraya-x .ox-life-content h3,\n.oraya-x .ox-life-content h3 *,\n.oraya-x .ox-life-content p,\n.oraya-x .ox-life-content \u003e span,\n.oraya-x .ox-life-icon {\n  color:#fff !important;\n  -webkit-text-fill-color:#fff !important;\n  opacity:1 !important;\n}\n\n\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"My Store","offers":[{"title":"Default Title","offer_id":53673710682388,"sku":null,"price":349.99,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1026\/3884\/6228\/files\/F945782C-E76A-4483-8112-B6514C57D513.jpg?v=1791206323","url":"https:\/\/oraya.co.za\/products\/oraya%e2%84%a2-aura-white-powder","provider":"ORAYA","version":"1.0","type":"link"}