.booth-slide{padding-top:120px;padding-bottom:105px;justify-content:center}
.booth-background>.eyebrow{font-size:17px;margin-bottom:20px}
.booth-background>h2{font-size:64px;line-height:1.3;margin-bottom:0}
.booth-layout{display:grid;grid-template-columns:560px 1fr;gap:32px;align-items:center;margin-top:-10px}
.booth-copy{position:relative;min-height:355px}.booth-copy-before,.booth-copy-after{position:absolute;inset:0;transition:opacity .45s,transform .45s}
.booth-copy-after{opacity:0;visibility:hidden;transform:translateY(12px)}
.booth-slide:not([data-step="0"]) .booth-copy-before{opacity:0;visibility:hidden;transform:translateY(-12px)}
.booth-slide:not([data-step="0"]) .booth-copy-after{opacity:1;visibility:visible;transform:none}
.booth-lead{font-size:34px;line-height:1.55}.booth-support{font-size:25px;line-height:1.7;color:var(--muted);margin-top:30px}.booth-question{font-size:24px;line-height:1.6;color:var(--cyan-soft);margin-top:30px}
.booth-art{display:block;width:100%;height:auto;overflow:visible}
.booth-art text{font-family:var(--font)}.booth-brand{font-size:21px;font-weight:700;letter-spacing:3px;text-anchor:middle;fill:#162b44}.poster-title{font-size:10px;fill:#233e57;font-weight:700}.poster-detail{font-size:10px;fill:#3c5b70}.booth-screen-frame{fill:#050e27;stroke:#5a708a;stroke-width:3;transition:stroke .5s}.static-screen-title{font-size:17px;letter-spacing:1px;fill:#b7c6d5;text-anchor:middle}.screen-note{font-size:17px;fill:#a5bad0;text-anchor:middle}.counter-brand{font-size:13px;letter-spacing:2px;fill:#b3c7d7;text-anchor:middle}
.booth-before-screen,.booth-after-screen{transition:opacity .55s}.booth-after-screen{opacity:0}.booth-slide:not([data-step="0"]) .booth-before-screen{opacity:0}.booth-slide:not([data-step="0"]) .booth-after-screen{opacity:1}.booth-slide:not([data-step="0"]) .booth-screen-frame{stroke:var(--cyan)}
.booth-line-preview text{font-family:var(--font);text-anchor:middle;fill:var(--lab-text)}.booth-line-preview .exception-lane{display:none}.booth-line-preview .station-label{opacity:.8}
.booth-touch-ring{opacity:0;transform-origin:669px 460px}.booth-slide.active[data-step="1"] .booth-touch-ring{animation:booth-touch 2s ease-out infinite}.booth-slide.active[data-step="1"] .pipe-flow,.booth-slide.active[data-step="1"] .fill-stream,.booth-slide.active[data-step="1"] .rinse-jets{animation:liquid-flow 1s linear infinite}.booth-slide.active[data-step="1"] .belt-motion{animation:belt-travel 1.2s linear infinite}.booth-slide.active[data-step="1"] .cap-head{animation:cap-press 1.8s ease-in-out infinite}
.booth-slide .story-captions{flex:none;height:54px;margin-top:0}.booth-slide .story-caption{font-size:26px}.booth-slide .step-controls{bottom:78px}
.booth-zoom{position:fixed;left:0;top:0;z-index:19;pointer-events:none;background:#05082e;transform-origin:top left;border:1px solid #48daff;border-radius:10px;box-shadow:0 0 55px rgba(0,194,255,.1)}
@keyframes booth-touch{0%{opacity:0;transform:scale(.5)}30%{opacity:.7}100%{opacity:0;transform:scale(1.8)}}
@container presentation (max-width:760px){.booth-slide{padding:105px 26px 130px;justify-content:flex-start}.booth-background>h2{font-size:35px}.booth-background>.eyebrow{font-size:12px}.booth-layout{grid-template-columns:1fr;gap:15px;margin-top:25px}.booth-copy{min-height:300px}.booth-lead{font-size:25px}.booth-support{font-size:19px;margin-top:20px}.booth-question{font-size:19px;margin-top:20px}.booth-art{width:100%}.booth-slide .story-captions{height:100px;margin-top:20px}.booth-slide .story-caption{font-size:20px}.booth-slide .step-controls{position:static}}
@media(prefers-reduced-motion:reduce){.booth-slide *{animation:none!important;transition:none!important}}
@container presentation (min-width:761px){.booth-art{height:600px;transform:translateY(-60px)}.booth-slide{padding-bottom:80px}}
/* Steps 3–5 expand just the production line over the original booth scene. */
.booth-background{display:flex;flex-direction:column;justify-content:center;flex:1;min-height:0;transition:opacity .45s;}
.booth-slide.is-line-open .booth-background{filter:blur(10px);opacity:.24;pointer-events:none;user-select:none}
.booth-slide .beverage-focus{position:absolute;inset:160px 110px 140px;padding:0;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transform:translate(280px,80px) scale(.3);transform-origin:center;transition:opacity .5s,transform .65s cubic-bezier(.22,1,.36,1),visibility 0s .65s;z-index:2}
.booth-slide.is-line-open .beverage-focus{opacity:1;visibility:visible;transform:none;transition:opacity .5s,transform .65s cubic-bezier(.22,1,.36,1)}
.booth-slide .beverage-focus .beverage-art{width:100%;height:100%;margin:0;max-width:100%}
.booth-slide .story-captions,.booth-slide .step-controls{z-index:3}
.booth-slide.is-line-open .story-captions{position:absolute;left:188px;right:188px;bottom:117px;width:auto}
.booth-slide.is-line-open .step-controls{bottom:68px}
@container presentation (max-width:760px){.booth-background{flex:none}.booth-slide .beverage-focus{inset:180px 10px auto;height:360px;transform:translateY(100px) scale(.65)}.booth-slide.is-line-open .beverage-focus{transform:none}.booth-slide.is-line-open .booth-background{height:420px;overflow:hidden;flex:none}.booth-slide.is-line-open .story-captions{position:relative;left:auto;right:auto;bottom:auto;width:100%;margin-top:30px;height:120px}.booth-slide.is-line-open .step-controls{position:relative;right:auto;left:auto;bottom:auto;flex-wrap:wrap}.booth-slide.is-line-open .beverage-focus .beverage-art{min-width:0}}
@media(prefers-reduced-motion:reduce){.booth-slide .beverage-focus{transition:none;transform:none}}

/* Reserve the caption row throughout the reveal so the blurred scene never reflows. */
@container presentation (min-width:761px){.booth-background{margin-bottom:54px}.booth-slide .story-captions{position:absolute;left:188px;right:188px;bottom:117px;width:auto}.booth-slide .step-controls{bottom:68px}}

/* A physical display: dark bezel, recessed glass and a wall shadow. */
.booth-screen-frame{fill:#0a0d16;stroke:#343c4a;stroke-width:2}
.booth-slide:not([data-step="0"]) .booth-screen-frame{stroke:#465968}

/* Reveal from the physical display; the booth keeps the same layout behind it. */
.booth-slide .beverage-focus{transform:translate(var(--screen-origin-x,280px),var(--screen-origin-y,80px)) scale(var(--screen-origin-scale,.3));transition:opacity .45s,transform .85s cubic-bezier(.22,1,.36,1),visibility 0s .85s}
.booth-slide.is-line-open .beverage-focus{transform:translate(0,0) scale(1);transition:opacity .45s,transform .85s cubic-bezier(.22,1,.36,1)}
.booth-slide.active[data-step="1"] .booth-after-screen{filter:drop-shadow(0 0 6px rgba(72,218,255,.16))}
@media(prefers-reduced-motion:reduce){.booth-slide .beverage-focus{transition:none!important;transform:none!important}}