/* One opaque cover fades once; no page visibility, layout or browser color changes. */
.brand-intro{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;overflow:hidden;background:#720113;pointer-events:none;animation:brand-cover-away 420ms ease-out 950ms both}
.brand-intro-logo{display:block;width:min(360px,70vw);aspect-ratio:213/50;background:#eee3d5;-webkit-mask:url('assets/logo.svg') center/contain no-repeat;mask:url('assets/logo.svg') center/contain no-repeat;animation:brand-mark-in 240ms ease-out both}
@keyframes brand-mark-in{from{opacity:0}to{opacity:1}}
@keyframes brand-cover-away{from{opacity:1}to{opacity:0}}
@media(max-width:600px){.brand-intro-logo{width:min(280px,70vw)}}
@media(prefers-reduced-motion:reduce){.brand-intro{display:none;animation:none}}