/* HARMONIQ / Living flavour laboratory */
:root{--ink:#142b25;--cream:#fff8e8;--paper:#fffdf7;--red:#f06472;--green:#70d365;--lime:#cdf348;--yellow:#ffdc3b;--pink:#ff94be;--orange:#ffa365;--purple:#7950c5;--lav:#e4d6ff;--blue:#42b7de;--mint:#80dcb2;--muted:#475d53;--max:1320px;--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.55 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #1469b5;outline-offset:5px}[hidden]{display:none!important}.wrap{width:min(var(--max),calc(100% - 80px));margin-inline:auto}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{font-weight:900}h1,h2{font-family:"Arial Black",Arial,Helvetica,sans-serif;letter-spacing:-.065em;line-height:.96}p{margin-block:0 1.1em}.skip{position:fixed;left:16px;top:-100px;z-index:100;background:var(--cream);padding:12px;border:2px solid var(--ink)}.skip:focus{top:12px}
.site-header{position:fixed;z-index:50;inset:0 0 auto;background:var(--cream);border-bottom:2px solid var(--ink)}.site-header.home-header{background:var(--green)}.nav{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:15px}.logo,.footer-brand{font-family:"Arial Black",Arial,sans-serif;display:inline-flex;align-items:baseline;font-weight:900;letter-spacing:-.075em;color:var(--red);line-height:1;white-space:nowrap}.logo{font-size:32px;transition:font-size .25s var(--ease)}.logo b,.footer-brand b{font-size:1.22em;color:#1167b5;letter-spacing:-.08em;text-shadow:2px 2px 0 var(--cream)}.home-header .logo{font-size:clamp(40px,4.5vw,68px)}.home-header.scrolled .logo{font-size:32px}.site-header.scrolled{background:var(--cream)}.nav-links{display:flex;align-items:center;gap:22px;font-weight:800;font-size:14px}.nav-links a{padding-block:10px}.nav-links a[aria-current=page]{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:7px}.nav-links a:hover{color:#8b1333}.nav-cta{padding:10px 18px!important;background:var(--ink);color:var(--cream);border-radius:999px;box-shadow:3px 3px var(--yellow)}.nav-links .nav-cta:hover{color:var(--yellow)}.menu{display:none;border:2px solid var(--ink);background:var(--yellow);width:48px;height:48px;border-radius:50%;font-size:24px}
.pill,.mini-label{display:inline-block;padding:9px 15px;border:2px solid var(--ink);border-radius:999px;background:var(--yellow);font-size:13px;line-height:1.3;font-weight:900;letter-spacing:.06em;text-transform:uppercase;transform:rotate(-2deg);max-width:100%}.mini-label.purple{background:var(--purple);color:white}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 24px;border:2px solid var(--ink);border-radius:999px;font-weight:800;box-shadow:4px 5px var(--ink);transition:translate .18s var(--ease),box-shadow .18s;background:var(--cream);text-align:center}.btn:hover{translate:2px 2px;box-shadow:2px 3px var(--ink)}.btn.red{background:var(--red);color:var(--ink)}.btn.ink{background:var(--ink);color:var(--cream)}.btn.yellow{background:var(--yellow)}.scribble-link{font-weight:800;border-bottom:2px solid currentColor;padding-block:10px 3px}.actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-top:28px}
.brand-hero{position:relative;padding-top:142px;background:var(--green);overflow:clip;border-bottom:3px solid var(--ink)}.hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:center;min-height:640px;padding-bottom:40px}.hero-copy{position:relative;z-index:3;padding-block:35px}.hero-heading{font-size:clamp(64px,7vw,108px);margin:30px 0 25px;text-transform:uppercase;line-height:.9}.hero-heading span{display:block;color:var(--red);text-shadow:3px 3px var(--cream);rotate:-2deg}.hero-copy>p{font-size:19px;font-weight:650;max-width:470px}.hero-cans{position:relative;height:580px;isolation:isolate}.hero-cans:before{content:"";position:absolute;inset:30px -90px 50px 20px;background:var(--yellow);border:3px solid var(--ink);border-radius:43% 57% 65% 35%/46% 41% 59% 54%;rotate:12deg;z-index:-1;box-shadow:10px 10px var(--ink)}.hero-can{position:absolute;width:auto;object-fit:contain;filter:drop-shadow(0 18px 12px #142b2530);animation:float 6s ease-in-out infinite}.hc-cherry{height:54%;left:0;top:24%;rotate:-17deg}.hc-apple{height:73%;left:22%;top:4%;rotate:-5deg;z-index:2;animation-delay:-1.3s}.hc-lychee{height:58%;right:14%;top:29%;rotate:10deg;z-index:3;animation-delay:-2.5s}.hc-passion{height:62%;right:-4%;top:9%;rotate:20deg;animation-delay:-3s}.hc-lime{display:none}.pop-note{position:absolute;z-index:4;display:grid;place-items:center;text-align:center;width:116px;height:116px;padding:12px;border:2px solid var(--ink);background:var(--pink);box-shadow:5px 6px var(--ink);border-radius:44% 56% 42% 58%/60% 46% 54% 40%;font-weight:900;line-height:1.1;text-transform:uppercase}.hero-cans .note-top{right:5%;top:-7px;rotate:9deg}.hero-cans .note-bottom{left:4%;bottom:8%;background:var(--blue);rotate:-9deg}.ticker{position:relative;height:70px;display:flex;align-items:center;overflow:hidden;white-space:nowrap;border-block:2px solid var(--ink);background:linear-gradient(110deg,var(--pink) 0 25%,var(--yellow) 25% 48%,var(--blue) 48% 73%,var(--mint) 73%);color:var(--ink)}.ticker div{font-size:19px;font-weight:900;letter-spacing:.04em;word-spacing:.65em;animation:ticker 35s linear infinite}
.section{padding:100px 0}.section-head{display:grid;grid-template-columns:180px minmax(0,1.4fr) minmax(200px,.7fr);gap:32px;align-items:start;margin-bottom:64px}.section-head .mini-label{justify-self:start}.section-head h2,.big-heading{font-size:clamp(42px,5.5vw,78px);text-transform:uppercase;margin:0}.section-head h2 span,.big-heading span{color:var(--red)}.section-head p{font-size:17px;margin:5px 0 0}.flavour-party{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px;padding-block:25px 30px}.flavour-item{position:relative;text-align:center;isolation:isolate;min-width:0}.flavour-item:before{content:"";position:absolute;inset:30px -5px auto;height:280px;border:2px solid var(--ink);border-radius:46% 54% 35% 65%/60% 40% 60% 40%;box-shadow:5px 6px var(--ink);z-index:-1;rotate:-8deg;transition:rotate .3s var(--ease)}.flavour-item:nth-child(1):before{background:var(--pink)}.flavour-item:nth-child(2):before{background:var(--lime);border-radius:59% 41% 63% 37%/42% 65% 35% 58%;rotate:6deg}.flavour-item:nth-child(3):before{background:var(--orange);border-radius:38% 62% 45% 55%/62% 38% 62% 38%}.flavour-item:nth-child(4):before{background:var(--yellow);rotate:10deg}.flavour-item:nth-child(5):before{background:var(--mint);border-radius:60% 40% 40% 60%/46% 50% 50% 54%}.flavour-item img{height:335px;width:100%;object-fit:contain;filter:drop-shadow(0 14px 9px #142b2533);transition:translate .3s var(--ease),rotate .3s var(--ease);rotate:-5deg}.flavour-item:nth-child(even) img{rotate:6deg}.flavour-item:hover img{translate:0 -10px;rotate:0deg}.flavour-item:hover:before{rotate:0deg}.flavour-item h3{font-size:20px;line-height:1.1;letter-spacing:-.03em;text-transform:uppercase;margin:28px 0 8px}.flavour-item p{font-size:15px;line-height:1.4;margin:0}
.feature{position:relative;overflow:clip;border-block:2px solid var(--ink);isolation:isolate}.feature-grid{min-height:730px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding-block:65px}.feature h2{font-size:clamp(55px,7vw,102px);text-transform:uppercase;margin:28px 0}.feature p{font-size:19px;max-width:520px}.apple-feature{background:linear-gradient(128deg,var(--lime) 0 57%,var(--blue) 57% 73%,var(--pink) 73%)}.apple-feature .feature-copy{z-index:4}.apple-label{background:var(--cream);font-size:12px}.apple-graffiti{position:absolute;z-index:-1;bottom:-.1em;left:-1%;font-size:clamp(100px,20vw,290px);font-weight:900;line-height:1;white-space:nowrap;color:transparent;-webkit-text-stroke:2px #142b2529;rotate:-5deg}.feature-visual{position:relative;min-width:0;height:560px;display:grid;place-items:center;isolation:isolate}.feature-disc{position:absolute;width:92%;aspect-ratio:1;background:var(--red);border:3px solid var(--ink);box-shadow:10px 12px var(--ink);border-radius:43% 57% 52% 48%/56% 43% 57% 44%;rotate:-5deg;z-index:-1}.feature-visual img{position:relative;height:78%;width:70%;object-fit:contain;filter:drop-shadow(0 22px 12px #142b253d)}.apple-orbit img{--zoom:1;height:76%;width:62%;transform:rotate(-5deg) scale(var(--zoom));transition:transform .15s linear;z-index:2}.apple-orbit .feature-disc:after{content:"";position:absolute;inset:9%;border:2px dashed var(--cream);border-radius:50%}.orbit-copy{position:absolute;inset:0;z-index:3;pointer-events:none}.orbit-copy span{--phase:0deg;position:absolute;left:50%;top:50%;width:92px;height:92px;margin:-46px;display:grid;place-items:center;text-align:center;padding:13px;border:2px solid var(--ink);box-shadow:4px 5px var(--ink);border-radius:47% 53% 36% 64%/61% 40% 60% 39%;background:var(--cream);font-size:13px;font-weight:900;line-height:1.15;animation:label-orbit 26s linear infinite;--radius:242px}.orbit-copy span:nth-child(1){--phase:25deg;background:var(--blue)}.orbit-copy span:nth-child(2){--phase:115deg;background:var(--pink);border-radius:40% 60% 56% 44%/42% 48% 52% 58%}.orbit-copy span:nth-child(3){--phase:205deg;background:var(--cream);width:106px;height:96px;margin:-48px -53px}.orbit-copy span:nth-child(4){--phase:295deg;background:var(--yellow)}.sticker{position:absolute;z-index:5;display:grid;place-items:center;text-align:center;width:116px;height:116px;padding:10px;border:2px solid var(--ink);border-radius:47% 53% 52% 48%/44% 50% 50% 56%;background:var(--yellow);box-shadow:5px 6px var(--ink);font-weight:900;text-transform:uppercase;line-height:1.1;rotate:-9deg;left:0;bottom:4%}.relax-feature{background:var(--lav)}.relax-feature .feature-disc{background:var(--blue);border-radius:60% 40% 51% 49%/40% 60% 40% 60%}.relax-feature .feature-visual img{animation:relax-drift 8s ease-in-out infinite;height:86%}
.moments{background:var(--blue)}.moment-cloud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding-block:10px 20px}.moment{display:grid;place-items:center;text-align:center;border:2px solid var(--ink);box-shadow:6px 7px var(--ink);border-radius:46% 54% 38% 62%/58% 43% 57% 42%;min-height:230px;padding:30px 16px;background:var(--yellow);rotate:-4deg;transition:rotate .2s}.moment:nth-child(2){background:var(--pink);rotate:4deg}.moment:nth-child(3){background:var(--cream);rotate:-3deg}.moment:nth-child(4){background:var(--lav);rotate:5deg}.moment:hover{rotate:0deg}.moment strong{font-size:36px;letter-spacing:-.05em;line-height:1}.moment small{display:block;font-weight:700;font-size:14px;margin-top:12px}
.trade{background:var(--red);color:var(--ink)}.trade-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.trade h2{font-size:clamp(45px,6vw,80px);text-transform:uppercase;margin:28px 0 0}.trade p{font-size:20px}
.page-hero{position:relative;padding:170px 0 90px;background:var(--yellow);border-bottom:2px solid var(--ink);overflow:clip}.page-hero h1{font-size:clamp(56px,8.2vw,118px);text-transform:uppercase;margin:30px 0}.page-hero h1 i{font-style:normal;color:var(--red);text-shadow:3px 3px var(--cream)}.page-hero .lead{font-size:20px;max-width:740px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.page-can{height:520px;width:100%;object-fit:contain;filter:drop-shadow(0 24px 15px #142b2533)}.active-hero{background:var(--lime)}.relax-hero{background:var(--lav)}.relax-hero .page-can{animation:relax-drift 8s ease-in-out infinite}.low-hero{background:var(--blue)}
.facts-band{display:flex;gap:24px;justify-content:center;background:var(--cream);padding:40px max(30px,calc((100% - 1320px)/2))}.fact{flex:1;padding:22px 30px;background:var(--yellow);border:2px solid var(--ink);border-radius:48% 52% 43% 57%/36% 53% 47% 64%;text-align:center}.fact:nth-child(2){background:var(--pink)}.fact:nth-child(3){background:var(--mint)}.fact b{display:block;font-size:22px;line-height:1.2;margin-bottom:9px}.fact span{font-size:15px}
.organic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.organic-card{padding:36px;border:2px solid var(--ink);box-shadow:5px 6px var(--ink);border-radius:34px 65px 38px 45px;background:var(--mint)}.organic-card:nth-child(2n){background:var(--yellow);border-radius:55px 32px 65px 32px}.organic-card:nth-child(3n){background:var(--pink)}.organic-card h3{font-size:24px;line-height:1.2;text-transform:uppercase;margin:0 0 16px}.organic-card p{margin:0}
.low-facts{background:var(--cream);padding:10px 0 30px}.fact-stickers{display:flex;justify-content:center;gap:20px;padding-top:25px}.fact-stickers article{flex:1;min-height:170px;padding:34px;display:flex;flex-direction:column;justify-content:center;border:2px solid var(--ink);box-shadow:6px 6px var(--ink);border-radius:42% 58% 51% 49%/35% 42% 58% 65%;background:var(--pink);rotate:-3deg}.fact-stickers article:nth-of-type(2){background:var(--yellow);rotate:3deg}.fact-stickers article:nth-of-type(3){background:var(--mint);rotate:-2deg}.fact-stickers b{font-size:24px;line-height:1.1}.fact-stickers small{font-size:15px;margin-top:10px}.facts-note{display:none}.low-range{overflow:clip;background:var(--paper)}.duo-stage{position:relative;min-height:770px;display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(115deg,var(--lime) 0 49%,var(--lav) 49%);border-block:2px solid var(--ink);isolation:isolate}.duo-side{position:relative;min-width:0;padding:35px 32px;display:flex;flex-direction:column;align-items:center;z-index:2}.duo-side img{height:480px;width:85%;object-fit:contain;margin:28px 0 24px;filter:drop-shadow(0 22px 14px #142b253d);rotate:8deg;transition:rotate .3s,translate .3s}.duo-relax img{rotate:-8deg}.duo-side:hover img{rotate:0deg;translate:0 -8px}.duo-label{align-self:flex-start;border:2px solid var(--ink);border-radius:999px;padding:9px 16px;background:var(--yellow);font-size:13px;font-weight:900;rotate:-3deg}.duo-relax .duo-label{align-self:flex-end;background:var(--purple);color:white;rotate:3deg}.duo-copy{align-self:flex-start;max-width:330px}.duo-relax .duo-copy{align-self:flex-end;text-align:right}.duo-copy h3{font-size:30px;text-transform:uppercase;margin:0 0 10px}.duo-copy p{margin:0}.duo-word{position:absolute;z-index:0;top:30%;font-size:clamp(70px,11vw,160px);font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:2px #142b252e;letter-spacing:-.06em}.active-word{left:0;rotate:-8deg}.relax-word{right:0;rotate:8deg}.duo-stamp{position:absolute;left:50%;top:56%;translate:-50% -50%;width:145px;height:145px;border:2px solid var(--ink);background:var(--yellow);box-shadow:5px 5px var(--ink);border-radius:43% 57% 35% 65%/56% 43% 57% 44%;display:grid;place-items:center;text-align:center;font-weight:900;font-size:15px;line-height:1.2;rotate:-7deg;z-index:4}
.lab-section,.formula-section{position:relative;background:#b8e6ef;color:var(--ink);overflow:clip;padding-block:90px;isolation:isolate}.lab-grid{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.lab-grid span{position:absolute;font:italic 700 clamp(40px,6vw,96px)/1.2 "Comic Sans MS","Trebuchet MS",sans-serif;letter-spacing:-.04em;color:#246a7850;white-space:nowrap;rotate:-10deg}.lab-grid span:nth-child(1){top:3%;left:-2%}.lab-grid span:nth-child(2){top:24%;right:-3%;rotate:13deg}.lab-grid span:nth-child(3){top:50%;left:-5%;rotate:-14deg}.lab-grid span:nth-child(4){top:75%;right:-2%;rotate:7deg}.lab-grid span:nth-child(5){bottom:2%;left:12%;rotate:4deg}.lab-grid span:nth-child(6){top:8%;right:3%;font-size:70px;rotate:12deg}.lab-grid span:nth-child(7){top:42%;left:44%;font-size:55px;rotate:8deg}.lab-grid span:nth-child(8){top:66%;left:42%;font-size:60px;rotate:-8deg}.lab-heading{display:grid;grid-template-columns:1fr auto;gap:16px 35px;align-items:start}.lab-heading .mini-label{justify-self:start}.lab-heading h2{grid-column:1;font-size:clamp(45px,6.5vw,90px);margin:12px 0 0;text-transform:uppercase}.lab-heading h2 span{color:var(--red)}.lab-heading>p{grid-column:2;grid-row:2;font-size:17px;max-width:320px;background:#b8e6efdc;padding:10px}.formula-switch{grid-column:2;grid-row:1;display:flex;gap:4px;justify-self:end;padding:5px;border:2px solid var(--ink);border-radius:999px;background:var(--cream)}.formula-switch button{border:0;border-radius:999px;padding:11px 22px;background:transparent;color:var(--ink);font-weight:900;min-height:44px}.formula-switch button.active{background:var(--ink);color:var(--cream)}.formula-board{position:relative;min-height:970px;margin-top:40px}.formula-can{position:absolute;left:50%;top:46%;translate:-50% -50%;width:310px;height:580px;display:grid;place-items:center;z-index:3}.formula-can img{position:relative;height:530px;width:85%;object-fit:contain;filter:drop-shadow(0 20px 14px #142b253b)}.formula-can b{position:absolute;bottom:-14px;left:50%;translate:-50% 0;min-width:150px;padding:15px 30px;border:2px solid var(--ink);background:var(--yellow);box-shadow:4px 5px var(--ink);border-radius:50%;text-align:center;rotate:-6deg;font-size:20px}.formula-ring{position:absolute;width:420px;aspect-ratio:1;background:var(--cream);border:2px solid var(--ink);box-shadow:8px 10px var(--blue);border-radius:48% 52% 38% 62%/54% 37% 63% 46%;rotate:9deg;z-index:-1}.lab-ingredient{position:absolute;z-index:4;width:290px;min-height:265px;padding:25px 29px 29px;text-align:center;isolation:isolate}.lab-ingredient:before{content:"";position:absolute;inset:0;border:2px solid var(--ink);box-shadow:6px 7px var(--ink);background:var(--mint);border-radius:38% 62% 44% 56%/58% 38% 62% 42%;z-index:-1;rotate:-6deg}.lab-ingredient h3{font-size:23px;text-transform:uppercase;line-height:1.1;margin:2px 0 10px;letter-spacing:-.04em}.lab-ingredient>p{margin:0;font-size:15px;line-height:1.45}.lab-ingredient i{font-size:14px;font-style:normal;font-weight:700}.ingredient-art{display:block;width:130px;height:115px;object-fit:contain;margin:-6px auto 8px;transition:translate .25s var(--ease),rotate .25s var(--ease)}.lab-ingredient:hover .ingredient-art{translate:0 -7px;rotate:5deg}.lab-ingredient details{margin-top:12px;font-size:14px;line-height:1.45}.lab-ingredient summary{cursor:pointer;font-weight:800;text-decoration:underline;text-underline-offset:4px;list-style:none}.lab-ingredient summary:after{content:" +";font-size:18px}.lab-ingredient details[open] summary:after{content:" −"}.lab-ingredient details[open]{background:var(--cream);padding:12px;border:1px solid var(--ink);border-radius:15px;text-align:left}.lab-ingredient details p{margin:10px 0 0}.mushroom{left:0;top:1%}.caffeine{right:0;top:2%}.caffeine:before{background:var(--orange);border-radius:63% 37% 47% 53%/45% 58% 42% 55%;rotate:6deg}.magnesium{left:0;top:48%}.magnesium:before{background:var(--blue);border-radius:41% 59% 66% 34%/54% 42% 58% 46%;rotate:5deg}.vitamins{right:0;top:49%}.vitamins:before{background:var(--lav);border-radius:54% 46% 37% 63%/36% 65% 35% 64%;rotate:-6deg}.amino{left:50%;bottom:0;translate:-50% 0}.amino:before{background:var(--pink);border-radius:61% 39% 56% 44%/47% 54% 46% 53%;rotate:3deg}.lab-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.lab-lines path{fill:none;stroke:#377881;stroke-width:3;stroke-dasharray:10 12;vector-effect:non-scaling-stroke}.is-relax .formula-ring{background:var(--lav);box-shadow:8px 10px var(--purple)}.is-relax .formula-can b{background:var(--lav)}.is-relax .lab-lines{display:none}.is-relax .amino{bottom:8%}.spec-stamp{max-width:820px;margin:45px auto 0;padding:20px 24px;background:var(--cream);border:2px solid var(--ink);border-radius:20px;font-size:14px;line-height:1.5}.lab-note{display:none}.ingredient-teaser{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;align-items:center}.ingredient-teaser article{text-align:center}.ingredient-teaser img{height:170px;width:100%;object-fit:contain}.ingredient-teaser h3{font-size:24px}.ingredient-teaser .teaser-can img{height:400px}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:75px;align-items:start}.copy h2{font-size:clamp(40px,5vw,70px);text-transform:uppercase;margin:25px 0}.copy p{font-size:18px;color:var(--muted)}.panel{position:relative;background:var(--paper);border:2px solid var(--ink);border-radius:32px;padding:36px;box-shadow:8px 9px var(--ink)}.panel h3{font-size:24px;line-height:1.2}.form{display:grid;gap:20px}.form.two{grid-template-columns:1fr 1fr}.field{display:grid;gap:8px;min-width:0}.field.full{grid-column:1/-1}.field label{font-size:14px;font-weight:800}.field input,.field select,.field textarea{width:100%;min-height:52px;padding:13px 15px;border:2px solid var(--ink);border-radius:12px;background:white}.field textarea{min-height:150px;resize:vertical}.privacy-note{font-size:14px;color:var(--muted);margin:0}.privacy-note a{text-decoration:underline}.success{padding:16px;background:#def5ad;border:2px solid var(--ink);border-radius:10px;overflow-wrap:anywhere}.form-sticker{position:absolute;right:-12px;top:-35px;width:86px;height:86px;border:2px solid var(--ink);border-radius:40% 60% 50% 50%;display:grid;place-items:center;text-align:center;background:var(--pink);font-weight:900;line-height:1.1;rotate:10deg;box-shadow:4px 5px var(--ink)}.copy-inquiry{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;padding:10px;min-height:44px;font-weight:700}.copy-fallback{width:100%;min-height:160px}
.founder-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:center}.founder-art{position:relative;padding-bottom:35px}.founder-character{position:relative;overflow:hidden;border:2px solid var(--ink);border-radius:48% 52% 43% 57%/38% 47% 53% 62%;background:var(--blue);box-shadow:10px 12px var(--ink);height:680px;width:100%;cursor:pointer;padding:0}.founder-character img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;transition:opacity .12s;mix-blend-mode:normal}.founder-wink{opacity:0}.founder-character.is-winking .founder-rest{opacity:0}.founder-character.is-winking .founder-wink{opacity:1}.phd-stack{position:absolute;z-index:6;left:-24px;top:80px;display:grid;gap:6px}.phd-stack b{width:63px;height:63px;border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:28px;box-shadow:4px 4px var(--ink);background:var(--pink);rotate:-8deg}.phd-stack b:nth-child(2){background:var(--blue);rotate:8deg}.phd-stack b:nth-child(3){background:var(--red);color:var(--cream);rotate:-5deg}.founder-sticker{position:absolute;z-index:5;right:-20px;bottom:70px;width:130px;height:130px;padding:12px;border:2px solid var(--ink);border-radius:47% 53% 40% 60%;display:grid;place-items:center;text-align:center;background:var(--yellow);box-shadow:5px 6px var(--ink);font-weight:900;line-height:1.2;text-transform:uppercase;rotate:-8deg}.wink-prompt{position:absolute;left:20%;bottom:0;padding:12px 18px;border:2px solid var(--ink);border-radius:999px;background:var(--pink);box-shadow:4px 4px var(--ink);font-size:13px;font-weight:900;rotate:3deg}.founder-copy h2{font-size:clamp(43px,5.2vw,75px);text-transform:uppercase;margin:28px 0}.founder-copy p{font-size:17px}.founder-lead{font-size:20px!important;color:#b51d3d;font-weight:800}.founder-facts{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.founder-facts span{padding:8px 12px;border:1px solid var(--ink);border-radius:999px;background:var(--paper);font-size:13px;font-weight:700}.manifesto{padding:25px;border:2px solid var(--ink);background:var(--pink);box-shadow:5px 6px var(--ink);font-size:18px;font-weight:800;rotate:-1deg}.mission{background:var(--paper)}.mission-line{font-size:clamp(42px,6.2vw,85px);line-height:1;letter-spacing:-.055em;font-weight:900;text-transform:uppercase;margin:0;max-width:1200px}.mission-line span:first-child{color:var(--red)}.mission-line span:nth-child(2){color:#1675a5}.values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin-top:65px}.value{padding:27px;border-top:3px solid var(--ink);background:var(--yellow);border-radius:0 0 35px 35px}.value:nth-child(2){background:var(--mint)}.value:nth-child(3){background:var(--pink)}.value:nth-child(4){background:var(--blue)}.value h3{font-size:20px;line-height:1.2;margin:0 0 15px}.value p{margin:0}
.partner-play{background:var(--blue)}.partner-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding-bottom:30px}.partner-step{padding:34px;border:2px solid var(--ink);background:var(--cream);box-shadow:6px 7px var(--ink);border-radius:45px 80px 45px 60px;rotate:-2deg}.partner-step:nth-child(2){background:var(--yellow);translate:0 20px;rotate:2deg}.partner-step:nth-child(3){background:var(--pink);rotate:-1deg}.partner-step span{font-weight:800;font-size:14px}.partner-step h3{font-size:28px;line-height:1.15;margin-block:22px 15px;text-transform:uppercase}.contact-hero{background:var(--pink)}.contact-wink{position:absolute;right:12%;bottom:10%;font-size:120px;font-weight:900;rotate:12deg}
.site-footer{background:var(--ink);color:var(--cream);padding:75px 0 25px}.footer-stage{display:grid;grid-template-columns:1fr 190px auto;gap:50px;align-items:center;padding-bottom:55px;border-bottom:1px solid #fff6}.footer-brand{font-size:32px;color:var(--yellow)}.footer-call p{font-size:clamp(30px,3.6vw,52px);line-height:1;text-transform:uppercase;font-weight:800;letter-spacing:-.04em;margin:30px 0 0}.footer-splat{width:175px;height:175px;padding:20px;border:2px solid var(--cream);background:var(--pink);color:var(--ink);box-shadow:6px 7px var(--yellow);border-radius:40% 60% 49% 51%/55% 36% 64% 45%;display:flex;flex-direction:column;justify-content:center;align-items:center;rotate:-7deg;line-height:1}.footer-splat b{font-size:32px}.footer-splat span{font-size:23px;font-weight:800;margin-top:5px}.footer-splat i{font-size:14px;font-style:normal;margin-top:10px}.footer-links{display:grid;grid-template-columns:repeat(2,max-content);gap:12px 26px;font-weight:700;font-size:15px}.footer-links a:hover{text-decoration:underline;color:var(--yellow)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:25px;font-size:13px}.motion-toggle{border:1px solid var(--cream);border-radius:999px;background:transparent;color:var(--cream);padding:10px 15px;min-height:44px;font-size:13px}.legal{padding:145px 0 80px}.legal .wrap{max-width:950px}.legal h1{font-size:clamp(40px,6vw,75px)}.legal h2{font-size:30px;margin-top:40px}.legal a{text-decoration:underline}.note{padding:20px;border:2px solid var(--ink);background:var(--yellow)}.reveal{opacity:1}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -10px}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes relax-drift{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(3deg) translateY(-10px)}}@keyframes label-orbit{from{transform:rotate(var(--phase)) translateX(var(--radius)) rotate(calc(-1 * var(--phase)))}to{transform:rotate(calc(var(--phase) + 360deg)) translateX(var(--radius)) rotate(calc(-1 * var(--phase) - 360deg))}}
.feature:not(.scene-visible) *, .hero-cans:not(.scene-visible) *, .ticker:not(.scene-visible) *{animation-play-state:paused}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;transition:none!important}.motion-paused{scroll-behavior:auto}.motion-paused [data-zoom-can]{--zoom:1!important}
@media(min-width:1600px){.brand-hero{padding-top:160px}.hero-grid{min-height:680px}}
@media(max-width:1150px){.wrap{width:calc(100% - 60px)}.nav-links{gap:14px}.home-header .logo{font-size:42px}.hero-heading{font-size:70px}.hero-cans{height:500px}.section-head{grid-template-columns:150px 1fr}.section-head p{grid-column:2;max-width:650px}.feature-grid{gap:35px}.orbit-copy span{--radius:205px}.feature-visual{height:500px}.flavour-party{gap:15px}.flavour-item img{height:290px}.flavour-item:before{height:235px}.lab-ingredient{width:255px;padding:24px}.formula-can{width:245px}.formula-ring{width:330px}.lab-heading>p{max-width:270px}.founder-grid{gap:45px}.founder-character{height:610px}.values{grid-template-columns:repeat(2,1fr)}}
@media(max-width:960px){.menu{display:block;flex:none}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--cream);padding:25px 30px;border-bottom:2px solid var(--ink);flex-direction:column;align-items:stretch;gap:4px;font-size:16px;max-height:calc(100dvh - 95px);overflow:auto}.nav-links.open{display:flex}.nav-links a{padding:12px}.hero-grid{grid-template-columns:1fr 1fr;gap:15px}.hero-heading{font-size:58px}.hero-copy>p{font-size:17px}.hero-cans{height:440px}.pop-note{width:90px;height:90px;font-size:13px}.feature-grid,.product-grid{gap:30px}.feature h2{font-size:65px}.feature-visual{height:430px}.orbit-copy span{--radius:175px;width:75px;height:75px;margin:-37px;font-size:12px;padding:9px}.orbit-copy span:nth-child(3){width:88px;height:82px;margin:-41px -44px}.sticker{width:95px;height:95px;font-size:13px}.flavour-party{grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 30px}.flavour-item img{height:330px}.flavour-item:before{height:270px}.moment-cloud{grid-template-columns:repeat(2,1fr);gap:25px}.moment{min-height:190px}.lab-heading{grid-template-columns:1fr}.lab-heading h2,.lab-heading>p,.formula-switch{grid-column:1;grid-row:auto}.lab-heading>p{max-width:600px;padding:0}.formula-switch{justify-self:start}.formula-board{display:grid;grid-template-columns:1fr 1fr;gap:35px;min-height:0;align-items:start}.formula-can{position:relative;left:auto;top:auto;translate:none;width:100%;height:550px;grid-column:1/-1;margin-bottom:30px}.formula-can img{height:510px}.formula-ring{width:390px}.lab-ingredient{position:relative;inset:auto;width:100%;translate:none;min-height:280px;padding:30px}.amino{grid-column:1/-1;max-width:350px;justify-self:center}.lab-lines{display:none}.ingredient-art{width:140px;height:120px}.organic-grid{grid-template-columns:repeat(2,1fr)}.split,.founder-grid{grid-template-columns:1fr;gap:55px}.founder-art{max-width:540px;width:100%;margin:auto}.founder-character{height:690px}.founder-copy{max-width:740px}.partner-path{grid-template-columns:1fr;gap:35px}.partner-step:nth-child(2){translate:none}.duo-stage{min-height:680px}.duo-side{padding:30px 20px}.duo-side img{height:400px;width:95%}.duo-stamp{width:115px;height:115px;font-size:13px}.footer-stage{grid-template-columns:1fr auto;gap:40px}.footer-splat{display:none}.fact-stickers article{padding:30px 22px}.fact-stickers b{font-size:21px}}
@media(max-width:680px){.wrap{width:calc(100% - 36px)}.nav{min-height:78px;padding-block:12px}.logo,.home-header .logo{font-size:36px}.home-header.scrolled .logo{font-size:30px}.brand-hero{padding-top:95px}.hero-grid{display:flex;flex-direction:column;gap:0;min-height:0;padding-bottom:20px}.hero-copy{width:100%;padding-block:25px 10px}.hero-heading{font-size:clamp(49px,12vw,78px);max-width:520px;margin:25px 0}.hero-copy>p{font-size:18px;max-width:500px}.hero-cans{height:410px;width:min(100%,500px);margin-block:35px 10px}.hero-cans:before{inset:35px -15px 35px 10px;rotate:7deg;box-shadow:6px 7px var(--ink)}.hc-passion{right:0}.hc-cherry{left:3%}.hc-apple{left:25%}.hc-lychee{right:13%}.hero-cans .note-top{top:2%;right:4%}.hero-cans .note-bottom{left:1%;bottom:4%}.ticker{height:58px}.ticker div{font-size:16px}.section{padding:70px 0}.section-head{display:flex;flex-direction:column;gap:22px;margin-bottom:40px}.section-head h2,.big-heading{font-size:clamp(40px,10vw,65px)}.section-head p{font-size:17px;max-width:500px}.flavour-party{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 20px;padding-block:10px}.flavour-item img{height:265px}.flavour-item:before{height:210px;inset-inline:0;top:25px}.flavour-item h3{font-size:18px;margin-top:22px}.flavour-item p{font-size:14px}.flavour-item:last-child{grid-column:1/-1;width:50%;justify-self:center}.feature-grid{display:flex;flex-direction:column;padding-block:65px 35px;gap:30px;min-height:0}.feature-copy{width:100%}.feature h2{font-size:clamp(50px,13vw,78px);margin:25px 0}.feature p{font-size:18px}.feature-visual{width:100%;max-width:480px;height:470px;flex:none}.orbit-copy span{--radius:190px}.feature-disc{width:84%}.apple-orbit img{height:73%;width:60%}.relax-feature .feature-visual{order:2}.relax-feature .feature-copy{order:1}.relax-feature .feature-visual img{height:84%}.sticker{left:3%;bottom:8%}.apple-graffiti{font-size:100px}.moment-cloud{gap:20px}.moment{min-height:165px;padding:22px 10px}.moment strong{font-size:29px}.moment small{font-size:13px}.trade-grid,.product-grid{grid-template-columns:1fr;gap:35px}.trade h2{font-size:53px}.trade p{font-size:18px}.page-hero{padding:120px 0 65px}.page-hero h1{font-size:clamp(49px,12vw,80px)}.page-hero .lead{font-size:18px}.page-can{height:400px}.facts-band{flex-direction:column;gap:20px;padding:35px 25px}.fact{padding:24px}.organic-grid{grid-template-columns:1fr;gap:25px}.organic-card{padding:30px}.fact-stickers{flex-direction:column;gap:25px;padding:35px 10px}.fact-stickers article{min-height:135px;padding:30px 40px}.duo-stage{grid-template-columns:1fr;background:linear-gradient(174deg,var(--lime) 0 50%,var(--lav) 50%)}.duo-side{min-height:600px;padding:30px 25px}.duo-side img{height:405px;width:85%;margin:20px 0}.duo-stamp{top:50%;width:100px;height:100px}.duo-label,.duo-relax .duo-label{align-self:flex-start}.duo-copy,.duo-relax .duo-copy{align-self:flex-start;text-align:left;max-width:300px}.duo-copy h3{font-size:27px}.duo-word{font-size:85px}.active-word{top:18%}.relax-word{top:69%}.lab-heading h2{font-size:clamp(44px,10vw,65px)}.formula-board{grid-template-columns:1fr;gap:35px;margin-top:20px}.formula-can{height:480px;margin-block:10px 30px}.formula-can img{height:440px}.formula-can b{bottom:-8px}.formula-ring{width:min(330px,90vw)}.lab-ingredient{width:min(340px,100%);justify-self:center;padding:28px 34px;min-height:280px}.amino{grid-column:auto}.ingredient-art{width:150px;height:135px}.spec-stamp{font-size:14px;margin-top:45px}.lab-grid span{font-size:60px;opacity:.7}.ingredient-teaser{grid-template-columns:1fr 1fr;gap:25px}.ingredient-teaser .teaser-can{grid-column:1/-1;grid-row:1}.ingredient-teaser .teaser-can img{height:340px}.ingredient-teaser img{height:130px}.panel{padding:28px 22px;box-shadow:5px 6px var(--ink)}.form.two{grid-template-columns:1fr}.field.full{grid-column:auto}.copy h2{font-size:44px}.founder-character{height:570px}.phd-stack{left:-8px;top:65px}.phd-stack b{width:50px;height:50px;font-size:23px}.founder-sticker{right:-5px;width:105px;height:105px;font-size:13px}.wink-prompt{left:12%;font-size:12px}.founder-copy h2{font-size:47px}.mission-line{font-size:43px}.values{grid-template-columns:1fr 1fr;gap:18px;margin-top:40px}.value{padding:20px}.value h3{font-size:18px}.value p{font-size:15px}.contact-wink{font-size:65px;right:10%}.footer-stage{grid-template-columns:1fr;gap:35px}.footer-links{grid-template-columns:1fr 1fr;gap:15px}.footer-bottom{flex-wrap:wrap;justify-content:flex-start;gap:15px}.footer-call p{font-size:40px}.legal{padding-top:110px}.legal h1{font-size:44px}.legal p,.legal a{overflow-wrap:anywhere}}
@media(max-width:400px){.hero-cans{height:350px}.hero-heading{font-size:49px}.hero-copy .pill{font-size:12px}.feature-visual{height:410px}.orbit-copy span{--radius:157px;width:68px;height:68px;margin:-34px;font-size:11px;padding:8px}.orbit-copy span:nth-child(3){width:84px;height:74px;margin:-37px -42px}.flavour-item img{height:230px}.flavour-item:before{height:180px}.values{grid-template-columns:1fr}.founder-character{height:490px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.orbit-copy span{transform:rotate(var(--phase)) translateX(var(--radius)) rotate(calc(-1 * var(--phase)))}[data-zoom-can]{--zoom:1!important}}
/* Approved direction: expressive colour type and a large ingredient collage. */
.site-header .nav{width:calc(100% - 64px);max-width:1600px;gap:26px;min-height:104px}.site-header .logo,.home-header.scrolled .logo{font-size:clamp(38px,3.4vw,54px)}.nav-links{flex:1;justify-content:center;gap:clamp(15px,1.8vw,30px);font-family:"Arial Black",Arial,sans-serif;font-size:clamp(17px,1.6vw,24px);letter-spacing:-.045em;line-height:1.1}.nav-links a{position:relative;white-space:nowrap;transition:rotate .2s,translate .2s}.nav-links a:nth-child(1){color:#c71a41;rotate:-2deg}.nav-links a:nth-child(2){color:#176590;rotate:2deg}.nav-links a:nth-child(3){color:#7043ac;rotate:-2deg}.nav-links a:nth-child(4){color:#246b36;rotate:1deg}.nav-links a:nth-child(5){color:#9b3e10;rotate:-1deg}.nav-links a:nth-child(6){color:#be1d51;rotate:2deg}.nav-links .nav-cta{padding:10px 0!important;background:none;box-shadow:none;border-radius:0}.nav-links a:hover,.nav-links .nav-cta:hover{color:var(--ink);translate:0 -3px;rotate:0deg}.nav-links a[aria-current=page]{text-decoration:none}.nav-links a[aria-current=page]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:currentColor;border-radius:70% 20% 65% 25%;rotate:-2deg}.brand-hero{padding-top:135px}
.lab-section{background:#c2ebf0}.lab-heading>p{background:transparent}.lab-grid span{color:#267e9147;font-weight:900;font-size:clamp(75px,9vw,155px)}.formula-board{min-height:1190px;margin-top:45px}.formula-can{top:44%;height:680px;width:340px;z-index:3}.formula-can img{height:630px;width:100%;rotate:-7deg}.is-relax .formula-can img{height:630px;width:100%;rotate:6deg}.formula-ring{width:510px;mask:url('/assets/blob-4.svg') center/100% 100% no-repeat;border:0;border-radius:0;background:var(--yellow);box-shadow:none;rotate:10deg}.lab-lines{display:none}.lab-ingredient{width:370px;min-height:365px;padding:50px 47px 45px;filter:drop-shadow(6px 8px 0 var(--ink))}.lab-ingredient:before{inset:-15px -20px;border:0;border-radius:0;box-shadow:none;mask:url('/assets/blob-1.svg') center/100% 100% no-repeat;rotate:-7deg;background:var(--mint)}.lab-ingredient h3{font-size:30px;margin:0 0 10px}.lab-ingredient>p{font-size:16px}.ingredient-art{width:205px;height:170px;margin:-30px auto 5px}.mushroom{left:1%;top:0;rotate:-4deg}.mushroom .ingredient-art{width:235px;height:205px;margin-top:-40px}.caffeine{right:0;top:3%;rotate:4deg}.caffeine:before{background:var(--orange);mask-image:url('/assets/blob-2.svg');rotate:5deg}.caffeine-formula{font-family:"Comic Sans MS","Trebuchet MS",sans-serif;font-size:58px;line-height:1;letter-spacing:-.06em;font-weight:900;padding-top:10px;rotate:-7deg;color:#71361f}.magnesium{left:-1%;top:44%;rotate:3deg}.magnesium:before{background:var(--blue);mask-image:url('/assets/blob-3.svg');rotate:-5deg}.vitamins{right:0;top:45%;rotate:-4deg}.vitamins:before{background:var(--lav);mask-image:url('/assets/blob-4.svg');rotate:8deg}.amino{bottom:0;rotate:3deg}.amino:before{background:var(--pink);mask-image:url('/assets/blob-5.svg');rotate:-5deg}.is-relax .amino{bottom:0}.lab-ingredient details[open]{position:relative;z-index:5;filter:none}.lab-ingredient:has(details[open]){z-index:10}.formula-can b{bottom:-25px}.spec-stamp{margin-top:65px}.contact-hero{padding:145px 0 0}.contact-stage{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px;align-items:center;min-height:660px}.contact-copy{padding:35px 0 75px;z-index:2}.contact-copy h1{font-size:clamp(85px,10vw,155px);line-height:.88}.contact-copy .lead{max-width:480px;font-size:20px}.contact-art{position:relative;min-width:0;align-self:end;height:670px;isolation:isolate}.contact-blob{position:absolute;inset:30px -40px 60px -30px;background:var(--yellow);mask:url('/assets/blob-3.svg') center/100% 100% no-repeat;rotate:-7deg;z-index:-1}.contact-character{position:absolute;inset:0;border:0;background:none;padding:0;width:100%;height:100%;cursor:pointer}.contact-character img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;transition:opacity .1s}.phone-wink{opacity:0}.contact-character.is-winking .phone-rest{opacity:0}.contact-character.is-winking .phone-wink{opacity:1}.contact-hello{position:absolute;right:-15px;bottom:60px;pointer-events:none;background:var(--blue);border:2px solid var(--ink);box-shadow:5px 6px var(--ink);border-radius:50%;width:120px;height:120px;display:grid;place-content:center;text-align:center;font-weight:900;line-height:1.05;rotate:10deg;font-size:22px}.orbit-copy span{border-radius:50%!important}.founder-character img{object-fit:contain;object-position:center bottom}.duo-side img{height:520px;width:100%;object-fit:contain}
@media(min-width:961px) and (max-width:1200px){.site-header .nav{gap:20px;width:calc(100% - 40px)}.nav-links{font-size:17px;gap:16px}.site-header .logo{font-size:36px}.lab-ingredient{width:300px;padding:42px 36px}.ingredient-art{width:180px;height:155px}.formula-can{width:280px}.formula-can img,.is-relax .formula-can img{height:570px}.formula-ring{width:420px}.contact-art{height:590px}.contact-stage{min-height:590px}}
@media(max-width:960px){.site-header .nav{min-height:90px;width:calc(100% - 40px)}.nav-links{font-size:27px;align-items:center;gap:12px}.nav-links a{padding:12px 0}.nav-links .nav-cta{padding:12px 0!important}.formula-board{min-height:0;gap:75px 35px;padding:20px 10px}.formula-can{top:auto;width:100%;height:610px;margin-bottom:0}.formula-can img,.is-relax .formula-can img{height:550px;width:80%}.formula-ring{width:470px}.lab-ingredient{inset:auto;width:100%;min-height:370px;padding:45px 36px;rotate:0deg}.amino{max-width:380px}.is-relax .amino{bottom:auto}.contact-stage{grid-template-columns:1fr 1fr;min-height:550px}.contact-art{height:530px}.contact-copy h1{font-size:95px}.contact-copy .lead{font-size:18px}.contact-hello{right:0;width:95px;height:95px;font-size:18px}.duo-side img{height:460px}}
@media(max-width:680px){.site-header .nav{width:calc(100% - 36px);min-height:82px}.site-header .logo,.home-header.scrolled .logo{font-size:38px}.nav-links{font-size:28px}.formula-board{gap:70px;padding:0 12px}.formula-can{height:510px}.formula-can img,.is-relax .formula-can img{height:470px;width:90%}.formula-ring{width:100%;max-width:360px}.lab-ingredient{width:100%;max-width:360px;min-height:355px;padding:45px 36px}.ingredient-art{width:185px;height:160px}.mushroom .ingredient-art{width:210px;height:180px}.lab-ingredient h3{font-size:28px}.lab-ingredient:before{inset:-12px -8px}.lab-grid span{font-size:76px}.contact-hero{padding-top:115px}.contact-stage{grid-template-columns:1fr;gap:0}.contact-copy{padding:20px 0 15px}.contact-copy h1{font-size:clamp(85px,20vw,125px)}.contact-copy .lead{max-width:420px}.contact-art{height:500px;width:100%;max-width:480px;justify-self:center;margin-top:20px}.contact-blob{inset:10px -15px 30px}.contact-hello{bottom:40px;right:0}.duo-side img{height:450px}.spec-stamp{margin-top:50px}}
@media(max-width:380px){.contact-art{height:430px}.lab-ingredient{padding-inline:30px}.mushroom .ingredient-art{width:180px}.formula-can img,.is-relax .formula-can img{height:425px}.formula-can{height:470px}}
.contact-character{transition:rotate .22s var(--ease);transform-origin:50% 95%}.contact-character.is-winking{rotate:-.6deg}.motion-paused .contact-character.is-winking{rotate:0deg}@media(prefers-reduced-motion:reduce){.contact-character.is-winking{rotate:0deg}}
/* Ingredient controls: large targets, floating details, no layout shift. */
.lab-ingredient{padding-bottom:80px}.ingredient-plus{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:74px;height:74px;border:3px solid var(--ink);border-radius:50%;background:var(--cream);color:var(--ink);box-shadow:5px 6px var(--ink);font-size:56px;line-height:1;font-weight:900;z-index:6;transition:transform .2s var(--ease),box-shadow .2s}.ingredient-plus span{display:block;translate:0 -3px}.ingredient-plus[aria-expanded=true]{background:var(--yellow)}@media(hover:hover){.ingredient-plus:hover{transform:scale(1.15);box-shadow:7px 9px var(--ink)}}.ingredient-plus:active{transform:scale(.95)}.ingredient-plus:focus-visible{outline-offset:8px}.lab-ingredient:has(.ingredient-plus[aria-expanded=true]){z-index:12}.ingredient-cloud{position:fixed;z-index:80;background:var(--cream);border:3px solid var(--ink);border-radius:30% 19% 26% 17%/13% 21% 15% 24%;box-shadow:8px 10px var(--ink);padding:42px 36px 36px;max-height:calc(100dvh - 32px);overflow:auto;line-height:1.5}.ingredient-cloud h3{font-size:29px;line-height:1.1;margin:14px 0 18px;text-transform:uppercase}.ingredient-cloud p{font-size:16px}.ingredient-cloud a{font-weight:800;text-decoration:underline;text-underline-offset:4px}.cloud-close{position:absolute;right:15px;top:12px;width:44px;height:44px;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);font-size:32px;line-height:1}.cloud-context{display:block;max-width:calc(100% - 35px);font-size:13px;font-weight:800;text-transform:uppercase}.cloud-product-note{border-top:1px solid #142b2540;padding-top:15px}.lab-ingredient>p{padding-inline:5px}.lab-section{padding-bottom:100px}
/* A single expressive invitation replaces the generic two-column card. */
.curiosity-cta{position:relative;overflow:clip;text-align:center;padding:90px 0 100px}.curiosity-cta .wrap{position:relative;isolation:isolate}.curiosity-cta h2{margin:0 auto 28px;font-size:clamp(56px,8.2vw,118px);line-height:1.04;max-width:1000px}.curiosity-cta h2 span{display:block}.curiosity-cta h2 span:first-child{color:var(--purple);rotate:-3deg}.curiosity-cta h2 span:last-child{color:var(--red);rotate:2deg;text-shadow:4px 4px var(--yellow)}.curiosity-cta p{font-size:20px;margin:35px auto 15px;max-width:650px}.ask-splat{position:relative;display:grid;place-items:center;width:245px;height:145px;margin:15px auto 20px;isolation:isolate;font-size:32px;font-weight:900;rotate:-5deg;filter:drop-shadow(5px 7px 0 var(--ink));transition:transform .2s var(--ease)}.ask-splat:before{content:"";position:absolute;inset:0;background:var(--yellow);mask:url('/assets/blob-2.svg') center/100% 100% no-repeat;z-index:-1}.ask-splat:hover{transform:scale(1.08)}.curiosity-collection{display:inline-block;font-weight:800;font-size:16px;text-decoration:underline;text-underline-offset:6px;padding:12px}.curiosity-question{position:absolute;font-family:"Arial Black",Arial,sans-serif;font-weight:900;line-height:1;z-index:-1;pointer-events:none}.q-one{left:1%;top:5%;font-size:220px;color:var(--blue);rotate:-20deg}.q-two{right:0;top:20%;font-size:260px;color:var(--pink);rotate:20deg}.q-three{left:14%;bottom:0;font-size:110px;color:var(--mint);rotate:12deg}
/* HOW WE WORK — expressive type, illustrated accents, no repeated cards. */
.process-section .section-head{display:block;text-align:center;max-width:1100px;margin:0 auto 45px}.process-section .section-head h2{font-size:clamp(42px,5vw,70px);margin:25px 0 20px;letter-spacing:-.05em}.process-section .section-head p{max-width:600px;margin:auto}.process-type{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;align-items:end}.process-step{position:relative;text-align:center;min-width:0;padding-top:10px}.process-step img{height:145px;width:180px;object-fit:contain;margin:0 auto -8px;transition:transform .3s var(--ease);position:relative;z-index:1}.process-step strong{display:block;font-family:"Arial Black",Arial,sans-serif;font-weight:900;letter-spacing:-.08em;font-size:clamp(48px,6.2vw,90px);line-height:1.2;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:4px 5px var(--ink),7px 8px var(--cream);transition:transform .25s var(--ease);transform:rotate(-7deg);color:var(--yellow)}.process-test strong{color:var(--pink);transform:rotate(5deg)}.process-taste strong{color:var(--cream);transform:rotate(-4deg)}.process-share strong{color:var(--lav);transform:rotate(6deg)}.process-step p{font-size:18px;line-height:1.4;font-weight:750;margin:26px 0 12px}.process-step p:after{content:"";display:block;width:58%;height:5px;border-radius:50%;background:var(--yellow);margin:14px auto 0;rotate:-3deg}.process-test p:after{background:var(--pink)}.process-taste p:after{background:var(--cream)}.process-share p:after{background:var(--lav)}.process-step:not(:last-child):after{content:"↗";position:absolute;right:-23px;top:65%;font-size:35px;rotate:20deg}.process-step:hover strong{transform:rotate(0deg) scale(1.06)}.process-ask:hover img{transform:rotate(-12deg)}.process-test:hover img{transform:translateY(-9px) rotate(5deg)}.process-taste:hover img{transform:rotate(10deg)}.process-share:hover img{transform:translate(10px,-10px)}
@media(max-width:960px){.process-type{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 30px}.process-step strong{font-size:80px}.process-test:after{display:none}.curiosity-question{opacity:.6}.q-one{left:-8%;font-size:160px}.q-two{right:-8%;font-size:200px}.lab-ingredient{padding-bottom:80px}}
@media(max-width:680px){.ingredient-plus{width:70px;height:70px;font-size:52px;right:0;bottom:0}.ingredient-cloud{padding:42px 28px 30px}.curiosity-cta{padding:70px 0}.curiosity-cta h2{font-size:clamp(48px,12vw,76px)}.curiosity-cta p{font-size:18px;max-width:290px}.q-one{font-size:110px;top:42%;left:-8%}.q-two{font-size:130px;top:48%;right:-10%}.q-three{display:none}.process-type{gap:40px 18px}.process-step strong{font-size:clamp(42px,11vw,66px);-webkit-text-stroke:1.5px;text-shadow:3px 4px var(--ink),5px 6px var(--cream)}.process-step img{width:135px;height:125px}.process-step p{font-size:16px;margin-top:20px}.process-step:not(:last-child):after{font-size:26px;right:-18px}.process-section .section-head h2{font-size:43px}}
@media(prefers-reduced-motion:reduce){.process-step:hover strong,.process-step:hover img,.ingredient-plus:hover,.ask-splat:hover{transform:none}}
.ingredient-cloud{isolation:isolate;background:transparent;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(5px 7px 0 var(--ink));padding:68px 52px 65px}.ingredient-cloud:before{content:"";position:absolute;inset:0;background:url('/assets/detail-cloud.svg') center/100% 100% no-repeat;z-index:-1;pointer-events:none}.cloud-close{top:39px;right:31px}.ingredient-cloud h3{font-size:27px}.cloud-context{font-size:12px}.ingredient-cloud p{font-size:16px}@media(max-width:420px){.ingredient-cloud{padding:64px 42px 60px}.cloud-close{right:24px;top:34px}.ingredient-cloud h3{font-size:25px}}


/* ===== HARMONIQ v3 refinement patch ===== */
/* Softer coral interface accent; product packshots retain their original artwork. */
.logo,.footer-brand{letter-spacing:-.055em;color:var(--red)}
.logo span,.footer-brand span{display:block}.logo b,.footer-brand b{display:none}
.home-header .logo{font-size:clamp(38px,3.8vw,58px)}
.nav-links{gap:18px}.nav-links a:hover{color:#9e2f48}

/* Clean product rendering: approved packshots stay fully visible and never touch section edges. */
.flavour-item img{height:335px;width:100%;max-width:100%;object-fit:contain;object-position:center center;margin-inline:auto}
.feature-visual{overflow:visible;padding-block:26px}
.feature-visual img{width:auto;max-width:74%;height:86%;max-height:500px;object-fit:contain;object-position:center center}
.apple-orbit img{width:auto;max-width:68%;height:82%;max-height:490px}
.relax-feature .feature-visual img{width:auto;max-width:70%;height:88%;max-height:505px}
.sticker{left:8%;bottom:10%}.orbit-copy{inset:5%}

/* Character-led product heroes. */
.product-grid-character{grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);gap:30px}
.product-hero-scene{position:relative;height:590px;min-width:0;isolation:isolate;display:block}
.product-hero-scene .scene-disc{position:absolute;inset:55px 18px 35px 70px;border:3px solid var(--ink);box-shadow:10px 12px var(--ink);border-radius:45% 55% 58% 42%/54% 45% 55% 46%;z-index:-1;rotate:-4deg}
.active-scene .scene-disc{background:var(--yellow)}
.relax-scene .scene-disc{background:var(--blue);rotate:4deg}
.product-hero-scene .scene-doctor{position:absolute;right:-12px;bottom:0;width:auto;height:94%;max-width:88%;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 18px 16px #142b2524);animation:character-breathe 5.5s ease-in-out infinite}
.product-hero-scene .scene-can{position:absolute;left:2%;bottom:26px;width:auto;height:62%;max-width:42%;object-fit:contain;object-position:center bottom;z-index:4;filter:drop-shadow(0 18px 12px #142b2533);animation:product-float 5s ease-in-out infinite}
.relax-scene .scene-can{left:5%;height:60%}
.product-hero-scene .scene-tag{position:absolute;z-index:6;right:3%;top:8%;padding:12px 18px;border:2px solid var(--ink);border-radius:999px;background:var(--pink);box-shadow:4px 5px var(--ink);font-size:13px;font-weight:900;letter-spacing:.06em;rotate:7deg}
.relax-scene .scene-tag{background:var(--yellow);rotate:-6deg}
.active-ingredient-teaser .teaser-can img{height:500px;width:auto;max-width:100%;object-fit:contain}
.relax-moment-section{background:var(--paper)}

/* ===== Mission page ===== */
.mission-hero{position:relative;padding:150px 0 80px;overflow:clip;border-bottom:2px solid var(--ink);background:linear-gradient(90deg,var(--lime) 0 50%,var(--lav) 50%)}
.mission-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 47%,#fff8e844 50%,transparent 53%)}
.mission-hero-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);gap:55px;align-items:center;min-height:650px;position:relative;z-index:1}
.mission-hero-copy h1{margin:28px 0 28px;font-family:"Arial Black",Arial,sans-serif;font-size:clamp(68px,7.4vw,118px);line-height:.86;letter-spacing:-.075em;text-transform:uppercase}
.mission-hero-copy h1 span,.mission-hero-copy h1 em{display:block;font-style:normal}.mission-hero-copy h1 em{color:var(--purple);text-shadow:3px 3px var(--cream);rotate:-2deg}
.mission-hero-copy .lead{font-size:20px;font-weight:650;max-width:570px}.mission-small{margin-top:30px;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.mission-video-frame{position:relative;min-width:0;overflow:hidden;border:3px solid var(--ink);box-shadow:10px 12px var(--ink);background:var(--ink);border-radius:38% 62% 45% 55%/54% 42% 58% 46%}
.mission-video-frame video{display:block;width:100%;height:100%;object-fit:cover}
.mission-hero-video{height:520px;rotate:1.5deg}
.video-chip{position:absolute;z-index:3;padding:11px 16px;border:2px solid var(--ink);border-radius:999px;background:var(--yellow);box-shadow:4px 5px var(--ink);font-size:12px;font-weight:900;letter-spacing:.06em}.day-chip{left:6%;top:7%;rotate:-6deg}.night-chip{right:5%;bottom:7%;background:var(--pink);rotate:6deg}
.mission-rhythms{background:var(--cream)}
.rhythm-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.rhythm-card{position:relative;overflow:hidden;border:2px solid var(--ink);box-shadow:8px 9px var(--ink);border-radius:34px;background:var(--paper)}
.rhythm-active{background:var(--lime)}.rhythm-relax{background:var(--lav)}
.rhythm-media{position:relative;height:390px;overflow:hidden;background:var(--ink);border-bottom:2px solid var(--ink)}
.rhythm-media video{width:100%;height:100%;object-fit:cover;display:block}
.rhythm-can{position:absolute;right:18px;bottom:-38px;width:auto;height:78%;max-width:38%;object-fit:contain;filter:drop-shadow(0 18px 10px #142b2550);z-index:2;animation:product-float 5.5s ease-in-out infinite}
.rhythm-relax .rhythm-can{right:20px;height:80%}
.rhythm-copy{padding:32px 34px 38px;min-height:270px;position:relative;z-index:3}.rhythm-copy>span{display:inline-block;font-size:13px;font-weight:900;letter-spacing:.11em;border-bottom:3px solid var(--ink)}.rhythm-copy h3{font-family:"Arial Black",Arial,sans-serif;font-size:clamp(50px,5vw,76px);letter-spacing:-.065em;line-height:.9;margin:18px 0}.rhythm-copy p{font-size:18px;max-width:530px}
.mission-manifesto{padding:120px 0;background:var(--paper);border-block:2px solid var(--ink);text-align:center;overflow:hidden}
.mission-manifesto-line{font-family:"Arial Black",Arial,sans-serif;font-size:clamp(62px,9vw,138px);line-height:.84;letter-spacing:-.075em;text-transform:uppercase;margin:40px auto 35px;max-width:1250px}.mission-manifesto-line b{color:var(--red);font-weight:900;text-shadow:4px 4px var(--yellow)}.mission-manifesto-copy{font-size:20px;max-width:780px;margin:0 auto}
.mission-social{padding:105px 0;background:var(--lav);border-bottom:2px solid var(--ink);overflow:clip}.mission-social-grid{display:grid;grid-template-columns:1fr .78fr;gap:80px;align-items:center}.mission-social h2{font-family:"Arial Black",Arial,sans-serif;font-size:clamp(48px,5.7vw,82px);line-height:.94;letter-spacing:-.06em;margin:28px 0}.mission-social p{font-size:19px;max-width:690px}.social-words{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.social-words span{padding:10px 17px;border:2px solid var(--ink);border-radius:999px;background:var(--cream);font-size:13px;font-weight:900;rotate:-2deg}.social-words span:nth-child(2){background:var(--pink);rotate:2deg}.social-words span:nth-child(3){background:var(--yellow);rotate:-1deg}.social-can-stage{position:relative;height:560px;display:grid;place-items:center;isolation:isolate}.social-orbit{position:absolute;width:82%;aspect-ratio:1;border:3px dashed var(--ink);border-radius:50%;animation:slow-spin 18s linear infinite;opacity:.55}.social-can-stage:before{content:"";position:absolute;width:72%;aspect-ratio:1;border:3px solid var(--ink);background:var(--blue);box-shadow:10px 12px var(--ink);border-radius:46% 54% 59% 41%/50% 42% 58% 50%;z-index:-1;rotate:8deg}.social-can-stage img{height:88%;width:auto;max-width:80%;object-fit:contain;filter:drop-shadow(0 22px 13px #142b253e);animation:product-float 5.5s ease-in-out infinite}
.mission-founder{padding:100px 0;background:var(--pink);border-bottom:2px solid var(--ink);overflow:hidden}.mission-founder-grid{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end}.mission-founder-copy{padding-block:25px}.mission-founder-copy h2{font-family:"Arial Black",Arial,sans-serif;font-size:clamp(48px,5.7vw,84px);line-height:.95;letter-spacing:-.06em;margin:28px 0}.mission-founder-copy h2 span{color:var(--cream);text-shadow:3px 3px var(--ink)}.mission-founder-copy p{font-size:19px;max-width:690px}.mission-founder-art{position:relative;height:640px;display:grid;place-items:end center}.mission-founder-art:before{content:"";position:absolute;inset:65px 20px 0;background:var(--yellow);border:3px solid var(--ink);border-radius:50% 50% 38% 62%/56% 41% 59% 44%;box-shadow:9px 11px var(--ink);z-index:0;rotate:-4deg}.mission-founder-art img{position:relative;z-index:2;height:96%;width:auto;max-width:100%;object-fit:contain;object-position:center bottom}.founder-pop{position:absolute;z-index:5;right:0;top:65px;width:112px;height:112px;display:grid;place-items:center;text-align:center;border:2px solid var(--ink);border-radius:50%;background:var(--blue);box-shadow:5px 6px var(--ink);font-weight:900;line-height:1.05;rotate:8deg}
.mission-closing{padding:105px 0;background:var(--green);text-align:center}.mission-closing p{font-weight:900;letter-spacing:.12em}.mission-closing h2{font-family:"Arial Black",Arial,sans-serif;font-size:clamp(55px,7.5vw,112px);line-height:.9;letter-spacing:-.07em;margin:20px auto 35px;max-width:1100px}.mission-closing .actions{justify-content:center}

.motion-paused [data-motion-video]{visibility:visible}
.motion-paused .scene-doctor,.motion-paused .scene-can,.motion-paused .rhythm-can,.motion-paused .social-can-stage img,.motion-paused .social-orbit{animation-play-state:paused!important}
@keyframes character-breathe{0%,100%{transform:translateY(0) rotate(.2deg)}50%{transform:translateY(-8px) rotate(-.2deg)}}
@keyframes product-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}
@keyframes slow-spin{to{transform:rotate(360deg)}}

@media(max-width:1200px) and (min-width:961px){.nav-links{font-size:13px;gap:11px}.site-header .logo{font-size:31px}.home-header .logo{font-size:40px}.product-grid-character{grid-template-columns:.9fr 1.1fr}.product-hero-scene{height:540px}.mission-hero-grid{grid-template-columns:.9fr 1.1fr;gap:35px}.mission-hero-video{height:470px}}
@media(max-width:960px){.product-grid-character{grid-template-columns:1fr;gap:15px}.product-hero-scene{height:570px;max-width:680px;width:100%;margin-inline:auto}.mission-hero{padding-top:120px;background:linear-gradient(180deg,var(--lime) 0 48%,var(--lav) 48%)}.mission-hero-grid{grid-template-columns:1fr;min-height:0;gap:45px}.mission-hero-video{height:500px}.rhythm-grid{grid-template-columns:1fr}.mission-social-grid,.mission-founder-grid{grid-template-columns:1fr}.social-can-stage{height:520px;max-width:620px;width:100%;margin:auto}.mission-founder-art{height:600px;max-width:620px;width:100%;margin:auto}.mission-founder-copy{order:1}.mission-founder-art{order:2}}
@media(max-width:680px){.home-header .logo{font-size:34px}.product-hero-scene{height:455px;margin-top:10px}.product-hero-scene .scene-disc{inset:45px 5px 28px 25px;box-shadow:6px 7px var(--ink)}.product-hero-scene .scene-doctor{right:-18px;height:88%;max-width:88%}.product-hero-scene .scene-can{height:59%;left:1%;bottom:16px;max-width:45%}.relax-scene .scene-can{height:56%;left:2%}.product-hero-scene .scene-tag{font-size:11px;padding:9px 12px;right:1%;top:5%}.feature-visual{height:500px;padding-block:35px}.feature-visual img,.apple-orbit img,.relax-feature .feature-visual img{max-width:72%;height:84%;max-height:420px}.sticker{left:7%;bottom:12%;width:100px;height:100px}.mission-hero{padding:110px 0 60px}.mission-hero-copy h1{font-size:clamp(58px,16vw,88px)}.mission-hero-copy .lead{font-size:18px}.mission-hero-video{height:350px;border-radius:27px;box-shadow:6px 7px var(--ink)}.video-chip{font-size:10px;padding:8px 11px}.rhythm-media{height:300px}.rhythm-can{height:75%;right:7px;bottom:-28px}.rhythm-copy{padding:26px 25px 32px;min-height:250px}.rhythm-copy h3{font-size:54px}.rhythm-copy p{font-size:17px}.mission-manifesto{padding:80px 0}.mission-manifesto-line{font-size:clamp(52px,16vw,82px)}.mission-manifesto-copy{font-size:18px}.mission-social{padding:75px 0}.mission-social h2{font-size:clamp(44px,12vw,66px)}.social-can-stage{height:430px}.mission-founder{padding:70px 0}.mission-founder-copy h2{font-size:clamp(45px,12vw,68px)}.mission-founder-art{height:500px}.founder-pop{width:92px;height:92px;font-size:13px;right:2%;top:55px}.mission-closing{padding:75px 0}.mission-closing h2{font-size:clamp(52px,14vw,80px)}}
@media(max-width:400px){.product-hero-scene{height:410px}.mission-hero-video{height:300px}.rhythm-media{height:270px}.social-can-stage{height:390px}.mission-founder-art{height:440px}}
@media(prefers-reduced-motion:reduce){.scene-doctor,.scene-can,.rhythm-can,.social-can-stage img,.social-orbit{animation:none!important}}
.preview-form-note{margin:0;padding:14px 16px;border:2px dashed var(--ink);border-radius:18px;background:var(--yellow);font-size:14px;font-weight:750;line-height:1.4}

/* ===== HARMONIQ v4 corrections ===== */
.flavour-item img,.feature-visual img,.page-can,.scene-can,.formula-can img,.rhythm-can,.social-can-stage img{object-fit:contain;object-position:center}
.flavour-party{align-items:end}.flavour-item{display:grid;grid-template-rows:350px auto auto;align-items:end}.flavour-item img{height:340px;width:100%;align-self:end;rotate:0deg}.flavour-item:nth-child(even) img{rotate:0deg}.flavour-item h3{margin-top:18px}.flavour-item:before{inset:38px 0 auto;height:265px}.flavour-item:hover img{translate:0 -8px;rotate:0deg}
.feature-visual{padding:34px 0}.feature-visual img,.apple-orbit img,.relax-feature .feature-visual img{height:82%;max-height:470px;width:auto;max-width:70%}.apple-orbit img{height:79%;transform:rotate(-3deg) scale(var(--zoom))}.relax-feature .feature-visual img{height:80%}
.formula-can{top:45%;height:610px}.formula-can img{height:500px;width:auto;max-width:86%}.formula-ring{width:390px}
.low-concept-art{position:relative;height:520px;display:grid;place-items:center;isolation:isolate}.low-concept-art:before{content:"";position:absolute;width:74%;aspect-ratio:1;background:var(--yellow);border:3px solid var(--ink);box-shadow:10px 12px var(--ink);border-radius:43% 57% 61% 39%/55% 41% 59% 45%;rotate:8deg;z-index:-1}.low-concept-art strong{font:900 clamp(62px,8vw,118px)/.82 "Arial Black",Arial,sans-serif;letter-spacing:-.075em;text-align:center;rotate:-5deg}.low-concept-art small{position:absolute;right:4%;bottom:8%;width:145px;min-height:110px;padding:18px;display:grid;place-items:center;text-align:center;background:var(--pink);border:2px solid var(--ink);box-shadow:5px 6px var(--ink);border-radius:40% 60% 52% 48%/60% 42% 58% 40%;font-weight:900;line-height:1.1;rotate:8deg}.low-burst{position:absolute;padding:15px 20px;border:2px solid var(--ink);box-shadow:4px 5px var(--ink);font-weight:900;letter-spacing:.06em;background:var(--lime);border-radius:63% 37% 54% 46%/47% 62% 38% 53%}.low-burst-a{left:2%;top:16%;rotate:-10deg}.low-burst-b{right:3%;top:14%;background:var(--lav);rotate:9deg}
.low-concept-duo{min-height:690px}.low-concept-duo .duo-side{justify-content:center}.concept-symbol{width:min(78%,430px);aspect-ratio:1;display:grid;place-items:center;align-content:center;gap:4px;border:3px solid var(--ink);box-shadow:9px 10px var(--ink);margin:36px 0 34px;text-align:center}.concept-active{background:var(--yellow);border-radius:40% 60% 54% 46%/58% 43% 57% 42%;rotate:-7deg}.concept-relax{background:var(--blue);border-radius:61% 39% 43% 57%/41% 58% 42% 59%;rotate:7deg}.concept-symbol b{font:900 clamp(44px,5vw,76px)/.9 "Arial Black",Arial,sans-serif;letter-spacing:-.06em}.concept-symbol span{font-weight:900;letter-spacing:.12em}
.mission-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:46px}.mission-video-frame{overflow:hidden}.video-chip{width:128px;min-height:102px;padding:15px;display:grid;place-items:center;text-align:center;border-radius:38% 62% 49% 51%/61% 39% 61% 39%;font-size:15px;line-height:1.02}.day-chip{left:4%;top:5%;rotate:-10deg}.night-chip{right:4%;bottom:5%;rotate:10deg;border-radius:63% 37% 58% 42%/45% 61% 39% 55%}
.mission-rhythms{overflow:hidden}.rhythm-grid{gap:72px;align-items:start;padding:24px 10px 40px}.rhythm-card{overflow:visible;border:0;box-shadow:none;border-radius:0;background:transparent;min-height:720px;padding:28px 18px 35px;isolation:isolate}.rhythm-card:before{content:"";position:absolute;inset:8% -3% 3%;z-index:-2;border:3px solid var(--ink);box-shadow:11px 13px var(--ink)}.rhythm-active:before{background:var(--lime);border-radius:39% 61% 51% 49%/56% 42% 58% 44%;rotate:-2.5deg}.rhythm-relax:before{background:var(--lav);border-radius:61% 39% 46% 54%/43% 59% 41% 57%;rotate:2.5deg}.rhythm-media{height:420px;border:3px solid var(--ink);box-shadow:9px 11px var(--ink);overflow:hidden;border-radius:38% 62% 52% 48%/57% 42% 58% 43%;rotate:-2deg}.rhythm-relax .rhythm-media{border-radius:62% 38% 45% 55%/44% 61% 39% 56%;rotate:2deg}.rhythm-media video{transform:scale(1.04)}.rhythm-can{right:4%;bottom:20px;height:67%;max-width:35%;z-index:4;filter:drop-shadow(0 15px 10px #142b2540)}.rhythm-relax .rhythm-can{right:4%;height:68%}.rhythm-copy{margin:-24px 7% 0;padding:40px 34px 30px;min-height:0;background:var(--cream);border:3px solid var(--ink);box-shadow:7px 8px var(--ink);border-radius:57% 43% 56% 44%/35% 45% 55% 65%;rotate:1deg}.rhythm-relax .rhythm-copy{rotate:-1deg}.rhythm-copy h3{font-size:clamp(56px,5.2vw,82px)}.rhythm-sticker{position:absolute;z-index:8;top:4px;right:-20px;width:132px;min-height:126px;padding:16px 12px;display:grid;place-items:center;text-align:center;background:var(--yellow);border:3px solid var(--ink);box-shadow:6px 7px var(--ink);border-radius:39% 61% 55% 45%/61% 38% 62% 39%;font-weight:900;font-size:15px;line-height:1.06;rotate:9deg}.rhythm-relax .rhythm-sticker{right:auto;left:-18px;background:var(--pink);rotate:-9deg;border-radius:63% 37% 43% 57%/44% 61% 39% 56%}
.product-hero-scene .scene-can{height:55%;bottom:20px;max-width:38%}.relax-scene .scene-can{height:53%}.social-can-stage img{height:78%;max-width:72%}
@media(max-width:1120px){.mission-hero{padding-top:125px;background:linear-gradient(180deg,var(--lime) 0 47%,var(--lav) 47%)}.mission-hero-grid{grid-template-columns:1fr;min-height:0;gap:46px}.mission-hero-copy{max-width:760px}.mission-hero-video{height:500px;width:min(100%,820px);justify-self:center}.rhythm-grid{gap:48px}}
@media(max-width:960px){.rhythm-grid{grid-template-columns:1fr;gap:70px}.rhythm-card{min-height:0;max-width:760px;width:100%;margin-inline:auto}.low-concept-duo{grid-template-columns:1fr;min-height:0;padding-block:35px}.duo-stamp{position:relative;left:auto;top:auto;translate:none;align-self:center;justify-self:center;margin:-10px auto 25px}}
@media(max-width:680px){.wrap{width:min(var(--max),calc(100% - 36px))}.flavour-party{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.flavour-item{grid-template-rows:270px auto auto}.flavour-item img{height:260px}.flavour-item:before{height:205px;inset:35px 2px auto}.mission-hero-video{height:330px}.video-chip{width:98px;min-height:82px;font-size:12px;padding:11px}.rhythm-card{padding-inline:4px}.rhythm-media{height:320px}.rhythm-can,.rhythm-relax .rhythm-can{height:63%;right:2%;bottom:15px}.rhythm-copy{margin:-18px 4% 0;padding:34px 24px 28px}.rhythm-sticker{width:104px;min-height:98px;font-size:12px;right:-5px}.rhythm-relax .rhythm-sticker{left:-5px}.low-concept-art{height:430px}.low-concept-art small{width:118px;min-height:92px;font-size:11px}.concept-symbol{width:min(84%,350px)}}

/* ===== HARMONIQ v4.1 final QA patch ===== */
.hero-can,.flavour-item img,.feature-visual img,.scene-can,.formula-can img,.rhythm-can,.social-can-stage img{object-fit:contain;object-position:center;max-width:100%}
.flavour-item{overflow:visible}.flavour-item img{filter:drop-shadow(0 12px 9px #142b2529)}
.feature-visual{overflow:visible}.feature-visual img{filter:drop-shadow(0 18px 11px #142b2530)}
.relax-feature .feature-visual img{height:76%;max-height:445px}
.product-hero-scene{overflow:visible}.product-hero-scene .scene-can{bottom:28px;filter:drop-shadow(0 18px 12px #142b2530)}
.relax-scene .scene-can{height:50%}
.formula-can{overflow:visible}.formula-can img{max-height:500px;filter:drop-shadow(0 17px 10px #142b252c)}
.mission-hero{overflow:hidden}.mission-hero-copy{min-width:0}.mission-hero-video{min-width:0;max-width:100%}
.rhythm-media{position:relative}.rhythm-media video{width:100%;height:100%;object-fit:cover}.rhythm-can{bottom:30px!important;max-height:78%;object-fit:contain}
.rhythm-copy{position:relative;z-index:5}
.video-chip,.rhythm-sticker{letter-spacing:.02em;text-transform:uppercase}
@media(max-width:1120px){.mission-hero-copy{padding-inline:0}.mission-hero-video{width:min(100%,860px)}.rhythm-card:before{inset:7% 0 2%}}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr}.hero-cans{height:500px}.feature-grid{grid-template-columns:1fr;gap:20px}.feature-copy{order:1}.feature-visual{order:2}.feature-grid{min-height:auto}.formula-board{min-height:1120px}.formula-can{top:42%}.rhythm-card{padding-inline:0}.rhythm-card:before{inset:6% 0 2%}.rhythm-media{height:300px}.rhythm-can{height:58%!important;right:4%!important;bottom:18px!important}.video-chip{width:108px;min-height:90px}.mission-hero-video{height:330px}}
.mission-rhythms .rhythm-media{isolation:isolate}.mission-rhythms .rhythm-media:after{content:"";position:absolute;inset:auto 6% 7% auto;width:92px;height:92px;background:var(--yellow);border:3px solid var(--ink);box-shadow:5px 6px var(--ink);border-radius:43% 57% 37% 63%/61% 42% 58% 39%;z-index:3;rotate:-8deg}.mission-rhythms .rhythm-relax .rhythm-media:after{background:var(--pink);left:6%;right:auto;rotate:8deg;border-radius:63% 37% 58% 42%/44% 61% 39% 56%}

/* =========================================================
   HARMONIQ v5 — product-first refinement
   ========================================================= */

/* Product packshots: exact approved imagery only; no baked-in shadow treatment. */
.hero-can,.flavour-item img,.feature-visual img,.scene-can,.purpose-product img,.daynight-can,
.low-product-stage img,.low-pair-half img,.formula-can img{filter:drop-shadow(0 13px 9px #142b2526)}

/* Collection / flavour line: five full-height colour bands instead of blobs. */
.flavour-party{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:0;border:2px solid var(--ink);overflow:hidden;background:var(--cream)}
.flavour-item{display:grid;grid-template-rows:minmax(350px,1fr) auto auto;align-items:end;min-height:505px;padding:28px 18px 25px;text-align:center;border-right:2px solid var(--ink);isolation:isolate}
.flavour-item:last-child{border-right:0}.flavour-item:before{display:none!important}
.flavour-item:nth-child(1){background:var(--pink)}.flavour-item:nth-child(2){background:var(--lime)}.flavour-item:nth-child(3){background:var(--orange)}.flavour-item:nth-child(4){background:var(--yellow)}.flavour-item:nth-child(5){background:var(--mint)}
.flavour-item img,.flavour-item:nth-child(even) img{height:365px;width:100%;object-fit:contain;object-position:center bottom;rotate:0deg;align-self:end;transition:translate .3s var(--ease)}
.flavour-item:hover img{translate:0 -8px;rotate:0deg}.flavour-item h3{margin:18px 0 6px;font-size:20px}.flavour-item p{margin:0;min-height:44px}

/* Product heroes: Koval lands on the section baseline; cans remain fully visible. */
.product-grid-character{align-items:stretch}.product-hero-scene{height:590px;align-self:end;overflow:hidden;position:relative}
.product-hero-scene .scene-doctor{bottom:0!important;top:auto!important;height:100%!important;max-height:100%;object-fit:contain;object-position:right bottom}
.product-hero-scene .scene-can{bottom:26px!important;height:55%!important;max-height:82%;object-fit:contain;object-position:center bottom}
.active-scene .scene-can{left:1.5%!important}.relax-scene .scene-can{left:3%!important;height:57%!important}
.product-hero-scene .scene-disc{bottom:12px}

/* Facts become calmer information strips rather than three more blobs. */
.facts-clean{gap:0;border-bottom:2px solid var(--ink);padding-block:0;background:var(--cream)}
.facts-clean .fact{border-radius:0;border:0;border-right:2px solid var(--ink);box-shadow:none;background:var(--cream);padding:28px 30px;border-top:8px solid var(--yellow)}
.facts-clean .fact:nth-child(2){background:var(--cream);border-top-color:var(--pink)}
.facts-clean .fact:nth-child(3){background:var(--cream);border-top-color:var(--mint);border-right:0}
.facts-clean .fact b{font-size:19px}.facts-clean .fact span{font-size:14px}

/* ACTIVE / RELAX meaning-first product sections. */
.product-purpose{background:var(--cream)}.relax-purpose{background:#faf4ff}
.purpose-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.8fr);gap:70px;align-items:center}
.purpose-grid-reverse .purpose-copy{order:2}.purpose-grid-reverse .purpose-product{order:1}
.purpose-copy h2,.formula-story-copy h2,.social-ritual-copy h2,.low-intro h2{font-size:clamp(50px,6vw,88px);text-transform:uppercase;margin:25px 0 28px}
.purpose-copy h2 span,.formula-story-copy h2 span,.social-ritual-copy h2 span,.low-intro h2 span{color:var(--red)}
.purpose-lead{font-size:22px;max-width:720px}.purpose-copy>p:not(.purpose-lead){font-size:18px;max-width:700px}
.purpose-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.purpose-tags span{padding:11px 16px;border:2px solid var(--ink);background:var(--yellow);font-weight:900;letter-spacing:.04em;transform:rotate(-2deg)}.purpose-tags span:nth-child(2n){background:var(--blue);transform:rotate(2deg)}.relax-tags span{background:var(--lav)}.relax-tags span:nth-child(2n){background:var(--pink)}
.purpose-product{position:relative;min-height:620px;display:grid;place-items:center;isolation:isolate}.purpose-product img{height:540px;width:auto;max-width:60%;object-fit:contain;z-index:3}
.focus-ring{position:absolute;inset:12% 8%;border:3px solid var(--ink);border-radius:48% 52% 45% 55%/55% 42% 58% 45%;z-index:-2;rotate:-7deg}.ring-one{background:var(--blue);box-shadow:9px 11px var(--ink)}.ring-two{inset:25% 20%;background:var(--yellow);rotate:8deg;z-index:-1;box-shadow:none}.relax-purpose-product .ring-one{background:var(--lav)}.relax-purpose-product .ring-two{background:var(--blue)}
.purpose-sticker{position:absolute;right:4%;bottom:12%;z-index:4;display:grid;place-items:center;text-align:center;width:120px;height:108px;padding:12px;border:3px solid var(--ink);box-shadow:5px 6px var(--ink);background:var(--pink);border-radius:43% 57% 38% 62%/63% 39% 61% 37%;font-weight:900;line-height:1.02;rotate:9deg}.relax-purpose-product .purpose-sticker{background:var(--yellow);rotate:-8deg}

.formula-story{background:#b8e6ef;border-block:2px solid var(--ink)}.relax-formula-story{background:var(--lav)}
.formula-story-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:75px;align-items:start}.formula-story-copy p{font-size:18px;max-width:630px}
.formula-list{border-top:3px solid var(--ink)}.formula-list>div{display:grid;grid-template-columns:minmax(150px,.8fr) 1.4fr;gap:25px;padding:26px 10px;border-bottom:2px solid var(--ink);align-items:baseline}.formula-list b{font:900 23px/1.05 "Arial Black",Arial,sans-serif;letter-spacing:-.04em}.formula-list span{font-size:16px}.relax-formula-list>div:nth-child(odd){background:#ffffff35}

.social-ritual{background:var(--cream)}.social-ritual-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.social-ritual-video{position:relative;height:560px;border:3px solid var(--ink);overflow:hidden;border-radius:48% 52% 42% 58%/55% 41% 59% 45%;box-shadow:10px 12px var(--ink);background:var(--lav)}.social-ritual-video video{width:100%;height:100%;object-fit:cover}.social-sticker{position:absolute;right:4%;bottom:4%;width:142px;min-height:118px;display:grid;place-items:center;text-align:center;padding:12px;background:var(--yellow);border:3px solid var(--ink);box-shadow:5px 6px var(--ink);border-radius:41% 59% 52% 48%/61% 38% 62% 39%;font-weight:900;line-height:1.05;rotate:-7deg}

/* Mission hero: stable at desktop/tablet; stacks before text can be pushed off-screen. */
.mission-hero{overflow:hidden}.mission-hero-grid{grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr);gap:55px;align-items:center}.mission-hero-copy{min-width:0}.mission-hero-video{width:100%;height:520px;min-width:0;max-width:100%}.mission-video-frame{border-radius:44% 56% 50% 50%/57% 42% 58% 43%;border:3px solid var(--ink);box-shadow:10px 12px var(--ink)}
.video-chip{width:145px;min-height:118px;font-size:16px;border-width:3px}.day-chip{left:3%;top:4%}.night-chip{right:3%;bottom:4%}

/* Mission: one wide day/night screen instead of two separate blob cards. */
.mission-rhythms-v5{background:var(--cream);overflow:hidden}.mission-split-head{margin-bottom:45px}
.daynight-screen{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:720px;border:3px solid var(--ink);box-shadow:12px 14px var(--ink);overflow:hidden;background:var(--cream);isolation:isolate}
.daynight-half{position:relative;display:grid;grid-template-rows:360px 1fr;min-width:0;overflow:hidden}.day-half{background:var(--lime);clip-path:polygon(0 0,100% 0,88% 100%,0 100%);margin-right:-7%}.night-half{background:var(--lav);clip-path:polygon(12% 0,100% 0,100% 100%,0 100%);margin-left:-7%;padding-left:7%}
.daynight-media{position:relative;overflow:hidden;border-bottom:3px solid var(--ink)}.daynight-media video{width:100%;height:100%;object-fit:cover}.day-half .daynight-media video{object-position:center}.night-half .daynight-media video{object-position:center}
.daynight-copy{padding:34px 38px 40px;max-width:70%;position:relative;z-index:4}.night-half .daynight-copy{margin-left:auto;text-align:right}.daynight-eyebrow{display:inline-block;font-weight:900;font-size:13px;letter-spacing:.08em;border-bottom:3px solid var(--ink);margin-bottom:8px}.daynight-copy h3{font:900 clamp(52px,5.4vw,82px)/.95 "Arial Black",Arial,sans-serif;letter-spacing:-.06em;margin:6px 0 18px}.daynight-copy p{font-size:17px}.daynight-can{position:absolute;z-index:5;height:48%;width:auto;bottom:26px;right:3%;object-fit:contain}.night-half .daynight-can{right:auto;left:3%;height:49%}.daynight-sticker{position:absolute;z-index:7;top:22px;right:3%;width:120px;min-height:108px;display:grid;place-items:center;text-align:center;padding:13px;background:var(--yellow);border:3px solid var(--ink);box-shadow:5px 6px var(--ink);border-radius:37% 63% 49% 51%/61% 36% 64% 39%;font-weight:900;line-height:1.02;rotate:8deg}.night-half .daynight-sticker{right:3%;left:auto;background:var(--pink);rotate:-8deg}
.daynight-center{position:absolute;z-index:10;left:50%;top:48%;translate:-50% -50%;display:grid;place-items:center;text-align:center;width:132px;height:120px;padding:12px;background:var(--cream);border:3px solid var(--ink);box-shadow:6px 7px var(--ink);border-radius:50%;font-weight:900;font-size:14px;line-height:1.05;rotate:-4deg}

/* Mission social video now acts as the visual instead of a second product blob. */
.mission-social .social-can-stage{border:3px solid var(--ink);box-shadow:10px 12px var(--ink);overflow:hidden;border-radius:44% 56% 51% 49%/59% 43% 57% 41%;background:var(--lav)}
.mission-social .social-can-stage video{width:100%;height:100%;object-fit:cover}.mission-social .social-orbit{bottom:4%;right:4%;left:auto;top:auto;translate:none;transform:none;animation:none;width:150px;height:118px;font-size:13px;background:var(--pink)}

/* LOW SUGAR: product-led concept page; current cans are explicitly contextual, not final packs. */
.low-hero-v5{padding-bottom:75px}.low-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:60px;align-items:center}.low-hero-copy h1{font-size:clamp(72px,9vw,126px);margin:28px 0}.low-product-stage{position:relative;min-height:580px;display:flex;align-items:flex-end;justify-content:center;gap:25px;isolation:isolate}.low-stage-bg{position:absolute;inset:6% 4% 7%;background:var(--yellow);border:3px solid var(--ink);box-shadow:10px 12px var(--ink);clip-path:polygon(7% 4%,92% 0,100% 83%,71% 100%,4% 91%,0 24%);z-index:-1}.low-product-stage img{height:500px;width:auto;max-width:36%;object-fit:contain;object-position:center bottom}.low-relax-can{transform:translateY(12px)}.low-pack-sticker{position:absolute;right:0;bottom:8%;width:154px;min-height:130px;display:grid;place-items:center;text-align:center;padding:12px;background:var(--pink);border:3px solid var(--ink);box-shadow:6px 7px var(--ink);border-radius:42% 58% 39% 61%/61% 38% 62% 39%;font-weight:900;line-height:1.05;rotate:8deg}
.low-intro{background:var(--cream)}.low-intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:start}.low-intro-grid>div:last-child{font-size:18px;padding-top:20px}
.low-pair-section{background:var(--paper)}.low-pair-screen{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:680px;border:3px solid var(--ink);box-shadow:10px 12px var(--ink);overflow:hidden}.low-pair-half{position:relative;display:grid;grid-template-columns:.75fr 1fr;align-items:center;gap:20px;padding:55px 50px}.active-low-half{background:var(--lime);clip-path:polygon(0 0,100% 0,87% 100%,0 100%);margin-right:-7%}.relax-low-half{background:var(--lav);clip-path:polygon(13% 0,100% 0,100% 100%,0 100%);margin-left:-7%;padding-left:11%}.low-pair-half img{height:480px;width:auto;max-width:100%;object-fit:contain;object-position:center bottom}.low-pair-half h3{font:900 clamp(50px,5vw,78px)/.95 "Arial Black",Arial,sans-serif;letter-spacing:-.06em;margin:15px 0}.low-pair-half p{font-size:17px}.low-pair-half>.mini-label{position:absolute;top:25px;left:28px}.relax-low-half>.mini-label{left:auto;right:28px}.low-pair-badge{position:absolute;left:50%;top:50%;translate:-50% -50%;z-index:6;width:150px;min-height:125px;padding:15px;display:grid;place-items:center;text-align:center;background:var(--yellow);border:3px solid var(--ink);box-shadow:6px 7px var(--ink);border-radius:46% 54% 39% 61%/61% 39% 61% 39%;font-weight:900;font-size:13px;line-height:1.05;rotate:-5deg}
.low-facts{background:var(--cream);padding-top:45px}.low-facts-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:2px solid var(--ink)}.low-fact{padding:30px 25px;border-right:2px solid var(--ink)}.low-fact:last-child{border-right:0}.low-fact b{display:block;font:900 20px/1.1 "Arial Black",Arial,sans-serif;margin-bottom:8px}.low-fact span{font-size:15px}

/* Preview indexing guard is reinforced with _headers + robots.txt in v5. */

@media(max-width:1120px){
  .mission-hero-grid,.low-hero-grid{grid-template-columns:1fr;gap:40px}.mission-hero-copy,.low-hero-copy{max-width:780px}.mission-hero-video{height:500px;width:min(100%,850px);justify-self:center}.low-product-stage{min-height:520px;width:min(100%,760px);justify-self:center}
  .purpose-grid,.formula-story-grid,.social-ritual-grid,.low-intro-grid{grid-template-columns:1fr;gap:45px}.purpose-grid-reverse .purpose-copy,.purpose-grid-reverse .purpose-product{order:initial}.purpose-product{min-height:540px}.purpose-product img{height:470px}.social-ritual-video{height:500px}.formula-list{margin-top:5px}
  .daynight-screen,.low-pair-screen{min-height:650px}
}
@media(max-width:900px){
  .daynight-screen,.low-pair-screen{grid-template-columns:1fr;overflow:visible;border:0;box-shadow:none;gap:28px;background:transparent}.daynight-half,.low-pair-half{clip-path:none!important;margin:0!important;border:3px solid var(--ink);box-shadow:8px 9px var(--ink);padding-left:inherit}.daynight-half{min-height:630px;grid-template-rows:330px 1fr}.night-half{padding-left:0}.daynight-copy,.night-half .daynight-copy{max-width:72%;text-align:left;margin:0}.night-half .daynight-can{left:auto;right:3%}.daynight-center,.low-pair-badge{position:relative;left:auto;top:auto;translate:none;justify-self:center;margin:-5px auto;order:2}.low-pair-half{grid-template-columns:.75fr 1fr;padding:55px 42px;min-height:560px}.relax-low-half{padding-left:42px}.low-pair-screen{display:flex;flex-direction:column}.low-pair-badge{order:1}.active-low-half{order:0}.relax-low-half{order:2}
}
@media(max-width:760px){
  .product-hero-scene{height:470px}.product-hero-scene .scene-doctor{right:-8%!important;height:100%!important;max-width:98%!important}.product-hero-scene .scene-can,.relax-scene .scene-can{height:54%!important;bottom:18px!important;left:0!important}.facts-clean{display:grid;grid-template-columns:1fr}.facts-clean .fact{border-right:0;border-bottom:2px solid var(--ink)}.facts-clean .fact:last-child{border-bottom:0}
  .flavour-party{grid-template-columns:1fr 1fr}.flavour-item{min-height:430px;grid-template-rows:290px auto auto;border-bottom:2px solid var(--ink)}.flavour-item:nth-child(2n){border-right:0}.flavour-item:last-child{grid-column:1/-1;border-right:0}.flavour-item img{height:285px}
  .purpose-product{min-height:480px}.purpose-product img{height:410px;max-width:65%}.purpose-sticker{width:100px;height:92px;font-size:12px}.formula-list>div{grid-template-columns:1fr;gap:7px}.social-ritual-video{height:390px}
  .mission-hero-video{height:340px}.video-chip{width:106px;min-height:90px;font-size:12px}.daynight-half{min-height:600px;grid-template-rows:300px 1fr}.daynight-copy,.night-half .daynight-copy{max-width:100%;padding-right:115px}.daynight-can,.night-half .daynight-can{height:38%;right:3%;bottom:28px;left:auto}.daynight-sticker{width:100px;min-height:92px;font-size:11px}.daynight-center{width:118px;height:104px;font-size:12px}
  .low-product-stage{min-height:455px;gap:10px}.low-product-stage img{height:390px;max-width:39%}.low-pack-sticker{width:126px;min-height:108px;font-size:11px}.low-pair-half{grid-template-columns:1fr 1fr;min-height:500px;padding:60px 24px 30px}.low-pair-half img{height:370px}.low-pair-half h3{font-size:48px}.low-facts-grid{grid-template-columns:1fr}.low-fact{border-right:0;border-bottom:2px solid var(--ink)}.low-fact:last-child{border-bottom:0}
}
@media(max-width:480px){
  .flavour-party{grid-template-columns:1fr}.flavour-item,.flavour-item:nth-child(2n),.flavour-item:last-child{border-right:0}.flavour-item{min-height:460px;grid-template-rows:315px auto auto}.flavour-item img{height:310px}
  .product-hero-scene{height:420px}.product-hero-scene .scene-doctor{right:-15%!important}.product-hero-scene .scene-can,.relax-scene .scene-can{height:49%!important}.purpose-copy h2,.formula-story-copy h2,.social-ritual-copy h2,.low-intro h2{font-size:48px}.purpose-product{min-height:420px}.purpose-product img{height:350px}.social-ritual-video{height:330px}
  .daynight-half{min-height:560px;grid-template-rows:265px 1fr}.daynight-copy,.night-half .daynight-copy{padding:28px 22px 30px;max-width:100%;padding-right:100px}.daynight-copy h3{font-size:48px}.daynight-copy p{font-size:15px}.daynight-can,.night-half .daynight-can{height:34%;bottom:34px}.daynight-sticker{top:12px;right:10px}
  .low-product-stage{min-height:400px}.low-product-stage img{height:330px}.low-pack-sticker{right:-5px;bottom:2%}.low-pair-half{grid-template-columns:.8fr 1fr;min-height:455px;padding:60px 18px 25px}.low-pair-half img{height:320px}.low-pair-half h3{font-size:42px}.low-pair-half p{font-size:14px}
}
\n
/* =========================================================
   HARMONIQ v6 — editorial rhythm, torn transitions, SEO/perf-ready test build
   ========================================================= */

/* Collection / flavour lineups: full-width, deliberate asymmetry, equal can scale. */
.lineup-head{margin-bottom:36px}
.lineup-bleed{width:100vw;margin-left:calc(50% - 50vw);overflow:hidden}
.lineup-wide{border-inline:0!important;border-radius:0!important;box-shadow:none!important}
.lineup-wide .lineup-band{min-width:0;border-right:2px solid var(--ink);padding:32px 16px 27px;grid-template-rows:390px auto auto;min-height:555px}
.lineup-wide .lineup-band:last-child{border-right:0}
.lineup-wide .lineup-band img{height:375px!important;width:100%!important;object-fit:contain!important;object-position:center bottom!important;filter:drop-shadow(0 14px 10px #142b2528);transform-origin:50% 100%}
.lineup-wide .lineup-band h3{font-size:21px;margin:18px 0 6px}
.lineup-wide .lineup-band p{min-height:42px;max-width:230px;margin-inline:auto}
.lineup-six{grid-template-columns:1.04fr .94fr 1.06fr .93fr 1.02fr 1.12fr}
.lineup-five{grid-template-columns:1.03fr .94fr 1.06fr .95fr 1.02fr}
.lineup-wide .band-cherry{background:var(--pink)}
.lineup-wide .band-apple{background:var(--lime)}
.lineup-wide .band-lychee{background:var(--orange)}
.lineup-wide .band-passion{background:var(--yellow)}
.lineup-wide .band-lime{background:var(--mint)}
.lineup-wide .band-relax{background:var(--lav)}
.lineup-wide .band-cherry img{transform:translate(-5px,18px) rotate(-3deg)}
.lineup-wide .band-apple img{transform:translate(8px,-8px) rotate(2deg)}
.lineup-wide .band-lychee img{transform:translate(-3px,22px) rotate(-2deg)}
.lineup-wide .band-passion img{transform:translate(5px,14px) rotate(3deg)}
.lineup-wide .band-lime img{transform:translate(-2px,-4px) rotate(-2deg)}
.lineup-wide .band-relax img{transform:translate(8px,10px) rotate(3deg)}
.lineup-wide .lineup-band:hover img{transform:translateY(-5px) rotate(0deg)}

/* ACTIVE / RELAX hero scenes: product and character share one baseline, no clipped fingers/elbows. */
.product-hero-scene{height:620px!important;overflow:hidden!important}
.product-hero-scene .scene-doctor{position:absolute!important;bottom:0!important;top:auto!important;width:auto!important;height:100%!important;max-height:100%!important;max-width:82%!important;object-fit:contain!important;object-position:right bottom!important;z-index:2}
.active-scene .scene-doctor{right:0!important}
.relax-scene .scene-doctor{right:-1%!important;max-width:88%!important}
.product-hero-scene .scene-can{position:absolute!important;z-index:5!important;height:73%!important;width:auto!important;max-width:43%!important;bottom:8px!important;left:0!important;object-fit:contain!important;object-position:center bottom!important;filter:drop-shadow(0 20px 13px #142b2535)!important;transform:rotate(-9deg)!important;transform-origin:50% 90%}
.relax-scene .scene-can{height:71%!important;left:1%!important;transform:rotate(8deg)!important}
.product-hero-scene .scene-tag{z-index:7}

/* Mission: a single torn-paper composition instead of mirrored cards. */
.torn-daynight{position:relative;grid-template-columns:1fr 1fr;box-shadow:12px 14px var(--ink);overflow:hidden}
.torn-daynight .daynight-half{clip-path:none!important;margin:0!important;padding:0!important;grid-template-rows:365px 1fr;min-height:690px}
.torn-daynight .day-half{background:var(--lime)}
.torn-daynight .night-half{background:var(--lav)}
.torn-daynight .daynight-media{border-bottom:0;position:relative;overflow:hidden}
.torn-daynight .daynight-media:after{content:"";position:absolute;z-index:5;left:-2%;right:-2%;bottom:-1px;height:30px;background:inherit;clip-path:polygon(0 58%,5% 36%,10% 65%,15% 40%,21% 66%,27% 31%,33% 61%,39% 43%,45% 70%,52% 35%,58% 61%,64% 38%,70% 66%,77% 34%,84% 63%,91% 41%,100% 67%,100% 100%,0 100%)}
.torn-daynight .day-half .daynight-media:after{background:var(--lime)}
.torn-daynight .night-half .daynight-media:after{background:var(--lav)}
.torn-daynight:after{content:"";position:absolute;z-index:9;left:50%;top:0;bottom:0;width:34px;translate:-50% 0;background:var(--cream);clip-path:polygon(48% 0,72% 4%,42% 9%,65% 14%,36% 20%,60% 26%,39% 33%,67% 39%,41% 46%,62% 53%,35% 59%,65% 66%,40% 72%,69% 79%,43% 86%,61% 92%,48% 100%,0 100%,0 0);pointer-events:none}
.torn-daynight .daynight-copy{padding:36px 46px 42px;max-width:82%}
.torn-daynight .night-half .daynight-copy{margin-left:auto;text-align:right}
.torn-daynight .daynight-sticker{top:25px;right:5%;width:126px;min-height:105px}
.torn-daynight .night-half .daynight-sticker{right:5%}

/* Mission social: static restaurant-style Vienna scene + torn edge + live HTML copy. */
.mission-social{background:var(--lav);padding-block:0!important}
.mission-social-torn{width:100%;max-width:none!important;display:grid!important;grid-template-columns:minmax(0,1.18fr) minmax(430px,.82fr)!important;gap:0!important;align-items:stretch!important}
.mission-social-photo{position:relative;min-height:650px;overflow:hidden;background:#281f32}
.mission-social-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.mission-social-photo:after{content:"";position:absolute;z-index:5;right:-1px;top:0;bottom:0;width:34px;background:var(--lav);clip-path:polygon(65% 0,35% 6%,60% 12%,28% 19%,63% 26%,38% 34%,67% 42%,34% 49%,61% 56%,31% 64%,67% 71%,37% 79%,62% 86%,32% 94%,55% 100%,100% 100%,100% 0)}
.mission-social-torn>div:last-child{padding:92px 8vw 82px 60px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.mission-social-torn h2{font-size:clamp(58px,5.7vw,92px);text-transform:none;margin:28px 0 26px;line-height:.93}
.mission-social-torn h2 span{color:var(--ink)}
.mission-social-torn p{font-size:18px;max-width:610px}

/* LOW SUGAR is intentionally compact until packaging/specification is approved. */
.low-hero-v5{min-height:calc(100vh - 92px);display:flex;align-items:center;padding-bottom:60px}

/* About / retailer pages are shorter by design after removing generic card sections. */
.founder{padding-top:110px}

@media(max-width:1100px){
  .lineup-six{grid-template-columns:repeat(3,1fr)}.lineup-five{grid-template-columns:repeat(3,1fr)}
  .lineup-wide .lineup-band{border-bottom:2px solid var(--ink)}
  .lineup-wide .lineup-band:nth-child(3n){border-right:0}
  .mission-social-torn{grid-template-columns:1fr!important}.mission-social-photo{min-height:520px}.mission-social-photo:after{display:none}.mission-social-torn>div:last-child{padding:70px max(40px,7vw)}
  .product-hero-scene{height:540px!important}.product-hero-scene .scene-can{height:68%!important}.relax-scene .scene-can{height:66%!important}
}
@media(max-width:760px){
  .lineup-bleed{width:100vw;margin-left:calc(50% - 50vw)}
  .lineup-six,.lineup-five{grid-template-columns:1fr 1fr}
  .lineup-wide .lineup-band,.lineup-wide .lineup-band:nth-child(3n){border-right:2px solid var(--ink)}
  .lineup-wide .lineup-band:nth-child(2n){border-right:0}
  .lineup-wide .lineup-band{grid-template-rows:285px auto auto;min-height:430px;padding:22px 14px}
  .lineup-wide .lineup-band img{height:275px!important;transform:translateY(0) rotate(0deg)!important}
  .product-hero-scene{height:470px!important}.product-hero-scene .scene-doctor{max-width:91%!important;right:-4%!important}.product-hero-scene .scene-can{height:61%!important;max-width:40%!important;left:0!important;bottom:5px!important}.relax-scene .scene-can{height:59%!important}
  .torn-daynight{grid-template-columns:1fr;box-shadow:none;border:0;gap:28px;background:transparent;overflow:visible}
  .torn-daynight:after{display:none}.torn-daynight .daynight-half{border:3px solid var(--ink);box-shadow:8px 9px var(--ink);min-height:580px}.torn-daynight .night-half .daynight-copy{text-align:left;margin:0}.torn-daynight .daynight-copy{max-width:100%;padding:30px 26px 36px}.mission-social-photo{min-height:400px}.mission-social-torn>div:last-child{padding:60px 24px 65px}.mission-social-torn h2{font-size:54px}
}
@media(max-width:480px){
  .lineup-six,.lineup-five{grid-template-columns:1fr}.lineup-wide .lineup-band,.lineup-wide .lineup-band:nth-child(2n),.lineup-wide .lineup-band:nth-child(3n){border-right:0}.lineup-wide .lineup-band{grid-template-rows:320px auto auto;min-height:470px}.lineup-wide .lineup-band img{height:310px!important}
  .product-hero-scene{height:430px!important}.product-hero-scene .scene-doctor{max-width:96%!important;right:-8%!important}.product-hero-scene .scene-can{height:54%!important;max-width:42%!important}.relax-scene .scene-can{height:52%!important}
}


/* =========================================================
   HARMONIQ v7 — corrections after live v6 review
   ========================================================= */

/* Mission hero: the lime/lavender split reads like a torn sheet, not a 50/50 PowerPoint divide. */
.mission-hero{background:linear-gradient(90deg,var(--lime) 0 50%,var(--lav) 50%)!important}
.mission-hero:before{content:""!important;position:absolute!important;z-index:0!important;left:50%!important;top:0!important;bottom:0!important;width:44px!important;translate:-50% 0!important;background:var(--cream)!important;clip-path:polygon(47% 0,73% 4%,40% 9%,69% 15%,34% 21%,63% 28%,38% 35%,70% 42%,40% 49%,64% 56%,34% 63%,68% 70%,39% 77%,66% 84%,42% 91%,58% 96%,48% 100%,0 100%,0 0)!important;pointer-events:none!important}
.mission-hero-grid{position:relative;z-index:1}

/* Day/night campaign: one poster-like screen, no extra heading above it. */
.mission-rhythms-v7{padding:64px 24px 92px;background:var(--cream);overflow:hidden}
.campaign-daynight{width:min(1700px,calc(100vw - 48px));margin-inline:auto;min-height:760px;border:2px solid var(--ink);box-shadow:none!important;overflow:hidden!important;background:var(--cream)}
.campaign-daynight .daynight-half{grid-template-rows:400px 1fr;min-height:760px!important}
.campaign-daynight .daynight-media video{object-fit:cover}
.campaign-daynight .daynight-copy{padding:34px 52px 46px;max-width:74%}
.campaign-daynight .daynight-copy h2{font:900 clamp(64px,6.1vw,104px)/.88 "Arial Black",Arial,sans-serif;letter-spacing:-.07em;margin:9px 0 22px;text-transform:uppercase}
.campaign-daynight .daynight-copy p{font-size:19px;max-width:520px}
.campaign-daynight .night-half .daynight-copy p{margin-left:auto}
.campaign-daynight .daynight-sticker{top:25px;width:145px;min-height:120px;font-size:17px}
.campaign-daynight:after{width:42px!important;background:var(--cream)!important}
.daynight-bridge{position:absolute;z-index:12;left:50%;top:53%;translate:-50% -50%;display:flex;flex-direction:column;align-items:center;pointer-events:none}
.daynight-bridge>span{position:relative;z-index:5;width:132px;height:125px;display:grid;place-items:center;text-align:center;padding:14px;background:var(--cream);border:3px solid var(--ink);box-shadow:5px 6px var(--ink);border-radius:45% 55% 50% 50%/56% 42% 58% 44%;font:900 17px/1.02 "Arial Black",Arial,sans-serif;rotate:-4deg}
.daynight-cans{display:flex;align-items:flex-end;justify-content:center;gap:-10px;margin-top:-18px;filter:drop-shadow(0 16px 12px #142b2530)}
.daynight-cans img{width:auto;height:330px;object-fit:contain;transform-origin:50% 100%}
.daynight-cans img:first-child{rotate:-4deg;margin-right:-17px}.daynight-cans img:last-child{rotate:4deg;margin-left:-17px}

/* Collection + ACTIVE flavour lineups: one organic editorial field instead of six rigid cards. */
.organic-lineup{position:relative;isolation:isolate;gap:0!important;background:var(--cream);padding:18px 0 34px!important;overflow:hidden;border:0!important}
.organic-lineup .lineup-band{position:relative!important;isolation:isolate;background:transparent!important;border:0!important;padding:58px 12px 28px!important;grid-template-rows:390px auto auto!important;min-height:565px!important;overflow:visible!important}
.organic-lineup .lineup-band:before{content:""!important;position:absolute!important;z-index:-1!important;inset:18px -26px -18px!important;height:auto!important;border:0!important;box-shadow:none!important;border-radius:0!important;rotate:0!important;transition:none!important}
.organic-lineup .band-cherry:before{background:var(--pink)!important;clip-path:polygon(0 9%,18% 2%,58% 5%,88% 0,100% 18%,95% 48%,100% 77%,82% 100%,42% 94%,8% 100%,0 78%,6% 50%)!important}
.organic-lineup .band-apple:before{background:var(--lime)!important;clip-path:polygon(0 13%,23% 0,62% 2%,92% 10%,100% 35%,93% 65%,100% 91%,70% 100%,38% 94%,5% 100%,0 72%,8% 42%)!important}
.organic-lineup .band-lychee:before{background:var(--orange)!important;clip-path:polygon(0 20%,17% 7%,46% 0,80% 6%,100% 20%,94% 49%,100% 83%,77% 100%,44% 95%,11% 100%,0 77%,5% 45%)!important}
.organic-lineup .band-passion:before{background:var(--yellow)!important;clip-path:polygon(0 16%,20% 4%,58% 0,90% 9%,100% 29%,92% 60%,100% 88%,79% 100%,39% 96%,7% 100%,0 72%,7% 38%)!important}
.organic-lineup .band-lime:before{background:var(--mint)!important;clip-path:polygon(0 13%,23% 0,64% 4%,91% 0,100% 19%,94% 51%,100% 80%,82% 100%,48% 93%,10% 100%,0 75%,6% 43%)!important}
.organic-lineup .band-relax:before{background:var(--lav)!important;clip-path:polygon(0 17%,21% 4%,55% 0,88% 8%,100% 27%,93% 57%,100% 87%,76% 100%,39% 94%,6% 100%,0 72%,7% 42%)!important}
.organic-lineup .lineup-band img{height:385px!important;max-height:385px!important;width:100%!important;object-fit:contain!important;object-position:center bottom!important;filter:drop-shadow(0 18px 11px #142b252b)!important;transform-origin:50% 100%;position:relative;z-index:2}
.organic-lineup .band-cherry img{transform:translate(-4px,12px) rotate(-3deg)!important}.organic-lineup .band-apple img{transform:translate(5px,-2px) rotate(2deg)!important}.organic-lineup .band-lychee img{transform:translate(-3px,17px) rotate(-2deg)!important}.organic-lineup .band-passion img{transform:translate(5px,8px) rotate(3deg)!important}.organic-lineup .band-lime img{transform:translate(-2px,-4px) rotate(-2deg)!important}.organic-lineup .band-relax img{transform:translate(4px,8px) rotate(3deg)!important}
.organic-lineup .lineup-band h3{position:relative;z-index:2;margin:21px 0 5px!important;font-size:22px!important}.organic-lineup .lineup-band p{position:relative;z-index:2;min-height:44px;max-width:230px;margin-inline:auto}
.lineup-six.organic-lineup{grid-template-columns:1.03fr 1.01fr .98fr 1.02fr 1.02fr 1.08fr!important}
.lineup-five.organic-lineup{grid-template-columns:1.03fr 1fr .98fr 1.02fr 1.04fr!important}

/* Low sugar hero: the yellow support shape is intentionally larger and confidently frames both cans. */
.low-product-stage .low-stage-bg{inset:-1% -8% -4% -5%!important;clip-path:polygon(7% 5%,91% 0,100% 82%,75% 100%,4% 94%,0 24%)!important}

/* Mission social: keep the restaurant image, but return to a calmer 60/40 editorial section. */
.mission-social{padding:72px 0!important;background:var(--lav)!important}
.mission-social-shell{width:min(1500px,calc(100% - 80px))!important}
.mission-social-torn{grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr)!important;min-height:520px;border:0;overflow:hidden}
.mission-social-photo{min-height:520px!important;max-height:560px!important;align-self:center;border-radius:26px 0 0 26px}
.mission-social-photo img{object-position:center 42%!important;filter:saturate(.92) contrast(.97)}
.mission-social-photo:after{width:40px!important}
.mission-social-copy{padding:58px 54px 58px 64px!important;justify-content:center!important}
.mission-social-torn h2{font-size:clamp(54px,5vw,80px)!important;margin:24px 0 22px!important}
.mission-social-torn p{font-size:17px!important;max-width:560px!important}

/* Product heroes: extra safety margin for Koval's hands/elbows and a more integrated tilted packshot. */
.product-hero-scene{overflow:visible!important}
.product-hero{overflow:hidden!important}
.active-scene .scene-doctor{right:2%!important;max-width:78%!important}
.relax-scene .scene-doctor{right:2%!important;max-width:84%!important}
.product-hero-scene .scene-can{height:76%!important;left:-1%!important;bottom:2px!important}
.relax-scene .scene-can{height:74%!important;left:0!important}

@media(max-width:1100px){
  .campaign-daynight{width:calc(100vw - 36px)}
  .daynight-bridge{display:none}
  .organic-lineup{grid-template-columns:repeat(3,1fr)!important;padding-inline:0!important}
  .organic-lineup .lineup-band{min-height:500px!important;grid-template-rows:330px auto auto!important}
  .organic-lineup .lineup-band img{height:320px!important}
  .mission-social-shell{width:min(100% - 48px,1000px)!important}.mission-social-torn{grid-template-columns:1fr!important}.mission-social-photo{border-radius:26px 26px 0 0;max-height:500px!important}.mission-social-photo:after{display:none}.mission-social-copy{padding:52px 44px 60px!important}
}
@media(max-width:760px){
  .mission-hero{background:linear-gradient(180deg,var(--lime) 0 49%,var(--lav) 49%)!important}
  .mission-hero:before{left:0!important;right:0!important;top:49%!important;bottom:auto!important;width:auto!important;height:34px!important;translate:0 -50%!important;clip-path:polygon(0 45%,7% 64%,14% 34%,21% 63%,29% 39%,36% 68%,44% 37%,51% 65%,58% 36%,66% 62%,73% 41%,81% 68%,89% 36%,100% 57%,100% 100%,0 100%)!important}
  .mission-rhythms-v7{padding:38px 14px 70px}.campaign-daynight{width:100%;grid-template-columns:1fr;min-height:0!important;border:0!important;gap:22px;overflow:visible!important}.campaign-daynight:after{display:none}.campaign-daynight .daynight-half{border:2px solid var(--ink);min-height:600px!important;grid-template-rows:300px 1fr}.campaign-daynight .night-half .daynight-copy{text-align:left;margin:0}.campaign-daynight .daynight-copy{max-width:100%;padding:30px 26px 38px}.campaign-daynight .daynight-copy h2{font-size:60px}.campaign-daynight .daynight-sticker{width:108px;min-height:92px;font-size:13px}
  .organic-lineup{grid-template-columns:1fr 1fr!important}.organic-lineup .lineup-band{min-height:445px!important;grid-template-rows:285px auto auto!important;padding-top:42px!important}.organic-lineup .lineup-band img{height:275px!important;transform:translateY(0) rotate(0)!important}.organic-lineup .lineup-band:before{inset:12px -12px -10px!important}
  .mission-social{padding:50px 0!important}.mission-social-shell{width:calc(100% - 28px)!important}.mission-social-photo{min-height:360px!important;max-height:400px!important}.mission-social-copy{padding:44px 24px 52px!important}.mission-social-torn h2{font-size:50px!important}
  .product-hero-scene{overflow:hidden!important}.active-scene .scene-doctor,.relax-scene .scene-doctor{right:-4%!important;max-width:90%!important}.product-hero-scene .scene-can{height:60%!important}.relax-scene .scene-can{height:58%!important}
}
@media(max-width:480px){
  .organic-lineup{grid-template-columns:1fr!important}.organic-lineup .lineup-band{min-height:470px!important;grid-template-rows:320px auto auto!important}.organic-lineup .lineup-band img{height:310px!important}
  .mission-social-torn h2{font-size:44px!important}
}


/* =========================================================
   HARMONIQ v8 — review pass: organic showcases + mission cleanup
   ========================================================= */

/* HOME HERO — all five ACTIVE cans visible as one controlled, asymmetric fan. */
.hero-cans{height:590px!important}
.hero-cans:before{inset:34px -62px 40px 12px!important;rotate:7deg!important}
.hero-cans .hero-can{animation:none!important;transform-origin:50% 100%;object-fit:contain!important}
.hero-cans .hc-cherry{display:block!important;height:52%!important;left:1%!important;top:25%!important;rotate:-15deg!important;z-index:1!important}
.hero-cans .hc-lychee{display:block!important;height:56%!important;left:16%!important;right:auto!important;top:18%!important;rotate:-8deg!important;z-index:2!important}
.hero-cans .hc-apple{display:block!important;height:68%!important;left:35%!important;top:5%!important;rotate:-2deg!important;z-index:5!important}
.hero-cans .hc-passion{display:block!important;height:56%!important;left:57%!important;right:auto!important;top:17%!important;rotate:8deg!important;z-index:3!important}
.hero-cans .hc-lime{display:block!important;height:52%!important;left:76%!important;right:auto!important;top:24%!important;rotate:14deg!important;z-index:2!important}
.hero-cans .note-top{right:-1%!important;top:2%!important}
.hero-cans .note-bottom{left:0!important;bottom:4%!important}

/* HOME RELAX — never allow the product to disappear behind the shape/reveal state. */
.relax-feature .feature-visual img{display:block!important;opacity:1!important;visibility:visible!important;position:relative!important;z-index:3!important;height:84%!important;max-height:490px!important;width:auto!important;max-width:72%!important}
.relax-feature .feature-disc{z-index:0!important}.relax-feature .feature-visual{isolation:isolate}

/* PRODUCT HERO — keep ACTIVE text clear; RELAX remains as approved. */
@media(min-width:1101px){
  .active-scene .scene-can{left:8%!important;height:72%!important}
  .relax-scene .scene-can{left:0!important;height:74%!important}
}

/* ORGANIC FLAVOUR SHOWCASE — continuous colour fields, no catalogue cells. */
.flavour-showcase{position:relative;width:100vw;margin-left:calc(50% - 50vw);min-height:690px;overflow:hidden;background:var(--cream);isolation:isolate;border-block:2px solid var(--ink)}
.showcase-fields{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.showcase-field{position:absolute;top:18px;bottom:0;filter:saturate(.98);transform-origin:50% 100%}
.showcase-field.field-cherry{background:var(--pink)}.showcase-field.field-apple{background:var(--lime)}.showcase-field.field-lychee{background:var(--orange)}.showcase-field.field-passion{background:var(--yellow)}.showcase-field.field-lime{background:var(--mint)}.showcase-field.field-relax{background:var(--lav)}
.showcase-six .field-cherry{left:-4%;width:22%;clip-path:polygon(0 4%,31% 0,63% 7%,92% 1%,100% 24%,93% 52%,100% 83%,77% 100%,42% 94%,6% 100%,0 78%)}
.showcase-six .field-apple{left:13%;width:22%;clip-path:polygon(0 15%,20% 2%,58% 0,91% 11%,100% 39%,91% 67%,100% 92%,68% 100%,35% 93%,6% 100%,0 72%)}
.showcase-six .field-lychee{left:30%;width:22%;clip-path:polygon(0 19%,18% 7%,50% 0,84% 6%,100% 22%,93% 51%,100% 85%,77% 100%,41% 95%,8% 100%,0 75%)}
.showcase-six .field-passion{left:47%;width:22%;clip-path:polygon(0 10%,27% 2%,61% 0,92% 12%,100% 32%,92% 62%,100% 88%,79% 100%,38% 95%,7% 100%,0 71%)}
.showcase-six .field-lime{left:64%;width:22%;clip-path:polygon(0 16%,20% 0,62% 5%,91% 0,100% 21%,94% 53%,100% 82%,82% 100%,47% 93%,9% 100%,0 73%)}
.showcase-six .field-relax{left:81%;width:23%;clip-path:polygon(0 14%,23% 4%,54% 0,87% 7%,100% 28%,93% 57%,100% 88%,76% 100%,39% 94%,7% 100%,0 72%)}
.showcase-five .field-cherry{left:-4%;width:25%;clip-path:polygon(0 4%,31% 0,63% 7%,92% 1%,100% 24%,93% 52%,100% 83%,77% 100%,42% 94%,6% 100%,0 78%)}
.showcase-five .field-apple{left:16%;width:25%;clip-path:polygon(0 15%,20% 2%,58% 0,91% 11%,100% 39%,91% 67%,100% 92%,68% 100%,35% 93%,6% 100%,0 72%)}
.showcase-five .field-lychee{left:36%;width:25%;clip-path:polygon(0 19%,18% 7%,50% 0,84% 6%,100% 22%,93% 51%,100% 85%,77% 100%,41% 95%,8% 100%,0 75%)}
.showcase-five .field-passion{left:56%;width:25%;clip-path:polygon(0 10%,27% 2%,61% 0,92% 12%,100% 32%,92% 62%,100% 88%,79% 100%,38% 95%,7% 100%,0 71%)}
.showcase-five .field-lime{left:76%;width:28%;clip-path:polygon(0 16%,20% 0,62% 5%,91% 0,100% 21%,94% 53%,100% 82%,82% 100%,47% 93%,9% 100%,0 73%)}
.showcase-products{position:relative;z-index:2;display:grid;height:100%;min-height:690px;align-items:end;padding:54px 1.5vw 28px;gap:0}
.showcase-six .showcase-products{grid-template-columns:1.02fr .99fr 1fr 1.01fr 1.01fr 1.06fr}
.showcase-five .showcase-products{grid-template-columns:1.02fr .99fr 1fr 1.01fr 1.04fr}
.showcase-product{min-width:0;display:grid;grid-template-rows:470px auto;text-align:center;align-items:end;padding:0 8px;position:relative}
.showcase-product img{width:100%;height:445px;max-width:280px;object-fit:contain;object-position:center bottom;margin-inline:auto;filter:drop-shadow(0 18px 12px #142b2530);transform-origin:50% 100%}
.product-cherry img{transform:translateY(9px) rotate(-3deg)}.product-apple img{transform:translateY(-9px) rotate(2deg)}.product-lychee img{transform:translateY(13px) rotate(-2deg)}.product-passion img{transform:translateY(3px) rotate(3deg)}.product-lime img{transform:translateY(-7px) rotate(-2deg)}.product-relax img{transform:translateY(4px) rotate(3deg)}
.showcase-caption{min-height:105px;padding:12px 4px 6px}.showcase-caption h3{margin:0 0 5px;font:900 clamp(18px,1.5vw,24px)/1 "Arial Black",Arial,sans-serif;text-transform:uppercase}.showcase-caption p{margin:0 auto;max-width:220px;font-size:15px;line-height:1.3}
.home-flavour-showcase>.wrap,.flavour-section>.wrap{width:min(1500px,calc(100% - 80px))}
.home-flavour-showcase .section-head,.flavour-section .section-head{margin-bottom:34px}

/* MISSION INTRO — clean torn-sheet statement, no separate oval video. */
.mission-hero-v8{padding:0!important;background:none!important;overflow:hidden!important;border-bottom:2px solid var(--ink)!important;position:relative}
.mission-hero-v8:before{display:none!important}
.mission-hero-v8-inner{display:grid;grid-template-columns:1fr 1fr;min-height:570px;position:relative;background:linear-gradient(90deg,var(--lime) 0 50%,var(--lav) 50%)}
.mission-hero-v8-inner:after{content:"";position:absolute;z-index:5;left:50%;top:0;bottom:0;width:46px;translate:-50% 0;background:var(--cream);clip-path:polygon(48% 0,72% 4%,39% 9%,68% 15%,34% 21%,63% 28%,37% 35%,69% 42%,39% 49%,65% 56%,33% 63%,68% 70%,38% 77%,66% 84%,41% 91%,59% 96%,48% 100%,0 100%,0 0);pointer-events:none}
.mission-intro-side{position:relative;display:flex;flex-direction:column;justify-content:center;padding:90px clamp(38px,7vw,130px);min-width:0}
.mission-intro-day{align-items:flex-start}.mission-intro-night{align-items:flex-end;text-align:right}
.mission-intro-side h1,.mission-intro-side h2{margin:20px 0 24px;font:900 clamp(76px,8vw,138px)/.82 "Arial Black",Arial,sans-serif;letter-spacing:-.08em;text-transform:uppercase}
.mission-intro-night h2{color:var(--purple)}
.mission-intro-side p{font-size:19px;font-weight:650;max-width:560px}.mission-intro-night p{font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.mission-mode{font-weight:900;font-size:13px;letter-spacing:.12em;text-transform:uppercase;border-bottom:3px solid var(--ink);padding-bottom:5px}

/* MISSION DAY/NIGHT — one full-width campaign poster, torn at centre and under imagery. */
.mission-rhythms-v7{padding:0 0 80px!important;background:var(--cream)!important;overflow:hidden!important}
.campaign-daynight{width:100vw!important;margin-left:calc(50% - 50vw)!important;min-height:800px!important;border:0!important;box-shadow:none!important;grid-template-columns:1fr 1fr!important;background:var(--cream)!important;overflow:hidden!important}
.campaign-daynight .daynight-half{min-height:800px!important;grid-template-rows:430px 1fr!important;border:0!important;box-shadow:none!important}
.campaign-daynight .daynight-media{border:0!important}.campaign-daynight .daynight-media video{width:100%;height:100%;object-fit:cover}
.campaign-daynight .daynight-media:after{height:58px!important;bottom:-1px!important;clip-path:polygon(0 62%,4% 44%,9% 67%,14% 38%,20% 65%,26% 40%,31% 70%,37% 35%,43% 66%,49% 39%,55% 72%,61% 36%,67% 65%,73% 42%,79% 70%,85% 35%,91% 64%,96% 43%,100% 60%,100% 100%,0 100%)!important}
.campaign-daynight:after{width:48px!important;background:var(--cream)!important}
.campaign-daynight .daynight-copy{max-width:78%!important;padding:36px 5vw 54px!important}.campaign-daynight .night-half .daynight-copy{margin-left:auto!important;text-align:right!important}
.campaign-daynight .daynight-copy h2{font-size:clamp(72px,7.2vw,124px)!important;margin:8px 0 20px!important}
.campaign-daynight .daynight-copy p{font-size:19px!important;max-width:520px}.campaign-daynight .night-half .daynight-copy p{margin-left:auto}
.campaign-daynight .daynight-sticker{width:150px!important;min-height:126px!important;font-size:18px!important;top:24px!important;right:6%!important}
.daynight-bridge{top:51%!important}.daynight-bridge>span{width:142px!important;height:132px!important;font-size:18px!important}.daynight-cans img{height:350px!important}

/* MISSION SOCIAL — image supports the copy rather than dominating the page. */
.mission-social{padding:76px 0!important}.mission-social-shell{width:min(1460px,calc(100% - 96px))!important}
.mission-social-torn{grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr)!important;min-height:500px!important;background:var(--lav)!important}
.mission-social-photo{min-height:470px!important;max-height:520px!important;border-radius:24px 0 0 24px!important}.mission-social-photo img{object-position:center 44%!important;filter:saturate(.9) contrast(.96)!important}
.mission-social-copy{padding:52px 58px 54px 70px!important}.mission-social-torn h2{font-size:clamp(52px,4.6vw,78px)!important}

/* Ensure asset dimensions/aspect boxes are stable. */
.showcase-product img,.daynight-cans img,.product-hero-scene img,.mission-social-photo img{height:auto}
.showcase-product img{height:445px!important}
.daynight-cans img{height:350px!important;width:auto!important}
.product-hero-scene .scene-doctor,.product-hero-scene .scene-can{width:auto!important}
.mission-social-photo img{width:100%!important;height:100%!important}

@media(max-width:1100px){
  .showcase-products{min-height:1120px;grid-template-columns:repeat(3,1fr)!important;grid-auto-rows:1fr;padding:36px 2vw 26px}.showcase-fields{display:none}.showcase-product{grid-template-rows:350px auto;min-height:520px}.showcase-product:before{content:"";position:absolute;z-index:-1;inset:14px 2px 4px;background:var(--pink);clip-path:polygon(1% 10%,18% 1%,62% 4%,95% 0,100% 25%,94% 61%,100% 89%,75% 100%,38% 94%,4% 100%,0 71%)}
  .product-apple:before{background:var(--lime)}.product-lychee:before{background:var(--orange)}.product-passion:before{background:var(--yellow)}.product-lime:before{background:var(--mint)}.product-relax:before{background:var(--lav)}
  .showcase-product img{height:330px!important;max-width:240px}.showcase-caption{min-height:92px}
  .mission-social-torn{grid-template-columns:1fr!important}.mission-social-photo{border-radius:24px 24px 0 0!important;min-height:430px!important;max-height:480px!important}.mission-social-photo:after{display:none!important}.mission-social-copy{padding:48px 44px 56px!important}
}
@media(max-width:760px){
  .hero-cans{height:430px!important;margin-top:22px!important}.hero-cans:before{inset:40px 0 36px 0!important}
  .hero-cans .hc-cherry{height:45%!important;left:0!important;top:28%!important}.hero-cans .hc-lychee{height:49%!important;left:15%!important;top:20%!important}.hero-cans .hc-apple{height:59%!important;left:35%!important;top:8%!important}.hero-cans .hc-passion{height:49%!important;left:57%!important;top:20%!important}.hero-cans .hc-lime{height:45%!important;left:78%!important;top:28%!important}
  .hero-cans .note-top{width:88px;height:88px;font-size:11px;right:1%!important}.hero-cans .note-bottom{width:88px;height:88px;font-size:11px}
  .showcase-fields{display:none}.flavour-showcase{min-height:0;border-block:2px solid var(--ink)}.showcase-products{display:block;min-height:0;padding:12px 0 26px}
  .showcase-product{min-height:330px;display:grid;grid-template-columns:44% 56%;grid-template-rows:1fr;align-items:center;text-align:left;padding:20px 22px;margin:0;isolation:isolate;overflow:hidden}
  .showcase-product:nth-child(even){grid-template-columns:56% 44%;text-align:right}.showcase-product:nth-child(even) img{grid-column:2}.showcase-product:nth-child(even) .showcase-caption{grid-column:1;grid-row:1}
  .showcase-product:before{content:"";position:absolute;z-index:-1;inset:8px -5% 8px;background:var(--pink);clip-path:polygon(0 10%,16% 2%,52% 0,87% 7%,100% 25%,94% 58%,100% 87%,72% 100%,39% 94%,5% 100%,0 74%)}
  .product-apple:before{background:var(--lime)}.product-lychee:before{background:var(--orange)}.product-passion:before{background:var(--yellow)}.product-lime:before{background:var(--mint)}.product-relax:before{background:var(--lav)}
  .showcase-product img{grid-column:1;grid-row:1;height:285px!important;max-width:190px!important;transform:rotate(-3deg)!important;margin-inline:auto}.showcase-product:nth-child(even) img{transform:rotate(3deg)!important}
  .showcase-caption{padding:10px 8px;min-height:0}.showcase-caption h3{font-size:23px}.showcase-caption p{font-size:14px;margin:0;max-width:180px}.showcase-product:nth-child(even) .showcase-caption p{margin-left:auto}
  .mission-hero-v8-inner{grid-template-columns:1fr;min-height:0;background:linear-gradient(180deg,var(--lime) 0 50%,var(--lav) 50%)}.mission-hero-v8-inner:after{left:0;right:0;top:50%;bottom:auto;width:auto;height:38px;translate:0 -50%;clip-path:polygon(0 47%,7% 68%,14% 37%,21% 65%,29% 40%,36% 71%,44% 38%,51% 66%,58% 35%,66% 64%,73% 41%,81% 69%,89% 37%,100% 58%,100% 100%,0 100%)}
  .mission-intro-side{min-height:360px;padding:54px 28px}.mission-intro-night{align-items:flex-start;text-align:left}.mission-intro-side h1,.mission-intro-side h2{font-size:70px}.mission-intro-side p{font-size:16px}
  .mission-rhythms-v7{padding-bottom:55px!important}.campaign-daynight{grid-template-columns:1fr!important;width:100vw!important;margin-left:calc(50% - 50vw)!important;gap:0!important;overflow:hidden!important}.campaign-daynight:after{display:none!important}
  .campaign-daynight .daynight-half{min-height:620px!important;grid-template-rows:300px 1fr!important;border:0!important;box-shadow:none!important}.campaign-daynight .daynight-copy,.campaign-daynight .night-half .daynight-copy{max-width:100%!important;margin:0!important;text-align:left!important;padding:30px 28px 42px!important}.campaign-daynight .daynight-copy h2{font-size:58px!important}.campaign-daynight .daynight-copy p{font-size:16px!important;margin-left:0!important}.campaign-daynight .daynight-sticker{width:108px!important;min-height:92px!important;font-size:13px!important;right:16px!important}.daynight-bridge{display:none!important}
  .campaign-daynight .night-half{position:relative}.campaign-daynight .night-half:before{content:"";position:absolute;z-index:20;left:0;right:0;top:-20px;height:42px;background:var(--cream);clip-path:polygon(0 45%,7% 67%,14% 35%,21% 65%,29% 39%,36% 69%,44% 37%,51% 66%,58% 34%,66% 63%,73% 41%,81% 68%,89% 36%,100% 57%,100% 100%,0 100%)}
  .mission-social{padding:46px 0!important}.mission-social-shell{width:calc(100% - 28px)!important}.mission-social-photo{min-height:330px!important;max-height:380px!important}.mission-social-copy{padding:42px 24px 50px!important}.mission-social-torn h2{font-size:46px!important}
  .active-scene .scene-can{left:5%!important;height:58%!important}.relax-scene .scene-can{height:58%!important}
}
@media(max-width:480px){
  .showcase-product{min-height:300px;grid-template-columns:46% 54%;padding:16px 16px}.showcase-product:nth-child(even){grid-template-columns:54% 46%}.showcase-product img{height:255px!important;max-width:165px!important}.showcase-caption h3{font-size:20px}.showcase-caption p{font-size:13px}
  .mission-intro-side{min-height:330px}.mission-intro-side h1,.mission-intro-side h2{font-size:62px}
}

/* v8 polish */
.formula-story-copy h2{font-size:clamp(50px,5.3vw,76px)!important;overflow-wrap:normal!important;word-break:normal!important}
.formula-story-copy h2 span{overflow-wrap:normal!important;word-break:normal!important}

/* guaranteed home RELAX packshot visibility */
.home-flavour-showcase + .apple-feature + .relax-feature .feature-visual{position:relative!important}
.home-flavour-showcase + .apple-feature + .relax-feature .feature-visual img{position:absolute!important;left:50%!important;top:50%!important;translate:-50% -50%!important;z-index:10!important;height:78%!important;width:auto!important;max-width:64%!important;transform:rotate(4deg)!important;filter:drop-shadow(0 18px 11px #142b2530)!important}
@media(max-width:680px){.home-flavour-showcase + .apple-feature + .relax-feature .feature-visual img{height:76%!important;max-width:62%!important}}

/* =========================================================
   HARMONIQ v9 — approved review corrections + SEO-safe layout
   ========================================================= */

/* 1–3. Remove heavy technical rules from the home transition areas. */
.ticker{border:0!important}
.flavour-showcase{border:0!important}
.home-flavour-showcase{border:0!important}
.home-flavour-showcase + .apple-feature{border-top:0!important}
.home-flavour-showcase .section-head{grid-template-columns:180px minmax(0,1fr)!important;margin-bottom:34px!important}
.home-flavour-showcase .section-head h2{grid-column:2!important;max-width:1000px}
.home-flavour-showcase .section-head>p{display:none!important}

/* 4. HOME family shot now includes RELAX, with all six products visible. */
.hero-cans .hc-cherry{height:47%!important;left:-1%!important;top:30%!important;rotate:-16deg!important;z-index:1!important}
.hero-cans .hc-lychee{height:51%!important;left:13%!important;top:21%!important;rotate:-9deg!important;z-index:2!important}
.hero-cans .hc-apple{height:64%!important;left:31%!important;top:6%!important;rotate:-2deg!important;z-index:5!important}
.hero-cans .hc-passion{height:53%!important;left:53%!important;top:19%!important;rotate:8deg!important;z-index:4!important}
.hero-cans .hc-lime{height:48%!important;left:70%!important;top:27%!important;rotate:14deg!important;z-index:3!important}
.hero-cans .hc-relax{display:block!important;height:47%!important;left:84%!important;top:24%!important;rotate:9deg!important;z-index:2!important}
.hero-cans .note-top{right:-5%!important;top:-1%!important;width:126px!important;height:112px!important}
.hero-cans:before{inset:26px -90px 38px 4px!important;rotate:6deg!important}

/* 4. Six-product editorial flavour field, including RELAX. */
.home-flavour-showcase .flavour-showcase{margin-top:6px}
.home-flavour-showcase .showcase-products{padding-bottom:34px}
.home-flavour-showcase .product-relax img{transform:translateY(2px) rotate(3deg)!important}

/* 5. ACTIVE feature: remove dotted orbit and the visual “mat” under the can. */
.apple-orbit .feature-disc:after{display:none!important}
.apple-orbit img{filter:none!important}
.apple-orbit:after{content:"";position:absolute;z-index:1;left:50%;bottom:8.5%;width:24%;height:14px;translate:-50% 0;background:#142b2518;filter:blur(10px);border-radius:50%}
.apple-orbit img{z-index:2!important}

/* 7. Mission becomes one campaign screen: day + night + torn centre + real packshots. */
.mission-campaign-v9{position:relative;width:100%;height:min(850px,calc(100vh - 88px));min-height:690px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:var(--cream);isolation:isolate}
.mission-campaign-side{position:relative;min-width:0;overflow:hidden}
.mission-campaign-side video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.campaign-day-side video{object-position:48% center}.campaign-night-side video{object-position:52% center}
.campaign-shade{position:absolute;inset:0;z-index:1;pointer-events:none}
.campaign-day-side .campaign-shade{background:linear-gradient(180deg,#fff8e820 0%,#fff8e804 38%,#c9f43c9c 100%)}
.campaign-night-side .campaign-shade{background:linear-gradient(180deg,#2c174b1a 0%,#2c174b00 36%,#e1d1ffab 100%)}
.campaign-copy{position:absolute;z-index:6;top:52px;color:var(--ink)}
.campaign-copy-day{left:5vw}.campaign-copy-night{right:5vw;text-align:right;color:var(--cream)}
.campaign-copy h1,.campaign-copy h2{margin:8px 0 0;font:900 clamp(80px,8.6vw,150px)/.82 "Arial Black",Arial,sans-serif;letter-spacing:-.075em;text-transform:uppercase;text-shadow:0 2px 0 #fff8e8a8}
.campaign-copy-night h2{color:#eadbff;text-shadow:0 3px 0 #4b2a62aa}
.campaign-kicker{display:inline-block;font-weight:900;font-size:13px;letter-spacing:.11em;text-transform:uppercase;border-bottom:3px solid currentColor;padding-bottom:5px}
.campaign-sticker{position:absolute;z-index:7;top:31%;display:grid;place-items:center;text-align:center;width:146px;min-height:126px;padding:15px;border:3px solid var(--ink);box-shadow:7px 8px var(--ink);border-radius:48% 52% 44% 56%/55% 43% 57% 45%;font:900 18px/1.05 "Arial Black",Arial,sans-serif;rotate:-8deg}
.sticker-day{left:32%;background:var(--yellow)}.sticker-night{right:31%;background:var(--pink);rotate:8deg}
.campaign-torn{position:absolute;z-index:8;left:50%;top:0;bottom:0;width:62px;translate:-50% 0;background:var(--cream);clip-path:polygon(47% 0,72% 4%,39% 9%,66% 14%,36% 20%,64% 27%,38% 34%,70% 41%,40% 48%,65% 55%,35% 62%,68% 69%,39% 77%,64% 84%,42% 91%,59% 96%,48% 100%,0 100%,0 0)}
.campaign-products{position:absolute;z-index:12;left:50%;bottom:34px;translate:-50% 0;display:flex;align-items:flex-end;justify-content:center;gap:0;filter:drop-shadow(0 22px 16px #142b2538)}
.campaign-can{height:470px;width:auto;object-fit:contain;transform-origin:50% 100%}
.campaign-can-active{rotate:-6deg;margin-right:-30px}.campaign-can-relax{rotate:6deg;margin-left:-30px}
.campaign-message{position:absolute;z-index:13;left:50%;bottom:22px;translate:-50% 0;min-width:360px;padding:15px 28px 17px;background:var(--cream);border:3px solid var(--ink);box-shadow:6px 7px var(--ink);border-radius:49% 51% 44% 56%/58% 43% 57% 42%;text-align:center;font:900 19px/1.05 "Arial Black",Arial,sans-serif;rotate:-1deg}
.campaign-message b{font-weight:900}

/* 8. Approved social block: horizontal collage above, lavender statement below. */
.mission-social-v9{background:var(--lav);padding:0 0 70px;overflow:hidden}
.social-collage{position:relative;display:grid;grid-template-columns:1.05fr .92fr .95fr 1.18fr .9fr;width:100%;height:440px;overflow:hidden;background:var(--cream)}
.social-shot{position:relative;margin:0;min-width:0;overflow:hidden;background:#d5c5ef}
.social-shot:not(:last-child):after{content:"";position:absolute;z-index:5;top:0;right:-19px;width:38px;height:100%;background:var(--cream);clip-path:polygon(46% 0,71% 5%,38% 12%,65% 19%,35% 27%,69% 35%,41% 43%,68% 52%,36% 61%,66% 70%,40% 79%,70% 88%,48% 100%,0 100%,0 0)}
.social-shot>img:not(.social-focus-can){width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.shot-one>img{object-position:48% 42%}.shot-two>img{object-position:48% 38%}.shot-four>img{object-position:52% 40%}.shot-five>img{object-position:58% 42%}
.shot-product{isolation:isolate}.shot-product .social-shot-bg{filter:blur(1.3px) saturate(.82) brightness(.94);scale:1.07}
.social-focus-can{position:absolute;z-index:4;left:50%;top:50%;translate:-50% -50%;height:79%;width:auto;max-width:74%;object-fit:contain;filter:drop-shadow(0 18px 13px #142b2530)}
.social-message-v9{max-width:1120px;margin:0 auto;text-align:center;padding:52px 36px 0}
.social-message-v9 h2{font:900 clamp(60px,6vw,98px)/.87 "Arial Black",Arial,sans-serif;letter-spacing:-.065em;text-transform:none;margin:24px 0 22px}
.social-message-v9 h2 span{display:inline;color:var(--ink)}
.social-message-v9 p{max-width:900px;margin:0 auto;font-size:18px;line-height:1.5}
.social-message-v9 .btn{margin-top:28px}

/* 9–10. Koval should physically reach the lower edge of ACTIVE / RELAX hero sections. */
.product-hero.hero-to-edge{padding-bottom:0!important}
.product-hero.hero-to-edge .product-grid-character{align-items:end!important}
.product-hero.hero-to-edge .product-copy{align-self:center;padding-bottom:78px}
.product-hero.hero-to-edge .product-hero-scene{align-self:end!important;margin-bottom:0!important;height:650px!important;overflow:visible!important}
.product-hero.hero-to-edge .scene-doctor{bottom:-2px!important;height:100%!important;object-position:right bottom!important}
.product-hero.hero-to-edge .scene-can{bottom:8px!important}

/* Remove residual hard rules around the reviewed sections. */
.mission-campaign-v9,.mission-social-v9{border:0!important}
.home-flavour-showcase + .apple-feature,.apple-feature + .relax-feature{border-top:0!important}

/* SEO/performance supporting paint containment for large below-fold modules. */
.home-flavour-showcase,.apple-feature,.relax-feature,.mission-social-v9,.formula-story,.product-purpose{content-visibility:auto;contain-intrinsic-size:auto 700px}

@media(max-width:1100px){
  .hero-cans .hc-cherry{height:42%!important;left:0!important}.hero-cans .hc-lychee{height:45%!important;left:14%!important}.hero-cans .hc-apple{height:56%!important;left:30%!important}.hero-cans .hc-passion{height:47%!important;left:51%!important}.hero-cans .hc-lime{height:42%!important;left:69%!important}.hero-cans .hc-relax{height:41%!important;left:83%!important}
  .campaign-can{height:400px}.campaign-sticker{width:118px;min-height:104px;font-size:15px}.sticker-day{left:27%}.sticker-night{right:27%}
  .social-collage{height:390px;grid-template-columns:1.05fr .85fr .95fr 1.05fr .86fr}
  .product-hero.hero-to-edge .product-hero-scene{height:580px!important}
}

@media(max-width:760px){
  .home-flavour-showcase .section-head{display:block!important;margin-bottom:20px!important}.home-flavour-showcase .section-head .mini-label{margin-bottom:18px}.home-flavour-showcase .section-head h2{font-size:48px!important}
  .hero-cans{height:450px!important}.hero-cans:before{inset:46px 2px 34px!important}
  .hero-cans .hc-cherry{height:35%!important;left:-2%!important;top:35%!important}.hero-cans .hc-lychee{height:38%!important;left:13%!important;top:29%!important}.hero-cans .hc-apple{height:48%!important;left:29%!important;top:17%!important}.hero-cans .hc-passion{height:40%!important;left:50%!important;top:28%!important}.hero-cans .hc-lime{height:36%!important;left:69%!important;top:34%!important}.hero-cans .hc-relax{height:35%!important;left:83%!important;top:31%!important}
  .hero-cans .note-top{width:92px!important;height:84px!important;font-size:10px!important;right:0!important}.hero-cans .note-bottom{width:82px!important;height:82px!important}
  .mission-campaign-v9{height:auto;min-height:0;display:grid;grid-template-columns:1fr;grid-template-rows:510px 510px}
  .campaign-copy{top:28px}.campaign-copy-day{left:24px}.campaign-copy-night{right:24px}.campaign-copy h1,.campaign-copy h2{font-size:74px}.campaign-torn{left:0;right:0;top:50%;bottom:auto;width:100%;height:42px;translate:0 -50%;clip-path:polygon(0 47%,7% 68%,14% 37%,21% 65%,29% 40%,36% 71%,44% 38%,51% 66%,58% 35%,66% 64%,73% 41%,81% 69%,89% 37%,100% 58%,100% 100%,0 100%)}
  .campaign-products{bottom:calc(50% - 95px)}.campaign-can{height:230px}.campaign-message{bottom:calc(50% - 135px);min-width:260px;font-size:13px;padding:11px 20px}.campaign-sticker{top:auto;bottom:28px;width:100px;min-height:86px;font-size:12px}.sticker-day{left:auto;right:20px}.sticker-night{right:auto;left:20px}
  .social-collage{height:620px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr)}
  .social-shot{min-height:0}.social-shot:after{display:none!important}.shot-one{grid-column:1}.shot-two{grid-column:2}.shot-product{grid-column:1/3}.shot-four{grid-column:1}.shot-five{grid-column:2}.social-focus-can{height:88%;max-width:38%}
  .social-message-v9{padding:42px 22px 0}.social-message-v9 h2{font-size:48px}.social-message-v9 p{font-size:16px}
  .product-hero.hero-to-edge .product-copy{padding-bottom:34px}.product-hero.hero-to-edge .product-hero-scene{height:480px!important}.product-hero.hero-to-edge .scene-doctor{bottom:-1px!important}.product-hero.hero-to-edge .scene-can{bottom:5px!important}
}

@media(max-width:480px){
  .mission-campaign-v9{grid-template-rows:470px 470px}.campaign-copy h1,.campaign-copy h2{font-size:62px}.campaign-can{height:205px}.campaign-products{bottom:calc(50% - 82px)}.campaign-message{bottom:calc(50% - 119px)}
  .social-collage{height:570px}.social-message-v9 h2{font-size:42px}
  .product-hero.hero-to-edge .product-hero-scene{height:440px!important}
}
/* v9 locked-packshot safety: collage scenes crop away generated package art; real packshots are layered separately. */
.social-shot .social-scene-image{width:100%;height:100%;object-fit:cover;object-position:center 35%;display:block;scale:1.08}
.social-shot .social-real-can{position:absolute;z-index:4;right:7%;bottom:5%;height:49%;width:auto;max-width:34%;object-fit:contain;filter:drop-shadow(0 14px 10px #142b2530);rotate:3deg}
.social-shot.shot-one .social-real-can{right:8%;height:43%;rotate:-4deg}.social-shot.shot-product .social-real-can{left:50%;right:auto;translate:-50% 0;height:67%;max-width:48%;rotate:1deg}.social-shot.shot-five .social-real-can{right:10%;height:44%;rotate:5deg}
@media(max-width:760px){.social-shot .social-real-can{height:42%;max-width:26%}.social-shot.shot-product .social-real-can{height:72%;max-width:30%}}


/* HARMONIQ v10 review pass */
/* Mission: sticker hierarchy and a more irregular torn-paper split. */
.mission-campaign-v9 .sticker-day{left:28%!important;top:36%!important}
.mission-campaign-v9 .sticker-night{right:28%!important;top:36%!important}
.mission-campaign-v9 .campaign-torn{
  width:88px!important;
  background:var(--cream)!important;
  clip-path:polygon(
    44% 0, 74% 2.2%, 55% 5.5%, 80% 8.7%, 31% 12.4%, 67% 16%, 46% 19.6%,
    77% 23.1%, 28% 27.8%, 61% 31.4%, 38% 35.9%, 82% 40.1%, 50% 44.8%,
    69% 49.7%, 25% 54.1%, 72% 59.3%, 43% 64.8%, 78% 69.1%, 34% 74.7%,
    65% 79.4%, 48% 84.8%, 74% 90.1%, 39% 94.3%, 58% 97.2%, 47% 100%,
    0 100%,0 0
  )!important;
}

/* Mission #8: use the approved horizontal collage, not the portrait strip. */
.mission-social-v10{background:var(--lav);padding:0 0 70px;overflow:hidden}
.mission-social-visual-v10{width:100%;overflow:hidden;background:var(--cream)}
.mission-social-visual-v10 img{display:block;width:100%;height:auto;object-fit:cover}
.social-message-v10{max-width:1120px;margin:0 auto;text-align:center;padding:50px 36px 0}
.social-message-v10 h2{font:900 clamp(60px,6vw,98px)/.87 "Arial Black",Arial,sans-serif;letter-spacing:-.065em;margin:24px 0 22px}
.social-message-v10 h2 span{color:var(--ink)}
.social-message-v10 p{max-width:900px;margin:0 auto;font-size:18px;line-height:1.5}
.social-message-v10 .btn{margin-top:28px}

/* RELAX #2: replace the oval video with a wide editorial torn-edge photograph. */
.social-ritual-v10{background:var(--cream);padding:76px 0 84px}
.social-ritual-v10-inner{display:grid;gap:34px}
.relax-social-wide-v10{margin:0;width:100%;overflow:hidden}
.relax-social-wide-v10 img{display:block;width:100%;height:auto;object-fit:cover}
.social-ritual-copy-v10{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr);column-gap:72px;align-items:start}
.social-ritual-copy-v10 .mini-label{grid-column:1}
.social-ritual-copy-v10 h2{grid-column:1;margin:22px 0 0;font-size:clamp(50px,5.7vw,84px);text-transform:uppercase;line-height:.92}
.social-ritual-copy-v10 h2 span{color:var(--red)}
.social-ritual-copy-v10 p{grid-column:2;margin:0 0 14px;font-size:18px;line-height:1.55;max-width:620px}
.social-ritual-copy-v10 .mini-label + h2 + p{grid-row:1 / span 2;align-self:end}
.social-ritual-copy-v10 p:last-child{grid-row:2;align-self:start}

/* Retailer contact symbols: playful, graphic and label-free. */
.retailer-contact-methods{display:grid;gap:18px;margin-top:28px;max-width:560px}
.retailer-contact{display:flex;align-items:center;gap:16px;color:var(--ink);font-size:18px;font-weight:750;text-decoration:none;width:max-content;max-width:100%}
.retailer-contact:hover span:last-child{text-decoration:underline;text-underline-offset:4px}
.contact-symbol{width:56px;height:56px;display:grid;place-items:center;flex:0 0 auto;border:2px solid var(--ink);box-shadow:4px 5px var(--ink);border-radius:46% 54% 43% 57%/56% 44% 56% 44%;rotate:-5deg;background:var(--pink)}
.contact-phone .contact-symbol{background:var(--blue);rotate:5deg}
.contact-symbol svg{width:30px;height:30px;overflow:visible}
.contact-symbol path{fill:none;stroke:var(--ink);stroke-width:3.1;stroke-linecap:round;stroke-linejoin:round}
.contact-phone .contact-symbol path{fill:var(--ink);stroke:none}

@media(max-width:1100px){
 .mission-campaign-v9 .sticker-day{left:23%!important}.mission-campaign-v9 .sticker-night{right:23%!important}
 .social-ritual-copy-v10{grid-template-columns:1fr;gap:16px}.social-ritual-copy-v10 .mini-label,.social-ritual-copy-v10 h2,.social-ritual-copy-v10 p{grid-column:1;grid-row:auto!important}.social-ritual-copy-v10 p{max-width:760px}
}
@media(max-width:760px){
 .mission-campaign-v9 .campaign-torn{width:100%!important;height:54px!important;left:0!important;right:0!important;top:50%!important;bottom:auto!important;translate:0 -50%!important;clip-path:polygon(0 43%,5% 67%,11% 32%,18% 61%,25% 39%,31% 70%,38% 28%,45% 64%,52% 37%,60% 73%,67% 35%,74% 62%,81% 41%,88% 69%,94% 34%,100% 57%,100% 100%,0 100%)!important}
 .mission-campaign-v9 .campaign-sticker{top:auto!important;bottom:26px!important}.mission-campaign-v9 .sticker-day{left:auto!important;right:18px!important}.mission-campaign-v9 .sticker-night{right:auto!important;left:18px!important}
 .social-message-v10{padding:40px 22px 0}.social-message-v10 h2{font-size:48px}.social-message-v10 p{font-size:16px}
 .social-ritual-v10{padding:44px 0 58px}.social-ritual-v10-inner{gap:24px}.social-ritual-copy-v10 h2{font-size:48px}.social-ritual-copy-v10 p{font-size:16px}
 .retailer-contact{font-size:16px}.contact-symbol{width:50px;height:50px}.contact-symbol svg{width:27px;height:27px}
}
@media(max-width:480px){
 .social-message-v10 h2{font-size:42px}.social-ritual-copy-v10 h2{font-size:43px}
 .retailer-contact{align-items:flex-start}.retailer-contact span:last-child{padding-top:13px;word-break:break-word}
}

/* HARMONIQ v11: final Mission simplification + approved RELAX lifestyle visual */

/* Mission hero: keep the strong split, but make the seam subtle and organic. */
.mission-campaign-v9 .campaign-torn{
  width:28px!important;
  background:var(--cream)!important;
  opacity:.96;
  clip-path:polygon(
    42% 0, 62% 5%, 48% 11%, 65% 18%, 39% 27%, 58% 35%, 46% 44%,
    67% 53%, 37% 63%, 61% 72%, 44% 82%, 65% 91%, 47% 100%, 0 100%, 0 0
  )!important;
}
.mission-campaign-v9 .campaign-sticker{top:48%!important}
.mission-campaign-v9 .sticker-day{left:4.5vw!important;right:auto!important}
.mission-campaign-v9 .sticker-night{right:4.5vw!important;left:auto!important}

/* Mission copy under the hero: one clean idea per side; no collage. */
.mission-meaning-v11{display:grid;grid-template-columns:1fr 1fr;background:var(--cream);overflow:hidden}
.mission-meaning-panel{min-height:430px;display:flex;align-items:center;padding:72px clamp(36px,6vw,108px)}
.mission-meaning-active{background:linear-gradient(135deg,#f8ffe9 0%,#efffc1 100%)}
.mission-meaning-relax{background:linear-gradient(135deg,#f3edff 0%,#e3d4ff 100%)}
.mission-meaning-inner{max-width:670px}
.mission-meaning-panel h2{font:900 clamp(52px,5.1vw,84px)/.88 "Arial Black",Arial,sans-serif;letter-spacing:-.06em;margin:24px 0 22px;color:var(--ink)}
.mission-meaning-active h2 span{color:var(--red)}
.mission-meaning-relax h2 span{color:var(--purple)}
.mission-meaning-panel p{font-size:18px;line-height:1.52;max-width:620px;margin:0 0 28px}
.mission-meaning-panel .btn{margin-top:2px}

/* The user-approved RELAX rooftop visual should read as one broad editorial scene. */
.relax-social-wide-v10{border:0!important;border-radius:0!important;box-shadow:none!important}
.relax-social-wide-v10 img{width:100%!important;height:auto!important;display:block!important;object-fit:cover!important}

@media(max-width:900px){
  .mission-meaning-v11{grid-template-columns:1fr}
  .mission-meaning-panel{min-height:0;padding:58px 34px 64px}
  .mission-campaign-v9 .campaign-sticker{top:auto!important;bottom:34px!important}
  .mission-campaign-v9 .sticker-day{left:22px!important;right:auto!important}
  .mission-campaign-v9 .sticker-night{right:22px!important;left:auto!important}
}
@media(max-width:760px){
  .mission-campaign-v9 .campaign-torn{width:100%!important;height:22px!important;left:0!important;right:0!important;top:50%!important;bottom:auto!important;translate:0 -50%!important;clip-path:polygon(0 43%,10% 60%,22% 37%,35% 64%,48% 40%,62% 66%,76% 38%,88% 61%,100% 45%,100% 100%,0 100%)!important}
  .mission-meaning-panel h2{font-size:48px}
  .mission-meaning-panel p{font-size:16px}
}


/* HARMONIQ v12: cleaner Mission DAY -> NIGHT hero.
   The videos are the story: no central packshot overlay, no white seam, no blur. */
.mission-campaign-v9 .campaign-products{display:none!important}
.mission-campaign-v9 .campaign-torn{display:none!important}
.mission-campaign-v9 .mission-campaign-side video{
  filter:none!important;
  -webkit-filter:none!important;
  transform:none!important;
  scale:1!important;
}
/* Keep branding colour very light so the original video stays crisp. */
.mission-campaign-v9 .campaign-day-side .campaign-shade{
  background:linear-gradient(180deg,rgba(201,244,60,.03) 0%,rgba(201,244,60,.02) 58%,rgba(201,244,60,.12) 100%)!important;
}
.mission-campaign-v9 .campaign-night-side .campaign-shade{
  background:linear-gradient(180deg,rgba(225,209,255,.025) 0%,rgba(225,209,255,.015) 58%,rgba(225,209,255,.12) 100%)!important;
}
/* Organic overlap of the two brand worlds instead of a white torn-paper gap. */
.mission-campaign-v9:before,
.mission-campaign-v9:after{
  content:"";
  position:absolute;
  z-index:4;
  top:0;
  bottom:0;
  left:50%;
  width:110px;
  pointer-events:none;
  mix-blend-mode:normal;
}
.mission-campaign-v9:before{
  translate:-72% 0;
  background:rgba(201,244,60,.17);
  clip-path:polygon(9% 0,68% 0,54% 8%,72% 17%,48% 27%,67% 38%,43% 50%,62% 61%,39% 72%,58% 83%,42% 92%,66% 100%,0 100%,0 0);
}
.mission-campaign-v9:after{
  translate:-27% 0;
  background:rgba(225,209,255,.19);
  clip-path:polygon(36% 0,100% 0,100% 100%,32% 100%,48% 91%,29% 81%,53% 70%,34% 59%,59% 48%,38% 36%,62% 25%,42% 14%,57% 6%);
}
.mission-campaign-v9 .campaign-message{
  bottom:18px!important;
  min-width:0!important;
  padding:10px 20px 11px!important;
  font-size:14px!important;
  border-width:2px!important;
  box-shadow:4px 5px var(--ink)!important;
  z-index:10!important;
}
/* Stamps remain clear of the big DAY/NIGHT typography. */
.mission-campaign-v9 .campaign-sticker{z-index:9!important}

@media(max-width:760px){
  .mission-campaign-v9:before,
  .mission-campaign-v9:after{
    top:50%;bottom:auto;left:0;right:0;width:100%;height:72px;
  }
  .mission-campaign-v9:before{
    translate:0 -68%;
    clip-path:polygon(0 5%,10% 24%,21% 9%,33% 31%,45% 13%,57% 34%,69% 12%,82% 30%,92% 11%,100% 23%,100% 100%,0 100%);
  }
  .mission-campaign-v9:after{
    translate:0 -32%;
    clip-path:polygon(0 0,100% 0,100% 81%,91% 66%,81% 86%,69% 64%,57% 85%,44% 63%,31% 83%,20% 62%,9% 80%,0 66%);
  }
  .mission-campaign-v9 .campaign-message{
    bottom:calc(50% - 42px)!important;
    font-size:11px!important;
    padding:8px 14px 9px!important;
  }
}

/* HARMONIQ v13 — Mission hero cleanup */
/* Remove the obsolete centre overlays completely. */
.mission-campaign-v9:before,
.mission-campaign-v9:after{display:none!important;content:none!important}

/* Keep both videos clean, sharp and unobstructed. */
.mission-campaign-v9 .mission-campaign-side video{
  filter:none!important;
  -webkit-filter:none!important;
  transform:none!important;
  scale:1!important;
}
.mission-campaign-v9 .campaign-day-side .campaign-shade{
  background:linear-gradient(180deg,rgba(201,244,60,.015),rgba(201,244,60,.07))!important;
}
.mission-campaign-v9 .campaign-night-side .campaign-shade{
  background:linear-gradient(180deg,rgba(225,209,255,.012),rgba(225,209,255,.07))!important;
}

/* Lower the main DAY / NIGHT type and give each line its own colour. */
.mission-campaign-v9 .campaign-copy{top:7.5%!important}
.mission-campaign-v9 .campaign-copy h1,
.mission-campaign-v9 .campaign-copy h2{margin:0!important}
.mission-campaign-v9 .word-from{color:#176a45!important}
.mission-campaign-v9 .word-day{color:#0d3f2c!important}
.mission-campaign-v9 .word-to{color:#b798ee!important}
.mission-campaign-v9 .word-night{color:#7142b6!important}

/* Make the campaign statement typography, not a badge. */
.mission-campaign-v9 .campaign-message{
  left:50%!important;
  bottom:26px!important;
  transform:translateX(-50%)!important;
  translate:none!important;
  width:min(720px,72vw)!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:center!important;
  z-index:12!important;
  pointer-events:none!important;
  line-height:.9!important;
  text-shadow:0 2px 14px rgba(0,0,0,.28)!important;
}
.mission-campaign-v9 .campaign-message span,
.mission-campaign-v9 .campaign-message strong{
  display:block!important;
  font-family:"Arial Black",Arial,sans-serif!important;
  font-weight:900!important;
  letter-spacing:-.045em!important;
  text-transform:uppercase!important;
}
.mission-campaign-v9 .campaign-message span{
  font-size:clamp(30px,3.2vw,58px)!important;
  color:#fff7e8!important;
}
.mission-campaign-v9 .campaign-message strong{
  margin-top:4px!important;
  font-size:clamp(34px,3.7vw,68px)!important;
  color:#f05d71!important;
}

/* The explanatory panels no longer need mini badges. */
.mission-meaning-v11 .mini-label{display:none!important}
.mission-meaning-panel h2{margin-top:0!important}

@media(max-width:760px){
  .mission-campaign-v9 .campaign-copy{top:5.5%!important}
  .mission-campaign-v9 .campaign-message{
    bottom:calc(50% - 27px)!important;
    width:88vw!important;
    text-shadow:0 2px 10px rgba(0,0,0,.3)!important;
  }
  .mission-campaign-v9 .campaign-message span{font-size:clamp(22px,7vw,34px)!important}
  .mission-campaign-v9 .campaign-message strong{font-size:clamp(24px,7.8vw,38px)!important}
}


/* HARMONIQ v14 — final Mission typography + privacy notice */
/* Mission: the video itself stays clean and sharp; no seam or centre overlay. */
.mission-campaign-v9 .campaign-torn,
.mission-campaign-v9:before,
.mission-campaign-v9:after,
.mission-campaign-v9 .campaign-products{display:none!important;content:none!important}
.mission-campaign-v9 .mission-campaign-side video{filter:none!important;-webkit-filter:none!important;transform:none!important;scale:1!important}
.mission-campaign-v9 .campaign-day-side .campaign-shade{background:linear-gradient(180deg,rgba(201,244,60,.01),rgba(201,244,60,.055))!important}
.mission-campaign-v9 .campaign-night-side .campaign-shade{background:linear-gradient(180deg,rgba(225,209,255,.01),rgba(225,209,255,.055))!important}

/* Lower FROM DAY / TO NIGHT into the image and use deliberately different colours. */
.mission-campaign-v9 .campaign-copy{top:14.5%!important}
.mission-campaign-v9 .campaign-copy h1,
.mission-campaign-v9 .campaign-copy h2{margin:0!important;text-shadow:0 3px 12px rgba(20,43,37,.12)!important}
.mission-campaign-v9 .word-from{color:#c9f43c!important}
.mission-campaign-v9 .word-day{color:#0d3f2c!important}
.mission-campaign-v9 .word-to{color:#d8c1ff!important}
.mission-campaign-v9 .word-night{color:#1768d7!important}

/* Campaign statement: no plaque. Bold site type with a soft raster/halation glow. */
.mission-campaign-v9 .campaign-message{
  left:50%!important;
  bottom:32px!important;
  transform:translateX(-50%)!important;
  translate:none!important;
  width:min(860px,76vw)!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  text-align:center!important;
  z-index:12!important;
  pointer-events:none!important;
  line-height:.86!important;
  isolation:isolate;
}
.mission-campaign-v9 .campaign-message:before{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;top:50%;
  width:112%;height:132%;
  translate:-50% -50%;
  background:
    radial-gradient(ellipse at center,rgba(255,248,232,.90) 0 35%,rgba(255,248,232,.63) 50%,rgba(255,248,232,.18) 70%,transparent 82%),
    repeating-linear-gradient(0deg,rgba(255,248,232,.08) 0 1px,transparent 1px 3px);
  filter:blur(8px);
  opacity:.92;
  border-radius:50%;
}
.mission-campaign-v9 .campaign-line-one,
.mission-campaign-v9 .campaign-line-two{
  display:block!important;
  font-family:"Arial Black",Arial,sans-serif!important;
  font-weight:900!important;
  letter-spacing:-.055em!important;
  text-transform:uppercase!important;
  text-shadow:0 2px 0 rgba(255,248,232,.82),0 0 14px rgba(255,248,232,.86),0 0 28px rgba(255,248,232,.52)!important;
}
.mission-campaign-v9 .campaign-line-one{
  font-size:clamp(38px,4.15vw,76px)!important;
  color:#0b3a2f!important;
}
.mission-campaign-v9 .campaign-line-two{
  margin-top:7px!important;
  font-size:clamp(42px,4.6vw,84px)!important;
  white-space:nowrap;
}
.mission-campaign-v9 .campaign-one{color:#090909!important;font:inherit!important}
.mission-campaign-v9 .campaign-harmoniq{color:#ef4162!important;font:inherit!important}

/* Privacy notice: informational only. No optional analytics/advertising tracking is enabled. */
.cookie-notice{
  position:fixed;z-index:1000;left:20px;right:20px;bottom:18px;
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;
  width:min(980px,calc(100vw - 40px));margin-inline:auto;padding:16px 18px;
  background:#fff8e8;border:2px solid #142b25;box-shadow:7px 8px #142b25;
  border-radius:28px 22px 30px 20px;color:#142b25;
}
.cookie-notice[hidden]{display:none!important}
.cookie-notice-badge{display:inline-grid;place-items:center;min-width:82px;min-height:46px;padding:8px 13px;background:#d8c1ff;border:2px solid #142b25;border-radius:48% 52% 44% 56%/55% 43% 57% 45%;font:900 12px/1 "Arial Black",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;rotate:-2deg}
.cookie-notice-copy{font-size:14px;line-height:1.4;margin:0}.cookie-notice-copy strong{font-weight:900}.cookie-notice-copy a{font-weight:800;color:inherit;text-decoration:underline;text-underline-offset:3px}
.cookie-notice-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.cookie-notice-choice{appearance:none;min-width:104px;border:2px solid #142b25;color:#142b25;box-shadow:3px 4px #142b25;border-radius:999px;padding:10px 18px;font:900 13px/1 "Arial Black",Arial,sans-serif;cursor:pointer;white-space:nowrap}.cookie-notice-accept{background:#ffd83d}.cookie-notice-decline{background:#fff8e8}.cookie-notice-choice:hover{translate:0 -1px}.cookie-notice-choice:focus-visible{outline:3px solid #1768d7;outline-offset:3px}
html[lang="de-AT"] .cookie-notice-choice{min-width:118px;padding-inline:16px}
/* Keep translated badges and stickers readable without clipping longer German labels. */
html[lang="de-AT"] .pill,html[lang="de-AT"] .mini-label,html[lang="de-AT"] .sticker,html[lang="de-AT"] .campaign-sticker,html[lang="de-AT"] .form-sticker,html[lang="de-AT"] .scene-tag,html[lang="de-AT"] .purpose-sticker,html[lang="de-AT"] .low-pack-sticker,html[lang="de-AT"] .ask-splat,html[lang="de-AT"] .founder-sticker{overflow-wrap:anywhere}

@media(max-width:760px){
  .mission-campaign-v9 .campaign-copy{top:11%!important}
  .mission-campaign-v9 .campaign-message{bottom:calc(50% - 44px)!important;width:92vw!important}
  .mission-campaign-v9 .campaign-line-one{font-size:clamp(24px,7.4vw,36px)!important}
  .mission-campaign-v9 .campaign-line-two{font-size:clamp(27px,8.2vw,40px)!important;white-space:normal}
  .mission-campaign-v9 .campaign-message:before{width:108%;height:125%;filter:blur(6px)}
  .cookie-notice{left:12px;right:12px;bottom:12px;width:calc(100vw - 24px);grid-template-columns:1fr;gap:10px;padding:14px 15px;border-radius:22px;box-shadow:5px 6px #142b25}
  .cookie-notice-badge{justify-self:start;min-height:38px}.cookie-notice-actions{justify-content:flex-start}.cookie-notice-choice{min-width:108px}
}

/* =========================================================
   HARMONIQ v15 — navigation, product loading, Mission CTAs,
   ingredients cleanup, RELAX editorial block, multilingual UI
   ========================================================= */

/* Compact DE | EN switch in the main navigation. */
.lang-switch{
  display:inline-flex;align-items:center;gap:6px;white-space:nowrap;
  margin-left:2px;padding:6px 9px;border:2px solid var(--ink);
  border-radius:999px;background:rgba(255,248,232,.78);
  font:900 11px/1 "Arial Black",Arial,sans-serif;letter-spacing:.04em;
}
.lang-switch a,.lang-switch span{padding:0!important}
.lang-switch a{text-decoration:none!important}
.lang-switch a:hover{color:var(--red)!important}
.lang-switch .lang-current{color:var(--ink);opacity:.55}
.home-header:not(.scrolled) .lang-switch{background:rgba(255,248,232,.86)}

/* LOW SUGAR stays discoverable without competing in the primary navigation. */
.low-sugar-jump{
  display:inline-flex;align-items:center;justify-content:center;width:max-content;
  margin-top:22px;padding:11px 17px;border:2px solid var(--ink);
  background:var(--blue);color:var(--ink);box-shadow:4px 5px var(--ink);
  border-radius:44% 56% 48% 52%/58% 45% 55% 42%;
  font:900 13px/1.05 "Arial Black",Arial,sans-serif;text-transform:uppercase;
  rotate:-1.5deg;transition:translate .2s var(--ease),rotate .2s var(--ease),box-shadow .2s var(--ease);
}
.low-sugar-jump:hover{translate:0 -3px;rotate:1deg;box-shadow:6px 7px var(--ink);color:var(--ink)}
.low-sugar-jump:focus-visible{outline:3px solid #1768d7;outline-offset:4px}
.low-sugar-jump-collection{background:var(--pink);margin-top:26px}

/* Home hero: reserve and prioritize the RELAX packshot without visual jumping. */
.hero-cans .hc-relax{content-visibility:visible!important;contain:none!important}

/* ACTIVE / RELAX hero portraits are critical LCP assets; never hide or fade them in. */
.product-hero.hero-to-edge .scene-doctor,
.product-hero.hero-to-edge .scene-can{
  opacity:1!important;visibility:visible!important;content-visibility:visible!important;
}

/* Ingredients: clean can bottom and keep the ACTIVE / RELAX label completely visible. */
.formula-can{padding-bottom:62px!important}
.formula-can img{filter:none!important;z-index:3!important}
.formula-can b{
  z-index:8!important;bottom:-48px!important;min-width:158px!important;
  padding:14px 28px!important;box-shadow:4px 5px var(--ink)!important;
}

/* Mission: the campaign statement uses the approved black + coral hierarchy. */
.mission-campaign-v9 .campaign-line-one{color:#090909!important}
.mission-campaign-v9 .campaign-one{color:#090909!important}
.mission-campaign-v9 .campaign-harmoniq{color:#ef4162!important}

/* Mission side stamps are real navigation controls now. */
.mission-campaign-v9 .campaign-sticker{
  width:178px!important;min-height:154px!important;padding:18px!important;
  font-size:20px!important;text-decoration:none!important;color:var(--ink)!important;
  cursor:pointer;transition:translate .22s var(--ease),rotate .22s var(--ease),box-shadow .22s var(--ease),scale .22s var(--ease);
}
.mission-campaign-v9 .campaign-sticker:hover{
  translate:0 -7px!important;rotate:-4deg!important;scale:1.035;
  box-shadow:10px 12px var(--ink)!important;
}
.mission-campaign-v9 .sticker-night:hover{rotate:4deg!important}
.mission-campaign-v9 .campaign-sticker:focus-visible{outline:4px solid var(--cream);outline-offset:5px}

/* RELAX lifestyle image: smooth asymmetric branded frame, no scrapbook/torn-paper edge. */
.relax-social-wide-v10{
  border:3px solid var(--ink)!important;
  border-radius:6% 3% 7% 4% / 9% 5% 8% 6%!important;
  overflow:hidden!important;box-shadow:none!important;background:var(--cream);
}
.relax-social-wide-v10 img{
  display:block!important;width:100%!important;height:auto!important;object-fit:cover!important;
  clip-path:none!important;border-radius:inherit!important;
}

/* RELAX editorial text: compact, larger and visually aligned with the rest of the site. */
.social-ritual-copy-v10{
  display:grid!important;grid-template-columns:minmax(300px,.88fr) minmax(420px,1.12fr)!important;
  column-gap:64px!important;row-gap:10px!important;align-items:start!important;
}
.social-ritual-copy-v10 .mini-label{grid-column:1!important;grid-row:1!important}
.social-ritual-copy-v10 h2{
  grid-column:1!important;grid-row:2!important;margin:14px 0 0!important;
  font-family:"Arial Black",Arial,sans-serif!important;letter-spacing:-.055em!important;
}
.social-ritual-body-v15{
  grid-column:2!important;grid-row:1 / span 2!important;align-self:center!important;
  max-width:650px;display:grid;gap:16px;
}
.social-ritual-body-v15 p{
  margin:0!important;font-size:clamp(19px,1.45vw,24px)!important;line-height:1.38!important;
  font-weight:650!important;letter-spacing:-.018em!important;
}
.social-ritual-body-v15 p:first-child{font-weight:760!important}

@media(max-width:1150px){
  .lang-switch{font-size:10px;padding:6px 8px;gap:5px}
  .mission-campaign-v9 .campaign-sticker{width:150px!important;min-height:132px!important;font-size:17px!important}
  .social-ritual-copy-v10{column-gap:38px!important;grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr)!important}
}
@media(max-width:960px){
  .lang-switch{margin:9px 0 2px;width:max-content}
  .social-ritual-copy-v10{grid-template-columns:1fr!important;gap:14px!important}
  .social-ritual-copy-v10 .mini-label,.social-ritual-copy-v10 h2,.social-ritual-body-v15{grid-column:1!important;grid-row:auto!important}
  .social-ritual-body-v15{max-width:760px;margin-top:6px}
}
@media(max-width:760px){
  .mission-campaign-v9 .campaign-sticker{
    width:116px!important;min-height:100px!important;font-size:13px!important;padding:12px!important;
  }
  .formula-can{padding-bottom:54px!important}.formula-can b{bottom:-40px!important}
  .social-ritual-body-v15 p{font-size:18px!important}
  .relax-social-wide-v10{border-width:2px!important;border-radius:8% 4% 9% 5% / 8% 6% 10% 5%!important}
  .low-sugar-jump{font-size:11px;padding:10px 14px}
}
/* v15 final Mission spacing: keep the big DAY/NIGHT titles decisively inside the video. */
@media(min-width:761px){.mission-campaign-v9 .campaign-copy{top:18.5%!important}}

/* v15 QA corrections */
.mission-campaign-v9 .campaign-message .campaign-line-one{color:#090909!important}
.mission-campaign-v9 .campaign-message .campaign-one{color:#090909!important}
.mission-campaign-v9 .campaign-message .campaign-harmoniq{color:#ef4162!important}
.formula-can{z-index:6!important}
.formula-can b{bottom:8px!important;z-index:20!important}
@media(max-width:760px){.formula-can b{bottom:4px!important}}


/* =========================================================
   HARMONIQ v16 — German visual/copy QA
   German marketing copy is adapted, not mechanically translated.
   Longer German labels get dedicated geometry so stickers stay intentional.
   ========================================================= */
html[lang="de-AT"] .founder-sticker{
  width:172px;height:150px;right:-34px;bottom:68px;padding:16px;
  font-size:15px;line-height:1.03;letter-spacing:-.025em;
}
html[lang="de-AT"] .wink-prompt{font-size:12px;letter-spacing:.01em;white-space:nowrap}
html[lang="de-AT"] .process-step strong{font-size:clamp(40px,5.25vw,76px);letter-spacing:-.075em}

html[lang="de-AT"] .product-hero-scene .scene-tag{font-size:12px;letter-spacing:.045em;padding-inline:16px}
html[lang="de-AT"] .purpose-tags span{font-size:13px;padding:10px 14px;letter-spacing:.025em}
html[lang="de-AT"] .purpose-sticker{width:136px;height:118px;font-size:13px;line-height:1.02;padding:14px}

html[lang="de-AT"] .apple-label{font-size:11px;letter-spacing:.035em}
html[lang="de-AT"] .orbit-copy span{font-size:12px;line-height:1.04;padding:10px}
html[lang="de-AT"] .orbit-copy span:nth-child(1),
html[lang="de-AT"] .orbit-copy span:nth-child(2){width:100px;height:100px;margin:-50px}
html[lang="de-AT"] .sticker{width:124px;height:116px;font-size:14px;line-height:1.02;padding:12px}

html[lang="de-AT"] .mission-campaign-v9 .campaign-copy{max-width:46%}
html[lang="de-AT"] .mission-campaign-v9 .word-to{font-size:.74em;letter-spacing:-.07em}
html[lang="de-AT"] .mission-campaign-v9 .campaign-sticker{
  width:188px!important;min-height:158px!important;padding:18px 14px!important;
  font-size:17px!important;line-height:1.04!important;letter-spacing:-.035em!important;
}
html[lang="de-AT"] .mission-campaign-v9 .campaign-line-one{font-size:clamp(36px,3.8vw,70px)!important}
html[lang="de-AT"] .mission-campaign-v9 .campaign-line-two{font-size:clamp(40px,4.35vw,80px)!important}

html[lang="de-AT"] .ask-splat{
  width:286px;height:168px;font-size:27px;line-height:1;letter-spacing:-.035em;padding:20px;
}
html[lang="de-AT"] .low-pack-sticker{
  width:188px;min-height:152px;font-size:13px;line-height:1.04;padding:15px;right:-4px;
}
html[lang="de-AT"] .form-sticker{font-size:14px;padding:8px}

/* German flavour captions: short sales copy with stable rhythm across six variants. */
html[lang="de-AT"] .organic-lineup .lineup-band p{min-height:24px;line-height:1.25}
html[lang="de-AT"] .showcase-caption p{line-height:1.25}

@media(max-width:1150px){
  html[lang="de-AT"] .founder-sticker{width:154px;height:138px;right:-18px;font-size:13px}
  html[lang="de-AT"] .mission-campaign-v9 .campaign-sticker{width:164px!important;min-height:142px!important;font-size:14.5px!important}
}
@media(max-width:760px){
  html[lang="de-AT"] .founder-sticker{width:126px;height:116px;right:-2px;bottom:56px;font-size:11px;padding:10px}
  html[lang="de-AT"] .wink-prompt{left:8%;font-size:10px;max-width:82%;white-space:normal;text-align:center}
  html[lang="de-AT"] .process-step strong{font-size:clamp(34px,9.5vw,54px)}
  html[lang="de-AT"] .purpose-tags span{font-size:11px;padding:9px 11px}
  html[lang="de-AT"] .purpose-sticker{width:106px;height:94px;font-size:10.5px;padding:9px}
  html[lang="de-AT"] .orbit-copy span:nth-child(1),
  html[lang="de-AT"] .orbit-copy span:nth-child(2){width:78px;height:78px;margin:-39px;font-size:9.5px}
  html[lang="de-AT"] .sticker{width:104px;height:98px;font-size:11px}
  html[lang="de-AT"] .mission-campaign-v9 .campaign-copy{max-width:72%}
  html[lang="de-AT"] .mission-campaign-v9 .campaign-sticker{width:126px!important;min-height:108px!important;font-size:10.5px!important;padding:11px 8px!important}
  html[lang="de-AT"] .mission-campaign-v9 .campaign-line-one{font-size:clamp(22px,6.6vw,32px)!important}
  html[lang="de-AT"] .mission-campaign-v9 .campaign-line-two{font-size:clamp(25px,7.4vw,36px)!important}
  html[lang="de-AT"] .ask-splat{width:224px;height:138px;font-size:22px;padding:16px}
  html[lang="de-AT"] .low-pack-sticker{width:146px;min-height:124px;font-size:10.5px;right:-2px}
}

/* =========================================================
   HARMONIQ v19 — Mission exact collage composition
   ========================================================= */
/* Mission reference: collage word + large supporting type */
.mission-campaign-v9 .campaign-line-one{display:flex!important;align-items:center;justify-content:center;gap:18px!important;white-space:nowrap}
.mission-campaign-v9 .campaign-cutout{display:inline-flex!important;align-items:flex-end;gap:2px;filter:drop-shadow(0 3px 0 rgba(20,43,37,.16))}
.mission-campaign-v9 .campaign-cutout i{display:inline-grid;place-items:center;font-style:normal;font-family:Georgia,serif!important;font-weight:900!important;font-size:.84em;line-height:.95;min-width:.7em;padding:.06em .08em .09em;transform:rotate(-2deg);box-shadow:0 2px 5px rgba(20,43,37,.12)}
.mission-campaign-v9 .campaign-cutout i:nth-child(1){background:#fff1e8;color:#ef2e62}.mission-campaign-v9 .campaign-cutout i:nth-child(2){background:#dff4bd;color:#112e28;transform:rotate(2deg)}.mission-campaign-v9 .campaign-cutout i:nth-child(3){background:#c8e1ff;color:#0b4a77}.mission-campaign-v9 .campaign-cutout i:nth-child(4){background:#e7d5ff;color:#271f35;transform:rotate(3deg)}.mission-campaign-v9 .campaign-cutout i:nth-child(5){background:#ffe469;color:#111}.mission-campaign-v9 .campaign-cutout i:nth-child(6){background:#d9ead0;color:#0b3a2f;transform:rotate(-3deg)}.mission-campaign-v9 .campaign-cutout i:nth-child(7){background:#ff7676;color:#fff6e9}.mission-campaign-v9 .campaign-cutout i:nth-child(8){background:#c8e9ff;color:#0b4a77;transform:rotate(2deg)}.mission-campaign-v9 .campaign-cutout i:nth-child(9){background:#dff3c8;color:#173b2f}
.mission-campaign-v9 .campaign-moments{display:inline!important;color:#082d27!important;font:inherit!important}
.mission-campaign-v9 .campaign-line-two{margin-top:10px!important}.mission-campaign-v9 .campaign-one{color:#082d27!important}.mission-campaign-v9 .campaign-harmoniq{color:#ef2e62!important}
.mission-campaign-v9 .campaign-sticker{width:150px!important;min-height:136px!important;border-radius:50%!important;box-shadow:6px 7px var(--ink)!important;font-size:17px!important}.mission-campaign-v9 .sticker-day{background:var(--yellow)!important}.mission-campaign-v9 .sticker-night{background:var(--pink)!important}
@media(max-width:760px){.mission-campaign-v9 .campaign-line-one{gap:8px!important;white-space:normal;flex-wrap:wrap}.mission-campaign-v9 .campaign-cutout{gap:1px}.mission-campaign-v9 .campaign-cutout i{font-size:.78em}.mission-campaign-v9 .campaign-moments{width:100%;margin-top:2px}.mission-campaign-v9 .campaign-sticker{width:104px!important;min-height:94px!important;font-size:12px!important}}

/* Contact details: branded outline icons, proper tap targets. */
.contact-lines{display:grid;gap:10px;margin:18px 0 0}.contact-line{display:flex;align-items:center;gap:11px;width:max-content;max-width:100%;font-weight:700}.contact-icon{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);box-shadow:2px 3px var(--ink)}.contact-line:nth-child(2) .contact-icon{background:var(--pink)}.contact-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.contact-line:hover .contact-icon{translate:0 -2px;rotate:-4deg}

/* Retailer DE composition follows the EN visual footprint. */
.retailer-hero .wrap{max-width:1440px}.retailer-hero h1{max-width:1180px}.retailer-hero .lead{max-width:760px}
html[lang="de-AT"] .retailer-hero h1{font-size:clamp(56px,8vw,116px);line-height:.94;max-width:1250px}
@media(max-width:680px){html[lang="de-AT"] .retailer-hero h1{font-size:clamp(48px,11.5vw,78px)}}

/* RELAX lifestyle frame: taller and more HARMONIQ without becoming decorative noise. */
.relax-social-wide-v10{position:relative!important;height:clamp(360px,35vw,560px)!important;border:3px solid var(--ink)!important;border-radius:36px 26px 42px 30px!important;background:var(--cream)!important;box-shadow:8px 9px 0 var(--pink)!important;overflow:hidden!important}
.relax-social-wide-v10:after{content:"";position:absolute;inset:14px;border:2px dashed rgba(255,248,232,.8);border-radius:28px 20px 34px 24px;pointer-events:none}.relax-social-wide-v10 img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:inherit!important}
.social-ritual-copy-v10 .mini-label{padding:10px 18px!important;box-shadow:3px 4px var(--ink);rotate:-2deg}
@media(max-width:760px){.relax-social-wide-v10{height:330px!important;border-radius:26px 18px 30px 20px!important;box-shadow:5px 6px 0 var(--pink)!important}}

/* =========================================================
   HARMONIQ v19 — exact Mission campaign statement
   ========================================================= */
.mission-campaign-v9 .campaign-message{
  width:min(1120px,94vw)!important;
  bottom:26px!important;
}
.mission-campaign-v9 .campaign-line-one{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:18px!important;
  white-space:nowrap!important;
  font-size:clamp(43px,5.1vw,88px)!important;
  line-height:.88!important;
}
.mission-campaign-v9 .campaign-cutout{
  display:inline-flex!important;
  align-items:flex-end!important;
  gap:1px!important;
  letter-spacing:0!important;
}
.mission-campaign-v9 .campaign-cutout i{
  min-width:.67em!important;
  padding:.055em .07em .08em!important;
  font-size:.9em!important;
  line-height:.94!important;
  border-radius:1px!important;
}
.mission-campaign-v9 .campaign-moments{
  font-family:"Arial Black",Arial,sans-serif!important;
  font-weight:900!important;
  letter-spacing:-.065em!important;
  color:#082d27!important;
  line-height:.86!important;
}
.mission-campaign-v9 .campaign-line-two{
  display:flex!important;
  align-items:baseline!important;
  justify-content:center!important;
  gap:.14em!important;
  margin-top:4px!important;
  font-size:clamp(46px,5.35vw,94px)!important;
  line-height:.86!important;
}
.mission-campaign-v9 .campaign-message:before{
  width:106%!important;
  height:116%!important;
  filter:blur(7px)!important;
}
.mission-campaign-v9 .campaign-cutout i:nth-child(10){background:#ffe469;color:#111;transform:rotate(-2deg)}
.mission-campaign-v9 .campaign-cutout i:nth-child(11){background:#0f3b31;color:#fff8e8;transform:rotate(2deg)}
.mission-campaign-v9 .campaign-cutout i:nth-child(12){background:#ffb2c8;color:#ef2e62;transform:rotate(-1deg)}
html[lang="de-AT"] .mission-campaign-v9 .campaign-line-one{font-size:clamp(34px,3.9vw,68px)!important;gap:14px!important}
html[lang="de-AT"] .mission-campaign-v9 .campaign-cutout i{font-size:.82em!important;padding-inline:.045em!important}
html[lang="de-AT"] .mission-campaign-v9 .campaign-line-two{font-size:clamp(42px,4.7vw,82px)!important}
@media(max-width:760px){
  .mission-campaign-v9 .campaign-message{width:96vw!important}
  .mission-campaign-v9 .campaign-line-one{flex-wrap:wrap!important;gap:5px 9px!important;font-size:clamp(24px,7.5vw,36px)!important}
  .mission-campaign-v9 .campaign-cutout{max-width:96vw;justify-content:center;flex-wrap:nowrap!important}
  .mission-campaign-v9 .campaign-cutout i{font-size:.82em!important;min-width:.62em!important;padding-inline:.045em!important}
  .mission-campaign-v9 .campaign-moments{width:auto!important;margin-top:0!important}
  .mission-campaign-v9 .campaign-line-two{font-size:clamp(29px,8.5vw,42px)!important}
  html[lang="de-AT"] .mission-campaign-v9 .campaign-line-one{font-size:clamp(20px,5.8vw,31px)!important}
  html[lang="de-AT"] .mission-campaign-v9 .campaign-cutout i{font-size:.72em!important;min-width:.56em!important}
}


/* =========================================================
   HARMONIQ v21 — Mission final text lockup
   ========================================================= */

/* Mission hero: approved horizontal slogan lock-up */
.mission-campaign-v9 .campaign-message{
  left:50%!important;
  bottom:24px!important;
  width:min(980px,86vw)!important;
  min-width:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:translateX(-50%)!important;
  text-align:center!important;
  line-height:.88!important;
  z-index:12!important;
}
.mission-campaign-v9 .campaign-message:before{
  content:"";
  position:absolute;
  left:50%;top:50%;translate:-50% -50%;
  width:112%;height:136%;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(255,248,232,.96) 0 28%,rgba(255,248,232,.78) 48%,rgba(255,248,232,.22) 72%,transparent 84%);
  filter:blur(11px);
  z-index:-1;
}
.mission-campaign-v9 .campaign-line-one,
.mission-campaign-v9 .campaign-line-two{
  display:flex!important;
  justify-content:center!important;
  align-items:flex-end!important;
  gap:16px!important;
  white-space:nowrap;
  text-transform:uppercase!important;
}
.mission-campaign-v9 .campaign-line-two{margin-top:10px!important;}
.mission-campaign-v9 .campaign-cutout{
  display:inline-flex!important;
  gap:3px;
  align-items:flex-end;
  flex-wrap:nowrap;
}
.mission-campaign-v9 .campaign-cutout i{
  display:inline-block;
  min-width:.86em;
  padding:.06em .12em .1em;
  font-style:normal;
  font-family:Georgia, 'Times New Roman', serif;
  font-size:clamp(38px,4vw,76px)!important;
  line-height:.92;
  color:#102f2a;
  background:#fff3e7;
  box-shadow:0 4px 10px rgba(20,43,37,.14);
}
.mission-campaign-v9 .campaign-cutout i:nth-child(1){color:#ef4162}
.mission-campaign-v9 .campaign-cutout i:nth-child(2){background:#dff4bd;color:#0f372e}
.mission-campaign-v9 .campaign-cutout i:nth-child(3){background:#cfe4ff;color:#285d98}
.mission-campaign-v9 .campaign-cutout i:nth-child(4){background:#e8ddff;color:#102f2a}
.mission-campaign-v9 .campaign-cutout i:nth-child(5){background:#ffe56b;color:#102f2a}
.mission-campaign-v9 .campaign-cutout i:nth-child(6){background:#ffd7db;color:#ef4162}
.mission-campaign-v9 .campaign-cutout i:nth-child(7){background:#dff4bd;color:#0f372e}
.mission-campaign-v9 .campaign-cutout i:nth-child(8){background:#cfe4ff;color:#285d98}
.mission-campaign-v9 .campaign-cutout i:nth-child(9){background:#fff3e7;color:#102f2a}
.mission-campaign-v9 .campaign-cutout-de i:nth-child(10){background:#ffd7db;color:#ef4162}
.mission-campaign-v9 .campaign-cutout-de i:nth-child(11){background:#dff4bd;color:#0f372e}
.mission-campaign-v9 .campaign-cutout-de i:nth-child(12){background:#fff3e7;color:#102f2a}
.mission-campaign-v9 .campaign-moments{
  display:inline-block!important;
  color:#102f2a!important;
  font:900 clamp(44px,4.85vw,92px)/.88 "Arial Black",Arial,sans-serif!important;
  letter-spacing:-.065em!important;
}
.mission-campaign-v9 .campaign-line-two{
  font:900 clamp(46px,5.05vw,96px)/.88 "Arial Black",Arial,sans-serif!important;
  letter-spacing:-.065em!important;
}
.mission-campaign-v9 .campaign-one{color:#090909!important;font:inherit!important}
.mission-campaign-v9 .campaign-harmoniq{color:#ef4162!important;font:inherit!important}
@media(max-width:760px){
  .mission-campaign-v9 .campaign-message{bottom:calc(50% - 56px)!important;width:95vw!important}
  .mission-campaign-v9 .campaign-line-one,.mission-campaign-v9 .campaign-line-two{gap:8px!important;white-space:normal;flex-wrap:wrap}
  .mission-campaign-v9 .campaign-cutout{gap:2px;justify-content:center}
  .mission-campaign-v9 .campaign-cutout i{font-size:clamp(20px,6vw,34px)!important;padding:.05em .08em .08em}
  .mission-campaign-v9 .campaign-moments{font-size:clamp(28px,8vw,44px)!important}
  .mission-campaign-v9 .campaign-line-two{font-size:clamp(30px,8.7vw,48px)!important}
}

/* =========================================================
   HARMONIQ v22 — locked Mission slogan
   ========================================================= */

/* Mission: force the approved two-line horizontal hierarchy. */
html body .mission-campaign-v9 .campaign-message{
  width:min(1120px,92vw)!important;
  bottom:24px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:translateX(-50%)!important;
  text-shadow:none!important;
}
html body .mission-campaign-v9 .campaign-message .campaign-line-one,
html body .mission-campaign-v9 .campaign-message .campaign-line-two{
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:14px!important;
  white-space:nowrap!important;
  margin:0!important;
  color:#102f2a!important;
  text-shadow:none!important;
}
html body .mission-campaign-v9 .campaign-message .campaign-line-two{margin-top:8px!important;}
html body .mission-campaign-v9 .campaign-message .campaign-cutout{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:flex-end!important;
  gap:2px!important;
  width:auto!important;
}
html body .mission-campaign-v9 .campaign-message .campaign-cutout i{
  display:inline-block!important;
  font:700 clamp(34px,3.5vw,66px)/.92 Georgia,serif!important;
  min-width:.86em!important;
  padding:.06em .1em .1em!important;
  color:#0f372e!important;
  background:#fff1e7!important;
  box-shadow:0 4px 10px rgba(20,43,37,.16)!important;
}
html body .mission-campaign-v9 .campaign-message .campaign-cutout i:nth-child(1){color:#ef4162!important;background:#fff1e7!important}
html body .mission-campaign-v9 .campaign-message .campaign-cutout i:nth-child(2){background:#dff4bd!important}
html body .mission-campaign-v9 .campaign-message .campaign-cutout i:nth-child(3){background:#cfe4ff!important;color:#285d98!important}
html body .mission-campaign-v9 .campaign-message .campaign-cutout i:nth-child(4){background:#eadcff!important}
html body .mission-campaign-v9 .campaign-message .campaign-cutout i:nth-child(5){background:#ffe56b!important}
html body .mission-campaign-v9 .campaign-message .campaign-cutout i:nth-child(6){background:#ffd7db!important;color:#ef4162!important}
html body .mission-campaign-v9 .campaign-message .campaign-cutout i:nth-child(7){background:#dff4bd!important}
html body .mission-campaign-v9 .campaign-message .campaign-cutout i:nth-child(8){background:#cfe4ff!important;color:#285d98!important}
html body .mission-campaign-v9 .campaign-message .campaign-cutout i:nth-child(9){background:#fff1e7!important}
html body .mission-campaign-v9 .campaign-message .campaign-moments{
  display:inline-block!important;
  color:#102f2a!important;
  opacity:1!important;
  visibility:visible!important;
  font:900 clamp(42px,4.6vw,86px)/.88 "Arial Black",Arial,sans-serif!important;
  letter-spacing:-.055em!important;
  text-shadow:none!important;
}
html body .mission-campaign-v9 .campaign-message .campaign-line-two{
  font:900 clamp(42px,4.8vw,90px)/.88 "Arial Black",Arial,sans-serif!important;
  letter-spacing:-.055em!important;
}
html body .mission-campaign-v9 .campaign-message .campaign-one{color:#090909!important;font:inherit!important}
html body .mission-campaign-v9 .campaign-message .campaign-harmoniq{color:#ef4162!important;font:inherit!important}
html body .mission-campaign-v9 .campaign-message:before{
  content:""!important;display:block!important;position:absolute!important;z-index:-1!important;
  left:50%!important;top:50%!important;translate:-50% -50%!important;width:110%!important;height:140%!important;
  background:radial-gradient(ellipse at center,rgba(255,248,232,.95) 0 35%,rgba(255,248,232,.68) 54%,rgba(255,248,232,.12) 76%,transparent 86%)!important;
  filter:blur(9px)!important;border-radius:50%!important;
}
@media(max-width:760px){
  html body .mission-campaign-v9 .campaign-message{width:96vw!important;bottom:calc(50% - 54px)!important}
  html body .mission-campaign-v9 .campaign-message .campaign-line-one,
  html body .mission-campaign-v9 .campaign-message .campaign-line-two{gap:6px!important;flex-wrap:wrap!important;white-space:normal!important}
  html body .mission-campaign-v9 .campaign-message .campaign-cutout i{font-size:clamp(20px,6vw,30px)!important}
  html body .mission-campaign-v9 .campaign-message .campaign-moments{font-size:clamp(28px,8vw,40px)!important}
  html body .mission-campaign-v9 .campaign-message .campaign-line-two{font-size:clamp(30px,8.5vw,44px)!important}
}



/* 2026-10-07 scoped production layout polish.
   Intentionally excludes Mission and navigation/language UI. */
@media (min-width: 961px){
  .page-collection .page-hero,
  .page-retailers .page-hero,
  .page-ingredients .page-hero{
    padding-top:120px;
    padding-bottom:58px;
  }

  .page-collection .page-hero .wrap,
  .page-retailers .page-hero .wrap,
  .page-ingredients .page-hero .wrap{
    max-width:1320px;
  }

  .page-collection .page-hero h1,
  .page-retailers .page-hero h1,
  .page-ingredients .page-hero h1{
    max-width:1180px;
    font-size:clamp(72px,7.3vw,122px);
    line-height:.88;
  }

  .page-collection .page-hero .lead,
  .page-retailers .page-hero .lead,
  .page-ingredients .page-hero .lead{
    max-width:900px;
  }

  .page-collection .lineup-head{
    grid-template-columns:minmax(0,1fr) minmax(340px,.7fr);
    column-gap:80px;
    align-items:start;
  }

  .page-collection .lineup-head > p{
    max-width:480px;
    font-size:clamp(21px,1.35vw,26px);
    line-height:1.32;
    font-weight:700;
  }

  .page-relax .formula-story-grid{
    grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);
    gap:72px;
    align-items:start;
  }

  .page-relax .formula-story-copy h2{
    font-size:clamp(58px,5.8vw,96px);
    line-height:.9;
    max-width:760px;
  }

  .page-relax .formula-list{
    min-width:0;
  }
}

@media (max-width:960px){
  .page-collection .page-hero,
  .page-retailers .page-hero,
  .page-ingredients .page-hero{
    padding-top:108px;
    padding-bottom:54px;
  }

  .page-collection .lineup-head > p{
    font-size:19px;
    line-height:1.35;
    font-weight:650;
  }
}