/* The original product banner stays in place beneath the cinematic layer. */
.ready-watch-intro{display:inline-flex;gap:8px;align-items:center;border:1px solid #d3e9b43d;border-radius:28px;background:#d1eaa60c;color:#dceacb;padding:10px 14px;min-height:44px;font:inherit;font-size:12px;cursor:pointer;transition:background .25s,transform .25s}.ready-watch-intro:hover{background:#d1eaa626;transform:translateY(-2px)}.ready-hero-actions{flex-wrap:wrap}.ready-film-storage[hidden]{display:none}.ready-film-stage{position:relative}.ready-intro-video{display:block;width:100%;height:100%}.film-accessible-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ready-film-controls{position:absolute;display:flex;z-index:2}.ready-film-controls button{border:1px solid #b7d49b35;border-radius:30px;padding:10px 16px;background:#12251988;color:#d8e8c9;font:inherit;font-size:12px;min-height:44px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
/* The same film moves into the top layer, then returns to its banner. */
html.ready-cinema-active{overflow:hidden;scrollbar-gutter:stable}
.ready-cinema-dialog{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:transparent;color:#e8efdf;opacity:1;transition:opacity .75s cubic-bezier(.22,1,.36,1),filter .75s ease}
.ready-cinema-dialog::backdrop{background:rgba(3,12,7,.88);backdrop-filter:blur(24px) saturate(.4);-webkit-backdrop-filter:blur(24px) saturate(.4)}
.ready-cinema-dialog[open]{animation:cinema-arrive .65s ease;display:flex;align-items:center;justify-content:center}
.ready-cinema-dialog .ready-film-stage{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;background:transparent}
.ready-cinema-dialog .ready-intro-video{object-fit:contain;background:transparent;mix-blend-mode:screen}
.cinema-glass-top{position:absolute;z-index:2;top:max(20px,env(safe-area-inset-top));left:clamp(18px,4vw,70px);right:clamp(18px,4vw,70px);display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border:1px solid #d9edca1a;border-radius:24px;background:#d8edcb08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.cinema-wordmark{font-size:18px;font-weight:750;letter-spacing:-.7px;color:#d6e5ceaa}.cinema-wordmark span{color:#d7f09d88}
#readyCinemaClose{min-height:44px;border:0;border-radius:20px;padding:8px 13px;background:#e5f7d90b;color:#d8e5cd;font:inherit;font-size:12px;cursor:pointer}#readyCinemaClose span{margin-left:14px;font-size:20px}
.ready-cinema-dialog .ready-film-controls{bottom:max(26px,env(safe-area-inset-bottom));left:clamp(24px,5vw,80px);right:clamp(24px,5vw,80px)}
.ready-cinema-dialog .ready-film-controls>a{display:none}
.ready-cinema-dialog.is-leaving{opacity:0;filter:blur(6px);pointer-events:none}
.ready-cinema-dialog button:focus-visible{outline:2px solid #d7f09d;outline-offset:4px}
@keyframes cinema-arrive{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.ready-cinema-dialog[open]{animation:none}.ready-cinema-dialog{transition:none}}
.ready-cinema-dialog::backdrop{transition:background .75s ease,backdrop-filter .75s ease,-webkit-backdrop-filter .75s ease}
.ready-cinema-dialog.is-leaving::backdrop{background:rgba(3,12,7,0);backdrop-filter:blur(0) saturate(1);-webkit-backdrop-filter:blur(0) saturate(1)}
@media(prefers-reduced-motion:reduce){.ready-cinema-dialog::backdrop{transition:none}.ready-watch-intro{transition:none}}