.beverage-focus{padding-top:120px;padding-bottom:110px;justify-content:center}
.beverage-focus>.eyebrow{font-size:17px;margin-bottom:18px}
.beverage-focus>h2{font-size:57px;line-height:1.3;margin-bottom:16px}
.beverage-intro{font-size:26px;line-height:1.6;color:var(--muted)}
.beverage-art{width:1544px;height:680px;max-width:100%;flex:none;overflow:visible;margin-top:10px}
.beverage-art text{font-family:var(--font);text-anchor:middle;fill:var(--lab-text)}
.station-label text{font-size:25px;font-weight:600}.station-label .station-number{font-size:17px;letter-spacing:3px;fill:var(--cyan)}
.station{transition:opacity .5s}.metal{fill:url(#steel);stroke:#7798a9;stroke-width:2}.machine-frame{fill:none;stroke:#7293a7;stroke-width:12;stroke-linejoin:round}.machine-edge{fill:none;stroke:#7399ac;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.machine-panel{fill:#142c47;stroke:#5a7d93;stroke-width:2}.tank-window{fill:url(#tank-window);stroke:#8ec2d5;stroke-width:2}.tank-liquid,.drink-liquid path{fill:url(#drink)}.mix-shaft{fill:none;stroke:#a6c4d1;stroke-width:4;transform-origin:133px 320px}.gauge{fill:#0a1e38;stroke:#8dafbd;stroke-width:2}.gauge-needle{stroke:#48daff;stroke-width:2}.equipment-label{font-size:13px;letter-spacing:2px}.pipe{fill:none;stroke:#426680;stroke-width:14;stroke-linejoin:round}.pipe-flow{fill:none;stroke:#d6b75f;stroke-width:4;stroke-dasharray:12 30;stroke-linejoin:round}.rinse-jets{fill:none;stroke:#48daff;stroke-width:3;stroke-dasharray:6 10}.status-light{fill:#48daff}.screen-text{font-size:13px;fill:#48daff!important}.fill-stream{fill:none;stroke:#edbd54;stroke-width:4;stroke-dasharray:8 8}.camera{fill:#254a66;stroke:#86b3c9;stroke-width:2}.scan-cone{fill:#48daff;opacity:.06}.scan-line{stroke:#48daff;stroke-width:2}.inspection-light rect{fill:#48daff}.reject-gate{fill:none;stroke:#7293a7;stroke-width:7}.label-roll{fill:#d9e8ed;stroke:#7895a7;stroke-width:3}.label-web{fill:none;stroke:#d9e8ed;stroke-width:7}.belt-motion{stroke:#48daff;stroke-opacity:.55;stroke-width:2;stroke-dasharray:8 34}.bottle-glass{fill:#88c6d6;fill-opacity:.12;stroke:#a6d4e4;stroke-width:1.8}.bottle-shine{fill:none;stroke:#d5f3ff;stroke-opacity:.6;stroke-width:2}.bottle-cap{fill:#45c6e5}.bottle-label rect{fill:#e7f1e8}.bottle-label path{fill:none;stroke:#166b7e;stroke-width:2}.line-bottle.is-reject .bottle-glass{stroke:#ffb46c;stroke-width:2.5}.box-label{font-size:20px;font-weight:700;fill:#75512f!important}.exception-lane{opacity:0;transition:opacity .5s}.reject-track{fill:none;stroke:#28445b;stroke-width:35;stroke-linejoin:round}.reject-dashes{fill:none;stroke:#b79c6f;stroke-width:2;stroke-dasharray:8 14}.exception-title{font-size:17px;font-weight:600;fill:#f0c38d!important}.exception-sub{font-size:13px;fill:#c7ad99!important}.operator-alert rect{fill:#172a40;stroke:#8b775d;stroke-width:2}.operator-alert circle{fill:#f0b875}.operator-alert text{font-size:15px}.operator-alert path{stroke:#64829a;stroke-width:3}.alert-link{fill:none;stroke:#d7a76a;stroke-width:2;stroke-dasharray:5 8}.beverage-focus[data-step="0"] .later-station{opacity:.22}.beverage-focus[data-step="2"] .exception-lane{opacity:1}.beverage-focus.has-reject .inspection-light rect{fill:#ffb46c}.beverage-focus.has-reject .inspection-light{animation:inspection-alert .7s ease-in-out infinite alternate}.beverage-focus.active .mix-shaft{animation:mix-stir 2.5s ease-in-out infinite}.beverage-focus.active .pipe-flow,.beverage-focus.active .rinse-jets,.beverage-focus.active .fill-stream{animation:liquid-flow 1s linear infinite}.beverage-focus.active .cap-head{animation:cap-press 1.8s ease-in-out infinite}.beverage-focus.active .scan-line{animation:scan-bottle 2s ease-in-out infinite alternate}.beverage-focus.active .packer-arm{animation:cap-press 2.4s ease-in-out infinite}.beverage-focus.active .belt-motion{animation:belt-travel 1.2s linear infinite}.beverage-focus[data-step="0"] .cap-head,.beverage-focus[data-step="0"] .scan-line,.beverage-focus[data-step="0"] .packer-arm{animation:none}
.beverage-focus .story-captions{margin-top:0;height:54px;flex:none}.beverage-focus .story-caption{font-size:27px}.beverage-note{font-size:16px;color:var(--muted);text-align:center;margin-top:0}.beverage-focus .step-controls{bottom:67px}
@keyframes liquid-flow{to{stroke-dashoffset:-42}}@keyframes belt-travel{to{stroke-dashoffset:-84}}@keyframes mix-stir{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.35)}}@keyframes cap-press{0%,25%,100%{transform:translateY(0)}55%,70%{transform:translateY(13px)}}@keyframes scan-bottle{from{transform:translateY(-25px);opacity:.2}to{transform:translateY(48px);opacity:.8}}@keyframes inspection-alert{from{opacity:.4}to{opacity:1}}
@container presentation (max-width:760px){.beverage-focus{padding:105px 26px 135px}.beverage-focus>h2{font-size:33px}.beverage-focus>.eyebrow{font-size:12px}.beverage-intro{font-size:20px}.beverage-art{width:100%;height:auto;margin-top:35px}.beverage-focus .story-captions{height:130px;margin-top:30px}.beverage-focus .story-caption{font-size:21px}.beverage-note{font-size:14px}.beverage-focus .step-controls{position:static;margin:15px 0}}
@media(prefers-reduced-motion:reduce){.beverage-focus *{animation:none!important;transition:none!important}}
@container presentation (min-width:761px){.beverage-art{height:610px}.beverage-focus{padding-top:120px;padding-bottom:100px}}
@container presentation (min-width:761px){.beverage-focus{padding-bottom:80px}}
@container presentation (max-width:760px){.beverage-focus{justify-content:flex-start}}

/* Inspection is introduced only in story step 5. */
.beverage-focus:not([data-step="2"]) .inspecting{opacity:.22}
.beverage-focus:not([data-step="2"]) .scan-line,.beverage-focus:not([data-step="2"]) .scan-cone{opacity:0;animation:none}
.beverage-focus:not([data-step="2"]) .inspection-light rect{fill:#426077}
.beverage-focus:not([data-step="2"]) .inspecting .camera+circle{stroke:#64829a}