body{background:#fbf7f0}.site-header{height:72px;background:rgba(25,15,10,.86);border-bottom:1px solid rgba(255,255,255,.14);color:#fff}.site-header .brand-mark{border-color:#efa66c;color:#efa66c}.site-header nav a:hover{color:#f3a469}.site-header .nav-cta{border-color:#f3a469;color:#fff}.menu span{background:currentColor}.hero{height:calc(100svh - 102px);min-height:580px;background:#1d120d}.campaign-slide{display:block;background:#1d120d}.campaign-slide:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(15,8,4,.2),transparent 20%,transparent 80%,rgba(15,8,4,.18)),linear-gradient(0deg,rgba(15,8,4,.34),transparent 22%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.campaign-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.008);transition:transform 8s cubic-bezier(.2,.7,.2,1),filter .8s ease;filter:saturate(.96) contrast(1.02)}.campaign-slide.active .campaign-art{transform:scale(1.035)}.hero-hotspot{position:absolute;z-index:4;left:50%;bottom:2rem;transform:translateX(-50%);display:inline-flex;align-items:center;gap:2.2rem;padding:.95rem 1.25rem;background:rgba(22,12,7,.82);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(12px);color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.18em;font-size:.62rem;transition:.25s}.hero-hotspot:hover{background:#fff;color:#241a15;transform:translate(-50%,-3px)}.carousel-controls{left:auto;right:2.5rem;transform:none;bottom:2rem;gap:.75rem}.carousel-controls .arrow{background:rgba(22,12,7,.72);border-color:rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(10px)}.dots button{background:rgba(255,255,255,.45)}.dots button.active{background:#fff}.slide-count{right:auto;left:2.5rem;bottom:2.15rem;color:#fff}.hero+.marquee{background:#20120c;color:#fff;border-color:#4e2c1d}.hero+.marquee span{color:#ef7b33}.story-card{aspect-ratio:4/5;overflow:hidden;background:#d56825}.story-card img{height:100%;aspect-ratio:auto;object-fit:cover;object-position:60% center;transform:scale(1.45)}.story-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(31,16,8,.35),transparent 45%)}.story-card span{z-index:2;background:rgba(130,55,20,.88);backdrop-filter:blur(8px)}.ritual-image{position:relative}.ritual-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(33,18,10,.22))}.ritual-image img{object-position:66% center;transform:scale(1.28)}.benefits{background:#efe4d4}.product-stage{background:radial-gradient(circle at 50% 40%,#ffd4ac,#d66a28 64%,#783016)}.voices{background:linear-gradient(135deg,#f2d8bd,#f7ecde)}.cta{background:radial-gradient(circle at 50% 30%,#f18a46,#c94f12 60%,#7d2b0d)}
@media(max-width:900px){.site-header.open nav{top:72px;background:rgba(25,15,10,.97)}.hero{height:calc(100svh - 102px);min-height:610px}.campaign-1 .campaign-art,.campaign-2 .campaign-art{object-position:64% center}.campaign-3 .campaign-art{object-position:73% center}.campaign-4 .campaign-art{object-position:66% center}.campaign-5 .campaign-art{object-position:63% center}.campaign-slide:after{background:linear-gradient(0deg,rgba(17,8,4,.48),transparent 32%),linear-gradient(90deg,rgba(17,8,4,.1),transparent 30%)}.hero-hotspot{left:1.2rem;bottom:1.2rem;transform:none}.hero-hotspot:hover{transform:translateY(-3px)}.carousel-controls{right:1.2rem;bottom:1.2rem}.story-card img{object-position:63% center;transform:scale(1.6)}.ritual-image img{object-position:69% center;transform:scale(1.5)}}
@media(max-width:600px){.hero{height:72svh;min-height:560px}.campaign-1 .campaign-art,.campaign-2 .campaign-art,.campaign-5 .campaign-art{object-position:72% center}.campaign-3 .campaign-art{object-position:78% center}.campaign-4 .campaign-art{object-position:70% center}.hero-hotspot{bottom:4.6rem;left:1rem;font-size:.56rem;padding:.8rem 1rem}.carousel-controls{left:1rem;right:auto;bottom:1rem}.slide-count{display:block;left:auto;right:1rem;bottom:1.15rem}.story-card{aspect-ratio:3/4}.ritual-image{min-height:560px}}

@media(min-width:901px){.hero{width:100%;height:auto;min-height:0;aspect-ratio:1672/941;max-height:none}}

.scroll-progress{position:fixed;left:0;right:0;top:0;height:2px;z-index:99;background:transparent}.scroll-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#ff9b50,#ffe2b5);transform:scaleX(0);transform-origin:left;will-change:transform}.site-header{transition:height .35s ease,background .35s ease,box-shadow .35s ease}.scrolled .site-header{background:rgba(25,15,10,.94);box-shadow:0 14px 45px rgba(35,16,6,.18)}.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;left:0;right:0;bottom:-.55rem;height:1px;background:#efa66c;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{transform:scaleX(1);transform-origin:left}.hero-hotspot,.button,.arrow{will-change:transform}.hero-hotspot span,.button span{transition:transform .25s ease}.hero-hotspot:hover span,.button:hover span{transform:translate(3px,-3px)}.campaign-art{will-change:transform}.campaign-slide.active .campaign-art{animation:campaign-breathe 8s ease-out both}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.revealed{opacity:1;transform:none}.ingredient-list article{transition:background .3s ease,padding .3s ease}.ingredient-list article:hover{background:linear-gradient(90deg,rgba(255,255,255,.08),transparent);padding-left:1.25rem;padding-right:1.25rem}.ingredient-list article:hover .symbol{background:#fff;color:#8d3d1d;transform:rotate(8deg)}.symbol{transition:transform .3s ease,background .3s ease,color .3s ease}.interactive-product{--rx:0deg;--ry:0deg;--mx:50%;--my:50%;perspective:1200px;isolation:isolate;background:#e9c3a1;overflow:hidden}.interactive-product:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.25),transparent 25%);mix-blend-mode:screen}.product-shot{width:100%!important;height:100%;object-fit:cover;position:absolute;inset:0;z-index:1!important;transform:rotateX(var(--rx)) rotateY(var(--ry)) scale(1.025);transition:transform .18s ease-out;filter:none!important}.product-aura{position:absolute;z-index:2;inset:12%;border:1px solid rgba(255,255,255,.5);border-radius:50%;transform:translateZ(20px);pointer-events:none;box-shadow:0 0 70px rgba(255,180,104,.25)}.accordion summary span{transition:transform .3s ease}.accordion details[open] summary span{transform:rotate(45deg)}.accordion details p{animation:faq-in .35s ease both}.story-card img,.ritual-image img{transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .8s ease}.story-card:hover img{transform:scale(1.52);filter:saturate(1.06)}.ritual-image:hover img{transform:scale(1.34);filter:saturate(1.05)}
@keyframes campaign-breathe{from{transform:scale(1.008)}to{transform:scale(1.035)}}@keyframes faq-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(max-width:900px){.reveal{transform:translateY(18px)}.interactive-product{min-height:480px}.product-shot{object-position:center}.story-card:hover img{transform:scale(1.6)}.ritual-image:hover img{transform:scale(1.5)}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.campaign-slide.active .campaign-art{animation:none}.product-shot{transform:none}.story-card:hover img,.ritual-image:hover img{transform:none}}

/* Bright orange + golden KOJIQ palette */
:root{--orange:#ff6b00;--orange2:#ff9a3d;--cream:#fff4df;--paper:#fffdf8;--bronze:#f07800;--ink:#27211c;--muted:#75675c;--line:rgba(190,112,18,.22)}
body{background:linear-gradient(180deg,#fffdf8,#fff9ee)}
.announcement{background:linear-gradient(90deg,#ff6b00,#ff8f1f);color:#fff7df}
.site-header{background:rgba(255,250,239,.9);color:#35271e;border-bottom:1px solid rgba(222,155,46,.28);box-shadow:0 10px 35px rgba(219,140,25,.08)}
.scrolled .site-header{background:rgba(255,250,239,.97);box-shadow:0 14px 45px rgba(219,140,25,.14)}
.site-header .brand-mark{border-color:#e4a52c;color:#ff6b00;background:#fff8e9}
.site-header nav a:hover,.site-header .nav-cta{color:#e95f00}.site-header .nav-cta{border-color:#eda638}.site-header nav a:after{background:linear-gradient(90deg,#ff6b00,#eeb645)}
.hero{background:#fff1d5}.campaign-slide{background:#fff1d5}.campaign-slide:after{background:linear-gradient(0deg,rgba(255,119,0,.14),transparent 22%),linear-gradient(90deg,rgba(255,196,81,.08),transparent 24%,transparent 78%,rgba(255,145,23,.1));box-shadow:inset 0 0 0 1px rgba(255,213,119,.42)}
.hero-hotspot{background:linear-gradient(135deg,#ff6b00,#f6aa2d);border-color:rgba(255,255,255,.75);box-shadow:0 12px 30px rgba(239,112,8,.26);color:#fff}.hero-hotspot:hover{background:#fff;color:#e85d00}
.carousel-controls .arrow{background:rgba(255,248,231,.92);border-color:#efb750;color:#e86200}.dots button{background:rgba(255,255,255,.7);box-shadow:0 0 0 1px rgba(212,125,13,.3)}.dots button.active{background:#ff6b00}.slide-count{color:#fff;text-shadow:0 1px 8px rgba(128,68,8,.38)}
.hero+.marquee{background:linear-gradient(90deg,#ff6900,#ff941f,#f4b63c);color:#fff;border-color:#ffd17c}.hero+.marquee span{color:#fff4bf}
.benefits{background:linear-gradient(135deg,#fff8e8,#ffecca)}
.ingredients{background:linear-gradient(135deg,#ff6b00 0%,#ff8a16 52%,#f2b53f 100%)}.ingredients-head .eyebrow,.ingredient-list .index{color:#fff5bf}.ingredients-head>p:last-child,.ingredient-list p{color:#fff7e6}.ingredient-list article{border-color:rgba(255,255,255,.42)}.ingredient-list article:last-child{border-color:rgba(255,255,255,.42)}.ingredient-list article:hover{background:linear-gradient(90deg,rgba(255,255,255,.18),transparent)}.ingredient-list article:hover .symbol{color:#f16b00}.symbol{border-color:rgba(255,255,255,.65)}
.product-stage,.interactive-product{background:linear-gradient(145deg,#fff0ca,#ffd37c)}.product-aura{border-color:rgba(255,255,255,.72);box-shadow:0 0 80px rgba(255,173,40,.3)}
.story-card{background:#ff9a2f}.story-card span{background:linear-gradient(135deg,#ff6b00,#edaa2f)}
.ritual{background:linear-gradient(135deg,#fff9ec,#ffedcc)}
.voices{background:linear-gradient(135deg,#fff2d7,#ffd993)}
.cta{background:radial-gradient(circle at 50% 22%,#ffc856,#ff8a15 45%,#ff6700 88%)}
footer{background:linear-gradient(135deg,#ff6b00,#ee9c21);color:#fff}footer h3{color:#fff1ba}footer p{color:#fff8e8}footer form{border-color:rgba(255,255,255,.55)}.legal{border-color:rgba(255,255,255,.3)}
@media(max-width:900px){.site-header.open nav{background:rgba(255,250,239,.99)}.menu span{background:#ed6900}.campaign-slide:after{background:linear-gradient(0deg,rgba(255,112,0,.22),transparent 36%)}}

/* Live hero typography over text-free, art-directed imagery */
.hero-live-copy{position:absolute;z-index:4;left:6.5%;top:50%;width:min(38%,36rem);transform:translateY(-50%);color:#2c211a;text-shadow:0 1px 18px rgba(255,255,255,.28)}.hero-live-copy.copy-right{left:auto;right:6.5%}.hero-live-copy .eyebrow{margin:0 0 1.1rem;color:#eb6900}.hero-live-copy h1,.hero-live-copy h2{font:400 clamp(2.8rem,4.6vw,5.8rem)/.94 Georgia,'Times New Roman',serif;letter-spacing:-.055em;margin:0}.hero-live-copy h1 em,.hero-live-copy h2 em{color:#f06a00;font-weight:400}.hero-live-copy>p:not(.eyebrow){max-width:29rem;margin:1.5rem 0 1.7rem;color:#64564d;font-size:clamp(.9rem,1.1vw,1.08rem)}.hero-live-copy .hero-hotspot{position:static;transform:none;display:inline-flex}.hero-live-copy .hero-hotspot:hover{transform:translateY(-3px)}
@media(max-width:900px){.campaign-art{object-position:center}.campaign-1 .campaign-art,.campaign-2 .campaign-art,.campaign-5 .campaign-art{object-position:64% center}.campaign-3 .campaign-art{object-position:50% center}.campaign-4 .campaign-art{object-position:36% center}.hero-live-copy,.hero-live-copy.copy-right{left:1rem;right:1rem;top:auto;bottom:4.7rem;width:auto;transform:none;padding:1.15rem 1.15rem 1.1rem;border:1px solid rgba(255,184,66,.35);background:linear-gradient(135deg,rgba(255,253,246,.94),rgba(255,244,220,.88));box-shadow:0 16px 45px rgba(171,94,12,.12);backdrop-filter:blur(12px)}.hero-live-copy h1,.hero-live-copy h2{font-size:clamp(2rem,7vw,3.35rem);line-height:.98}.hero-live-copy>p:not(.eyebrow){margin:.8rem 0 1rem;max-width:38rem}.hero-live-copy .eyebrow{margin-bottom:.55rem}.hero-live-copy .hero-hotspot{font-size:.55rem;padding:.75rem .9rem}}
@media(max-width:600px){.hero{height:78svh;min-height:650px}.hero-live-copy,.hero-live-copy.copy-right{bottom:5rem}.hero-live-copy h1,.hero-live-copy h2{font-size:clamp(1.85rem,9vw,2.65rem)}.hero-live-copy>p:not(.eyebrow){font-size:.78rem;line-height:1.45}.campaign-1 .campaign-art,.campaign-2 .campaign-art,.campaign-5 .campaign-art{object-position:68% center}.campaign-3 .campaign-art{object-position:50% center}.campaign-4 .campaign-art{object-position:32% center}}

/* Purpose-built portrait imagery: preserve native section ratios without artificial zoom. */
.story-card img{object-position:center;transform:none}
.ritual-image img{object-position:center;transform:none}
.story-card:hover img{transform:scale(1.025)}
.ritual-image:hover img{transform:scale(1.02)}
@media(max-width:900px){.story-card img,.ritual-image img{object-position:center;transform:none}.story-card:hover img,.ritual-image:hover img{transform:none}}