.opening{position:fixed;inset:0;z-index:100;background:#11120f;display:grid;place-items:center;overflow:hidden;opacity:1;transition:opacity .6s ease;isolation:isolate}
.opening[hidden],.opening-play[hidden]{display:none}
.opening video{display:block;width:100%;height:100%;object-fit:contain;background:#11120f;position:absolute;inset:0}
.opening-finished{opacity:0;pointer-events:none}
.opening-status{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:0;right:0;text-align:center;font-size:11px;color:#e8e0cfb3;letter-spacing:.4px;transition:opacity .4s}
.opening-playing .opening-status{opacity:0}
.opening-play{position:relative;z-index:1;display:flex;align-items:center;gap:24px;border:1px solid #e8e0cf66;background:#11120fe8;padding:18px 28px;color:#e8e0cf;backdrop-filter:blur(8px)}
html.intro-pending,html.intro-active{overflow:hidden}
html.intro-pending #site-content,html.intro-active #site-content{visibility:hidden}
body:has(.opening:not([hidden])):after{z-index:101}
@media(max-width:767px),(max-height:600px) and (pointer:coarse){.opening{height:100%;height:100dvh}.opening video{object-fit:cover;object-position:center}}
@media(prefers-reduced-motion:reduce){.opening,.opening-status{transition:none}}