@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--accent:#dfff00;--glow:223,255,0;--bg:#090b0a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:#f5f5ec;font-family:'DM Sans',Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid white;outline-offset:7px}header{height:98px;padding:22px 5%;position:absolute;z-index:10;display:flex;align-items:center;justify-content:space-between;width:100%;border-bottom:1px solid #ffffff21}.logo{font-size:35px;font-weight:900;line-height:.9;font-style:italic;letter-spacing:-2px}.logo small{display:block;font-style:normal;font-size:9px;letter-spacing:2px;margin-top:8px}.marble{color:#70cfff;text-shadow:0 0 12px #28aaff}nav{display:flex;gap:38px;font-size:11px;letter-spacing:1.8px}.navcta{font-size:11px;border:1px solid #ffffff50;border-radius:30px;padding:13px 20px;letter-spacing:1px}.progress{position:fixed;top:0;left:0;height:3px;background:var(--accent);z-index:50;width:0}.hero{min-height:850px;height:100svh;max-height:1200px;position:relative;padding:130px 5% 38px;overflow:hidden;background:radial-gradient(ellipse at 72% 50%,rgba(var(--glow),.13),transparent 49%);transition:background 1s}.ambient{position:absolute;inset:0;background-image:radial-gradient(#ffffff45 1px,transparent 1px);background-size:95px 95px;opacity:.22;pointer-events:none}.hero-top,.hero-bottom{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;position:relative;z-index:2}.hero-copy{position:relative;z-index:3;width:65%;padding-top:95px;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--accent);margin:0 0 25px}h1,h2,h3,.stage-word,.step strong{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:800;line-height:.86;letter-spacing:-2px;margin:0}h1{font-size:clamp(90px,10.3vw,178px)}em{font-style:normal;color:var(--accent)}.intro{font-size:14px;color:#aaaead;line-height:1.8;margin:30px 0}.button{display:inline-flex;gap:38px;align-items:center;padding:18px 23px;background:var(--accent);color:#111;font-size:10px;letter-spacing:1px;font-weight:800;border-radius:3px}.button span{font-size:20px}.product-stage{position:absolute;width:47%;height:75%;right:1%;top:15%;display:flex;justify-content:center;align-items:center;perspective:1000px}.bottle{height:100%;aspect-ratio:.43;background-image:url('assets/bottles.png');background-size:auto 100%;background-position:4% center;background-repeat:no-repeat;mix-blend-mode:screen;filter:drop-shadow(0 15px 30px #000);position:relative;z-index:2;transition:background-position .65s,filter .7s,transform .7s}.hero-bottle{height:90%;transform:rotate(10deg);animation:float 6s ease-in-out infinite}.orbit{position:absolute;width:89%;aspect-ratio:1;border:1px solid rgba(var(--glow),.28);border-radius:50%;box-shadow:0 0 100px rgba(var(--glow),.05),inset 0 0 80px rgba(var(--glow),.04)}.orbit:after{content:'';position:absolute;inset:14%;border:1px solid #ffffff0c;border-radius:50%}.stage-word{position:absolute;font-size:23vw;color:rgba(var(--glow),.05);transform:rotate(-90deg);right:-9%;letter-spacing:6px}.product-note{position:absolute;bottom:1%;font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:12px;z-index:3}.dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.product-note small{color:#7c817b;font-size:9px}.hero-bottom{position:absolute;bottom:35px;left:5%;right:5%;align-items:center}.flavour-dots{display:flex;gap:12px}.flavour-dots button{width:10px;height:10px;border:0;border-radius:50%;background:#dfff00;padding:0}.flavour-dots button:nth-child(2){background:#30edb3}.flavour-dots button:nth-child(3){background:#ff228e}.flavour-dots button.selected{outline:1px solid white;outline-offset:5px}.ticker{background:var(--accent);color:#0b0c08;padding:15px 0;overflow:hidden;font:700 27px 'Barlow Condensed',Impact,sans-serif;letter-spacing:2px}.ticker div{width:max-content;animation:marquee 35s linear infinite}.flavours{padding:120px 8% 80px}.section-head{display:grid;grid-template-columns:1fr 1fr}.section-head .eyebrow{grid-column:1/-1}h2{font-size:clamp(64px,7vw,110px)}.section-head>p:last-child{align-self:end;color:#9ca29d;font-size:13px;line-height:1.8;justify-self:end}.flavour-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;margin-top:55px;align-items:center}.flavour-visual{position:relative;height:570px;display:flex;justify-content:center;background:radial-gradient(ellipse,rgba(var(--glow),.13),transparent 65%);border-bottom:1px solid #ffffff20}.detail-bottle{height:95%;transform:rotate(-7deg)}.flavour-visual>span{position:absolute;bottom:10px;left:0;font:800 120px 'Barlow Condensed',Impact,sans-serif;color:#ffffff09}.tabs{display:flex;gap:20px;border-bottom:1px solid #ffffff24;margin-bottom:55px}.tabs button{border:0;background:none;color:#8a8d89;font-size:10px;padding:20px 0;letter-spacing:1px}.tabs button[aria-selected=true]{color:var(--accent);border-bottom:2px solid var(--accent)}h3{font-size:clamp(75px,8vw,125px);margin-bottom:25px}.flavour-detail>p:not(.eyebrow){color:#a1a6a0;line-height:1.9;font-size:14px;max-width:340px}.flavour-rule{height:1px;background:#ffffff20;margin-top:35px}.flavour-detail .flavour-footer{font-size:9px!important;letter-spacing:2px;display:flex;justify-content:space-between;max-width:none!important}.ritual{padding:110px 8%;background:#111410;border-top:1px solid #ffffff13}.ritual-title{text-align:center}.ritual-title p:last-child{font-size:13px;color:#a1a6a0;margin-top:30px}.ritual-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px}.step{text-align:left;border:0;border-top:1px solid #ffffff25;background:none;color:white;padding:25px 30px 25px 0;opacity:.45;transition:.3s}.step.active,.step:hover{opacity:1;border-top-color:var(--accent)}.step>span{display:block;font-size:10px;color:var(--accent);margin-bottom:28px}.step strong{display:block;font-size:64px}.step p{font-size:12px;line-height:1.8;max-width:230px;color:#aeb3aa}.pop-demo{position:relative;text-align:center;margin:50px auto 0;max-width:380px;min-height:225px}.pop-demo button{border:0;background:none;color:white;display:flex;align-items:center;flex-direction:column;gap:25px;margin:auto;position:relative;z-index:2;font-size:10px;letter-spacing:2px}.big-marble{display:block;width:90px;height:90px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff 0%,#b2efff 10%,#0986d4 28%,#074495 48%,#02bff0 57%,#041328 78%,#6de5ff 95%);box-shadow:inset -9px -10px 12px #001533,0 0 45px #008eff4d;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.pop-demo p{font-size:11px;color:#7f887e}.pop-rings{position:absolute;border:1px solid var(--accent);width:100px;height:100px;border-radius:50%;left:calc(50% - 50px);top:-5px;opacity:0}.popped .big-marble{transform:translateY(35px) rotate(160deg) scale(.8)}.popped .pop-rings{animation:pop .8s ease-out}.discover{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:7%;padding:100px 5%}.campaign img{display:block;width:100%;border-radius:3px}.discover h2{font-size:clamp(55px,5.5vw,90px)}.discover-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#a1a6a0;margin:28px 0}footer{margin:0 5%;border-top:1px solid #ffffff25;padding:40px 0 25px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:25px}footer p,footer>a:last-of-type{font-size:10px;letter-spacing:2px}footer>small{flex-basis:100%;font-size:9px;color:#71776f;letter-spacing:.4px;margin-top:20px}.reveal{opacity:0;transform:translateY(30px);transition:opacity .9s,transform .9s}.reveal.visible{opacity:1;transform:none}@keyframes float{0%,100%{transform:translateY(0) rotate(10deg)}50%{transform:translateY(-17px) rotate(12deg)}}@keyframes marquee{to{transform:translateX(-33.333%)}}@keyframes pop{0%{opacity:.7;transform:scale(.6)}100%{opacity:0;transform:scale(3.5)}}@media(min-width:1600px){.hero-copy{padding-top:130px}}@media(max-width:800px){header{height:83px;padding:18px 6%}nav{gap:20px;font-size:9px}.navcta{display:none}.hero{min-height:900px;max-height:1100px;padding:110px 6% 30px}.hero-top{font-size:7px;letter-spacing:1px}.hero-top span:last-child{display:none}.hero-copy{padding-top:45px;width:100%}.hero-copy .eyebrow{font-size:8px;margin-bottom:20px}h1{font-size:clamp(80px,15vw,120px)}.intro{font-size:12px;margin:22px 0}.hero-copy .button{padding:13px 17px;font-size:9px;gap:23px}.product-stage{top:43%;height:48%;right:-4%;width:76%}.hero-bottle{height:95%}.stage-word{font-size:40vw}.product-note{bottom:-10px;font-size:8px}.orbit{width:85%}.hero-bottom{font-size:7px;letter-spacing:1px;bottom:25px}.hero-bottom>span:last-child{display:none}.ticker{font-size:22px}.flavours{padding:80px 6% 60px}.section-head{display:block}.section-head>p:last-child{margin-top:24px}.section-head h2{font-size:73px}.flavour-layout{gap:0;grid-template-columns:1fr;margin-top:25px}.flavour-visual{height:420px}.flavour-detail{padding:10px 4%}.tabs{margin-bottom:30px;justify-content:space-between}.tabs button{font-size:9px}.flavour-detail h3{font-size:85px}.flavour-detail>p:not(.eyebrow){max-width:none}.ritual{padding:75px 6%}.ritual-title h2{font-size:59px}.ritual-title p:last-child{font-size:12px;line-height:1.7}.ritual-grid{margin-top:45px;gap:15px}.step{padding-right:0}.step strong{font-size:40px;letter-spacing:-1px}.step p{font-size:10px}.discover{grid-template-columns:1fr;gap:40px;padding:65px 6%}.discover h2{font-size:67px}footer{margin:0 6%}footer p{font-size:8px}footer>a:last-of-type{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
/* Real 3D geometry replaces the flat product artwork when WebGL is available. */
.bottle.is-3d{background-image:none!important;aspect-ratio:auto;mix-blend-mode:normal;filter:none;animation:none!important;transform:none!important;touch-action:pan-y;cursor:grab;outline-offset:-10px}.bottle.is-3d.dragging{cursor:grabbing}.bottle.is-3d canvas{display:block;width:100%;height:100%;position:absolute;inset:0}.hero-bottle.is-3d{width:100%;height:100%;position:absolute;inset:0;z-index:3}.detail-bottle.is-3d{width:100%;height:100%}.rotation-controls{display:flex;align-items:center;justify-content:center;gap:17px;position:absolute;z-index:5;bottom:18px;left:0;right:0;pointer-events:none}.rotation-controls button{pointer-events:auto;background:#10140ee0;color:#dedfd6;border:1px solid #ffffff30;border-radius:20px;font-size:9px;letter-spacing:1px;padding:10px 13px;backdrop-filter:blur(8px)}.rotation-controls button:hover{border-color:var(--accent);color:var(--accent)}.rotation-angle{min-width:30px;font-size:10px;font-variant-numeric:tabular-nums;color:var(--accent)}.rotate-hint{position:absolute;bottom:-7px;left:0;right:0;text-align:center;z-index:4;font-size:8px;letter-spacing:1.7px;color:#b3b6a9;pointer-events:none}.product-stage:has(.is-3d) .product-note{bottom:-38px}.product-stage:has(.is-3d){top:13%;height:77%}.flavour-visual .rotation-controls{bottom:6px}.flavour-visual .rotate-hint{bottom:-20px}.hero-bottom{z-index:6}.flavour-visual:has(.is-3d){margin-bottom:30px}@media(max-width:800px){.product-stage:has(.is-3d){top:43%;height:44%;width:80%;right:-4%}.product-stage:has(.is-3d) .product-note{bottom:-45px}.rotation-controls{bottom:0;gap:9px}.rotation-controls button{padding:8px 10px;font-size:8px}.rotate-hint{bottom:-20px;font-size:7px}.flavour-visual .rotation-controls{bottom:0}.flavour-visual .rotate-hint{bottom:-23px}}

/* Keep the existing campaign space while the product imagery is removed. */
.campaign{aspect-ratio:3/2}
/* Original-photo turntables: preserve source image aspect ratio at every angle. */
.image-turntable{position:absolute;inset:0;z-index:3;min-width:0;min-height:0}.photo-window{position:absolute;inset:0 0 93px;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}.photo-window.dragging{cursor:grabbing}.photo-window svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 15px 18px #0007)}.photo-controls{position:absolute;bottom:0;left:0;right:0;text-align:center;z-index:5}.photo-angle-tabs{display:flex;justify-content:center;gap:6px;margin-bottom:9px}.photo-controls button{color:#d9dfd5;background:#101610e8;border:1px solid #ffffff30;border-radius:20px;font-size:10px;letter-spacing:.6px;padding:8px 13px;min-width:43px}.photo-angle-tabs button[aria-pressed=true]{color:#111;background:var(--accent);border-color:var(--accent)}.photo-controls button:hover{border-color:var(--accent)}.photo-action-row{display:flex;justify-content:center;align-items:center;gap:10px}.photo-action-row button{padding:5px 13px;font-size:9px}.photo-hint{display:block;font-size:7px;letter-spacing:1.3px;color:#a8b2a2;margin-top:10px}.product-stage:has(.image-turntable){top:14%;height:75%}.product-stage:has(.image-turntable) .product-note{bottom:-30px}.flavour-visual{position:relative}.flavour-visual:has(.image-turntable){margin-bottom:25px}.photo-lineup{display:flex;align-items:center;gap:0;aspect-ratio:auto;min-height:450px;background:radial-gradient(ellipse,rgba(var(--glow),.06),transparent 70%)}.photo-lineup figure{width:33.333%;margin:0;text-align:center}.photo-lineup svg{width:100%;height:360px;display:block}.photo-lineup figcaption{font-size:8px;letter-spacing:.8px;color:#bec5b7;margin-top:15px}@media(max-width:800px){.product-stage:has(.image-turntable){top:45%;height:43%;width:90%;right:-5%}.photo-window{bottom:86px}.photo-controls button{font-size:8px;padding:7px 11px;min-width:38px}.photo-action-row button{padding:4px 12px}.photo-hint{font-size:6px;letter-spacing:.7px}.product-stage:has(.image-turntable) .product-note{bottom:-28px}.photo-lineup{min-height:330px}.photo-lineup svg{height:280px}.photo-lineup figcaption{font-size:7px}.flavour-visual .photo-window{bottom:93px}}

/* Fixed gentle lean: source bottle proportions stay unchanged. */
.photo-window svg{transform:rotate(12deg);transform-origin:50% 52%}
.flavour-visual .photo-window svg{transform:rotate(-12deg)}
.lineup-turntable{position:relative;height:360px}
.lineup-turntable.image-turntable{position:relative;inset:auto}
.lineup-turntable .photo-window{inset:0}
.photo-lineup .photo-window svg{height:100%;width:100%}
.photo-lineup figure:nth-child(2) .photo-window svg{transform:rotate(-12deg)}
@media(max-width:800px){.lineup-turntable{height:280px}.photo-window svg{transform:rotate(12deg)}}
