.logo-intro{display:none;position:fixed;inset:0;z-index:1000;pointer-events:none;overflow:hidden}.logo-intro-active .logo-intro{display:block;animation:intro-exit 2s linear both}.logo-portal{position:absolute;inset:0;width:100%;height:100%;stroke:none;fill:none;max-width:none}.portal-aperture{transform-origin:800px 450px;animation:logo-aperture 2s cubic-bezier(.76,0,.24,1) both}.intro-logo-window{position:absolute;top:50%;left:50%;width:47.5vw;min-width:calc(100svh * .8444);transform:translate(-50%,-50%);overflow:hidden;animation:logo-white-exit 2s linear both}.intro-logo-window img{display:block;width:100%;height:auto;filter:brightness(0) invert(1);animation:logo-rise 750ms cubic-bezier(.22,1,.36,1) both}.intro-signature{position:absolute;left:0;right:0;top:calc(50% + 80px);text-align:center;font:400 8px/1.5 "Open Sauce One",Arial,sans-serif;letter-spacing:.24em;color:#a89d95;animation:logo-caption 2s ease both}.logo-intro-active .hero-copy h1 .motion-word,.logo-intro-active .hero-copy>p,.logo-intro-active .hero-actions,.logo-intro-active .hero-disciplines,.logo-intro-active.home-page .site-header,.logo-intro-active .home-page .site-header{animation-play-state:paused!important}
@keyframes logo-rise{from{transform:translateY(105%)}to{transform:translateY(0)}}
@keyframes logo-white-exit{0%,43%{opacity:1}54%,100%{opacity:0}}
@keyframes logo-aperture{0%,43%{transform:scale(1)}95%,100%{transform:scale(40)}}
@keyframes intro-exit{0%,82%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes logo-caption{0%,12%{opacity:0;transform:translateY(8px)}28%,42%{opacity:1;transform:none}60%,100%{opacity:0}}
@media(max-width:600px){.intro-signature{top:calc(50% + 75px);font-size:7px}.logo-portal{width:160%;left:-30%}.intro-logo-window{min-width:0;width:76vw}.portal-aperture{transform-origin:800px 450px}}
@media(prefers-reduced-motion:reduce){.logo-intro-active .logo-intro{display:none}.logo-intro-active .hero-copy h1 .motion-word,.logo-intro-active .hero-copy>p,.logo-intro-active .hero-actions,.logo-intro-active .hero-disciplines,.logo-intro-active .home-page .site-header{animation-play-state:running!important}}
/* Match the SVG aperture and white wordmark at every viewport ratio. */
.intro-logo-window{width:min(76vw,760px);min-width:0}.logo-portal{width:100%;left:0}.intro-signature{top:calc(50% + min(12vw,110px))}