.face-intro{position:fixed;inset:0;z-index:200;background:#20372d;display:grid;place-items:center;pointer-events:none;overflow:hidden;animation:intro-away .65s 1.45s cubic-bezier(.7,0,.25,1) both}.face-intro[hidden]{display:none}.intro-inner{text-align:center;color:#f4efe5;position:relative;animation:intro-mark .8s .05s ease both}.intro-emblem{height:100px;width:100px;margin:0 auto 27px;position:relative;display:grid;place-items:center}.intro-emblem svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.intro-emblem circle{stroke:#bd9250;stroke-width:1;fill:none;stroke-dasharray:296;stroke-dashoffset:296;animation:intro-ring 1s .05s ease forwards}.intro-emblem span{font:italic 68px Georgia,serif;color:#d3b580;padding-right:7px;animation:intro-letter .8s .2s ease both}.intro-brand{font:500 clamp(23px,5vw,35px) Georgia,serif;letter-spacing:.18em}.intro-tagline{font:10px system-ui,sans-serif;letter-spacing:.28em;color:#d1d9c6;margin-top:17px}.intro-line{height:1px;width:90px;margin:25px auto 0;background:#bd9250;transform-origin:left;animation:intro-line 1.2s .2s ease both}.face-intro:before,.face-intro:after{content:'';position:absolute;width:65vw;height:65vw;border:1px solid #bd92501a;border-radius:50%;pointer-events:none}.face-intro:before{left:-38vw;bottom:-30vw}.face-intro:after{right:-38vw;top:-30vw}
@keyframes intro-mark{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes intro-letter{from{opacity:0;filter:blur(8px);transform:scale(.85)}to{opacity:1;filter:blur(0);transform:none}}@keyframes intro-ring{to{stroke-dashoffset:0}}@keyframes intro-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes intro-away{0%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 0 100% 0);visibility:hidden}}@keyframes hero-arrive{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:no-preference){.intro-running #hero .w{animation-play-state:paused}.intro-running #hero .stage,.intro-running #hero .sub,.intro-running #hero .ctas,.intro-running #hero .cred{opacity:0}.intro-finished #hero .stage{animation:hero-arrive 1.1s ease both}.intro-finished #hero .sub{animation:hero-arrive .85s .15s ease both}.intro-finished #hero .ctas{animation:hero-arrive .85s .35s ease both}.intro-finished #hero .cred{animation:hero-arrive .85s .45s ease both}}
@media(prefers-reduced-motion:reduce){.face-intro{display:none!important}.intro-running #hero .stage,.intro-running #hero .sub,.intro-running #hero .ctas,.intro-running #hero .cred{opacity:1}}