/* A single entrance. All page content remains usable without this enhancement. */
.hero-intro { display:none; position:fixed; inset:0; z-index:81; pointer-events:none; overflow:hidden; }
.hero-intro[hidden] { display:none!important; }
html[data-hero-intro="playing"] .hero-intro { display:block; animation:intro-fail-open 3.1s step-end forwards; }
.hero-intro__veil { position:absolute; inset:0; background:#fff; }
.hero-intro__lockup { position:absolute; left:50%; top:46%; width:min(62vw,760px); max-width:none; height:auto; transform:translate(-50%,-50%); opacity:0; }
.hero-intro__flight { position:absolute; inset:0; overflow:hidden; }
.hero-intro__flight img { position:absolute; max-width:none; height:auto; transform-origin:0 0; opacity:0; mix-blend-mode:multiply; }
/* The supplied motif has a tiny stray mark in its otherwise empty lower-left
   corner. Exclude that corner while it travels, without changing the artwork. */
.hero-intro__motif { clip-path:polygon(0 0,100% 0,100% 100%,2% 100%,2% 97%,0 97%); }
@media(max-width:580px) { .hero-intro__lockup { width:88vw; top:44%; } }
@media(prefers-reduced-motion:reduce),print { .hero-intro { display:none!important; } }