.hero-scroll-story{height:480svh;position:relative;background:var(--red)}
.hero-scroll-story>.hero-sequence{position:sticky;top:0;height:100svh;min-height:0;max-height:none}
.hero-ribbon{width:500%}.hero-track{transition:none!important}
.scene-copy{padding-top:clamp(135px,18.7vh,200px)}
.scene-scroll-cue{position:absolute;right:var(--gutter);top:130px;display:flex;gap:30px;align-items:center;color:var(--cream);font-size:8px;letter-spacing:.14em;z-index:5}
.scene-scroll-cue>span:first-child{opacity:.65}.scene-scroll-cue b{display:inline-block;font-size:17px;margin-left:15px;font-weight:400}
.hero-sequence[data-scene="2"] .scene-scroll-cue{color:#fff7df}
.hero-chapter.active>i{background:var(--yellow);color:var(--yellow)}.hero-sequence[data-scene="2"] .hero-chapter.active>i{background:var(--yellow)}
.taste-manifesto{height:220svh;background:#eeeede;position:relative;color:var(--maroon)}
.manifesto-sticky{position:sticky;top:0;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:135px var(--gutter) 70px;overflow:hidden}
.manifesto-sticky>.eyebrow{font-size:9px;letter-spacing:.18em;margin-bottom:45px}
.manifesto-sticky h2{font:400 clamp(45px,5.6vw,95px)/1.13 var(--serif);letter-spacing:-.045em;max-width:1420px;position:relative;z-index:1}
.manifesto-word{opacity:.18;transition:opacity .18s linear}.manifesto-word.lit{opacity:1}.manifesto-word:nth-child(n+15){font-style:italic}
#manifesto-title .manifesto-word:nth-last-child(-n+2){color:#e31e26}
.manifesto-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:8px;letter-spacing:.15em;margin-top:65px}
.manifesto-bottom>svg{width:35px;height:35px;color:var(--red);transform:rotate(calc(var(--manifesto-progress,0)*180deg))}
.taste-gate{position:fixed;inset:0;margin:0;padding:0;width:100%;max-width:none;height:100svh;max-height:none;border:0;background:#49151c;color:var(--cream);overflow:hidden;isolation:isolate}
.taste-gate::backdrop{background:#49151c}
.gate-ambient{position:absolute;inset:-20%;z-index:-1;background:radial-gradient(ellipse at calc(25% + var(--gate-progress,0)*.45%) 55%,#d03b314a,transparent 40%),radial-gradient(ellipse at 80% 15%,#e1a25d20,transparent 30%),#49151c;transform:rotate(-8deg)}
.gate-top,.gate-bottom{position:absolute;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:8px;letter-spacing:.15em}
.gate-top{top:40px}.gate-top>img{width:155px}.gate-bottom{bottom:35px;opacity:.65}
.gate-center{min-height:100svh;padding:135px 25px 100px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.gate-spark{width:45px;height:45px;color:var(--yellow);margin-bottom:30px;transform:rotate(calc(var(--gate-progress,0)*1.8deg)) scale(calc(1 + var(--gate-progress,0)*.005));transition:transform .15s}
.gate-center>.eyebrow{font-size:8px;letter-spacing:.2em;opacity:.65;margin-bottom:20px}
.gate-center h2{font-size:clamp(46.4px,5.6vw,94.4px);line-height:1;letter-spacing:-.05em}.gate-center h2>em{color:#f4cd80}.gate-center p{font-size:13px;opacity:.7;margin:25px 0 30px}
.gate-slider-wrap{width:min(400px,75vw);position:relative;padding-bottom:27px}
#gate-pull{appearance:none;-webkit-appearance:none;width:100%;height:2px;display:block;cursor:ew-resize;outline:none;border-radius:3px;background:linear-gradient(90deg,#f6d187 calc(var(--gate-progress,0)*1%),#fff4 0);touch-action:pan-y}
#gate-pull::-webkit-slider-thumb{-webkit-appearance:none;width:25px;height:25px;border-radius:50%;background:#ffe4aa;border:6px solid #712e2f;box-shadow:0 0 0 1px #ffe4aaa0,0 0 30px #eab67d55;cursor:grab}
#gate-pull::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#ffe4aa;border:6px solid #712e2f;box-shadow:0 0 0 1px #ffe4aaa0;cursor:grab}
#gate-pull:focus-visible{outline:1px dashed #f4cd80;outline-offset:14px}
.gate-slider-label{display:flex;justify-content:space-between;margin-top:25px;font-size:8px;letter-spacing:.2em;opacity:.7;pointer-events:none}.gate-slider-label b{font-size:12px;font-weight:400}
.gate-skip{margin-top:25px;padding:12px 18px;font-size:10px;color:#f5d29c;border-bottom:1px solid #f5d29c55}.gate-skip span{margin-left:20px}
.taste-gate.gate-opening{animation:gate-open .65s cubic-bezier(.65,0,.2,1) both}
.menu-toggle{display:block;width:32px;flex:none}.header{gap:22px}.header .main-nav{gap:clamp(16px,2vw,30px)}
.experience-menu{inset:0;width:100%;max-width:none;height:100svh;max-height:none;padding:35px var(--gutter) 30px;margin:0;border:0;background:var(--cream);color:var(--maroon);overflow-y:auto}
.experience-menu::backdrop{background:#4a182388}.experience-menu[open]{animation:menu-open .5s cubic-bezier(.22,1,.36,1) both}
.experience-menu-top{display:flex;align-items:center;justify-content:space-between;gap:35px;border-bottom:1px solid var(--line);padding-bottom:28px}.experience-menu-top>img{width:165px}
#experience-menu-close{display:flex;align-items:center;gap:28px;font-size:9px;letter-spacing:.15em;padding:10px 0 10px 20px}#experience-menu-close>span{font:400 35px/1 var(--sans)}
.experience-menu-body{display:grid;grid-template-columns:58% 42%;gap:0;min-height:calc(100svh - 220px);align-items:center;padding:35px 0}
.experience-menu-body>nav{display:flex;flex-direction:column;align-items:flex-start}.experience-menu-body>nav>.eyebrow{margin-bottom:28px;font-size:8px}
.experience-menu-body>nav>a{font:400 clamp(35px,4.8vw,78px)/1.12 var(--serif);letter-spacing:-.04em;padding:8px 0;display:flex;align-items:baseline;gap:24px;transition:color .2s,transform .2s;width:100%}
.experience-menu-body>nav>a>small{font:400 9px/1 var(--sans);letter-spacing:0;width:20px;align-self:center;opacity:.5}
.experience-menu-body>nav>a>span{font:400 27px/1 var(--sans);margin-left:auto;padding-right:35px;opacity:0;transform:translateX(-12px);transition:opacity .2s,transform .3s}
.experience-menu-body>nav>a:hover,.experience-menu-body>nav>a:focus-visible{color:var(--red);transform:translateX(6px)}
.experience-menu-body>nav>a:hover>span,.experience-menu-body>nav>a:focus-visible>span{opacity:1;transform:translateX(0)}
.experience-menu-body>nav>.menu-contact-link{font:400 12px/1.5 var(--sans);letter-spacing:0;width:fit-content;margin:30px 0 0 44px;border-bottom:1px solid currentColor;padding:6px 0}
.menu-preview{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;margin:20px 0 20px 50px;min-width:0;background:#e7e7d4;border-radius:150px 150px 8px 8px;overflow:hidden;min-height:400px}
.menu-preview>img{width:130%;max-width:none;object-fit:contain;max-height:550px;transition:transform .5s}.menu-preview>figcaption{position:absolute;bottom:30px;left:30px;right:30px;font-size:10px;letter-spacing:.08em;text-align:center;color:var(--maroon)}.menu-preview>svg{position:absolute;right:25px;top:40px;width:35px;height:35px;color:var(--red)}
.experience-menu-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-top:22px;font-size:8px;letter-spacing:.15em;opacity:.65}
.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:0 0 25px;font-size:9px;letter-spacing:.1em}
.gallery-drag-hint{display:flex;gap:15px;align-items:center}.gallery-drag-hint>span{font-size:26px;font-weight:400;letter-spacing:0}.gallery-toolbar>div{display:flex;gap:8px;align-items:center}.gallery-toolbar #gallery-count{margin-right:20px;font-size:10px;letter-spacing:.1em}
.story-gallery{display:flex!important;gap:30px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;padding:0 0 30px;touch-action:pan-x pan-y;user-select:none;-webkit-user-select:none}
.story-gallery::-webkit-scrollbar{display:none}.story-gallery>.story-card{flex:0 0 39%;scroll-snap-align:start;display:block!important;cursor:grab}.story-gallery>.story-card-feature{flex-basis:47%}.story-gallery .story-photo{height:390px}.story-gallery .story-card-feature>.eyebrow{margin-top:24px}
.story-gallery.is-dragging{scroll-snap-type:none;cursor:grabbing}.story-gallery.is-dragging>.story-card{cursor:grabbing}.story-gallery>.story-card:focus-visible{outline-offset:-3px}
.heritage-visual>img{height:112%;inset:-6% 0;transform:translateY(var(--heritage-shift,0px));will-change:transform}.heritage-visual{overflow:hidden}
.experience-reveal{animation:experience-reveal .8s cubic-bezier(.22,1,.36,1) both}#restart-taste{font-size:inherit;padding:0;color:inherit}
@keyframes gate-open{0%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 100% 0)}}
@keyframes menu-open{from{opacity:.3;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0)}}
@keyframes experience-reveal{from{opacity:.3;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1150px){.header{gap:15px}.header .main-nav{gap:17px}.header .nav-shop{padding-left:15px}.story-gallery .story-photo{height:330px}.experience-menu-body>nav>a{font-size:50px}.menu-preview{margin-left:30px}}
@media(max-width:850px){.hero-scroll-story{height:450svh}.scene-copy{padding-top:140px}.scene-scroll-cue{top:112px;font-size:7px}.scene-scroll-cue>span:first-child{display:none}.taste-manifesto{height:190svh}.manifesto-sticky{padding-top:120px}.manifesto-sticky h2{font-size:clamp(40px,7vw,65px)}.manifesto-bottom{margin-top:45px}.header .main-nav{display:none}.experience-menu{padding-top:25px}.experience-menu-body{grid-template-columns:1fr}.experience-menu-body>nav>a{font-size:clamp(40px,6.7vw,60px)}.menu-preview{display:none}.experience-menu-body>nav>a>span{opacity:1;font-size:22px;padding-right:0}.story-gallery>.story-card,.story-gallery>.story-card-feature{flex-basis:65%}.story-gallery .story-photo{height:350px}.story-gallery .story-card-feature>h3{font-size:32px}.gate-top,.gate-bottom{font-size:7px}}
@media(max-width:560px){.hero-scroll-story{height:430svh}.hero-scroll-story>.hero-sequence{height:100svh;min-height:0;max-height:none}.scene-copy,.hero-slide-celebrate .scene-copy{padding-top:125px}.scene-scroll-cue{top:90px;font-size:6px;right:var(--gutter);gap:10px}.scene-scroll-cue b{font-size:13px;margin-left:8px}.scene-art{bottom:85px}.celebrate-art{bottom:115px}.taste-manifesto{height:200svh}.manifesto-sticky{padding:110px var(--gutter) 45px;min-height:100svh}.manifesto-sticky>.eyebrow{font-size:7px;margin-bottom:30px}.manifesto-sticky h2{font-size:clamp(35px,9.5vw,50px);line-height:1.16}.manifesto-bottom{font-size:6px;gap:15px;margin-top:35px}.manifesto-bottom>svg{width:26px;height:26px;flex:none}.gate-top{top:28px}.gate-top>img{width:130px}.gate-top>span{max-width:100px;text-align:right}.gate-center{padding:110px 25px 105px}.gate-center h2{font-size:clamp(45.6px,12.4vw,64px)}.gate-center>.eyebrow{font-size:7px}.gate-spark{width:35px;height:35px;margin-bottom:30px}.gate-center p{font-size:12px;margin:25px 0 35px}.gate-slider-wrap{width:78vw}.gate-skip{margin-top:20px;font-size:10px}.gate-bottom{bottom:27px;display:block;font-size:6px;line-height:2.3}.gate-bottom>span{display:block}.experience-menu{padding:24px var(--gutter)}.experience-menu-top{padding-bottom:23px}.experience-menu-top>img{width:130px}#experience-menu-close{font-size:8px;gap:15px}.experience-menu-body{min-height:calc(100svh - 200px);padding:40px 0}.experience-menu-body>nav>.eyebrow{font-size:7px;margin-bottom:23px}.experience-menu-body>nav>a{font-size:clamp(30px,8.6vw,45px);gap:14px;padding:13px 0}.experience-menu-body>nav>a>small{font-size:8px;width:17px}.experience-menu-body>nav>a>span{font-size:20px}.experience-menu-body>nav>.menu-contact-link{font-size:11px;margin-left:31px;margin-top:25px}.experience-menu-bottom{font-size:6px;line-height:1.5}.gallery-toolbar{font-size:7px;gap:15px}.gallery-drag-hint{max-width:175px;gap:10px}.gallery-drag-hint>span{font-size:22px}.gallery-toolbar #gallery-count{font-size:8px;margin-right:4px}.gallery-toolbar .circle-button{width:34px;height:34px}.story-gallery{gap:21px;margin-right:calc(var(--gutter)*-1);padding-right:var(--gutter)}.story-gallery>.story-card,.story-gallery>.story-card-feature{flex-basis:88%}.story-gallery .story-photo{height:340px}.story-gallery .story-card-feature>h3{font-size:32px}}
@media(max-height:730px){.scene-copy,.hero-slide-celebrate .scene-copy{padding-top:115px}.scene-word{font-size:clamp(60px,8.16vw,116px)}.hero-slide-celebrate .scene-word{font-size:clamp(52px,7.2vw,102.4px)}.scene-copy h3{font-size:31px;margin:17px 0 12px}.scene-copy p{font-size:12px;max-width:280px;margin-bottom:17px}.scene-art{left:39%;right:-8%;bottom:75px}.celebrate-art{left:48%;right:-8%;bottom:100px}.scene-scroll-cue{top:102px}.hero-sequence-controls{bottom:18px}.gate-spark{margin-bottom:18px;width:30px;height:30px}.gate-center h2{font-size:56px}.gate-center p{margin:20px 0 25px}.gate-center>.eyebrow{margin-bottom:15px}.gate-skip{margin-top:10px}}
@media(max-height:730px) and (max-width:560px){.scene-word{font-size:14.4vw}.hero-slide-celebrate .scene-word{font-size:11.2vw}.scene-copy,.hero-slide-celebrate .scene-copy{padding-top:115px}.scene-copy h3{font-size:27px}.scene-copy p{font-size:11px;max-width:265px}.scene-art{left:-5%;right:-23%;bottom:75px}.celebrate-art{left:25%;right:-7%;bottom:90px}.scene-scroll-cue{top:88px}.gate-center h2{font-size:46.4px}.gate-center{padding-top:110px;padding-bottom:85px}}
@media(prefers-reduced-motion:reduce){.hero-scroll-story{height:400svh}.taste-manifesto{height:auto}.manifesto-sticky{position:relative;min-height:auto;padding-top:80px;padding-bottom:80px}.manifesto-word{opacity:1!important}.manifesto-bottom>svg,.heritage-visual>img{transform:none!important}.taste-gate.gate-opening,.experience-menu[open],.experience-reveal{animation:none!important}.brand-art>img,.brand-art>img.poster-product,.brand-panel:hover .poster-product{transform:none!important}}
