/* Two-second entry cue. No additional navigation or progress dashboard. */
html:has(.entry-transition[open]) { overflow:hidden; }
.entry-transition { border:0; padding:0; margin:0; width:100vw; max-width:none; height:100dvh; max-height:none; background:#080f19; color:#f6f0e5; overflow:auto; }
.entry-transition::backdrop { background:#080f19; }
.entry-transition-inner { min-height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; padding:20px; text-align:center; }
.entry-transition video { display:block; width:min(360px,72vw); height:min(450px,60dvh); object-fit:contain; background:#080f19; flex:none; }
.entry-transition h2 { font-size:clamp(1.4rem,4vw,2rem); margin:0; font-weight:500; }
.entry-transition p { color:#b3c2cd; margin:0; font-size:.9rem; }
.entry-transition a { color:#a1deca; padding:12px; font-size:.85rem; text-underline-offset:4px; }
.entry-transition a:focus-visible { outline:2px solid #a1deca; outline-offset:2px; }
.entry-transition[open] video { animation:entry-arrive .18s ease-out both; }
@keyframes entry-arrive { from { opacity:0; } to { opacity:1; } }
@media(prefers-reduced-motion:reduce) { .entry-transition video { display:none; animation:none!important; } }