/* Current curtain-to-table experience. Earlier versions live in archive/. */
html{scroll-behavior:auto}body[data-page=experience]{--night:#1c1012;background:var(--night)}
body[data-page=experience] .site-header{background:linear-gradient(#32101485,transparent);backdrop-filter:none;box-shadow:none;z-index:110}
body[data-page=experience] .site-header.scrolled{background:#701222f7}
body[data-page=experience] .desktop-nav{gap:28px}body[data-page=experience] .mobile-nav{z-index:109}
.opening{display:none;position:fixed;inset:0;z-index:100;pointer-events:none;overflow:hidden}
.experience-js:not(.experience-fallback) .opening{display:block}.opening.gone{display:none!important}
.curtain-half{position:absolute;top:0;bottom:0;width:50.15%;background-image:linear-gradient(#31040830,#36020729),url('assets/experience-v5/curtain.webp');background-size:200% 100%;will-change:transform;transition:transform 1250ms cubic-bezier(.65,0,.25,1)}
.curtain-left{left:0;background-position:left center;transform-origin:left center}.curtain-right{right:0;background-position:right center;transform-origin:right center}
.opening-logo{position:absolute;width:190px;left:50%;top:47%;transform:translate(-50%,-50%);transition:opacity .3s}
.opening.open .curtain-left{transform:translate3d(-102%,0,0)}.opening.open .curtain-right{transform:translate3d(102%,0,0)}.opening.open .opening-logo{opacity:0}
.entrance{height:100svh;min-height:750px;position:relative;isolation:isolate;overflow:hidden;background:#a61025}
.entrance-room{position:absolute;inset:0 0 0 36%;z-index:-3}.entrance-room img{width:100%;height:100%;object-fit:cover;object-position:50% 38%}
.entrance-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#b21129 0%,#b21129 22%,#a61126eb 37%,#8d112673 59%,#4b0b141f 90%)}
.entrance-light{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 73% 33%,#ffc27625,transparent 50%)}
.entrance-copy{position:absolute;left:var(--gutter);top:50%;transform:translateY(-45%);z-index:4;max-width:52%}
.entrance-copy .eyebrow{margin-bottom:30px}.entrance h1{font-size:clamp(84px,8.5vw,145px);line-height:1.045;letter-spacing:-.012em}.entrance-description{margin-top:30px;font-size:20px;line-height:1.6;color:#fff4e5}.entrance-copy .button{margin-top:28px}
.entrance-location{position:absolute;left:var(--gutter);bottom:28px;font-size:11px;letter-spacing:.06em;color:#f4ebd8c9}
.hero-object{position:absolute;width:min(69vw,1000px);aspect-ratio:1000/1052;left:42%;top:11%;z-index:3;pointer-events:none;transform-origin:50% 88%}
.hero-object img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.hero-complete{opacity:1}.hero-empty,.hero-glass,.hero-garnish,.pour-line{display:none}
.hero-empty{clip-path:inset(26% 0 0);opacity:.27;filter:grayscale(1) brightness(1.3)}
.hero-glass{clip-path:polygon(0 26%,100% 26%,100% 100%,0 100%)}
.hero-garnish{clip-path:polygon(20% 19.4%,28% 18.9%,29% 17%,32% 14%,36% 13.4%,40% 15%,42% 18%,44% 16%,49% 14.5%,53% 16%,55% 19%,57% 17%,61% 15.1%,65% 15.4%,68% 18.8%,69% 21%,82% 21.3%,83% 20.2%,86% 20.2%,88% 22.5%,87% 25.3%,84% 25.3%,82% 23.5%,69% 23%,68% 25.4%,56% 25.7%,54% 23.8%,53% 25.5%,44% 25.7%,42% 24%,40% 25.5%,31% 25%,29% 23%,29% 21.5%,20% 21%)}
.pour-line{position:absolute;left:51%;top:-13%;height:43%;width:.95%;z-index:2;border-radius:40% 30% 10% 20%;background:linear-gradient(90deg,#bb4b0480,#ffebae,#c45d0880);transform:rotate(-7deg);transform-origin:bottom;opacity:0}
.experience-js.intro-running .hero-complete{opacity:0}.experience-js.intro-running .hero-empty,.experience-js.intro-running .hero-glass,.experience-js.intro-running .hero-garnish,.experience-js.intro-running .pour-line{display:block}
.intro-running .hero-glass{animation:glass-fill 1900ms cubic-bezier(.3,0,.2,1) both}.intro-running .hero-garnish{animation:garnish-settle 700ms cubic-bezier(.2,.7,.3,1) 1400ms both}.intro-running .pour-line{animation:pour-cue 1600ms ease-in-out both}
.experience-js:not(.experience-ready):not(.experience-fallback) .entrance-copy{opacity:0}
.experience-ready .entrance-copy{animation:copy-in .75s ease-out both}
@keyframes copy-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@keyframes glass-fill{0%{opacity:.28;clip-path:inset(76% 0 0)}40%{opacity:1}100%{opacity:1;clip-path:inset(26% 0 0)}}
@keyframes garnish-settle{from{opacity:0;transform:translateY(-2.5%)}20%{opacity:1}to{opacity:1;transform:translateY(0)}}
@keyframes pour-cue{0%{opacity:0;scale:.6 0}12%{opacity:.8;scale:1 1}72%{opacity:.8;scale:1 1}100%{opacity:0;scale:.25 .3}}
.bar-chapter{position:relative;min-height:750px;height:100svh;isolation:isolate;background:#1c1012;display:flex;justify-content:flex-end;align-items:center;padding:120px var(--gutter) 80px}
.bar-photograph{position:absolute;inset:0 25% 0 0;z-index:-2;overflow:hidden}.bar-photograph img{width:100%;height:100%;object-fit:cover;object-position:37% center}
.bar-photograph:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 20%,#1c10122b 40%,#1c1012 100%)}
.bar-chapter-copy{width:39%;padding-left:30px}.bar-chapter-copy .eyebrow{color:#e5b58b;margin-bottom:24px}.bar-chapter h2{font-size:clamp(62px,6vw,100px)}.bar-chapter-copy>p:not(.eyebrow){font-size:18px;line-height:1.8;margin:28px 0 22px;color:#e8d5c6}.bar-chapter-copy .text-link{font-size:14px}
.experience-js:not(.experience-fallback) .bar-chapter-copy{opacity:var(--bar-opacity,0);transform:translate3d(0,var(--bar-y,15px),0)}
.drink-story{position:relative;height:245svh;min-height:1600px;background:#9f1428}
.story-stage{height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden;isolation:isolate}
.red-stage{position:absolute;inset:0;z-index:-5;background:radial-gradient(ellipse at 47% 39%,#d5343c,#b5172c 50%,#8e1226)}
.red-stage:after{content:'';position:absolute;inset:0;background:url('assets/experience-v5/curtain.webp') center/cover;opacity:.13}
.gathering-scene{position:absolute;inset:0;z-index:-4;opacity:var(--table-opacity,1);overflow:hidden}.gathering-scene>img{position:absolute;max-width:none;object-fit:fill;will-change:transform}
.table-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#180b10c9,transparent 58%),linear-gradient(0deg,#1508097a,transparent 37%)}
.peak-type{position:absolute;inset:0;z-index:3;opacity:var(--peak-opacity,0);pointer-events:none;font:400 clamp(64px,6.8vw,110px)/1.08 JayaDisplay,Impact,sans-serif;text-transform:uppercase;letter-spacing:-.016em}
.peak-before,.peak-after{position:absolute;top:35%;transform:translate3d(0,var(--peak-y,0),0)}.peak-before{left:var(--gutter)}.peak-after{right:var(--gutter);text-align:right}
.peak-caption{position:absolute;left:0;right:0;text-align:center;bottom:50px;z-index:3;font-size:14px;letter-spacing:.035em;opacity:var(--peak-opacity,0)}
.table-copy{position:absolute;left:var(--gutter);bottom:13%;z-index:5;opacity:var(--copy-opacity,1);transform:translate3d(0,var(--copy-y,0),0);max-width:43%}.table-copy h2{font-size:clamp(60px,5.65vw,90px);line-height:1.06}.table-copy p{font-size:17px;line-height:1.65;margin:20px 0 24px;color:#fff0df}.table-copy .button{font-size:13px;background:#4d1720}
.traveller{position:absolute;left:0;top:0;width:1000px;height:1052px;max-width:none;transform-origin:0 0;will-change:transform;pointer-events:none;z-index:4}
.travelling-glass{position:absolute;inset:0;width:100%;height:100%;z-index:2}
.amber-layer{position:absolute;width:1020px;height:680px;left:-50px;top:230px;transform-origin:50% 50%;will-change:transform,opacity;opacity:var(--amber-opacity,0)}.amber-layer>img{width:100%;height:100%;max-width:none}
.amber-behind{z-index:1;clip-path:polygon(0 0,100% 0,100% 62%,0 42%)}.amber-ahead{z-index:3;clip-path:polygon(0 42%,100% 62%,100% 100%,0 100%)}
.table-coaster{position:absolute;left:0;top:0;border-radius:50%;background:#a1162a;box-shadow:0 4px 0 #5b1220,0 11px 13px #10030350;display:flex;align-items:center;justify-content:center;z-index:2;opacity:var(--coaster-opacity,1)}
.table-coaster img{width:49%;transform:scaleY(.5);opacity:.86}.table-contact{position:absolute;border-radius:50%;background:#140608;filter:blur(7px);z-index:3;opacity:var(--contact-opacity,.45);pointer-events:none}
.music-chapter{display:grid;grid-template-columns:1fr 1.25fr;min-height:630px;background:#281216}.music-copy{align-self:center;padding:90px max(35px,9vw) 90px var(--gutter)}.music-copy .eyebrow{margin-bottom:25px;color:#e6bd99}.music-copy h2{font-size:clamp(66px,7.2vw,112px)}.music-copy>p:not(.eyebrow){font-size:17px;color:#e4cdbd;line-height:1.8;margin-top:28px}.music-copy .text-link{margin-top:24px}.music-photo{min-height:600px;overflow:hidden}.music-photo img{height:100%;width:100%;object-fit:cover;object-position:61% center}
.menu-invitation{padding:90px var(--gutter);background:var(--cream);color:var(--red)}.menu-invitation>div:first-child{display:flex;align-items:end;justify-content:space-between;margin-bottom:38px;gap:24px}.menu-invitation h2{font-size:clamp(42px,5.2vw,78px)}.menu-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.menu-preview img{width:100%;height:clamp(230px,30vw,460px);object-fit:cover}
/* Readable, complete static layouts are the baseline. */
html:not(.experience-js) .gathering-scene>img,.experience-fallback .gathering-scene>img{width:100%;height:100%;object-fit:cover}
html:not(.experience-js) .drink-story,.experience-fallback .drink-story{height:100svh;min-height:750px}
html:not(.experience-js) .traveller,.experience-fallback .traveller{width:290px;height:305px;left:59%;top:48%}
html:not(.experience-js) .table-coaster,.experience-fallback .table-coaster{width:190px;height:50px;left:63%;top:80%}
.experience-fallback .bar-chapter-copy{opacity:1!important;transform:none!important}.experience-fallback .entrance-copy{opacity:1!important}
@media(max-width:1000px) and (min-width:701px){.entrance h1{font-size:9.4vw}.entrance-description{font-size:17px}.entrance-copy{max-width:54%}.bar-chapter-copy{width:43%;padding-left:10px}.bar-chapter h2{font-size:7vw}.peak-type{font-size:7vw}.table-copy{max-width:43%}.table-copy h2{font-size:5.8vw}.music-copy{padding-right:30px}.music-copy h2{font-size:8vw}.music-copy>p:not(.eyebrow){font-size:15px}}
@media(max-width:700px){
 .entrance{min-height:780px}.entrance-room{inset:0}.entrance-room img{object-position:63% center}.entrance-shade{background:linear-gradient(180deg,#a10d25f5 0%,#ab1028e6 36%,#8e11254d 65%,#500c1940)}
 .entrance-copy{left:24px;right:24px;top:132px;max-width:none;transform:none}.entrance-copy .eyebrow{font-size:11px;margin-bottom:18px}.entrance h1{font-size:16.5vw;line-height:1.05}.entrance-description{font-size:15px;line-height:1.6;margin-top:18px}.entrance-copy .button{margin-top:18px;min-height:46px;padding:11px 20px;font-size:12px}.entrance-location{bottom:22px;left:24px;font-size:10px}
 .hero-object{width:123%;left:-11.5%;top:auto;bottom:0}.opening-logo{width:145px}.entrance-location{display:none}
 .bar-chapter{min-height:780px;height:100svh;align-items:end;padding:0 24px 74px}.bar-photograph{inset:0}.bar-photograph img{object-position:44% center}.bar-photograph:after{background:linear-gradient(0deg,#160d11 0%,#160d11ed 42%,#160d1192 64%,#160d1110 80%)}
 .bar-chapter-copy{width:100%;padding:0;max-width:360px;margin-right:auto}.bar-chapter-copy .eyebrow{font-size:11px;margin-bottom:16px}.bar-chapter h2{font-size:17vw}.bar-chapter-copy>p:not(.eyebrow){font-size:15px;line-height:1.7;margin:20px 0 14px}
 .drink-story{height:245svh;min-height:1700px}.story-stage{min-height:640px}.peak-type{font-size:12.7vw}.peak-before,.peak-after{top:18%}.peak-before{left:24px}.peak-after{right:24px}.peak-caption{bottom:34px;font-size:11px}
 .table-copy{top:116px;bottom:auto;left:24px;right:24px;max-width:none}.table-copy h2{font-size:12vw;line-height:1.1}.table-copy p{font-size:14px;margin:15px 0 16px}.table-copy .button{min-height:44px;padding:10px 19px;font-size:12px}.table-scrim{background:linear-gradient(180deg,#180a10ed 0%,#180a10e0 30%,#180a1075 45%,transparent 65%)}
 .music-chapter{grid-template-columns:1fr}.music-copy{padding:100px 24px 70px}.music-copy h2{font-size:20vw}.music-copy .eyebrow{font-size:11px;margin-bottom:20px}.music-copy>p:not(.eyebrow){font-size:15px;margin-top:23px}.music-photo{min-height:0;height:370px}.music-photo img{object-position:62% center}
 .menu-invitation{padding:60px 24px}.menu-invitation>div:first-child{display:block;margin-bottom:28px}.menu-invitation h2{font-size:11.8vw}.menu-invitation .text-link{margin-top:18px;font-size:13px}.menu-preview{gap:12px;grid-template-columns:1fr 1fr}.menu-preview img{height:235px}.menu-preview img:last-child{display:none}
 html:not(.experience-js) .drink-story,.experience-fallback .drink-story{min-height:800px}.experience-fallback .gathering-scene>img{object-position:76% center}.experience-fallback .traveller,html:not(.experience-js) .traveller{width:300px;height:316px;top:auto;bottom:45px;left:calc(50% - 150px)}.experience-fallback .table-coaster,html:not(.experience-js) .table-coaster{left:calc(50% - 95px);top:auto;bottom:70px}
}
@media(max-width:360px){.entrance{min-height:755px}.entrance-copy{top:115px}.entrance-description{font-size:14px}.bar-chapter{min-height:740px;padding-bottom:65px}.table-copy{top:105px}.table-copy h2{font-size:12vw}.table-copy p{font-size:13px}.table-copy .button{font-size:11px}.peak-before,.peak-after{top:19%}.story-stage{min-height:640px}}
@media(prefers-reduced-motion:reduce){.opening{display:none!important}.entrance-copy{animation:none!important;opacity:1!important}.hero-complete{opacity:1!important}.hero-empty,.hero-glass,.hero-garnish,.pour-line{display:none!important}.curtain-half{transition:none}.drink-story{height:100svh;min-height:800px}.bar-chapter-copy{transform:none!important;opacity:1!important}.amber-layer{display:none}.story-stage{min-height:800px}}
html.experience-js:not(.experience-fallback) .hero-object{width:1000px;height:1052px;left:0;top:0;bottom:auto;transform-origin:0 0}
.gathering-scene.image-unavailable{background:#291315}.gathering-scene.image-unavailable img{opacity:0}

/* The three-line invitation has its own breathing room. */
.bar-chapter h2{line-height:1.01}.bar-chapter h2 span{display:block}.bar-chapter h2 .bar-ampersand{font-size:.62em;line-height:1.22;margin:6px 0;color:#e5b58b}
.bar-chapter-copy>p:not(.eyebrow){margin-top:25px;line-height:1.7}.bar-chapter-copy{padding-top:12px;padding-bottom:12px}
.amber-film{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:fill;opacity:0;pointer-events:none}
.film-ready .amber-film{opacity:1}.film-ready>.amber-still{visibility:hidden}
.amber-behind{clip-path:none}.amber-ahead{clip-path:polygon(0 15%,48% 15%,58% 55%,100% 60%,100% 100%,0 100%)}
.hero-object>.hero-empty,.hero-object>.hero-glass,.hero-object>.hero-garnish,.hero-object>.hero-complete{z-index:2}
.hero-object .amber-behind{z-index:1}.hero-object .amber-ahead{z-index:3}
.hero-amber{opacity:0;transition:opacity .9s ease-out;left:-82px;top:230px;width:1140px;height:760px}
.hero-amber>img{inset:auto;position:static;height:100%;width:100%}
.experience-ready:not(.intro-running) .hero-amber{opacity:.96}
.traveller .amber-layer{left:-110px;top:220px;width:1200px;height:800px}
.table-copy p{margin-bottom:0}.table-copy{bottom:18%}
@media(max-width:700px){.bar-chapter{min-height:640px}.bar-chapter-copy{padding:0}.bar-chapter h2{font-size:16vw}.bar-chapter h2 .bar-ampersand{margin:5px 0}.bar-chapter-copy>p:not(.eyebrow){margin-top:22px}.table-copy{bottom:auto}.hero-amber{left:-50px;top:240px;width:1090px;height:727px}.traveller .amber-layer{left:-120px;width:1220px;height:813px}}
@media(prefers-reduced-motion:reduce){.hero-amber,.amber-layer{display:none!important}.traveller{opacity:1!important}}

/* A booking strip sits within the bar chapter, above the next curtain. */
.bar-booking{display:none}
@media(min-width:701px){
 .bar-chapter{padding-top:105px;padding-bottom:190px}
 .bar-booking{display:grid;grid-template-columns:1.12fr .9fr 1.1fr .85fr 1.15fr;align-items:center;gap:22px;position:absolute;left:var(--gutter);right:var(--gutter);bottom:32px;padding:24px 28px;background:#801629;border:1px solid #f4ebd826;z-index:2}
 .booking-intro h3{font:500 clamp(18px,1.7vw,25px)/1.25 JayaText,sans-serif;letter-spacing:-.04em;text-transform:none;color:var(--cream);white-space:nowrap}
 .booking-intro p{font-size:11px;color:#f4ebd8b8;margin-top:8px}
 .booking-field{display:block;min-width:0}.booking-field>span{display:block;font-size:11px;color:var(--cream);margin-bottom:7px}
 .booking-field input,.booking-field select{display:block;width:100%;height:45px;min-width:0;padding:0 12px;border:1px solid #f4ebd866;border-radius:2px;background:transparent;color:var(--cream);font:500 13px JayaText,sans-serif;color-scheme:dark}
 .booking-field select option{background:#701222;color:var(--cream)}
 .booking-field input:focus-visible,.booking-field select:focus-visible{outline:2px solid var(--cream);outline-offset:3px}
 .booking-action .button{width:100%;min-height:45px;border:0;padding:11px 14px;font-size:13px;cursor:pointer}
 .booking-action p{font-size:10px;color:#f4ebd8d9;text-align:center;margin-top:8px;white-space:nowrap}
 .booking-action{padding-top:10px}
}
@media(min-width:701px) and (max-width:1000px){
 .bar-booking{gap:14px;padding:21px 18px;grid-template-columns:1fr .82fr 1.14fr .9fr 1.1fr}
 .booking-intro h3{font-size:18px}.booking-intro p{font-size:10px}.booking-field input,.booking-field select{font-size:12px;padding-inline:8px}.booking-action p{font-size:8px}.booking-action .button{font-size:12px;padding-inline:8px}
}

/* A wide stage photograph, fading into the same dark canvas as the copy. */
@media(min-width:701px){
 .music-chapter{position:relative;isolation:isolate;display:flex;align-items:center;min-height:0;height:clamp(300px,26vw,375px);overflow:hidden;background:#202020}
 .music-copy{position:relative;z-index:2;padding:32px var(--gutter);width:65%;pointer-events:none}
 .music-copy a{pointer-events:auto}.music-copy .eyebrow{margin-bottom:16px}
 .music-copy h2{font-size:clamp(56px,6.1vw,96px);line-height:1.08;white-space:nowrap}.music-copy h2 br{display:none}
 .music-copy>p:not(.eyebrow){font-size:15px;line-height:1.7;margin-top:18px;color:#f4ebd8}
 .music-copy .text-link{margin-top:19px;font-size:13px}
 .music-photo{position:absolute;inset:0 0 0 47%;min-height:0;height:100%;z-index:1;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 29%);mask-image:linear-gradient(90deg,transparent 0%,#000 29%)}
 .music-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 27%}
 .music-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#2020209c,transparent 52%);pointer-events:none}
 .music-photo:focus-visible{outline:2px solid var(--cream);outline-offset:-5px}
}
@media(max-width:700px){.music-photo img{object-position:50% 28%}}

/* Refined photograph keeps both performers in the short music chapter. */
@media(min-width:701px){.music-photo{left:39%}.music-photo img{object-position:70% 20%}.music-photo:after{background:linear-gradient(90deg,#202020d6,transparent 48%)}}
@media(max-width:700px){.music-photo img{object-position:70% 45%}.music-photo{height:330px}}
.table-coaster{box-shadow:0 2px 0 #5b1220,0 4px 5px #10030350}.table-contact{filter:blur(3px)}

/* The static fallback uses the same photographed-table proportions. */
html:not(.experience-js) .story-stage,.experience-fallback .story-stage{container-type:size;--still-image-width:max(100cqw,150cqh);--still-glass:calc(var(--still-image-width)*.064);--still-coaster:calc(var(--still-glass)*.61285);--still-x:calc(50cqw + var(--still-image-width)*.07);--still-y:calc(50cqh + var(--still-image-width)*.1933333)}
html:not(.experience-js) .gathering-scene>img,.experience-fallback .gathering-scene>img{width:var(--still-image-width);height:calc(var(--still-image-width)/1.5);left:calc(50cqw - var(--still-image-width)*.5);top:calc(50cqh - var(--still-image-width)/3);object-fit:fill}
html:not(.experience-js) .traveller,.experience-fallback .traveller{width:var(--still-glass);height:calc(var(--still-glass)*1.052);left:calc(var(--still-x) - var(--still-glass)*.5);top:calc(var(--still-y) + var(--still-coaster)*.058 - var(--still-glass)*.928916);bottom:auto}
html:not(.experience-js) .table-coaster,.experience-fallback .table-coaster{width:var(--still-coaster);height:calc(var(--still-coaster)*.29);left:calc(var(--still-x) - var(--still-coaster)*.5);top:calc(var(--still-y) - var(--still-coaster)*.145);bottom:auto}
@media(max-width:700px){html:not(.experience-js) .story-stage,.experience-fallback .story-stage{--still-x:50cqw}html:not(.experience-js) .gathering-scene>img,.experience-fallback .gathering-scene>img{left:calc(50cqw - var(--still-image-width)*.57)}}

/* Approved live amber and scroll close-up. The existing story landing is retained. */
.experience-js:not(.experience-fallback) .entrance-sequence{--hero-height:max(100svh,700px);height:calc(var(--hero-height)*1.9);position:relative}
.experience-js:not(.experience-fallback) .entrance{height:var(--hero-height);min-height:0;position:sticky;top:0}
.liquid-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;opacity:0;z-index:3}
.experience-ready:not(.intro-running) .hero-liquid.is-ready{opacity:1}
.experience-prepared .hero-liquid.is-ready{opacity:1}
.experience-prepared.liquid-hero-ready .hero-object{visibility:hidden}
.experience-ready:not(.intro-running).liquid-hero-ready .hero-object{visibility:hidden}
.story-liquid{z-index:4}.story-liquid.is-ready{opacity:var(--drink-opacity,0)}
.liquid-story-ready .travelling-glass{visibility:hidden}
.experience-ready .entrance-copy{animation:none;opacity:var(--hero-copy-opacity,1)}
.entrance-room{opacity:var(--room-opacity,1);transform:scale(var(--room-scale,1));transform-origin:70% 50%}
.hero-closeup-copy{display:none;position:absolute;z-index:5;left:var(--gutter);top:40%;max-width:33%;font:400 clamp(30px,3.2vw,52px)/1.17 JayaText,sans-serif;letter-spacing:-.045em;text-transform:none;text-align:right;opacity:var(--macro-opacity,0);transform:translate3d(0,var(--macro-y,18px),0);pointer-events:none}
.experience-js:not(.experience-fallback) .hero-closeup-copy{display:block}
.hero-macro-ground{position:absolute;inset:0;z-index:0;background:var(--cream);clip-path:ellipse(85% 46% at -8% 115%);opacity:var(--macro-opacity,0);pointer-events:none}
@media(max-width:700px){
 .experience-js:not(.experience-fallback) .entrance-sequence{--hero-height:max(100svh,680px);height:calc(var(--hero-height)*1.8)}
 .entrance-copy{top:112px}.entrance-copy .eyebrow{margin-bottom:14px}.entrance-description{margin-top:16px;font-size:14px}.entrance-copy .button{margin-top:16px}
 .hero-closeup-copy{top:132px;left:24px;max-width:80%;font-size:30px;text-align:left;line-height:1.2}
 .hero-macro-ground{clip-path:ellipse(115% 37% at -20% 117%)}
}
@media(max-width:360px){.entrance-copy{top:106px}.entrance h1{font-size:16vw}.hero-closeup-copy{font-size:28px;top:126px}}
@media(prefers-reduced-motion:reduce){
 .experience-js:not(.experience-fallback) .entrance-sequence{height:var(--hero-height)}
 .experience-js:not(.experience-fallback) .entrance{position:relative}
 .hero-closeup-copy{top:auto;bottom:24px;max-width:none;font-size:18px;text-align:left;transform:none;opacity:1}
 .hero-macro-ground{display:none}
}
/* Exact scene posters are fetched only when the live renderer is unavailable. */
.liquid-poster{position:absolute;left:0;top:0;max-width:none;transform-origin:0 0;pointer-events:none;z-index:4;opacity:0}

/* Decode only the visible scene; these silent sources are painted into the glass. */
.drink-film-sources{position:fixed;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);pointer-events:none;left:0;top:0;z-index:-1}
.drink-film-sources video{width:1px;height:1px}