:root{--ivory:#efe9d8;--muted:#b4b9a7;--gold:#c5a86a;--edge:clamp(24px,6vw,112px);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:#000b07;color:var(--ivory);font-family:var(--foli-font-body);font-synthesis:none;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:8px}img{display:block;max-width:100%}button{border:0}p,h1,h2,h3{margin:0}em{font-family:var(--foli-font-display);font-weight:400}h1,h2{font-weight:800;letter-spacing:-.065em;line-height:1.02}h1 em,h2 em{letter-spacing:-.055em;line-height:1.12}main,.site-footer{position:relative;z-index:1}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}.skip-link{position:fixed;z-index:100;left:24px;top:-100px;background:var(--ivory);color:#00190e;padding:12px}.skip-link:focus{top:15px}
.site-header{height:100px;position:absolute;left:0;right:0;top:0;display:flex;align-items:center;padding:0 var(--edge);z-index:10;gap:40px}.brand{display:block;width:92px}.brand img{width:100%;height:auto}.site-header nav{display:flex;gap:36px;margin:auto;font-size:12px;color:var(--muted)}.site-header a:hover{color:var(--ivory)}.header-cta{font-size:12px;font-weight:600;display:flex;gap:28px;align-items:center}.header-cta span{font-size:21px;color:var(--gold)}
.story{position:relative;height:1100svh;min-height:6000px}.stage{height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden;isolation:isolate}.chapter-anchor{position:absolute;width:1px;height:1px;pointer-events:none}.scene-panel{position:absolute;inset:0;z-index:3;opacity:0;pointer-events:none;visibility:hidden}.scene-panel.is-active{visibility:visible;pointer-events:auto}.intro{opacity:1;visibility:visible}.intro-wordmark{position:absolute;width:68vw;height:auto;left:16vw;top:36%;opacity:.9}.intro-promise{position:absolute;left:var(--edge);bottom:15%;font-weight:600;font-size:clamp(20px,2.1vw,34px);line-height:1.35;letter-spacing:-.035em}.intro-category{position:absolute;right:var(--edge);bottom:15%;text-align:right;font-size:12px;color:var(--muted);line-height:1.6}.scene-copy{position:absolute;left:var(--edge);top:50%;transform:translateY(-50%);width:68%;}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.2em;line-height:1.6;font-weight:500;color:var(--gold);margin-bottom:26px}h1{font-size:clamp(64px,7.2vw,150px)}.scene-copy h2{font-size:clamp(58px,7.1vw,136px)}.small-copy{font-size:clamp(13px,1.05vw,17px);color:var(--muted);line-height:1.85;letter-spacing:-.01em}.scene-copy .small-copy{margin-top:28px}.text-link{display:inline-flex;align-items:center;gap:22px;font-size:12px;letter-spacing:.02em;color:var(--ivory);background:none;padding:0;border-bottom:1px solid #9c8e655e;padding-bottom:8px}.text-link span{font-size:19px;color:var(--gold)}.scene-copy .text-link{margin-top:26px}.text-link:hover{color:var(--gold)}
.shared-bottle{position:absolute;top:0;left:0;width:500px;height:1000px;transform-origin:0 0;z-index:5;pointer-events:none;will-change:transform}.shared-bottle>img{width:500px;height:1000px;max-width:none}.bottle-signature{position:absolute;left:24%;top:30%;width:51%;height:auto;overflow:visible;filter:drop-shadow(0 0 2px #8e641a);opacity:0}.foliage{position:absolute;top:2%;left:34%;width:84%;height:100%;z-index:2;opacity:0;pointer-events:none}.leaves .scene-copy{width:55%;}.chef-portrait{position:absolute;right:1%;top:14%;width:58%;height:90%;opacity:0;z-index:1;overflow:hidden;will-change:transform;mask-image:radial-gradient(ellipse 65% 65% at 50% 56%,#000 30%,transparent 77%)}.chef-portrait img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.chef .scene-copy{width:52%}.chef-award{font-size:10px;line-height:1.8;letter-spacing:.03em;color:var(--muted);margin-top:32px}.chef-award span{display:block;font:600 20px/1.7 var(--foli-font-body);letter-spacing:.09em;color:var(--ivory)}
.flavors{z-index:4}.flavors-heading{text-align:center;position:absolute;left:0;right:0;top:8%}.flavors-heading .eyebrow{margin-bottom:12px}.flavors-heading h2{font-size:clamp(40px,4.6vw,88px);letter-spacing:-.055em}.flavor-visuals{position:absolute;inset:0 6%}.flavor-slot{position:absolute;top:0;width:25%;height:100%;}.flavor-slot[data-flavor="0"]{left:0}.flavor-slot[data-flavor="1"]{left:25%}.flavor-slot[data-flavor="2"]{left:50%}.flavor-slot[data-flavor="3"]{left:75%}.extra-bottle{position:absolute;width:500px;height:1000px;left:50%;top:0;transform-origin:0 0;will-change:transform;z-index:2}.bottle-base{width:500px;height:1000px;max-width:none}.bottle-logo{position:absolute;max-width:none}.botanical{position:absolute;left:-18%;top:31%;width:136%;max-width:none;height:40%;object-fit:contain;z-index:0;opacity:0;transform-origin:50% 85%}.flavor-labels{position:absolute;top:72%;left:6%;right:6%;display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.flavor-labels article{padding:0 8px}.flavor-number{font-size:8px;letter-spacing:.14em;color:var(--gold);margin-bottom:10px}.flavor-labels h3{font-family:var(--foli-font-display);font-size:clamp(19px,1.8vw,34px);font-weight:400;line-height:1.15;letter-spacing:-.015em}.taste-note{font-size:11px;line-height:1.65;color:var(--muted);margin-top:11px}.price{font-size:17px;font-weight:600;letter-spacing:-.03em;margin:12px 0 8px}.flavor-labels .text-link{font-size:10px;padding-bottom:3px;gap:12px}.flavor-labels .text-link span{font-size:15px}.stage-footer{position:absolute;bottom:26px;left:var(--edge);right:var(--edge);display:flex;align-items:center;gap:24px;font-size:8px;text-transform:uppercase;letter-spacing:.2em;color:var(--muted);z-index:7;pointer-events:none}.stage-footer #chapter-caption{margin-left:auto}.scroll-line{height:1px;width:50px;background:var(--gold)}
.editorial-section{padding:120px var(--edge);position:relative}.editorial-heading{text-align:center}.editorial-section h2{font-size:clamp(60px,8vw,158px)}.editorial-heading .small-copy{margin-top:34px}.gift{padding-top:140px;padding-bottom:60px;min-height:100svh}.gift-image{width:min(1080px,90vw);margin:38px auto 0}.gift-caption{text-align:center;color:var(--gold);font-size:11px;letter-spacing:.12em;margin-top:12px}.fermentation{padding-top:180px;padding-bottom:100px}.fermentation-body{display:grid;grid-template-columns:1.15fr 1fr;gap:8vw;align-items:center;margin-top:90px}.fermentation-body>img{width:100%;border-radius:2px}.fermentation-copy .small-index{font-size:9px;letter-spacing:.12em;color:var(--gold)}.fermentation-copy h3{font-size:clamp(32px,3.8vw,64px);font-weight:600;letter-spacing:-.055em;line-height:1.1;margin:26px 0}.fermentation-copy .small-copy{max-width:390px}.craft{min-height:110svh;text-align:center;display:flex;flex-direction:column;justify-content:center;padding-top:120px;padding-bottom:120px}.craft .eyebrow{margin:0}.craft-number{font-size:clamp(200px,37vw,620px);font-weight:600;letter-spacing:-.095em;line-height:.98;margin-left:-.065em;background:linear-gradient(145deg,#eee4c4 15%,#be985a 55%,#3c4d29);background-clip:text;-webkit-background-clip:text;color:transparent}.craft h2{font-size:clamp(56px,7vw,132px);margin-top:-25px}.craft h2 br{display:none}.craft .small-copy{margin-top:35px}.craft-note{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-top:35px}.closing{min-height:95svh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.closing .small-copy{margin-top:30px}.pill-link{margin-top:34px;display:inline-flex;align-items:center;justify-content:center;gap:45px;border:1px solid #c5a86a88;background:transparent;color:var(--ivory);padding:17px 26px;border-radius:40px;font-size:12px}.pill-link:hover{background:var(--ivory);color:#003321}.pill-link span{font-size:20px}.site-footer{display:flex;align-items:center;gap:30px;margin:0 var(--edge);padding:35px 0 80px;border-top:1px solid #9dba9b26;font-size:10px;color:var(--muted)}.site-footer img{height:auto}.site-footer a{margin-left:auto}.motion-toggle{position:fixed;bottom:18px;right:20px;z-index:30;background:#00120acc;border:1px solid #a8b59440;border-radius:30px;padding:10px 13px;display:flex;gap:8px;align-items:center;font-size:10px;backdrop-filter:blur(12px)}.motion-toggle>span:first-child{font-size:12px}.motion-label{max-width:0;overflow:hidden;transition:max-width .2s}.motion-toggle:hover .motion-label,.motion-toggle:focus-visible .motion-label{max-width:80px}dialog{background:#06251b;color:var(--ivory);border:1px solid #b8a16d55;padding:65px;max-width:580px;width:calc(100% - 40px)}dialog::backdrop{background:#000b08c9;backdrop-filter:blur(12px)}dialog h2{font:400 48px/1.12 var(--foli-font-display);letter-spacing:-.035em}dialog #dialog-copy{margin-top:24px;font-size:14px;line-height:1.9;color:var(--muted)}.dialog-price{font-size:24px;margin-top:30px}.dialog-price span{font-size:11px;color:var(--muted)}.dialog-close{position:absolute;top:14px;right:20px;font-size:30px;background:none}.dialog-done{gap:0;font-size:11px}.noscript-intro{position:relative;z-index:2;padding:120px var(--edge)}
@media(min-width:1800px){.scene-copy{left:8vw}.flavor-labels{top:73%}}
@media(max-height:740px) and (min-width:901px){.stage{min-height:540px}.flavors-heading{top:6%}.flavors-heading h2{font-size:46px}.flavor-labels{top:70%}.taste-note{display:none}.flavor-labels h3{font-size:23px}.flavor-number{margin-bottom:6px}.price{margin:8px 0 3px}.scene-copy h2{font-size:75px}h1{font-size:80px}.scene-copy .small-copy{margin-top:18px}.chef-award{margin-top:18px}}
@media(max-width:900px){:root{--edge:24px}.site-header{height:78px;gap:18px}.brand{width:68px}.site-header nav{display:none}.header-cta{margin-left:auto;font-size:10px;gap:12px}.story{height:1150svh;min-height:6500px}.stage{min-height:0}.intro-wordmark{width:88%;left:6%;top:41%}.intro-promise{bottom:13%;font-size:21px}.intro-category{font-size:9px;bottom:14%;max-width:90px}.scene-copy{width:calc(100% - 48px)!important;top:10%;transform:none}.eyebrow{font-size:8px;letter-spacing:.17em;margin-bottom:15px}h1{font-size:clamp(44px,10.7vw,80px);line-height:1.02}.scene-copy h2{font-size:clamp(43px,11vw,80px)}.manifesto .scene-copy{top:9%}.manifesto h2 br:nth-of-type(2){display:none}.manifesto h2 em{display:inline-block}.scene-copy .small-copy{font-size:11px;line-height:1.7;margin-top:17px}.manifesto .scene-copy .text-link{position:absolute;top:76svh;left:0;font-size:10px;margin:0}.leaves .scene-copy{top:10%}.leaves .small-copy{max-width:290px}.foliage{width:140%;height:74%;left:-10%;top:28%}.chef .scene-copy{top:9%}.chef .small-copy{max-width:240px}.chef-award{font-size:8px;margin-top:22px}.chef-award span{font-size:16px}.chef-portrait{right:-20%;top:29%;width:115%;height:66%}.flavors-heading{top:7%;padding:0 15px}.flavors-heading .eyebrow{margin-bottom:12px}.flavors-heading h2{font-size:10.7vw;line-height:1.06}.flavors-heading h2 em{display:block}.flavor-visuals{inset:0 3%}.flavor-labels{left:6%;right:6%;top:56%;grid-template-columns:repeat(2,1fr);row-gap:24px}.flavor-labels article{padding:0 3px}.flavor-labels h3{font-size:20px;line-height:1.14}.flavor-number{font-size:7px;letter-spacing:.08em;margin-bottom:7px}.taste-note{display:none}.price{font-size:15px;margin:7px 0 5px}.flavor-labels .text-link{font-size:9px}.botanical{top:29%;height:25%;width:185%;left:-42.5%}.stage-footer{left:24px;right:24px;bottom:22px;font-size:7px;gap:10px}.scroll-line{width:24px}.stage-footer #chapter-caption{margin-right:30px;font-size:7px;letter-spacing:.1em}.editorial-section{padding:90px 24px}.editorial-section h2{font-size:13vw;letter-spacing:-.065em}.editorial-heading .small-copy{margin-top:24px;font-size:12px}.gift{min-height:0;padding:100px 16px 60px}.gift .editorial-heading{padding:0 8px}.gift-image{width:100%;margin:28px auto 0}.gift-caption{font-size:8px;margin-top:15px}.desktop-break{display:none}.fermentation{padding-top:100px}.fermentation-body{grid-template-columns:1fr;gap:35px;margin-top:45px}.fermentation-copy{padding:0 8px}.fermentation-copy h3{font-size:40px;margin:20px 0}.fermentation-copy .small-copy{font-size:13px}.craft{min-height:80svh;padding:70px 24px}.craft-number{font-size:58vw;margin-top:25px}.craft h2{font-size:12.5vw;margin-top:5px}.craft h2 br{display:block}.craft .small-copy{font-size:12px;max-width:310px;margin:25px auto 0}.craft-note{font-size:8px;line-height:1.8;margin-top:25px}.closing{min-height:85svh}.closing h2{font-size:14vw}.closing .small-copy{font-size:13px}.site-footer{gap:18px;flex-wrap:wrap;padding-bottom:80px}.site-footer img{width:60px}.site-footer p{font-size:8px}.site-footer a{font-size:9px}.motion-toggle{right:12px;bottom:12px;padding:9px 11px}dialog{padding:50px 27px 30px}dialog h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.story{height:auto!important;min-height:0}.stage{height:auto!important;min-height:0;position:relative;overflow:hidden}.scene-panel{position:relative!important;inset:auto!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;min-height:90svh}.intro{display:none}.scene-copy{position:relative!important;top:auto!important;left:auto!important;transform:none!important;padding:110px var(--edge) 50px;width:100%!important}.manifesto .scene-copy{padding-top:130px}.scene-copy h1,.scene-copy h2{font-size:clamp(44px,7.6vw,100px)}.scene-panel::after{content:'';display:block;position:relative;margin:0 auto;width:200px;height:400px;background:url('assets/bottle-front.png') center/contain no-repeat}.manifesto{min-height:100svh}.flavors::after{display:none}.manifesto .text-link{position:static!important;margin-top:20px!important}.shared-bottle,.foliage,.chef-portrait,.stage-footer{display:none!important}.flavors{height:900px}.flavors-heading{top:30px}.flavor-labels{top:59%}.extra-bottle{opacity:1!important}.flavor-visuals{top:0}.chapter-anchor{position:relative}.motion-toggle{display:none}}

#reduced-gaba{display:none;position:absolute;max-width:none;left:50%;z-index:2}
@media(max-width:900px) and (max-height:680px){.scene-copy h1,.scene-copy h2{font-size:clamp(38px,9.5vw,60px)}.scene-copy .small-copy{font-size:10px;margin-top:13px}.eyebrow{margin-bottom:11px}.chef-award{margin-top:15px}.flavor-labels{top:54%;row-gap:18px}.flavor-labels h3{font-size:17px}.flavor-labels .price{font-size:14px;margin:5px 0 3px}.flavor-number{margin-bottom:5px}.flavors-heading h2{font-size:9.5vw}.stage-footer{bottom:16px}.manifesto .scene-copy .text-link{top:77svh}.flavor-labels .text-link{font-size:8px}}
@media(prefers-reduced-motion:reduce){#reduced-gaba{display:block}.flavor-labels{top:72%}.flavors{height:900px}.scene-panel::after{margin-bottom:50px}.flavors::after{display:none}}
@media(prefers-reduced-motion:reduce) and (max-width:900px){.flavor-labels{top:56%}.flavors{height:900px}}

/* Keep the established scenes; this layer only joins their timelines. */
.story{height:1600svh}
.intro-wordmark,.intro-promise,.intro-category{display:none}
#product-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none}
.product-ready .shared-bottle>img{visibility:hidden}
.shared-bottle{z-index:6}
.chef-portrait{display:none}
.bottle-signature{left:-20%;top:26%;width:140%;transform:rotate(-12deg);transform-origin:center}
@media(min-width:901px){h1{font-size:clamp(80px,10.7vw,205px);line-height:.96}.manifesto .scene-copy{width:75%;left:5vw}.manifesto .eyebrow{margin-bottom:22px}.manifesto .small-copy{margin-top:24px}.leaves .scene-copy{width:75%;left:5vw}.leaves .scene-copy h2{font-size:clamp(76px,9.3vw,178px);line-height:1.03}.scene-copy .small-copy{font-size:clamp(14px,1.3vw,20px)}}
@media(max-width:900px){.story{height:1600svh}.manifesto .scene-copy h2{font-size:clamp(44px,12vw,88px)}.leaves .scene-copy h2{font-size:clamp(44px,12vw,88px)}}
@media(prefers-reduced-motion:reduce){#product-canvas{display:none}.product-ready .shared-bottle>img{visibility:visible}}

/* Keep the manifesto composition beside a full-height bottle in a narrow desktop panel. */
@media(min-width:701px) and (max-width:900px) and (prefers-reduced-motion:no-preference){
  .manifesto .scene-copy{left:4vw;top:50%;transform:translateY(-50%);width:70%!important}
  .manifesto .scene-copy h2{font-size:9.3vw;line-height:.96}
  .manifesto h2 br:nth-of-type(2){display:initial}
  .manifesto h2 em{display:inline}
  .manifesto .eyebrow{font-size:9px;margin-bottom:24px}
  .manifesto .scene-copy .small-copy{font-size:13px;line-height:1.75;margin-top:28px}
  .manifesto .scene-copy .text-link{position:static;margin-top:27px;font-size:11px}
}
@media(min-width:701px) and (max-width:900px){
  .flavors-heading{top:9%;padding:0 24px}
  .flavors-heading h2{font-size:5.4vw;line-height:1.1}
  .flavors-heading h2 em{display:inline}
  .flavors-heading .eyebrow{font-size:9px}
  .flavor-visuals{inset:0 6%}
  .botanical{top:31%;height:40%;width:136%;left:-18%}
  .flavor-labels{top:71%;left:6%;right:6%;grid-template-columns:repeat(4,1fr);row-gap:0}
  .flavor-labels article{padding:0 5px}
  .flavor-labels h3{font-size:clamp(16px,2.35vw,22px);line-height:1.15;min-height:2.3em}
  .flavor-number{font-size:7px;letter-spacing:.08em;margin-bottom:9px}
  .flavor-labels .price{font-size:16px;margin:12px 0 8px}
  .flavor-labels .text-link{font-size:10px}
}