/* Compact poster at rest; full original film on request. */
.coffee-media{width:100%;min-width:0;align-self:center}
.coffee-poster{position:relative;display:block;width:100%;padding:0;border:0;border-radius:24px;background:#fff;overflow:hidden;cursor:pointer;color:#fff;font:inherit}
.coffee-poster img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.coffee-poster span{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);white-space:nowrap;background:#183f36;padding:10px 20px;border-radius:30px;font-size:15px}
.coffee-poster:focus-visible{outline:3px solid #a63742;outline-offset:5px}
.coffee-media [hidden]{display:none!important}
.coffee-media video{display:block;width:100%;height:auto!important;max-height:65vh;max-width:100%;aspect-ratio:9/16;object-fit:contain;margin:auto;box-shadow:none!important}
.coffee .hero{padding-bottom:24px;gap:28px}
.coffee .film{gap:30px;margin-top:0;margin-bottom:32px;padding:28px 0!important;grid-template-columns:1fr minmax(260px,420px)}
.intro{gap:32px;padding-bottom:32px}.portrait{max-width:440px;transform:none}.portrait img{border-radius:50%;box-shadow:none;mask-image:radial-gradient(ellipse closest-side,#000 92%,transparent 100%)}
.watch{background:#fff;border-block:1px solid #dbe7df;border-radius:0;padding:28px 0;gap:30px;margin-bottom:32px}
@media(max-width:700px){.coffee .hero{gap:18px;padding:20px 0}.coffee .film{grid-template-columns:1fr;gap:18px;padding:22px 0!important;margin-bottom:24px}.coffee .film .small{margin-bottom:0}.intro{padding:12px 0 24px;gap:18px}.portrait{max-width:340px}.watch{gap:18px;padding:22px 0;margin-bottom:28px}.modes{margin-top:18px}.coffee-media{max-width:480px;margin:auto}.coffee-poster span{bottom:12px}.coffee .core{padding:22px 0}.coffee .shelf{padding:26px 0}}