/* Version two: one cinematic scene, with the café introduction over the film. */
.cinema-version .hero{position:relative;isolation:isolate;display:flex;justify-content:center;width:100%;max-width:none;min-height:780px;height:calc(100svh - 120px);max-height:1080px;margin:0;padding:100px 56px 120px;overflow:hidden;background:#030b07}
.cinema-version .hero-copy{position:relative;z-index:2;max-width:920px;text-align:center;text-shadow:0 2px 28px #0008;animation:none}
.cinema-version .hero .eyebrow,.cinema-version .hero-note{justify-content:center}
.cinema-version .hero h1{font-size:clamp(4rem,7.5vw,7.5rem);line-height:1.03;letter-spacing:-.04em}
.cinema-version .hero-description{max-width:520px;margin:0 auto 30px;color:#f6f3e9;line-height:1.75}
.cinema-version .hero-note{color:#f6f3e9d9;margin-top:28px}
.cinema-version .ritual-visual{position:absolute;inset:0;z-index:0;width:100%;max-width:none;padding:0;animation:none;pointer-events:none}
.cinema-version .ritual-stage{position:absolute;inset:0;aspect-ratio:auto;height:100%!important;border:0;border-radius:0;box-shadow:none;background:#030b07}
.cinema-version .ritual-stage video{width:100%;height:100%;object-fit:contain;object-position:center;filter:saturate(.88);mask-image:linear-gradient(90deg,transparent 0%,#000 20%,#000 80%,transparent 100%)}
.cinema-version .ritual-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0005 0%,#0006 40%,#0007 75%,#0009 100%);pointer-events:none}
.cinema-version .ritual-edition,.cinema-version .ritual-caption,.cinema-version .ritual-visual>.image-caption{display:none}
.cinema-version .ritual-controls{position:absolute;z-index:3;bottom:25px;right:56px;padding:0;gap:28px;pointer-events:auto;text-shadow:0 1px 8px #000}
.cinema-version .ritual-controls button{font-size:14px;color:#f6f3e9}
.cinema-version .ritual-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;opacity:.65}
.cinema-version .hero .button{text-shadow:none}
@media(min-width:1400px){.cinema-version .ritual-stage video{object-fit:cover;object-position:center 62%}.cinema-version .hero{min-height:900px}}
@media(max-width:800px){.cinema-version .hero{min-height:760px;height:calc(100svh - 145px);max-height:none;padding:90px 24px 120px}.cinema-version .hero h1{font-size:clamp(3.4rem,11vw,5.5rem)}.cinema-version .hero-description{font-size:16px;max-width:450px}.cinema-version .ritual-stage video{transform:scale(1.35);mask-image:none}.cinema-version .ritual-controls{left:24px;right:24px;bottom:20px;justify-content:space-between}.cinema-version .hero-note{font-size:12px}.cinema-version .ritual-stage::after{background:linear-gradient(180deg,#0005,#0007 50%,#0008)}}
@media(prefers-reduced-motion:reduce){.cinema-version .ritual-stage video{filter:none}}
@media(max-width:800px){.cinema-version .ritual-stage video{position:absolute;width:140%;height:auto;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%);mask-image:linear-gradient(180deg,transparent 0%,#000 15%,#000 78%,transparent 100%)}}
/* Keep the original desktop hero proportions instead of growing with the viewport. */
@media(min-width:801px){.cinema-version .hero{height:730px;min-height:730px;max-height:730px;padding:64px 56px 80px}.cinema-version .hero h1{font-size:clamp(4rem,6.4vw,6.5rem)}.cinema-version .ritual-stage video{position:absolute;left:50%;width:auto;height:100%;max-width:none;transform:translateX(-50%);object-fit:contain;mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 82%,transparent 100%)}}
.cinema-version .hero{justify-content:flex-start;padding-inline:max(56px,calc((100% - 1328px)/2))}
.cinema-version .hero-copy{text-align:left;max-width:570px}
.cinema-version .hero .eyebrow,.cinema-version .hero-note{justify-content:flex-start}
.cinema-version .hero-description{margin-left:0;max-width:455px}
.cinema-version .hero h1{font-size:clamp(3.5rem,5.65vw,5.55rem);letter-spacing:-2.5px}
.cinema-version .ritual-stage::after{background:linear-gradient(90deg,#0009 0%,#0005 36%,#0001 65%,#0002 100%)}
@media(min-width:801px){.cinema-version .ritual-stage video{left:74%}}
@media(min-width:1600px){.cinema-version .ritual-stage video{left:70%}}
@media(max-width:1100px) and (min-width:801px){.cinema-version .hero{padding-inline:32px}.cinema-version .hero-copy{max-width:49%}.cinema-version .hero h1{font-size:4rem}.cinema-version .ritual-stage video{left:78%}}
@media(max-width:800px){.cinema-version .hero{padding:52px 24px 380px;height:auto;min-height:920px;align-items:flex-start}.cinema-version .hero h1{font-size:clamp(3.2rem,10vw,5rem);letter-spacing:-1.5px}.cinema-version .hero-copy{max-width:560px}.cinema-version .ritual-stage video{top:auto;bottom:35px;transform:translateX(-50%);width:120%;mask-image:linear-gradient(180deg,transparent,#000 15%,#000 85%,transparent)}.cinema-version .ritual-stage::after{background:linear-gradient(180deg,#0008 0%,#0005 35%,#0001 65%,#0002 100%)}.cinema-version .hero-note{margin-top:22px}}
/* A continuous forest-green stage, with the original changing ritual captions. */
.cinema-version .hero{background:linear-gradient(180deg,#081b14 0%,#163d31 46%,#405e4e 100%)}
.cinema-version .ritual-stage{background:transparent}
.cinema-version .ritual-stage::after{background:linear-gradient(90deg,#102d2326 0%,#0b211a12 45%,#00000008 75%,#00000012 100%)}
.cinema-version .ritual-caption{display:block;left:74%;right:auto;bottom:65px;width:44%;transform:translateX(-50%);text-shadow:0 2px 14px #0008}
.cinema-version .ritual-caption>span{font-size:11px;letter-spacing:1.7px;margin-bottom:8px}
.cinema-version .ritual-caption strong{font-size:clamp(20px,2vw,25px)}
.cinema-version .ritual-controls{bottom:12px}
@media(min-width:801px){.cinema-version .ritual-stage video{transform:translate(-50%,-26px);mask-image:linear-gradient(90deg,transparent 0%,#000 26%,#000 80%,transparent 100%)}}
@media(min-width:1600px){.cinema-version .ritual-caption{left:70%}}
@media(max-width:1100px) and (min-width:801px){.cinema-version .ritual-caption{left:76%;width:44%}}
@media(max-width:800px){.cinema-version .ritual-caption{left:50%;width:calc(100% - 32px);bottom:67px}.cinema-version .ritual-stage video{bottom:85px}.cinema-version .hero{padding-bottom:425px;min-height:965px}.cinema-version .ritual-stage::after{background:linear-gradient(180deg,#102d2322,#0000000a)}.cinema-version .ritual-controls{bottom:13px}}
@media(min-width:801px){.cinema-version .ritual-stage video{mask-image:linear-gradient(90deg,transparent 0%,#000 26%,#000 80%,transparent 100%),linear-gradient(180deg,#000 0%,#000 82%,transparent 100%);mask-composite:intersect}}
/* Extend the film's pale studio floor across the entire hero. */
.cinema-version .hero{background:linear-gradient(180deg,#071810 0%,#123428 32%,#325346 60%,#788e80 84%,#b4beb7 100%)}
.cinema-version .hero-note{color:#fff;text-shadow:0 1px 6px #102d23}
.cinema-version .ritual-controls button{text-shadow:0 1px 5px #102d23,0 1px 12px #102d23}
@media(min-width:801px){.cinema-version .ritual-stage video{mask-image:linear-gradient(90deg,transparent 0%,#000 34%,#000 76%,transparent 100%),linear-gradient(180deg,#000 0%,#000 76%,transparent 100%);mask-composite:intersect}}