.site-intro{display:none}
html[data-site-intro] .site-intro{display:grid;position:fixed;inset:0;z-index:10000;place-items:center;box-sizing:border-box;padding:28px;background:radial-gradient(ellipse at 50% 40%,#fffef9,transparent 68%),#f2eddf;animation:site-intro-failsafe 240ms 1800ms both}
.site-intro-lockup{width:clamp(200px,52vw,320px);text-align:center}
.site-intro-logo{position:relative;isolation:isolate;overflow:hidden;animation:site-intro-arrive 600ms cubic-bezier(.23,1,.32,1) both}
.site-intro-logo img{display:block;width:100%;height:auto;aspect-ratio:448.91/117.69}
.site-intro-logo:after{content:'';position:absolute;inset:-30% -50%;pointer-events:none;background:linear-gradient(110deg,transparent 38%,#fffdf8bd 50%,transparent 62%);animation:site-intro-light 800ms 160ms cubic-bezier(.77,0,.175,1) both}
.site-intro-line{display:block;width:60px;height:1px;margin:30px auto 0;background:#9f8255;transform-origin:left;animation:site-intro-rule 800ms 120ms cubic-bezier(.23,1,.32,1) both}
html[data-site-intro="leaving"] .site-intro{pointer-events:none;animation:site-intro-failsafe 240ms cubic-bezier(.23,1,.32,1) both}
@keyframes site-intro-arrive{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
@keyframes site-intro-light{from{transform:translateX(-100%);opacity:0}20%{opacity:1}to{transform:translateX(100%);opacity:0}}
@keyframes site-intro-rule{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
@keyframes site-intro-failsafe{from{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){html[data-site-intro] .site-intro{animation:site-intro-failsafe 160ms 160ms both}.site-intro-logo,.site-intro-line{animation:none}.site-intro-logo:after{display:none}html[data-site-intro="leaving"] .site-intro{animation-duration:160ms}}