#brand-intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#fff;pointer-events:none}
#brand-intro[hidden]{display:none}
.brand-signature{text-align:center}
.brand-signature>.brand-wordmark{font-size:clamp(46px,8vw,100px)}
.brand-signature svg{display:block;width:130px;height:24px;margin:20px auto 0;overflow:visible}
.brand-signature path{fill:none;stroke:#7753ad;stroke-width:1.3}
.brand-playing{animation:brand-reveal 1100ms ease-in-out both}
.brand-playing .brand-signature{animation:brand-settle 600ms cubic-bezier(.2,.7,.3,1) both}
.brand-playing path{stroke-dasharray:240;animation:brand-wave 850ms ease-out both}
@keyframes brand-reveal{0%,68%{opacity:1}100%{opacity:0}}
@keyframes brand-settle{from{transform:translateY(6px) scale(.97);opacity:0}to{transform:none;opacity:1}}
@keyframes brand-wave{from{stroke-dashoffset:240}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){#brand-intro{display:none}.project-map .map-node{transform:none!important}}