/* Supplied portrait artwork stays complete, including its cup and ingredient labels. */
.cinematic .product-panel .product-still.flavor-poster{aspect-ratio:3/4;max-width:540px;background:transparent;border-radius:20px;box-shadow:0 24px 55px #30251518}
.cinematic .product-panel .flavor-poster img{width:100%;height:auto!important;aspect-ratio:3/4;object-fit:contain!important}
.eat-jump{display:inline-flex;align-items:center;gap:14px;font-size:16px;margin:24px 0 0;color:#8e2928;text-decoration:underline;text-underline-offset:5px;min-height:44px}
.how-to-eat{padding:65px 6% 100px;background:linear-gradient(#fff9ed,#f7edd9 45%,#fff9ed);color:#25352b;scroll-margin-top:100px}
.eat-heading{max-width:1220px;margin:0 auto 32px}.eat-heading .chapter-kicker{font-size:14px!important;letter-spacing:.09em;margin-bottom:14px!important}.eat-heading h2{font-size:clamp(32px,4.5vw,62px);font-weight:600;line-height:1.35;letter-spacing:-.035em;margin:0 0 20px}.eat-heading h2 em{font-style:normal;color:#a42424}.eat-heading>p:last-child{font-size:17px;line-height:1.9;max-width:640px;color:#526047}
.eat-layout{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(300px,.85fr);gap:5%;align-items:center;max-width:1220px;margin:auto}.eat-stage{min-width:0;position:relative;aspect-ratio:1.12;overflow:hidden;border-radius:28px;background:#f3e6cc;box-shadow:0 22px 65px #70562c14}.eat-fallback{display:block;width:100%;height:100%;object-fit:contain}.eat-video{display:block;width:100%;height:100%;object-fit:contain;outline:none}.eat-stage-caption{position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:12px;color:#6e5739;letter-spacing:.15em;pointer-events:none}.eat-stage:not(.is-ready) .eat-stage-caption{display:none}.eat-stage [hidden]{display:none!important}
.eat-steps{list-style:none;padding:0;margin:0;display:grid;gap:12px}.eat-steps button{font:inherit;display:flex;align-items:flex-start;position:relative;text-align:left;gap:18px;width:100%;padding:24px 20px;color:#526047;border:1px solid transparent;background:transparent;border-radius:18px;cursor:pointer;overflow:hidden}.eat-steps button:disabled{cursor:default;opacity:1}.eat-steps button[aria-pressed=true]{background:#fffaf0;border-color:#d7b77d;color:#283a2d;box-shadow:0 9px 24px #b8955720}.eat-number{font-size:16px;line-height:1.8;color:#a52b27;font-variant-numeric:tabular-nums;flex-shrink:0}.eat-steps strong{display:block;font-size:23px;font-weight:600;line-height:1.5;margin:0 0 5px}.eat-step-description{display:block;font-size:16px;line-height:1.8}.eat-step-progress{position:absolute;bottom:0;left:0;height:3px;width:var(--eat-progress,0%);background:#b73027}.eat-controls{display:flex;gap:12px;flex-wrap:wrap;margin:25px 20px 0}.eat-controls button{font:inherit;font-size:14px;font-weight:600;min-height:44px;padding:11px 20px;border-radius:24px;border:1px solid #c5b291;color:#553d2b;background:transparent;cursor:pointer}.eat-controls .eat-play{background:#a42424;border-color:#a42424;color:white}.eat-controls button:disabled{opacity:.4;cursor:default}.eat-note{font-size:14px;line-height:1.85;color:#766648;margin:22px 20px 0}.eat-controls button:focus-visible,.eat-steps button:focus-visible{outline:3px solid #a42424;outline-offset:4px}
.eat-step-description{white-space:pre-line}
.eat-stage .eat-sound,.eat-stage .eat-start{position:absolute;z-index:2;font:inherit;font-size:14px;font-weight:600;line-height:1.5;min-height:44px;border-radius:24px;padding:10px 18px;cursor:pointer;box-shadow:0 3px 16px #30251518}
.eat-stage .eat-sound{top:14px;right:14px;border:1px solid #c5b291;color:#553d2b;background:#fffaf0}
.eat-stage .eat-start{left:50%;bottom:54px;transform:translateX(-50%);max-width:calc(100% - 32px);width:max-content;border:1px solid #a42424;color:#fff;background:#a42424}
.eat-stage button:focus-visible{outline:3px solid #a42424;outline-offset:4px}.eat-stage button:disabled{opacity:.4;cursor:default}
@media(max-width:850px){.eat-layout{grid-template-columns:1fr;gap:25px;max-width:620px}.eat-heading{max-width:620px}.eat-stage{aspect-ratio:1.1}.eat-steps{gap:8px}.eat-steps button{padding:18px 20px}.eat-steps strong{font-size:21px}.eat-controls{margin-top:20px}.how-to-eat{padding:45px 6% 65px}.cinematic .product-panel .product-still.flavor-poster{max-width:480px}}
@media(max-width:420px){.eat-stage{aspect-ratio:.92;border-radius:20px}.eat-heading h2{font-size:34px}.eat-steps button{padding:17px 14px;gap:13px}.eat-controls,.eat-note{margin-left:14px;margin-right:14px}.eat-heading>p:last-child{font-size:16px}.eat-controls button{padding:11px 16px}}