/* Logo intro remains independent of ordinary tab transitions. */
.brand-splash{display:flex;position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center;flex-direction:column;gap:24px;background:var(--bg);opacity:1;visibility:visible;pointer-events:auto;animation:intro-escape .4s 8s forwards;transition:opacity .38s ease,visibility .38s ease}
.brand-splash img{width:min(340px,76vw);height:auto;animation:none}
.brand-splash .splash-line{height:3px;width:64px;border-radius:3px;background:linear-gradient(90deg,#79c65c,#d4ff83);animation:none}
.brand-splash.is-leaving{opacity:0;visibility:hidden}
.brand-splash[hidden]{display:none}
@keyframes intro-escape{to{opacity:0;visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.brand-splash{display:none}}