@layer tokens{:root{--c-copper-400: #d4a373;--c-copper-500: #c6976b;--c-copper-600: #b06a3f;--c-glow: #f2b14d;--c-ivory: #f5f1ea;--c-ink: #0b0a0c;--c-citrus: #e7b84e;--c-jalapeno: #6e8f4e;--step--1: clamp(.8rem, .76rem + .2vw, .9rem);--step-0: clamp(1rem, .96rem + .2vw, 1.1rem);--step-1: clamp(1.15rem, 1.05rem + .5vw, 1.4rem);--step-2: clamp(1.6rem, 1.3rem + 1.5vw, 2.4rem);--step-3: clamp(2.1rem, 1.6rem + 2.6vw, 3.6rem);--step-4: clamp(3rem, 2rem + 5vw, 6rem);--font-display: "Fraunces", "Cormorant Garamond", Georgia, "Times New Roman", serif;--font-body: "Inter Tight", "Söhne", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Commit Mono", ui-monospace, "SF Mono", "Cascadia Code", monospace;--s-1: .25rem;--s-2: .5rem;--s-3: 1rem;--s-4: 1.5rem;--s-5: 2.5rem;--s-6: 4rem;--s-7: 6.5rem;--radius: 2px;--radius-card: 10px;--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .18s;--dur-mid: .42s;--z-canvas: 0;--z-content: 10;--z-nav: 100;--z-cursor: 900;--z-overlay: 1000;--z-devgui: 2000;--grain: .06;--poster-levels: 6}html[data-theme=black]{--bg: #0b0a0c;--bg-2: #12100f;--surface: #171418;--fg: #f2ece4;--fg-muted: #8b8189;--accent: var(--c-copper-500);--accent-2: var(--c-citrus);--accent-3: var(--c-jalapeno);--line: rgba(198, 151, 107, .22);--scrim: rgba(0, 0, 0, .5);--grain: .06;color-scheme:dark}html[data-theme=light]{--bg: #ede7dd;--bg-2: #ece5da;--surface: #f7f3ec;--fg: #221e22;--fg-muted: #6b645c;--accent: #b07e52;--accent-2: #d69a2c;--accent-3: #5c7d42;--line: rgba(34, 30, 34, .12);--scrim: rgba(20, 18, 16, .4);--grain: .05;color-scheme:light}html[data-theme=fruity]{--bg: #f0c23a;--bg-2: #e9b42c;--surface: #f7d45e;--fg: #201a10;--fg-muted: #8a6f2e;--accent: #ff7a1a;--accent-2: #3e7d3a;--accent-3: #d98a5a;--line: rgba(32, 26, 16, .28);--scrim: rgba(32, 26, 16, .4);--grain: .1;color-scheme:light}:root{--cta-bg: var(--accent);--cta-fg: var(--bg);--btn-h: 56px}}@layer reset,tokens,base,components,utils;@layer tokens{:root{--c-copper-400: #d4a373;--c-copper-500: #c6976b;--c-copper-600: #b06a3f;--c-glow: #f2b14d;--c-ivory: #f5f1ea;--c-ink: #0b0a0c;--c-citrus: #e7b84e;--c-jalapeno: #6e8f4e;--step--1: clamp(.8rem, .76rem + .2vw, .9rem);--step-0: clamp(1rem, .96rem + .2vw, 1.1rem);--step-1: clamp(1.15rem, 1.05rem + .5vw, 1.4rem);--step-2: clamp(1.6rem, 1.3rem + 1.5vw, 2.4rem);--step-3: clamp(2.1rem, 1.6rem + 2.6vw, 3.6rem);--step-4: clamp(3rem, 2rem + 5vw, 6rem);--font-display: "Fraunces", "Cormorant Garamond", Georgia, "Times New Roman", serif;--font-body: "Inter Tight", "Söhne", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Commit Mono", ui-monospace, "SF Mono", "Cascadia Code", monospace;--s-1: .25rem;--s-2: .5rem;--s-3: 1rem;--s-4: 1.5rem;--s-5: 2.5rem;--s-6: 4rem;--s-7: 6.5rem;--radius: 2px;--radius-card: 10px;--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .18s;--dur-mid: .42s;--z-canvas: 0;--z-content: 10;--z-nav: 100;--z-cursor: 900;--z-overlay: 1000;--z-devgui: 2000;--grain: .06;--poster-levels: 6}html[data-theme=black]{--bg: #0b0a0c;--bg-2: #12100f;--surface: #171418;--fg: #f2ece4;--fg-muted: #8b8189;--accent: var(--c-copper-500);--accent-2: var(--c-citrus);--accent-3: var(--c-jalapeno);--line: rgba(198, 151, 107, .22);--scrim: rgba(0, 0, 0, .5);--grain: .06;color-scheme:dark}html[data-theme=light]{--bg: #ede7dd;--bg-2: #ece5da;--surface: #f7f3ec;--fg: #221e22;--fg-muted: #6b645c;--accent: #b07e52;--accent-2: #d69a2c;--accent-3: #5c7d42;--line: rgba(34, 30, 34, .12);--scrim: rgba(20, 18, 16, .4);--grain: .05;color-scheme:light}html[data-theme=fruity]{--bg: #f0c23a;--bg-2: #e9b42c;--surface: #f7d45e;--fg: #201a10;--fg-muted: #8a6f2e;--accent: #ff7a1a;--accent-2: #3e7d3a;--accent-3: #d98a5a;--line: rgba(32, 26, 16, .28);--scrim: rgba(32, 26, 16, .4);--grain: .1;color-scheme:light}:root{--cta-bg: var(--accent);--cta-fg: var(--bg);--btn-h: 56px}}@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}img,svg,video,canvas{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}@layer base{html{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--step-0);line-height:1.55;scroll-behavior:auto}body{transition:background var(--dur-mid) var(--ease-out),color var(--dur-mid) var(--ease-out)}h1,h2,h3{font-family:var(--font-display);font-weight:500;line-height:1.02;letter-spacing:-.02em}h1{font-size:var(--step-4)}h2{font-size:var(--step-3)}.eyebrow{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.measure{max-width:62ch}.grain:after{content:"";position:fixed;inset:0;z-index:var(--z-cursor);pointer-events:none;opacity:var(--grain);mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")}.is-poster{filter:url(#aurix-poster) saturate(1.12) contrast(1.04)}}@layer components{.btn{display:inline-flex;align-items:center;justify-content:center;height:var(--btn-h);padding:0 var(--s-5);background:var(--cta-bg);color:var(--cta-fg);border:none;border-radius:8px;font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),filter var(--dur-fast) var(--ease-out)}.btn:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn--ghost{background:transparent;color:var(--accent);border:1px solid var(--accent)}.wrap{width:min(100% - 2 * var(--s-4),1240px);margin-inline:auto}.section{padding-block:var(--s-7);position:relative;z-index:var(--z-content)}.hairline{border:0;border-top:1px solid var(--line)}}@layer utils{.stack>*+*{margin-top:var(--s-3)}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}@media (prefers-reduced-motion: reduce){:root{--dur-fast: 0ms;--dur-mid: 0ms}.grain:after{display:none}}:root{--serif: "Bodoni Moda", "Cormorant Garamond", Georgia, "Times New Roman", serif;--sans: "Archivo", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Archivo", ui-monospace, "SF Mono", monospace;--bg: #0b0a0c;--bg-2: #121011;--marble: #1a1613;--copper: #c08552;--copper-2: #c6976b;--copper-3: #dbac77;--glow: #e9b872;--ivory: #f3ede4;--taupe: #9a938b;--hairline: rgba(198, 151, 107, .2);--lg-1: #151317;--lg-2: #0c0b0d;--lg-3: #060506;--glow-soft: rgba(233, 184, 114, .1);--amb-soft: rgba(96, 86, 74, .09);--vignette: rgba(0, 0, 0, .5);--nav-bg: rgba(12, 11, 12, .72);--nav-line: rgba(198, 151, 107, .16);--fold-hi: rgba(255, 244, 222, .028);--fold-lo: rgba(0, 0, 0, .11);--fg: var(--ivory);--accent: var(--copper-2);--cta-bg: var(--copper-3);--cta-fg: #1a1206}body.theme-light{--bg: #ece5da;--bg-2: #f1ebe0;--marble: #e6ddce;--copper: #9c7a49;--copper-2: #a9884f;--copper-3: #8a6a39;--glow: #cba869;--ivory: #2b2620;--taupe: #6a6055;--hairline: rgba(120, 92, 52, .24);--lg-1: #f3ede2;--lg-2: #e9e0d1;--lg-3: #ddd1bd;--glow-soft: rgba(201, 160, 92, .2);--amb-soft: rgba(176, 148, 108, .14);--vignette: rgba(74, 56, 30, .14);--nav-bg: rgba(240, 234, 224, .72);--nav-line: rgba(120, 92, 52, .2);--fold-hi: rgba(255, 255, 255, .55);--fold-lo: rgba(120, 96, 56, .09);color-scheme:light}body.theme-burgundy{--bg: #230810;--bg-2: #2c0b14;--marble: #340f1a;--copper: #d79a52;--copper-2: #e0a24a;--copper-3: #edb968;--glow: #f0c56a;--ivory: #fbeef0;--taupe: #c39aa2;--hairline: rgba(224, 162, 74, .24);--lg-1: #310e17;--lg-2: #21080e;--lg-3: #150408;--glow-soft: rgba(240, 197, 106, .14);--amb-soft: rgba(140, 34, 52, .16);--vignette: rgba(8, 0, 2, .46);--nav-bg: rgba(35, 8, 16, .74);--nav-line: rgba(224, 162, 74, .2);--fold-hi: rgba(255, 224, 200, .045);--fold-lo: rgba(0, 0, 0, .13)}body,.liquid-glass,.nav,.section-marble,.canfloat-section{transition:background-color .6s ease,background .6s ease,color .6s ease}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{background:transparent;color:var(--taupe);font-family:var(--sans);font-weight:300;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:#c0855266;color:var(--ivory)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0d0c0b}::-webkit-scrollbar-thumb{background:#2a241f;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--copper-2)}img{display:block;max-width:100%}a{color:var(--copper-3);text-decoration:none}sup{font-size:.6em;color:var(--copper)}.liquid-glass{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(64% 48% at 50% 4%,var(--glow-soft),transparent 66%),radial-gradient(76% 64% at 12% 96%,var(--amb-soft),transparent 62%),repeating-linear-gradient(99deg,transparent 0px,var(--fold-hi) 66px,transparent 128px,var(--fold-lo) 190px,transparent 252px),linear-gradient(180deg,var(--lg-1) 0%,var(--lg-2) 34%,var(--lg-2) 62%,var(--lg-3) 100%),var(--lg-2)}.liquid-glass:before{content:"";position:absolute;left:50%;top:24%;width:92vw;height:72vh;margin:-36vh 0 0 -46vw;background:radial-gradient(50% 50% at 50% 50%,var(--glow-soft),transparent 66%);opacity:.9;will-change:transform;animation:lg-drift 64s ease-in-out infinite alternate}.liquid-glass:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 120% at 50% 42%,transparent 44%,var(--vignette) 100%)}@keyframes lg-drift{0%{transform:translate3d(-8%,-4%,0) scale(1)}50%{transform:translate3d(7%,6%,0) scale(1.06)}to{transform:translate3d(10%,-2%,0) scale(1.02)}}@media (prefers-reduced-motion: reduce){.liquid-glass:before{animation:none;will-change:auto}}main,.footer{position:relative;z-index:1}h1,h2,h3{font-family:var(--serif);color:var(--ivory);font-weight:600;font-optical-sizing:auto;line-height:1.08;letter-spacing:-.012em}h1{font-size:clamp(3rem,7.5vw,5.9rem);font-weight:600;letter-spacing:-.018em}h2{font-size:clamp(2.1rem,4.5vw,3.3rem);margin-bottom:1.2rem}.kicker{font-family:var(--sans);font-size:.72rem;font-weight:500;letter-spacing:.38em;text-transform:uppercase;color:var(--copper);margin-bottom:1.1rem}.section-intro{max-width:34rem;margin-bottom:3.5rem;font-size:1.05rem}.footnote{font-size:.78rem;color:#9a948ca6;margin-top:1.6rem;letter-spacing:.04em}.section{position:relative;padding:8rem 1.5rem}.section-tight{padding:5.5rem 1.5rem}.section-marble{background:radial-gradient(1200px 540px at 80% 0%,var(--glow-soft),transparent 62%),linear-gradient(180deg,rgba(255,240,214,.025),transparent 42%,rgba(0,0,0,.07));border-top:1px solid transparent;border-bottom:1px solid transparent}.wrap{max-width:1120px;margin:0 auto}.wrap-narrow{max-width:780px}section[id]{scroll-margin-top:84px}[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .9s ease,transform .9s cubic-bezier(.22,.61,.36,1)}[data-reveal].revealed{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){[data-reveal]{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;font-family:var(--sans);font-size:.76rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--copper-3);background:transparent;border:1px solid color-mix(in srgb,var(--copper) 55%,transparent);border-radius:3px;padding:1rem 1.9rem;cursor:pointer;overflow:hidden;transition:color .35s ease,background .35s ease,border-color .35s ease,transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,246,224,.35) 50%,transparent 80%);transform:translate(-120%);transition:transform .7s ease;pointer-events:none}.btn:hover{background:var(--copper);border-color:var(--copper);color:#1a1206;transform:translateY(-2px)}.btn:hover:after{transform:translate(120%)}.btn:active{transform:translateY(0)}.btn-solid{background:linear-gradient(135deg,var(--glow),var(--copper-3) 45%,var(--copper) 100%);border:1px solid transparent;color:#1a1206;font-weight:700}.btn-solid:hover{filter:brightness(1.08);background:linear-gradient(135deg,var(--glow),var(--copper-3) 45%,var(--copper) 100%);color:#1a1206;transform:translateY(-2px)}.btn-lg{font-size:.82rem;letter-spacing:.16em;padding:1.15rem 2.3rem}.btn-block{display:flex;width:100%}.capture{display:flex;gap:.7rem;margin-top:1.6rem;max-width:26rem}.capture input{flex:1;min-width:0;background:#0b0b0b99;border:1px solid rgba(192,133,82,.25);color:var(--ivory);font-family:var(--sans);font-weight:300;font-size:.9rem;padding:.85rem 1rem;outline:none;transition:border-color .3s ease}.capture input::placeholder{color:#9a948c80}.capture input:focus{border-color:var(--copper)}.form-done{margin-top:1.6rem;color:var(--copper-3);font-style:italic;font-family:var(--serif);font-size:1.2rem}.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:1.1rem 2rem;transition:background .4s ease,backdrop-filter .4s ease,border-color .4s ease,padding .4s ease;border-bottom:1px solid transparent}.nav.scrolled{background:var(--nav-bg);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);border-bottom-color:var(--nav-line);padding:.8rem 2rem}.nav-logo{font-family:var(--serif);font-size:1.5rem;font-weight:600;letter-spacing:.28em;color:var(--ivory)}.nav-links{display:flex;gap:2.2rem}.nav-links a{font-size:.74rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--taupe);transition:color .3s ease}.nav-links a:hover{color:var(--copper-3)}.nav-cta{white-space:nowrap}.hero-track{position:relative;height:800vh}.hero-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--bg)}.hero-canvas{position:absolute;inset:0;pointer-events:none}.hero-canvas canvas{display:block}.hero-backdrop{position:absolute;inset:-4%;background-size:cover;background-position:center 30%;filter:blur(26px) brightness(.55);transform:scale(1.08);transition:opacity .9s ease;opacity:1}.hero-backdrop.is-hidden{opacity:0}.hero-backdrop.is-fallback{filter:brightness(.75);inset:0}.hero-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 92% 74% at 50% 44%,transparent 56%,var(--vignette) 100%),linear-gradient(180deg,var(--vignette),transparent 24%,transparent 84%,var(--vignette));opacity:.9}.hero-source-toggle{position:absolute;top:5.4rem;left:50%;transform:translate(-50%);z-index:6;display:inline-flex;align-items:center;gap:.1rem;padding:.26rem;border-radius:999px;background:var(--nav-bg);border:1px solid var(--nav-line);-webkit-backdrop-filter:blur(12px) saturate(1.1);backdrop-filter:blur(12px) saturate(1.1);box-shadow:0 10px 30px #00000057,inset 0 1px #ffffff0f}.hst-label{font-family:var(--sans);font-size:.54rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--copper-3);opacity:.75;padding:0 .55rem 0 .65rem}.hero-source-toggle button{font-family:var(--sans);font-size:.66rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--fg);opacity:.62;background:transparent;border:none;padding:.42rem .95rem;border-radius:999px;cursor:pointer;transition:color .3s ease,background .3s ease,opacity .3s ease,box-shadow .3s ease}.hero-source-toggle button:hover{opacity:1}.hero-source-toggle button.active{opacity:1;color:var(--cta-fg);background:linear-gradient(180deg,var(--glow),var(--copper-3));box-shadow:0 3px 12px #00000047}@media (max-width: 640px){.hero-source-toggle{top:4.4rem}.hero-source-toggle button{padding:.38rem .7rem;font-size:.6rem}}.hero-panel{position:absolute;z-index:5;pointer-events:none;will-change:opacity,transform;transition:opacity .55s ease,transform .55s ease}.hero-panel-a{top:50%}.hero-panel-left{left:max(6vw,calc((100vw - 1200px)/2 + 1rem));margin-top:-4.4rem;text-align:left;width:min(40vw,27rem)}.hero-panel-right{right:max(6vw,calc((100vw - 1200px)/2 + 1rem));margin-top:-1.5rem;text-align:right;width:min(26vw,18rem)}.hero-panel-a h1{font-size:clamp(2.7rem,5.4vw,4.8rem);line-height:.98}.hero-side-label{margin-top:1.3rem;font-size:.66rem;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--copper)}.hero-warp-def{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.hero-h1-warp{filter:none;will-change:filter}@media (prefers-reduced-motion: reduce){.hero-h1-warp{filter:none}}.hero-panel-a .kicker{margin-bottom:.8rem}.hero-panel-a .sub{margin-top:.7rem;font-size:clamp(.95rem,1.6vw,1.12rem);color:var(--taupe);letter-spacing:.02em}.hero-cue{position:absolute;z-index:5;left:50%;bottom:4.5vh;transform:translate(-50%);pointer-events:none}.hero-panel-side{width:min(84vw,22rem);top:50%;margin-top:-7rem}.hero-panel-side h3{font-size:clamp(1.5rem,2.6vw,2.1rem);margin:.6rem 0 .8rem}.hero-panel-side p{font-size:.95rem}.hero-panel-b{right:7vw}.hero-panel-c{left:7vw}.hero-panel-d{left:7vw;top:auto;margin-top:0;bottom:14vh}.hero-panel-d .btn{margin-top:1.4rem}.panel-num{font-family:var(--serif);font-style:italic;font-size:1.1rem;color:var(--copper);letter-spacing:.1em;border-bottom:1px solid var(--hairline);padding-bottom:.35rem}.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:.7rem;color:var(--copper);font-size:.66rem;letter-spacing:.4em;text-transform:uppercase}.scroll-cue i{width:1px;height:44px;background:linear-gradient(180deg,var(--copper),transparent);animation:cue 2.2s ease-in-out infinite}@keyframes cue{0%,to{transform:scaleY(.35);transform-origin:top;opacity:.4}50%{transform:scaleY(1);opacity:1}}.hero-static{position:relative;min-height:100vh;display:grid;align-items:end}.hero-static img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.85)}.hero-static-copy{position:relative;z-index:2;padding:4rem 2rem 6rem;text-align:center;background:linear-gradient(180deg,transparent,rgba(11,11,11,.85) 55%)}.hero-static-copy .sub{margin-top:.8rem}.marquee{overflow:hidden;border-top:1px solid rgba(198,151,107,.14);border-bottom:1px solid rgba(198,151,107,.14);padding:1.15rem 0;background:linear-gradient(180deg,#0000001f,#0000000a);backdrop-filter:blur(2px)}.marquee-inner{display:flex;width:max-content;animation:marquee 30s linear infinite}.marquee-row{display:flex;flex-shrink:0}.marquee-row span{display:flex;align-items:center;font-family:var(--serif);font-size:1.15rem;font-style:italic;letter-spacing:.14em;text-transform:uppercase;color:var(--copper-2);white-space:nowrap}.marquee-row i{font-style:normal;font-size:.6rem;color:#c085528c;margin:0 2.2rem}@keyframes marquee{to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.marquee-inner{animation:none}}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:1rem}.drink-truths{margin-top:6.5rem;scroll-margin-top:84px}.drink-truths-lead{margin-bottom:2.6rem}.step{border-top:1px solid var(--hairline);padding-top:1.6rem}.step-num{font-family:var(--serif);font-style:italic;font-size:2.2rem;color:var(--copper);line-height:1}.step h3{font-size:1.45rem;margin:1rem 0 .7rem}.step p{font-size:.94rem}.tcards{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}.tcard{appearance:none;border:none;background:transparent;padding:0;perspective:1200px;height:250px;cursor:pointer;text-align:left;font-family:var(--sans)}.tcard-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.35,.1,.2,1)}.tcard.flipped .tcard-inner{transform:rotateY(180deg)}@media (hover: hover){.tcard:hover .tcard-inner{transform:rotateY(180deg)}}.tcard-face{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:.7rem;padding:1.7rem;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid var(--hairline);background:linear-gradient(165deg,#161312,#100e0d)}.tcard-front strong{color:var(--taupe);font-weight:400;font-size:1.05rem;text-decoration:line-through;text-decoration-color:#c08552b3;text-decoration-thickness:1px}.tcard-back{transform:rotateY(180deg);border-color:#c0855280;background:linear-gradient(165deg,#1c1713,#131009)}.tcard-back strong{color:var(--ivory);font-family:var(--serif);font-weight:600;font-size:1.35rem;line-height:1.2}.tcard-face small{font-size:.8rem;color:var(--taupe);line-height:1.5}.mark{font-style:normal;font-size:.95rem;width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;border:1px solid var(--hairline)}.mark-x{color:#9a948ccc}.mark-check{color:var(--copper-3);border-color:#c0855299}.canstory{display:grid;grid-template-columns:1fr 1.05fr;gap:4.5rem;align-items:center}.canstory-copy p{margin-bottom:1.2rem;max-width:30rem}.spec-chips{list-style:none;display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.8rem}.spec-chips li{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--copper-3);border:1px solid var(--hairline);padding:.5rem 1rem}.canstory-imgs{display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:1rem;height:min(72vh,620px)}.ci{overflow:hidden;border:1px solid rgba(192,133,82,.18)}.ci img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease}.ci-main{grid-row:span 2}.ci:hover img{transform:scale(1.05)}.ci-crop:hover img{filter:brightness(1.1)}.nutrition{display:flex;flex-wrap:wrap;border-top:1px solid rgba(198,151,107,.14);border-bottom:1px solid rgba(198,151,107,.14)}.stat{flex:1 1 140px;padding:2.2rem 1rem;text-align:center;border-right:1px solid rgba(192,133,82,.12)}.stat:last-child{border-right:none}.stat b{display:block;font-family:var(--serif);font-weight:600;font-size:clamp(1.7rem,3vw,2.5rem);color:var(--ivory);line-height:1.1}.stat span{font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--copper)}.quotes{display:flex;gap:1.2rem;overflow-x:auto;padding:.5rem max(1.5rem,calc((100vw - 1120px)/2)) 1.5rem;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#2a241f transparent;mask-image:linear-gradient(90deg,transparent,black 4%,black 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 4%,black 96%,transparent)}.quote{flex:0 0 min(78vw,24rem);scroll-snap-align:start;border:1px solid var(--hairline);background:linear-gradient(165deg,#141211,#0f0d0c);padding:2.2rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.6rem}.quote p{font-family:var(--serif);font-style:italic;font-size:1.3rem;color:var(--ivory);line-height:1.4}.quote cite{font-style:normal;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--copper)}.ritual{display:grid;grid-template-columns:.9fr 1.1fr;gap:4.5rem;align-items:center}.ritual-img{overflow:hidden;border:1px solid rgba(192,133,82,.25);max-height:680px}.ritual-img img{width:100%;height:100%;object-fit:cover}.ritual-copy>p{max-width:28rem}.recipe{margin-top:2.4rem;border:1px solid var(--hairline);background:#0b0b0b73;padding:2rem 2.2rem}.recipe h3{font-size:1.7rem;margin-bottom:1.4rem}.recipe ol{list-style:none;display:flex;flex-direction:column;gap:1.1rem}.recipe li{display:flex;gap:1.2rem;align-items:baseline;border-top:1px solid rgba(192,133,82,.12);padding-top:1.1rem}.recipe li .step-num{font-size:1.2rem;flex-shrink:0}.recipe li p{font-size:.92rem}.faq{margin-top:2.5rem;border-top:1px solid var(--hairline)}.faq-item{border-bottom:1px solid var(--hairline)}.faq-q{appearance:none;width:100%;background:none;border:none;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.5rem .2rem;cursor:pointer;text-align:left}.faq-q span{font-family:var(--serif);font-size:1.35rem;font-weight:600;color:var(--ivory);transition:color .3s ease}.faq-item.open .faq-q span,.faq-q:hover span{color:var(--copper-3)}.faq-q i{font-style:normal;font-size:1.3rem;color:var(--copper);flex-shrink:0;line-height:1}.faq-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.22,.61,.36,1)}.faq-item.open .faq-body{grid-template-rows:1fr}.faq-body-inner{overflow:hidden}.faq-body-inner p{padding:0 .2rem 1.6rem;max-width:40rem;font-size:.95rem}.locator-wrap{text-align:center}.locator-wrap .section-intro{margin-left:auto;margin-right:auto}.locator{position:relative;max-width:34rem;margin:2.6rem auto 0;text-align:left}.locator-bar{position:relative;z-index:5;display:flex;align-items:center;gap:.8rem;padding:1rem 1.2rem;border:1px solid rgba(198,151,107,.32);border-radius:14px;background:linear-gradient(180deg,#1e191399,#0e0b0999);box-shadow:inset 0 2px 8px #0006,inset 0 1px #ffecc814;transition:border-color .3s ease,box-shadow .3s ease}.locator.open .locator-bar,.locator-bar:focus-within{border-color:#c6976b8c;box-shadow:0 0 0 1px #c6976b40,0 10px 30px var(--glow-soft),inset 0 2px 8px #0006}.locator-icon{flex:0 0 auto;width:20px;height:20px;color:var(--copper-3)}.locator-bar input{flex:1;min-width:0;background:transparent;border:none;outline:none;color:var(--ivory);font-family:var(--sans);font-size:1rem;letter-spacing:.01em}.locator-bar input::placeholder{color:var(--taupe);opacity:.7}.locator-toggle{flex:0 0 auto;display:flex;align-items:center;gap:.5rem;background:none;border:none;padding:.3rem .1rem .3rem .4rem;cursor:pointer}.locator-count{font-family:var(--sans);font-size:.66rem;letter-spacing:.12em;color:var(--copper);opacity:.85}.locator-caret{width:15px;height:15px;color:var(--copper-3);transition:transform .4s cubic-bezier(.16,1,.3,1)}.locator-caret.up{transform:rotate(180deg)}.locator-filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:12px}.locator-chip{font-family:var(--sans);font-size:.64rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--taupe);background:#fff0d608;border:1px solid var(--hairline);border-radius:999px;padding:.42rem .95rem;cursor:pointer;transition:color .3s ease,border-color .3s ease,background .3s ease,transform .3s ease}.locator-chip:hover{color:var(--copper-3);border-color:#c6976b80;transform:translateY(-1px)}.locator-chip.active{color:#1a1206;border-color:transparent;background:linear-gradient(135deg,var(--glow),var(--copper-3))}.locator-stack{position:relative;margin-top:12px;min-height:108px;transition:min-height .45s cubic-bezier(.16,1,.3,1)}.locator-card{position:absolute;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 1.2rem;border:1px solid var(--hairline);border-radius:12px;background:linear-gradient(160deg,#fff0d60f,#0000003d);box-shadow:inset 0 1px #ffecc814,0 14px 28px #00000073;opacity:0;transform-origin:top center;z-index:calc(50 - var(--i));pointer-events:none;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .4s ease,box-shadow .4s ease}.locator:not(.open) .locator-card:first-child{opacity:1;box-shadow:inset 0 1px #ffecc814,0 9px 0 -1px var(--marble),0 10px 2px -1px #00000080,0 19px 0 -3px var(--bg-2),0 20px 3px -2px #00000080,0 30px 34px #0006}.locator.open .locator-stack{min-height:0;max-height:360px;overflow-y:auto;padding-right:4px}.locator.open .locator-card{position:relative;transform:none;opacity:1;pointer-events:auto;margin-bottom:8px;z-index:1;animation:cardIn .5s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i) * 32ms)}.locator.open .locator-card:hover{border-color:#c6976b8c;transform:translate(4px)}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.locator-card-main b{display:block;font-family:var(--serif);font-weight:600;font-size:1.3rem;line-height:1.1;color:var(--ivory)}.locator-card-main span{display:block;margin-top:1px;font-family:var(--sans);font-size:.76rem;letter-spacing:.02em;color:var(--taupe)}.locator-status{flex:0 0 auto;font-family:var(--sans);font-size:.6rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:.34rem .7rem;border-radius:999px;border:1px solid var(--hairline);color:var(--taupe)}.locator-status.s-stocked{color:#1a1206;background:linear-gradient(135deg,var(--glow),var(--copper-3));border-color:transparent}.locator-status.s-arriving{color:var(--copper-3);border-color:#c6976b80}.locator-empty{padding:1rem 1.2rem;font-family:var(--sans);font-size:.9rem;color:var(--taupe)}.locator-notify{max-width:34rem;margin:2rem auto 0}.locator-notify .capture{margin-left:auto;margin-right:auto}@media (prefers-reduced-motion: reduce){.locator-card{animation:none}}.footer{position:relative;overflow:hidden;border-top:1px solid rgba(198,151,107,.14);padding:5rem 1.5rem 2.5rem;background:linear-gradient(180deg,transparent,rgba(0,0,0,.18))}.footer-mark{position:absolute;left:50%;bottom:-.28em;transform:translate(-50%);font-family:var(--serif);font-weight:700;font-size:clamp(7rem,21vw,19rem);letter-spacing:.12em;color:#c085520f;pointer-events:none;user-select:none;line-height:1;white-space:nowrap}.footer-inner{position:relative;display:flex;justify-content:space-between;gap:3rem;flex-wrap:wrap;padding-bottom:3.5rem;border-bottom:1px solid rgba(192,133,82,.12)}.footer-brand p{margin-top:.5rem;font-family:var(--serif);font-style:italic;color:var(--copper-2)}.footer-links{display:flex;flex-direction:column;gap:.8rem}.footer-links a{font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:var(--taupe);transition:color .3s ease}.footer-links a:hover{color:var(--copper-3)}.footer-legal{position:relative;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:1.8rem;font-size:.72rem;letter-spacing:.06em;color:#9a948c8c}.botanicals{position:absolute;inset:0;pointer-events:none;overflow:hidden}.bt{position:absolute;will-change:transform}.bt-float{display:block;animation:bt-float 9s ease-in-out infinite}@keyframes bt-float{0%,to{transform:translateY(-9px) rotate(-2deg)}50%{transform:translateY(9px) rotate(2.5deg)}}.bt-1{top:10%;right:6%}.bt-2{top:44%;left:3.5%}.bt-3{bottom:12%;right:11%}.bt-4{top:6%;left:12%}.bt-5{bottom:26%;left:40%}.wavediv{position:relative;height:110px;overflow:hidden;pointer-events:none}.wd-wave{position:absolute;left:0;bottom:0;width:200%;height:100%;animation:wd-drift linear infinite}.wd-wave svg{display:block;width:100%;height:100%}.wd-1{animation-duration:26s;bottom:14px}.wd-2{animation-duration:17s;animation-direction:reverse;bottom:7px}.wd-3{animation-duration:11s}@keyframes wd-drift{0%{transform:translate(0)}to{transform:translate(-50%)}}.wd-bubbles{position:absolute;inset:0}.wd-bubbles span{position:absolute;bottom:-12px;border:1px solid rgba(212,163,115,.55);border-radius:50%;animation:wd-rise linear infinite;opacity:0}@keyframes wd-rise{0%{transform:translateY(0);opacity:0}18%{opacity:.75}to{transform:translateY(-120px);opacity:0}}.canfloat-section{overflow:hidden;padding-bottom:10rem;background:radial-gradient(900px 480px at 30% 45%,var(--glow-soft),transparent 65%),linear-gradient(180deg,transparent,rgba(0,0,0,.06) 55%,transparent);border-top:1px solid transparent}.canfloat{display:grid;grid-template-columns:1.05fr 1fr;gap:4rem;align-items:center}.canfloat-stage{position:relative;height:min(72vh,560px);display:grid;place-items:center}.cf-ring{position:absolute;width:min(66vw,470px);height:min(66vw,470px);animation:cf-spin 28s linear infinite}.cf-ring text{font-family:var(--sans);font-size:17.5px;letter-spacing:.42em;fill:#c085528c}@keyframes cf-spin{to{transform:rotate(1turn)}}.cf-tilt{display:block;will-change:transform}.cf-bob{display:block;animation:cf-bob 6.5s ease-in-out infinite;filter:drop-shadow(0 24px 32px rgba(0,0,0,.55))}.cf-can{width:min(38vw,200px);height:auto}@keyframes cf-bob{0%,to{transform:translateY(-13px) rotate(-2.4deg)}50%{transform:translateY(13px) rotate(2deg)}}.cf-shadow{position:absolute;bottom:6%;width:190px;height:30px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.65),transparent 68%);animation:cf-shadow 6.5s ease-in-out infinite}@keyframes cf-shadow{0%,to{transform:scaleX(.82);opacity:.9}50%{transform:scaleX(1.08);opacity:.55}}.cf-fizz{position:absolute;inset:0;overflow:hidden}.cf-fizz span{position:absolute;bottom:-14px;border:1px solid rgba(212,163,115,.5);border-radius:50%;animation:cf-fizz linear infinite;opacity:0}@keyframes cf-fizz{0%{transform:translate(0);opacity:0}12%{opacity:.65}to{transform:translate(var(--drift, 0px),-540px);opacity:0}}.canfloat-copy h2{margin-bottom:1.1rem}.canfloat-copy p{max-width:27rem;margin-bottom:1.6rem}.canfloat-wave{position:absolute;left:0;right:0;bottom:-1px}@media (max-width: 960px){.canfloat{grid-template-columns:1fr;gap:2rem}.canfloat-stage{height:min(60vh,460px)}.botanicals{display:none}}@media (prefers-reduced-motion: reduce){.bt-float,.wd-wave,.wd-bubbles span,.cf-ring,.cf-bob,.cf-shadow,.cf-fizz span{animation:none}}.rollcans{position:relative;overflow:hidden;min-height:clamp(600px,100vh,940px);display:flex;align-items:center;padding:6rem 0;background:radial-gradient(920px 520px at 78% 22%,var(--glow-soft),transparent 60%),linear-gradient(180deg,rgba(0,0,0,.06),transparent 50%,rgba(0,0,0,.06));border-top:1px solid transparent;border-bottom:1px solid transparent}.rollcans-slogan{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:center;padding-left:6vw;pointer-events:none;will-change:transform}.rollcans-slogan span{font-family:var(--serif);font-weight:600;font-size:clamp(3.4rem,15vw,13rem);line-height:.82;letter-spacing:-.02em;color:var(--ivory);opacity:.12}.rollcans-river{position:absolute;left:-16%;right:-16%;top:50%;z-index:2;transform-origin:center;transform:rotate(-13deg);pointer-events:none}.rollcans-row{display:flex;align-items:center;gap:clamp(1.4rem,3vw,3rem);width:max-content;margin-top:-120px;will-change:transform}.rollcans-can{flex:0 0 auto;filter:drop-shadow(0 24px 30px rgba(0,0,0,.62))}.rollcans-can:nth-child(2n){transform:translateY(-16px)}.rc-can{display:block;width:clamp(78px,9vw,128px);height:auto}.rollcans-caption{position:absolute;z-index:3;left:6vw;bottom:8%;max-width:22rem}@media (max-width: 640px){.rollcans{min-height:78vh}.rollcans-slogan span{opacity:.16}}@media (prefers-reduced-motion: reduce){.rollcans-row{transform:none!important}}.grain{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)' opacity='0.7'/%3E%3C/svg%3E")}.btn{box-shadow:inset 0 1px #ffecc81a}.btn:hover{box-shadow:inset 0 1px #ffecc824,0 8px 26px #f2b14d29}.btn-solid{box-shadow:inset 0 1px #fff6e066,0 6px 20px #f2b14d1f}.btn-solid:hover{box-shadow:inset 0 1px #fff6e08c,0 10px 30px #f2b14d38}.tcard-face{box-shadow:inset 0 1px #ffecc80f}.tcard-back{box-shadow:inset 0 1px #ffecc81f,0 0 34px #c0855212}.quote,.recipe{box-shadow:inset 0 1px #ffecc80f}.stat{box-shadow:inset 0 1px #ffecc80a}.section-marble{box-shadow:inset 0 1px #ffecc80d}.spec-chips li{box-shadow:inset 0 1px #ffecc812;transition:box-shadow .35s ease,border-color .35s ease,color .35s ease}.spec-chips li:hover{border-color:#c085528c;box-shadow:inset 0 1px #ffecc81f,0 4px 18px #f2b14d1f}.capture input:focus{box-shadow:0 0 0 1px #f2b14d59,0 0 22px #f2b14d1a}body.theme-light .section-marble{background:radial-gradient(1200px 540px at 80% 0%,rgba(200,160,90,.12),transparent 62%),linear-gradient(180deg,rgba(255,255,255,.22),transparent 42%,rgba(120,96,56,.06))}body.theme-light .canfloat-section{background:radial-gradient(900px 480px at 30% 45%,rgba(200,160,90,.14),transparent 65%),linear-gradient(180deg,transparent,rgba(255,255,255,.2) 55%,transparent)}body.theme-light .recipe{background:#ffffff80}body.theme-light .quote{background:linear-gradient(165deg,#ffffff9e,#ffffff57)}body.theme-light .capture input{background:#ffffff8c}body.theme-light .locator-bar{background:linear-gradient(180deg,#fff9,#fff6)}body.theme-light .locator-card{background:linear-gradient(160deg,#ffffff9e,#ffffff4d)}.stat{transition:transform .4s cubic-bezier(.22,1,.36,1),background .4s ease}.stat:hover{transform:translateY(-6px)}.stat:hover b{color:var(--copper-3)}.quote{transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .4s ease}.quote:hover{transform:translateY(-5px);border-color:#c6976b80}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-4px;height:1px;background:var(--copper-3);transition:right .35s cubic-bezier(.22,1,.36,1)}.nav-links a:hover:after{right:0}@media (max-width: 960px){.steps{grid-template-columns:1fr;gap:2.2rem}.tcards{grid-template-columns:1fr 1fr}.canstory,.ritual,.stockists{grid-template-columns:1fr;gap:3rem}.canstory-imgs{height:60vh}.nav-links{display:none}}@media (max-width: 640px){.hero-track{height:620vh}.section{padding:5.5rem 1.25rem}.tcards{grid-template-columns:1fr}.tcard{height:210px}.hero-panel-side{top:auto;margin-top:0;bottom:10vh;left:7vw;right:auto;width:86vw;text-align:left}.hero-panel-left{left:6vw;right:6vw;top:calc(66px + 2vh);margin-top:0;width:auto;text-align:center}.hero-panel-right{display:none}.capture{flex-direction:column}.hero-panel-a .kicker{font-size:.62rem;letter-spacing:.28em}.footer-inner{flex-direction:column;gap:2.2rem}}body{cursor:none}.show-cursor,.show-cursor *{cursor:auto!important}#custom-cursor-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999}.ingredient-pad{position:fixed;left:0;top:50%;z-index:100;display:flex;align-items:stretch;transform:translate(calc(-100% + 44px),-50%);transition:transform .62s cubic-bezier(.16,1,.3,1);filter:var(--pad-shadow);--ivory: #2b2318;--taupe: #6d5c40;--copper: #9a7a45;--copper-3: #856738;--glow: rgba(154, 122, 69, .55);--hairline: rgba(120, 96, 56, .26);--pad-face: linear-gradient(115deg, rgba(255, 255, 255, .55), transparent 42%), linear-gradient(158deg, #fbf7ee 0%, #f2ebda 58%, #e8ddc8 100%);--pad-spine-bg: linear-gradient(90deg, #e4d8bf, #efe6d3 55%, #f6efe0);--pad-inset-hi: rgba(255, 255, 255, .85);--pad-inset-lo: rgba(120, 96, 56, .08);--pad-spine-border: rgba(120, 96, 56, .18);--pad-dash: rgba(120, 96, 56, .3);--pad-line: rgba(120, 96, 56, .18);--pad-line-strong: rgba(120, 96, 56, .3);--pad-emboss: rgba(255, 255, 255, .65);--pad-grain-op: .32;--pad-shadow: drop-shadow(6px 8px 16px rgba(90, 70, 45, .18)) drop-shadow(18px 26px 52px rgba(70, 52, 32, .3))}.ingredient-pad:hover,.ingredient-pad:focus-within{transform:translateY(-50%)}body.theme-dark .ingredient-pad{--ivory: #ece4d6;--taupe: #b6a684;--copper: #d4a373;--copper-3: #e3b789;--glow: rgba(212, 163, 115, .5);--hairline: rgba(212, 163, 115, .18);--pad-face: linear-gradient(115deg, rgba(255, 240, 220, .07), transparent 40%), linear-gradient(158deg, #211c17 0%, #16120e 58%, #0c0a08 100%);--pad-spine-bg: linear-gradient(90deg, #16110c, #221a13 55%, #2c2219);--pad-inset-hi: rgba(255, 236, 200, .1);--pad-inset-lo: rgba(0, 0, 0, .4);--pad-spine-border: rgba(212, 163, 115, .15);--pad-dash: rgba(212, 163, 115, .26);--pad-line: rgba(212, 163, 115, .16);--pad-line-strong: rgba(212, 163, 115, .26);--pad-emboss: rgba(0, 0, 0, .55);--pad-grain-op: .2;--pad-shadow: drop-shadow(8px 10px 20px rgba(0, 0, 0, .45)) drop-shadow(20px 28px 58px rgba(0, 0, 0, .6))}body.theme-burgundy .ingredient-pad{--ivory: #f1e3d9;--taupe: #cca88f;--copper: #e7b98f;--copper-3: #f0c79b;--glow: rgba(231, 185, 143, .5);--hairline: rgba(231, 185, 143, .2);--pad-face: linear-gradient(115deg, rgba(255, 220, 200, .09), transparent 42%), linear-gradient(158deg, #3a1620 0%, #2b0f18 58%, #1e0a11 100%);--pad-spine-bg: linear-gradient(90deg, #2a0e15, #3a141d 55%, #47181f);--pad-inset-hi: rgba(255, 210, 190, .12);--pad-inset-lo: rgba(0, 0, 0, .32);--pad-spine-border: rgba(231, 185, 143, .16);--pad-dash: rgba(231, 185, 143, .28);--pad-line: rgba(231, 185, 143, .16);--pad-line-strong: rgba(231, 185, 143, .28);--pad-emboss: rgba(40, 8, 14, .5);--pad-grain-op: .24;--pad-shadow: drop-shadow(8px 10px 20px rgba(26, 6, 12, .4)) drop-shadow(20px 28px 58px rgba(20, 4, 9, .55))}.pad-spine{flex:0 0 44px;order:2;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:16px 0;background:var(--pad-spine-bg);border:1px solid var(--hairline);border-left:none;border-radius:0 13px 13px 0;box-shadow:inset 0 1px 0 var(--pad-inset-hi),inset -1px 0 0 var(--pad-spine-border)}.pad-spine-label{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--sans);font-size:.64rem;font-weight:600;letter-spacing:.42em;text-transform:uppercase;color:var(--copper-3);text-shadow:0 1px 0 var(--pad-emboss)}.pad-spine .active-dot{width:6px;height:6px;border-radius:50%;background:var(--copper-3);box-shadow:0 0 8px var(--glow);animation:padDot 2.6s ease-in-out infinite}@keyframes padDot{0%,to{opacity:.35}50%{opacity:1}}.pad-body{order:1;position:relative;width:292px;padding:22px 24px 18px;background:var(--pad-face);border:1px solid var(--hairline);border-radius:13px 0 0 13px;box-shadow:inset 0 1px 0 var(--pad-inset-hi),inset 0 -30px 50px var(--pad-inset-lo)}.pad-body:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:var(--pad-grain-op);mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23p)' opacity='0.5'/%3E%3C/svg%3E")}.pad-body:after{content:"";position:absolute;inset:9px;border:1px dashed var(--pad-dash);border-radius:8px;pointer-events:none}.pad-head{position:relative;margin-bottom:6px;padding-bottom:12px;border-bottom:1px solid var(--hairline)}.pad-head b{display:block;font-family:var(--serif);font-weight:600;font-style:italic;font-size:1.5rem;color:var(--ivory);letter-spacing:.01em;text-shadow:0 1px 0 var(--pad-emboss)}.pad-head span{display:block;margin-top:2px;font-family:var(--sans);font-size:.58rem;letter-spacing:.32em;text-transform:uppercase;color:var(--copper)}.waterfall-list{position:relative;display:flex;flex-direction:column}.waterfall-item{display:grid;grid-template-rows:auto 0fr;border-bottom:1px solid var(--pad-line);transition:grid-template-rows .42s cubic-bezier(.16,1,.3,1)}.waterfall-item.active{background:linear-gradient(180deg,rgba(154,122,69,.06),transparent);border-radius:6px}.waterfall-item:last-child{border-bottom:none}.waterfall-item.active{grid-template-rows:auto 1fr}.item-trigger{grid-row:1;display:flex;align-items:baseline;gap:10px;padding:13px 2px;cursor:pointer;user-select:none}.item-index{font-family:var(--sans);font-size:.62rem;font-weight:600;letter-spacing:.1em;color:var(--copper)}.item-title{flex:1;font-family:var(--serif);font-size:1.02rem;font-weight:600;color:var(--ivory);letter-spacing:.01em}.item-toggle-icon{font-family:var(--sans);font-size:1rem;font-weight:400;color:var(--copper-3);line-height:1}.item-content{grid-row:2;overflow:hidden}.item-content>*{padding:0 2px 15px 24px}.spec-table{display:flex;flex-direction:column;gap:8px}.spec-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px dotted var(--pad-line-strong);padding-bottom:5px}.spec-row span:first-child{font-family:var(--serif);font-style:italic;font-size:.98rem;color:var(--taupe)}.spec-row span:last-child{font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.04em;color:var(--copper-3)}.tech-text{font-family:var(--sans);font-size:.76rem;font-weight:400;line-height:1.6;color:var(--taupe)}.barcode-container{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.barcode-lines{align-self:stretch;height:26px;opacity:.5;background:repeating-linear-gradient(90deg,var(--copper-3),var(--copper-3) 2px,transparent 2px,transparent 5px,var(--copper-3) 5px,var(--copper-3) 6px,transparent 6px,transparent 9px,var(--copper-3) 9px,var(--copper-3) 12px,transparent 12px,transparent 15px);-webkit-mask-image:linear-gradient(90deg,black,black 70%,transparent);mask-image:linear-gradient(90deg,black,black 70%,transparent)}.barcode-subtext{font-family:var(--sans);font-size:.6rem;letter-spacing:.14em;color:var(--copper);opacity:.8}.waterfall-footer{margin-top:12px;padding-top:10px;border-top:1px solid var(--hairline);display:flex;justify-content:space-between;font-family:var(--sans);font-size:.56rem;letter-spacing:.16em;text-transform:uppercase;color:var(--copper);opacity:.75}.floating-trigger-container{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:100;display:flex;align-items:center}.floating-logo-btn{position:relative;width:44px;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;color:var(--copper-3);background:linear-gradient(180deg,#261f18e6,#14100ce6);border:1px solid var(--hairline);border-right:none;border-radius:14px 0 0 14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px #ffecc824,-8px 0 24px #0006;transition:color .35s ease,transform .45s cubic-bezier(.16,1,.3,1),border-color .35s ease}.floating-logo-btn:hover{transform:translate(-3px);color:var(--glow);border-color:#c6976b8c}.floating-logo-btn .handle-label{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--sans);font-size:.6rem;font-weight:600;letter-spacing:.34em;text-transform:uppercase}.can-icon-svg{width:17px;height:17px}.pulse-ring{position:absolute;inset:6px;border:1px solid rgba(198,151,107,.4);border-radius:10px 0 0 10px;opacity:0;pointer-events:none;animation:handleBreath 3.4s ease-in-out infinite}@keyframes handleBreath{0%,to{opacity:0}50%{opacity:.5}}.right-menu-drawer{position:fixed;right:0;top:0;height:100vh;height:100svh;width:var(--drawer-width, 380px);z-index:200;display:flex;flex-direction:column;gap:26px;padding:40px 34px;color:var(--ivory);background:linear-gradient(140deg,rgba(255,240,214,.05),transparent 40%),linear-gradient(180deg,#181410db,#0e0b09eb);backdrop-filter:blur(22px) saturate(1.25);-webkit-backdrop-filter:blur(22px) saturate(1.25);border-left:1px solid var(--hairline);box-shadow:inset 1px 0 #ffecc81a,-18px 0 60px #00000080;transform:translate(100%);transition:transform .6s cubic-bezier(.16,1,.3,1)}body.theme-light .right-menu-drawer{background:linear-gradient(140deg,rgba(255,255,255,.4),transparent 40%),linear-gradient(180deg,#f6f0e7db,#e6ddceeb)}.right-menu-drawer.open{transform:translate(0)}.drawer-header{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:16px;border-bottom:1px solid var(--hairline)}.drawer-header h3{font-family:var(--serif);font-style:italic;font-weight:600;font-size:1.4rem;color:var(--ivory);letter-spacing:.01em}.close-icon{font-family:var(--sans);font-size:1.5rem;line-height:1;cursor:pointer;color:var(--copper-3);opacity:.7;transition:opacity .25s ease,transform .25s ease}.close-icon:hover{opacity:1;transform:rotate(90deg)}.variant-list{display:flex;flex-direction:column;gap:14px;flex:1}.variant-item{display:flex;align-items:center;gap:16px;padding:15px 16px;cursor:pointer;border:1px solid var(--hairline);border-radius:10px;background:linear-gradient(160deg,#fff0d608,#00000024);box-shadow:inset 0 1px #ffecc80f;transition:border-color .35s ease,background .35s ease,transform .35s ease}.variant-item:hover,.variant-item.active{border-color:#c6976b99;background:linear-gradient(160deg,#e9b8721f,#00000024);transform:translate(-3px)}.variant-preview-can{flex:0 0 auto;width:44px;height:74px;display:grid;place-items:center;border-radius:8px;background:radial-gradient(60% 60% at 50% 40%,rgba(233,184,114,.14),transparent 70%)}.can-mini{width:30px;height:60px;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 6px 8px rgba(0,0,0,.5))}.can-mini .can-metal-top,.can-mini .can-metal-bottom{width:100%;height:5px;background:linear-gradient(90deg,#6a4a28,#d9ab74 30%,#fff2dc,#b98a55 74%,#5a3c20);border-radius:50%/100%}.can-mini .can-cylinder{width:100%;flex:1;margin:-2px 0;border-radius:5%/2%;box-shadow:inset 3px 0 6px #ffffff1f,inset -3px 0 8px #0000008c}.can-mini.can-dark .can-cylinder{background:linear-gradient(90deg,#0a0908,#211d19,#060505)}.can-mini.can-light .can-cylinder{background:linear-gradient(90deg,#cfc7ba,#f6f0e6,#bcb2a2)}.can-mini.can-burgundy .can-cylinder{background:linear-gradient(90deg,#2a0810,#5c1526,#1c0509)}.variant-info h4{font-family:var(--serif);font-size:1.1rem;font-weight:600;color:var(--ivory);margin-bottom:1px}.variant-info p{font-family:var(--sans);font-size:.72rem;color:var(--taupe);letter-spacing:.02em}.drawer-cta{border-top:1px solid var(--hairline);padding-top:18px}.drawer-price{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;font-family:var(--sans);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--taupe)}.drawer-price b{font-family:var(--serif);font-style:italic;font-size:1.5rem;font-weight:600;color:var(--ivory);letter-spacing:0;text-transform:none}@media (max-width: 1024px){.ingredient-pad,.floating-trigger-container{display:none}}@media (prefers-reduced-motion: reduce){.pad-spine .active-dot,.pulse-ring{animation:none}.ingredient-pad,.right-menu-drawer,.variant-item,.floating-logo-btn{transition:none}}