/* Full-height, photograph-led opening; the real invitation follows the film. */
.cinema-opening,.welcome .cinema-opening{position:fixed;inset:0;z-index:100;height:100vh;height:100svh;padding:0;overflow:hidden;isolation:isolate;background:#e9e3d5}
.cinema-backdrop{position:absolute;inset:-45px;background:linear-gradient(#ece6d877,#ece6d8aa),url('envelope-reference.jpg') center/cover;filter:blur(30px);opacity:.5;transform:scale(1.08)}
.cinema-stage{position:absolute;inset:0;display:flex;justify-content:center;align-items:center}
#envelope-film{display:block;width:auto;height:100%;max-width:100%;object-fit:contain;pointer-events:none}
.opening-controls{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(transparent 72%,#eee8dc33)}
.cinema-opening #open-invitation,.welcome .cinema-opening #open-invitation{pointer-events:auto;bottom:max(65px,calc(env(safe-area-inset-bottom) + 57px));min-height:52px;padding:15px 30px;border-radius:30px;border:1px solid #d8c59a;background:#f7f4e9f2;color:#3f5133;font:14px/1.4 var(--sans);letter-spacing:.035em;box-shadow:0 5px 30px #352f2529;transition:opacity .45s ease,background .2s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.cinema-opening #open-invitation:hover{background:#fffdf4}.cinema-opening #open-invitation:disabled{cursor:wait}
.cinema-opening #skip-opening{pointer-events:auto;bottom:max(9px,env(safe-area-inset-bottom));min-height:44px;border:0;background:#f7f4e9bd;color:#47573a;font:12px var(--sans);padding:10px 18px;border-radius:25px;transition:opacity .4s}
.cinema-opening.is-playing #open-invitation{opacity:0;pointer-events:none}.cinema-opening.is-playing .opening-controls{background:none}.cinema-opening.is-playing #skip-opening{opacity:.7}
.cinema-opening.is-revealing .opening-controls{opacity:0;pointer-events:none}.cinema-opening.is-revealing #skip-opening{pointer-events:none}
#opening-status{position:absolute;bottom:126px;left:10%;width:80%;max-width:440px;margin:0;text-align:center;font:13px/1.5 var(--sans);color:#35472b;background:#faf7efed;border-radius:10px}#opening-status:empty{display:none}
.welcome main{padding-top:calc(var(--header) + env(safe-area-inset-top))}
@media(max-width:600px){#envelope-film{width:100%;height:100%;max-width:none;object-fit:cover}.cinema-backdrop{display:none}}
@media(prefers-reduced-motion:reduce){.cinema-opening #open-invitation,.cinema-opening #skip-opening{transition:none}}