/* A brief brand opening. Content remains usable without JavaScript. */
.site-intro[hidden]{display:none!important}
.site-intro{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;pointer-events:none;background:#fcfcfc;color:#202126;animation:intro-failsafe .5s 2.4s both}
.intro-center{position:relative;width:min(260px,52vw);text-align:center;animation:intro-arrive .5s cubic-bezier(.2,.75,.2,1) both}
.intro-center:before{content:'';position:absolute;inset:-55% -35%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#ff5c9f19,transparent 65%);animation:intro-bloom 1s ease-out both}
.intro-logo{display:block;width:100%;height:auto;filter:brightness(0)}
.intro-line{position:relative;display:block;width:72px;height:2px;margin:30px auto 17px;background:#e6e6eb;overflow:hidden}
.intro-line:after{content:'';position:absolute;inset:0;background:#ff5c9f;transform:translateX(-100%);animation:intro-sweep .65s .1s cubic-bezier(.2,.7,.2,1) both}
.intro-caption{font-family:Arial,sans-serif;font-size:10px;line-height:1.6;letter-spacing:.14em;white-space:nowrap;color:#666671;margin-left:-25%;width:150%}
.site-intro.is-leaving{opacity:0;visibility:hidden;transition:opacity .32s ease,visibility 0s .32s}
.site-intro.is-leaving .intro-center{opacity:0;transform:translateY(-8px);transition:opacity .3s,transform .45s}
.intro-active .hero-type>*,.intro-active .hero-film{animation-play-state:paused!important}
@keyframes intro-arrive{from{opacity:0;transform:translateY(14px) scale(.97);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes intro-bloom{from{opacity:0;transform:scale(.65)}60%{opacity:1}to{opacity:.6;transform:scale(1.05)}}
@keyframes intro-sweep{0%{transform:translateX(-100%)}70%{transform:translateX(0)}100%{transform:translateX(100%)}}
@keyframes intro-failsafe{to{opacity:0;visibility:hidden}}
@media(max-width:700px){.intro-center{width:180px;max-width:52vw}.intro-line{margin-top:24px}.intro-caption{font-size:9px;letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){.site-intro{display:none!important}.intro-active .hero-type>*,.intro-active .hero-film{animation-play-state:running!important}}
