/* Approved film artwork: vertical notes, a small gap at the glass, gentle dashed curves. */
.taste-film{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:16/9;width:100%;background:#0b1019;container-type:inline-size}
.taste-film>video{display:block;width:100%;height:100%;object-fit:contain;transform:translateX(3%) scale(1.06)}
.taste-illustrations{position:absolute;inset:0;pointer-events:none;color:#eeeae3;--gold:#d4b979}
.taste-connectors{position:absolute;inset:0;width:100%;height:100%}
.taste-mask-line{fill:none;stroke:white;stroke-width:12;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.taste-ink{fill:none;stroke:var(--gold);stroke-width:1.4;stroke-dasharray:4 5;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:0}
.taste-note{position:absolute;left:49%;width:10.5%;transform:translate(-50%,-50%);text-align:center;opacity:0;filter:drop-shadow(0 2px 5px #080c1299)}
.taste-note-0{top:19.75%}.taste-note-1{top:38.25%}.taste-note-2{top:56.75%}.taste-note-3{top:75.25%}
.taste-drawing{width:46px;height:48px;margin:0 auto 3px}
.taste-drawing svg{display:block;width:100%;height:100%;overflow:visible}
.taste-note strong{display:block;color:#e6cd94;font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1.3}
.taste-note>span{display:block;color:#c6cbd1;font-size:11px;line-height:1.6;margin-top:3px}
.taste-film .steam{animation:taste-steam 4s ease-in-out infinite;transform-origin:center}
.taste-paused .steam{animation-play-state:paused}
@keyframes taste-steam{0%,100%{opacity:.55;transform:translateY(1px)}50%{opacity:.95;transform:translateY(-2px)}}
.cinema-stage{container:cinema / inline-size;display:flex;flex-direction:column}
.cinema-copy{left:4.75%;width:38%;max-width:450px}
.cinema-copy h2{font-size:clamp(32px,3cqw,46px)}
.film-modal-controls{display:flex;justify-content:center;gap:12px;margin:18px 0}
.film-modal-controls button{font:inherit;font-size:14px;min-height:44px;padding:8px 18px;color:#eeeae3;background:#17202e;border:1px solid #394150;border-radius:7px;cursor:pointer}
@container(max-width:1000px){.taste-drawing{width:38px;height:40px}.taste-note strong{font-size:16px}.taste-note>span{font-size:10px}}
@container(max-width:800px){.taste-note{left:47%;width:18%}.taste-drawing{width:32px;height:34px}.taste-note strong{font-size:15px}.taste-note>span{display:none}.taste-ink{stroke-width:1.2;stroke-dasharray:3 4}}
@container(max-width:600px){.taste-note-0{top:16%}.taste-note-1{top:37%}.taste-note-2{top:58%}.taste-note-3{top:79%}}
@container(max-width:500px){.taste-note{left:47%;width:21%}.taste-drawing{width:24px;height:25px;margin-bottom:2px}.taste-note strong{font-size:13px;line-height:1.2}.taste-note-0{top:15%}.taste-note-1{top:36%}.taste-note-2{top:57%}.taste-note-3{top:78%}.taste-ink{stroke-width:.9;stroke-dasharray:2 3}}
@container cinema (max-width:800px){.cinema-copy{position:static;order:-1;transform:none;width:100%;max-width:none;text-align:center;padding:30px 24px}.cinema-copy .store-buttons{justify-content:center}.cinema-copy h2{font-size:32px}.cinema-controls{position:static;justify-content:center;padding:12px 16px}}
@media(prefers-reduced-motion:reduce){.taste-film .steam{animation:none}}