/* The SVG remains in its header anchor for the entire sequence. */
.site-header .intro-logo{display:block;width:162px;flex-shrink:0;transform-origin:0 0;position:relative;aspect-ratio:4/1}
.intro-logo .brand-drawing{display:block;width:var(--logo-art-width,100%);transform:scale(var(--logo-rest-scale,1));transform-origin:0 0;will-change:transform;height:auto;position:absolute;left:0;top:0;overflow:visible;color:#eeece5}
.brand-drawing path{fill:currentColor;stroke:none}
.intro-screen{display:none}
.intro-active{overflow:hidden}
.intro-active .intro-screen{display:block;position:fixed;inset:0;background:#0b0b0a;z-index:80}
.intro-active .site-header{z-index:90;background:transparent;border-color:transparent}
.intro-active .site-header>*:not(.intro-logo){visibility:hidden}
.intro-active .intro-logo{visibility:hidden;pointer-events:none}
.intro-active .intro-logo.is-positioned{visibility:visible}
.intro-active .draw-name{fill-opacity:0;stroke-opacity:1}
.intro-active .draw-name path{stroke:currentColor;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}
.intro-active .draw-subtitle{opacity:0}
.intro-active main,.intro-active .site-footer{visibility:hidden}
.intro-active .hero *{animation:none!important;transition:none!important}
@media(max-width:600px){.site-header .intro-logo{width:149px}}
@media(prefers-reduced-motion:reduce){.intro-screen{display:none!important}.intro-active .intro-logo{visibility:visible!important;transform:none!important}}