#brand-intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#123F40;color:#A78355;animation:intro-away .7s ease 3.6s forwards}
.intro-stage{width:min(530px,78vw);animation:intro-stage-away .7s ease 3.6s forwards}.intro-logo{display:block;width:100%;height:auto;overflow:visible}.intro-face-shadows{fill:#A78355;opacity:0;animation:face-form 2.1s ease .15s forwards}.intro-stroke{fill:none;stroke:#A78355;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:face-draw 1.75s cubic-bezier(.4,0,.2,1) var(--stroke-delay) forwards}.intro-lines{animation:line-settle .35s ease 2.35s forwards}.intro-lettering{fill:#A78355;opacity:0;filter:blur(9px);animation:name-focus 1s ease 2.1s forwards}#skip-intro{position:absolute;bottom:30px;right:35px;background:transparent;color:#fff;border:0;font:12px Arial,sans-serif;letter-spacing:1.5px;padding:12px;cursor:pointer}#skip-intro:focus-visible{outline:2px solid #fff;outline-offset:5px}body.intro-active{overflow:hidden}body.intro-active .hero-copy{animation:none;opacity:0}body.intro-complete .hero-copy{animation:hero-in 1.2s ease both}#brand-intro.skipped{animation:intro-away .25s ease forwards}#brand-intro.skipped .intro-stage{animation:none}
@keyframes face-form{0%{opacity:0}30%{opacity:.17}70%{opacity:.27}100%{opacity:1}}@keyframes face-draw{to{stroke-dashoffset:0}}@keyframes line-settle{to{opacity:0}}@keyframes name-focus{from{opacity:0;filter:blur(9px)}to{opacity:1;filter:blur(0)}}@keyframes intro-away{0%{opacity:1;visibility:visible}99%{visibility:visible}100%{opacity:0;visibility:hidden;pointer-events:none}}@keyframes intro-stage-away{to{transform:scale(1.035)}}
@media(max-width:760px){.intro-stage{width:min(430px,86vw)}#skip-intro{right:15px;bottom:22px;font-size:11px}}
@media(prefers-reduced-motion:reduce){#brand-intro{animation:intro-away .15s ease .2s forwards}.intro-stage{animation:none}.intro-face-shadows,.intro-lettering{animation:none;opacity:1;filter:none}.intro-lines{display:none}body.intro-active .hero-copy{opacity:1}body.intro-complete .hero-copy{animation:none}}