/* Generated by intro.py (the home-page intro). Do not edit by hand: change the constants at the top of intro.py. */
.intro{display:none}
html.is-intro .intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;overflow:hidden;background:#032E54;cursor:pointer;animation:intro-out 0.5s ease-in-out 1.6s forwards}
html.is-lock{scrollbar-color:#032E54 #032E54}
.intro__frame{display:flex;flex-direction:column;align-items:center;gap:clamp(14px,3vmin,26px);padding:0 16px;animation:intro-grow 0.5s ease-in-out 1.6s forwards}
.intro__mark{display:block;width:clamp(11rem,40vmin,20rem);height:auto;opacity:0;animation:intro-mark 0.75s cubic-bezier(.2,.7,.2,1) 0.1s forwards}
.intro__name,.intro__tag{margin:0;text-align:center;font-weight:700;line-height:1.3;opacity:0}
.intro__name{font-size:clamp(.8125rem,1.9vmin + .3rem,1.0625rem);letter-spacing:.09em;color:#fff;animation:intro-text 0.65s ease 0.5s forwards}
.intro__tag{font-size:clamp(.625rem,1.3vmin + .25rem,.8125rem);letter-spacing:.24em;color:#C9922A;margin-top:calc(clamp(14px,3vmin,26px) * -.45);animation:intro-text 0.65s ease 0.65s forwards}
@keyframes intro-mark{from{opacity:0;transform:translateY(14px) scale(.965)}to{opacity:1;transform:none}}
@keyframes intro-text{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes intro-grow{to{transform:scale(1.04)}}
@keyframes intro-out{to{opacity:0;visibility:hidden}}
@media (prefers-reduced-motion:reduce){html.is-intro .intro{display:none}}
@media print{.intro{display:none!important}}