:root{--ink:#243b2d;--cream:#f6f2e8;--green:#d2e4b4;--purple:#322038;--lilac:#d9c1e8;--line:#c9cfbc;--sans:'DM Sans',Arial,sans-serif;--display:'Fraunces',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--cream);font:16px/1.65 var(--sans);overflow-x:clip}button{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:5px}button:focus-visible,a:focus-visible,video:focus-visible{outline:3px solid #9456ab;outline-offset:5px}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.055em;line-height:1.04}h1 em,h2 em{font-weight:600}.skip{position:fixed;z-index:100;top:-100px;left:12px;padding:12px;background:var(--cream);color:var(--ink)}.skip:focus{top:12px}.eyebrow{font-size:12px;letter-spacing:.12em;line-height:1.5;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:54px;padding:15px 27px;border:1px solid transparent;border-radius:100px;background:var(--ink);color:var(--cream);text-decoration:none;font-size:14px;font-weight:600;cursor:pointer;transition:transform .3s,background .3s,box-shadow .3s}.button:hover{background:#3a573f;transform:translateY(-3px);box-shadow:0 8px 25px #2032201c}.button.cream{background:var(--cream);color:var(--ink)}.button.cream:hover{background:white}.button.small{min-height:46px;padding:11px 23px;background:var(--green);color:var(--ink)}.text-link{font-size:14px;font-weight:600}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:28px;margin-top:27px}.site-header{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 5%;color:var(--cream);transition:background .3s,padding .3s,color .3s}.site-header.scrolled{position:fixed;background:#f6f2e8f5;color:var(--ink);padding-top:17px;padding-bottom:17px;border-bottom:1px solid #243b2d19;backdrop-filter:blur(15px)}.brand{font:700 42px/.85 var(--display);letter-spacing:-.06em;text-decoration:none}.brand span{display:block;margin-top:8px;text-align:center;font:600 9px/1.4 var(--sans);letter-spacing:.34em}.site-header nav{display:flex;align-items:center;gap:30px;font-size:14px}.site-header nav>a{text-decoration:none}.site-header nav>a:not(.button):hover{text-decoration:underline}.nav-toggle{display:none}
/* Full-bleed cinema: real dispensing footage with a native-scroll timeline. */
.cinematic{position:relative;background:var(--green)}.js .cinematic{height:320svh;min-height:2000px}.scene-marker{position:absolute;top:23%;left:0}.scene-stage{position:relative;height:100svh;min-height:700px;overflow:hidden;isolation:isolate;background:var(--green)}.js .scene-stage{position:sticky;top:0}.scene-media{position:absolute;inset:0;z-index:0;overflow:hidden;background:#241526;transform-origin:70% 50%}.scene-poster,.scene-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%}.scene-video{opacity:0;pointer-events:none;z-index:1}.scene-video.decoded{opacity:1}.scene-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#20132390 0%,#20132355 36%,transparent 68%),linear-gradient(0deg,#201323a6 0%,transparent 24%);pointer-events:none}.scene-intro{position:absolute;z-index:2;top:26%;left:5%;color:var(--cream);max-width:54%;will-change:opacity,transform}.scene-intro h1{font-size:clamp(110px,12vw,190px);line-height:.88;letter-spacing:-.065em;margin:28px 0 30px}.hero-line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}.hero-line>span{display:block;transform:translateY(calc(var(--hero-exit,0)*-115%))}.hero-line:nth-child(2)>span{transform:translateY(calc(var(--hero-exit,0)*-140%))}.scene-intro h1 em{color:var(--green)}.scene-intro .lede{font-size:15px;line-height:1.65;max-width:400px}.scene-intro .eyebrow{font-size:11px}.scene-detail,.scene-resolve{position:absolute;left:6%;top:25%;z-index:2;opacity:0;pointer-events:none;max-width:48%}.scene-detail .eyebrow,.scene-resolve .eyebrow{margin-bottom:30px}.flavor-title{font:600 clamp(80px,10vw,150px)/.95 var(--display);letter-spacing:-.065em}.flavor-title span,.flavor-title em{display:block}.flavor-title em{color:#765789;font-weight:600}.flavor-note{font-size:17px;line-height:1.6;margin-top:27px}.scene-resolve>p:not(.eyebrow){font:600 clamp(75px,8vw,124px)/1 var(--display);letter-spacing:-.055em}.scene-resolve>p em{color:#765789}.scene-resolve .button{margin-top:35px}.scene-resolve:not([inert]){pointer-events:auto}.scene-footer{position:absolute;bottom:28px;left:5%;right:5%;z-index:3;display:flex;justify-content:space-between;gap:20px;align-items:center;color:var(--cream)}.scene-caption,.scene-scroll{font-size:11px;letter-spacing:.045em}.scene-scroll{text-decoration:none;padding:10px 0;border-bottom:1px solid currentColor}.cinematic[data-beat="1"] .scene-footer,.cinematic[data-beat="2"] .scene-footer{color:var(--ink)}.scene-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:#243b2d15;z-index:4}.scene-progress i{display:block;height:100%;width:100%;background:#765789;transform:scaleX(var(--scene-progress,0));transform-origin:left}.scene-copy-faded{pointer-events:none}.scene-copy-faded:focus-within{opacity:1!important;transform:none!important;background:#211625f5;padding:20px;border-radius:12px;pointer-events:auto}.scene-copy-faded:focus-within .hero-line>span{transform:none!important}.scene-intro:focus-within~.scene-detail,.scene-intro:focus-within~.scene-resolve{opacity:0!important}.poster-failed .scene-poster{visibility:hidden}
.flavor-band{overflow:hidden;background:var(--green);padding:25px 0;border-top:1px solid #243b2d18;border-bottom:1px solid #243b2d18}.flavor-track{display:flex;align-items:center;gap:50px;width:max-content;font:600 clamp(30px,3.8vw,58px)/1.2 var(--display);letter-spacing:-.05em;white-space:nowrap}.flavor-track b{font:400 35px var(--sans);color:#718350}
/* The tasting sequence uses normal scroll, a bounded sticky stage and three scenes. */
.tasting{background:var(--cream)}.tasting-stage{position:relative}.taste-panel{position:relative;min-height:760px;padding:110px 6%;overflow:hidden;display:grid;grid-template-columns:45% 55%;align-items:center}.taste-matcha{background:#ecf0df}.taste-dubai{background:#edded2}.taste-boba{background:#dbc7e8}.js .tasting{height:290svh;min-height:2050px}.js .tasting-stage{position:sticky;top:0;height:100svh;min-height:750px;overflow:hidden;isolation:isolate}.js .taste-panel{position:absolute;inset:0;min-height:0;padding:105px 6%;will-change:transform,opacity}.js .taste-panel:not(:first-of-type){transform:translateX(110%)}.tasting-top,.tasting-bottom{position:absolute;z-index:6;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;gap:25px}.tasting-top{top:110px;border-bottom:1px solid #243b2d30;padding-bottom:20px}.tasting-count{font-size:13px;letter-spacing:.1em}.tasting-bottom{bottom:23px;font-size:11px;letter-spacing:.045em}.taste-copy{position:relative;z-index:2;max-width:485px}.taste-copy>.eyebrow{margin-bottom:26px}.taste-copy h2{font-size:clamp(60px,6.5vw,98px);letter-spacing:-.065em;line-height:1.02;margin-bottom:23px}.taste-copy h2 em{font-weight:600;color:#667943}.taste-dubai h2 em{color:#8f6654}.taste-boba h2 em{color:#795389}.taste-copy>p:not(.eyebrow):not(.taste-price){max-width:325px;font-size:16px;line-height:1.8}.taste-price{font-size:11px;letter-spacing:.055em;margin-top:25px;max-width:320px}.taste-copy .button{margin-top:25px}.taste-visual{position:relative;width:100%;padding:35px 0 0 40px;z-index:1}.taste-photo{aspect-ratio:1.06/1;max-height:580px;overflow:hidden;border-radius:46% 46% 5px 5px;box-shadow:0 24px 60px #243b2d15;transform:none}.taste-dubai .taste-photo{transform:rotate(-3deg)}.taste-photo img{object-position:50% 50%}.taste-stamp{position:absolute;left:2%;bottom:-16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:130px;height:130px;border-radius:50%;border:1px solid var(--ink);background:var(--green);font-size:10px;letter-spacing:.1em;line-height:1.4;transform:rotate(-12deg)}.taste-stamp em{font:italic 600 32px/.95 var(--display);letter-spacing:-.04em}.taste-dubai .taste-stamp{background:#f2e6bc}.taste-boba .taste-stamp{background:var(--cream)}.taste-background-word{position:absolute;left:1%;bottom:5%;font:700 clamp(170px,27vw,450px)/.8 var(--sans);letter-spacing:-.07em;color:#243b2d05;pointer-events:none}.taste-nav{display:flex;gap:9px}.taste-nav button{width:45px;height:45px;border:1px solid #243b2d45;background:transparent;border-radius:50%;font-size:12px;cursor:pointer;color:var(--ink)}.taste-nav button[aria-current=true]{background:var(--ink);color:var(--cream)}.taste-nav button:hover{background:#243b2d15}.taste-nav button[aria-current=true]:hover{background:#3a573f}
.statement{background:var(--purple);color:var(--cream);padding:100px 5% 75px;text-align:center;overflow:hidden}.statement p{font:600 clamp(65px,9.7vw,150px)/1.03 var(--display);letter-spacing:-.06em}.statement em{color:var(--lilac)}.statement-note{display:block;font-size:11px;letter-spacing:.12em;margin-top:35px;color:#ded0e2}
.section{max-width:1440px;margin:auto;padding:115px 6%}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:52px}.section-head h2{font-size:clamp(60px,6.6vw,96px)}.section-head h2 em{color:#6b7d4e}.section-head .eyebrow{margin-bottom:25px}.line-mask{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}.line-mask>span{display:block;transform:translateY(calc((1 - var(--reveal,1))*110%))}.menu-intro p{font-size:16px;line-height:1.75;max-width:320px}.menu-intro .text-link{display:inline-block;margin-top:17px}.menu-filters{display:flex;gap:5px;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:thin}.menu-filters button{background:transparent;color:var(--ink);border:0;border-radius:100px;padding:12px 20px;white-space:nowrap;min-height:48px;font-size:14px;cursor:pointer}.menu-filters button:hover{background:#e2e8d7}.menu-filters button[aria-pressed=true]{background:var(--ink);color:var(--cream)}.menu-display{display:grid;grid-template-columns:1fr 1.8fr;gap:60px;min-height:310px;padding:43px 0;border-bottom:1px solid var(--line)}.menu-summary h3{font-size:43px;margin-bottom:18px}.menu-summary p{font-size:15px;max-width:245px;margin-bottom:16px}.menu-summary #menu-price{font-size:16px;font-weight:600}.menu-items{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;column-gap:32px;align-content:start}.menu-items li{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;border-bottom:1px solid var(--line);padding:13px 0;font-size:16px}.menu-items li span{font-size:12px;color:#667655}.menu-items li b{font-size:14px;font-weight:600;white-space:nowrap}.menu-group-heading{grid-column:1/-1;font-size:13px!important;letter-spacing:.08em;font-weight:600;text-transform:uppercase;padding-top:25px!important}.menu-group-heading:first-child{padding-top:13px!important}.menu-display.switching li{animation:menu-in .5s both;animation-delay:calc(var(--row,0)*22ms)}@keyframes menu-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}.menu-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-top:24px}.menu-bottom p{font-size:14px}.menu-bottom>span{font-size:12px;max-width:250px;text-align:right;color:#68755d}
.shop-section{background:#e6ebd9;padding:105px 0 95px;overflow:hidden}.shop-copy{text-align:center;max-width:850px;margin:0 auto 65px;padding:0 25px}.shop-copy h2{font-size:clamp(58px,6.2vw,90px);margin:23px 0 26px}.shop-copy h2 em{color:#667c46}.shop-copy>p:not(.eyebrow){max-width:420px;margin:auto;font-size:16px;line-height:1.8}.shop-copy .button{margin-top:27px}.play-icon{font-size:11px}.shop-gallery{display:flex;align-items:center;gap:3vw;width:108%;margin-left:-4%;height:620px}.gallery-image{overflow:hidden;box-shadow:0 25px 50px #263b2217}.gallery-one{width:31%;height:84%;transform:rotate(-5deg)}.gallery-two{width:36%;height:100%;transform:rotate(2deg);border-radius:180px 180px 5px 5px}.gallery-three{width:31%;height:83%;transform:rotate(6deg)}.gallery-image img{object-position:center 45%}.visit-section{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;background:#344b33;color:var(--cream);padding:100px 7%;overflow:hidden}.visit-copy .eyebrow{color:var(--green)}.visit-copy h2{font-size:clamp(85px,9vw,132px);margin:30px 0}.visit-copy h2 em{color:var(--green)}.visit-copy>p:not(.eyebrow){font-size:19px;line-height:1.7}.hours-link{display:inline-block;font-size:13px;margin-top:25px;color:#d4e1cb}.visit-image{height:680px;max-width:480px;justify-self:end;width:100%;border-radius:220px 220px 5px 5px;overflow:hidden;transform:none}.visit-image img{object-position:center 25%}footer{padding:45px 5% 25px;overflow:hidden;background:var(--green)}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-top p{font-size:14px}.footer-top nav{display:flex;gap:35px;font-size:14px}.footer-top a{text-decoration:none}.footer-wordmark{display:block;font:700 clamp(130px,26vw,380px)/1 var(--display);letter-spacing:-.09em;text-align:center;text-decoration:none;margin-top:55px}.footer-wordmark span{display:block;font:500 12px/1.5 var(--sans);letter-spacing:.6em;margin-top:10px}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #243b2d3b;margin-top:50px;padding-top:24px;font-size:10px;letter-spacing:.07em}.tour-dialog{border:0;border-radius:12px;padding:20px;background:#1c1420;color:var(--cream);max-width:min(92vw,600px);max-height:94svh}.tour-dialog::backdrop{background:#160f1bd9;backdrop-filter:blur(8px)}.tour-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:17px}.tour-dialog h2{font-size:25px}.tour-close{border:1px solid #ffffff55;padding:10px 14px;border-radius:100px;background:none;color:var(--cream);font-size:12px;min-height:44px;cursor:pointer}.tour-dialog video{display:block;width:100%;height:auto;max-height:76svh;object-fit:contain}
[data-reveal]:focus-within{transform:none!important;opacity:1!important;--reveal:1!important}
@media(min-width:1750px){.scene-intro{left:max(5%,calc((100vw - 1560px)/2))}.scene-media{max-width:2300px;margin:auto}.taste-copy{max-width:560px}.taste-visual{max-width:800px;justify-self:center}.taste-photo{max-height:680px}}
@media(max-width:1050px){.site-header nav{gap:20px}.scene-intro h1{font-size:130px}.scene-intro{max-width:60%}.scene-detail,.scene-resolve{max-width:52%}.flavor-title{font-size:100px}.scene-resolve>p:not(.eyebrow){font-size:85px}.taste-panel{grid-template-columns:46% 54%;padding-left:5%;padding-right:5%}.taste-copy h2{font-size:65px}.taste-visual{padding-left:15px}.taste-stamp{width:110px;height:110px;left:-10px}.taste-stamp em{font-size:29px}.taste-photo{aspect-ratio:.9/1}.taste-copy>p:not(.eyebrow):not(.taste-price){font-size:15px}.shop-gallery{height:540px}.visit-section{gap:7%;padding:90px 6%}.visit-image{height:600px}.visit-copy h2{font-size:92px}}
@media(max-width:760px){html{scroll-padding-top:85px}.site-header{padding:23px 6%;flex-wrap:wrap}.brand{font-size:34px}.brand span{font-size:8px}.site-header.scrolled{padding:16px 6%}.js .nav-toggle{display:flex;align-items:center;gap:16px;border:1px solid currentColor;border-radius:100px;background:transparent;color:inherit;padding:9px 16px;min-height:44px;font-size:13px;cursor:pointer}.site-header nav{width:100%;flex-wrap:wrap;padding:20px 0 6px;border-top:1px solid #ffffff35;gap:25px;justify-content:space-between}.js .site-header nav{display:none}.js .site-header nav.open{display:flex}.site-header:has(nav.open){background:var(--cream);color:var(--ink)}.site-header nav .button{width:100%}.js .cinematic{height:310svh;min-height:2000px}.scene-stage{height:100svh;min-height:740px}.scene-poster,.scene-video{object-position:78% 35%}.scene-shade{background:linear-gradient(0deg,#201323 0%,#201323e6 21%,#20132377 44%,transparent 72%)}.scene-intro{top:auto;bottom:115px;left:6%;max-width:88%;width:88%}.scene-intro h1{font-size:clamp(85px,22vw,115px);line-height:.9;margin:20px 0 24px}.scene-intro .eyebrow{font-size:10px;max-width:280px}.scene-intro .lede{font-size:14px;max-width:330px}.scene-intro .lede br{display:none}.actions{gap:24px;margin-top:22px}.button{min-height:50px;padding:13px 24px}.scene-detail,.scene-resolve{top:auto;bottom:115px;left:6%;max-width:88%;width:88%}.scene-detail .eyebrow,.scene-resolve .eyebrow{font-size:10px;margin-bottom:19px}.flavor-title{font-size:clamp(67px,17vw,95px)}.flavor-title span,.flavor-title em{display:inline}.flavor-title em{margin-left:.14em}.flavor-note{font-size:16px;margin-top:20px}.scene-resolve>p:not(.eyebrow){font-size:clamp(63px,16vw,88px)}.scene-resolve .button{margin-top:23px}.scene-footer{left:6%;right:6%;bottom:26px}.scene-caption{display:none}.scene-scroll{font-size:12px}.scene-copy-faded:focus-within{bottom:90px}.flavor-band{padding:22px 0}.flavor-track{font-size:36px;gap:28px}.flavor-track b{font-size:26px}.js .tasting{height:285svh;min-height:2050px}.js .tasting-stage{height:100svh;min-height:760px}.js .taste-panel{display:block;padding:0}.tasting-top{top:90px;left:6%;right:6%;padding-bottom:14px}.tasting-top .eyebrow{font-size:10px}.tasting-count{font-size:11px}.taste-visual{position:absolute;top:141px;left:18%;width:70%;height:37%;padding:0;max-height:315px}.taste-photo{aspect-ratio:auto;height:100%;border-radius:45% 45% 4px 4px}.taste-photo img{object-position:center}.taste-stamp{width:89px;height:89px;left:-36px;bottom:-8px;font-size:8px}.taste-stamp em{font-size:24px}.taste-copy{position:absolute;left:6%;right:6%;bottom:100px;max-width:none}.taste-copy>.eyebrow{display:none}.taste-copy h2{font-size:clamp(43px,10.7vw,59px);margin-bottom:14px;line-height:1.04}.taste-copy>p:not(.eyebrow):not(.taste-price){font-size:14px;line-height:1.65;max-width:340px}.taste-price{font-size:10px;margin-top:13px;max-width:none}.taste-copy .button{margin-top:17px;min-height:44px;padding:10px 21px;font-size:13px}.taste-background-word{font-size:35vw;bottom:39%;left:-2%}.tasting-bottom{bottom:24px;left:6%;right:6%;gap:15px}.tasting-bottom>span{display:none}.tasting-bottom>.text-link{font-size:12px}.taste-nav{gap:7px}.taste-nav button{width:40px;height:40px}.statement{padding:76px 6% 58px}.statement p{font-size:clamp(48px,11.8vw,78px)}.statement-note{font-size:10px;margin-top:28px}.section{padding:78px 6%}.section-head{flex-direction:column;align-items:flex-start;gap:25px;margin-bottom:34px}.section-head h2{font-size:66px}.section-head .eyebrow{margin-bottom:20px}.menu-intro p{font-size:15px}.menu-filters{margin-right:-6.8%;padding-right:6.8%}.menu-filters button{font-size:13px;padding:11px 18px}.menu-display{grid-template-columns:1fr;gap:15px;padding:30px 0}.menu-summary h3{font-size:38px}.menu-summary p{max-width:none}.menu-items{column-gap:23px}.menu-items li{display:block;font-size:15px}.menu-items li span,.menu-items li b{display:block;font-size:12px}.menu-bottom{display:block}.menu-bottom>span{display:block;text-align:left;max-width:none;margin-top:12px}.shop-section{padding:77px 0 70px}.shop-copy{padding:0 6%;margin-bottom:40px}.shop-copy h2{font-size:52px;line-height:1.06}.shop-copy>p:not(.eyebrow){font-size:15px;max-width:330px}.shop-gallery{height:370px;width:145%;margin-left:-22.5%;gap:16px}.gallery-one,.gallery-three{width:29%}.gallery-two{width:42%;border-radius:140px 140px 4px 4px}.visit-section{grid-template-columns:1fr;padding:75px 6%;gap:48px}.visit-copy h2{font-size:85px}.visit-copy>p:not(.eyebrow){font-size:18px}.visit-image{justify-self:center;height:540px;max-width:390px;width:90%}.hours-link{font-size:12px}.footer-top{align-items:flex-start;flex-direction:column;gap:20px}.footer-top nav{font-size:14px;gap:27px}.footer-wordmark{font-size:26vw;margin-top:42px}.footer-wordmark span{font-size:9px;letter-spacing:.4em}.footer-bottom{flex-direction:column;gap:12px;font-size:9px;margin-top:35px}.tour-dialog{padding:15px}.tour-dialog h2{font-size:22px}}
@media(max-width:380px){.scene-intro h1{font-size:84px}.scene-intro .lede{font-size:13px}.scene-intro .eyebrow{font-size:9px}.scene-stage{min-height:725px}.scene-detail .flavor-title{font-size:63px}.scene-resolve>p:not(.eyebrow){font-size:61px}.taste-copy h2{font-size:41px}.taste-visual{top:142px;height:33%}.taste-copy{bottom:93px}.taste-copy>p:not(.eyebrow):not(.taste-price){font-size:13px}.section-head h2{font-size:58px}.shop-copy h2{font-size:46px}.visit-copy h2{font-size:78px}}
@media(max-width:760px) and (max-height:740px){.scene-stage{min-height:640px}.scene-intro,.scene-detail,.scene-resolve{bottom:95px}.js .tasting-stage{min-height:640px}.taste-visual{top:116px;height:30%;max-height:210px}.taste-copy{bottom:82px}.taste-copy h2{font-size:40px;margin-bottom:10px}.taste-copy>p:not(.eyebrow):not(.taste-price){font-size:13px;line-height:1.5}.taste-price{margin-top:10px}.taste-copy .button{margin-top:12px}.tasting-top{top:86px;padding-bottom:9px}.tasting-bottom{bottom:15px}}
/* The footage remains full bleed; its perspective changes inside the film. */
.site-header:not(.scrolled){background:linear-gradient(180deg,#210919bb,transparent)}
.site-header.over-film{position:fixed;padding-top:17px;padding-bottom:17px;background:linear-gradient(#201323b3,transparent);color:var(--cream)}
.scene-stage,.cinematic{background:#210919}.scene-media{max-width:none;margin:0;clip-path:none;background:#210919}
.scene-poster,.scene-video{left:10%;width:100%;object-position:50% 50%;mask-image:linear-gradient(90deg,transparent,#000 12%)}
.scene-shade{background:linear-gradient(90deg,#210919 0%,#210919 14%,#210919cc 28%,#21091955 40%,transparent 64%),linear-gradient(0deg,#210919dd,transparent 21%)}
.scene-intro{max-width:44%;top:27%}.scene-intro h1{font-size:clamp(100px,11.5vw,174px)}
.scene-detail,.scene-resolve{color:var(--cream);max-width:41%;left:5%;top:34%}.scene-detail .eyebrow{max-width:260px;font-size:10px;margin-bottom:24px}
.flavor-title{font-size:clamp(64px,7.1vw,105px)}.flavor-title em,.scene-resolve>p em{color:var(--lilac)}.flavor-title span{color:var(--green)}
.flavor-note{font-size:14px}.scene-resolve>p:not(.eyebrow){font-size:clamp(65px,7.8vw,112px)}.scene-resolve .button{background:var(--cream);color:var(--ink)}
.cinematic[data-beat] .scene-footer{color:var(--cream)}.scene-progress{background:#ffffff20}.scene-progress i{background:var(--green)}
.cinematic.film-failed{height:auto;min-height:0}.film-failed .scene-stage{position:relative}.film-failed .scene-detail,.film-failed .scene-resolve{display:none}
@media(min-width:761px) and (max-width:1050px){.scene-poster,.scene-video{left:22%;object-position:52%}.scene-intro h1{font-size:108px}.scene-intro{max-width:47%}.scene-intro .lede{max-width:320px}.scene-detail,.scene-resolve{max-width:45%}.scene-resolve>p:not(.eyebrow){font-size:80px}}
@media(max-width:760px){
 .scene-stage{min-height:0;height:100svh}.scene-media{background:#210919}.scene-poster,.scene-video{inset:0 0 auto;height:83%;width:100%;object-position:50% 50%;mask-image:linear-gradient(180deg,#000 0%,#000 68%,transparent 100%)}
 .scene-shade{background:linear-gradient(0deg,#210919 0%,#210919fa 12%,#21091999 29%,transparent 53%),linear-gradient(180deg,#21091988,transparent 24%)}
 .site-header.over-film{padding:16px 6%}.site-header:has(nav.open){background:var(--cream);color:var(--ink)}
 .scene-intro{top:auto;bottom:94px;max-width:88%;left:6%;width:88%}.scene-intro h1{font-size:clamp(65px,18vw,82px);margin:17px 0 18px}.scene-intro .lede{font-size:13px;line-height:1.6;max-width:325px}
 .scene-intro .actions{margin-top:20px}.scene-intro .eyebrow{font-size:9px}
 .scene-detail,.scene-resolve{top:auto;bottom:100px;left:6%;max-width:88%;width:88%}.scene-detail .eyebrow{font-size:9px;margin-bottom:12px}.flavor-title{font-size:clamp(44px,12vw,62px)}.flavor-note{font-size:13px;margin-top:12px}
 .scene-resolve>p:not(.eyebrow){font-size:clamp(55px,15vw,75px)}.scene-resolve .eyebrow{margin-bottom:16px}.scene-resolve .button{margin-top:23px}.scene-footer{bottom:25px}.scene-scroll{font-size:11px}
}
@media(max-width:760px) and (max-height:740px){.scene-poster,.scene-video{height:83%;top:0}.scene-intro,.scene-detail,.scene-resolve{bottom:75px}.scene-intro h1{font-size:61px;margin:13px 0}.scene-intro .lede{font-size:12px;max-width:310px}.scene-intro .actions{margin-top:16px}.scene-resolve>p:not(.eyebrow){font-size:56px}.scene-detail .flavor-title{font-size:46px}.scene-footer{bottom:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .cinematic{height:auto;min-height:0}.js .scene-stage{position:relative}.scene-media{clip-path:none!important;transform:none!important}.scene-video,.scene-detail,.scene-resolve,.scene-progress{display:none!important}.scene-intro{opacity:1!important;transform:none!important}.hero-line>span{transform:none!important}.js .tasting{height:auto;min-height:0}.js .tasting-stage{position:relative;height:auto;min-height:0;overflow:visible}.js .taste-panel{position:relative;min-height:760px;transform:none!important;opacity:1!important;visibility:visible!important}.tasting-top,.tasting-bottom{display:none}.taste-panel[inert]{pointer-events:auto}.line-mask>span,[data-reveal]{transform:none!important;opacity:1!important;--reveal:1!important}.gallery-image,.taste-visual,.visit-image{transform:none!important}}
@media(prefers-reduced-motion:reduce) and (min-width:761px){.js .taste-panel{display:grid;padding:95px 6%}}

/* Match the approved upright storefront photograph at every viewport. */
.visit-image{height:auto;max-width:400px;aspect-ratio:704/1184;border-radius:50% 50% 5px 5px / 29.73% 29.73% 5px 5px}.visit-image img{width:100%;height:100%;object-fit:fill;object-position:center}

/* Keep the new three-line headline balanced within the cinematic scene. */
@media(min-width:761px){.scene-intro h1{font-size:clamp(86px,9vw,140px)}}