/* CSS always releases the intro, even if JavaScript or a media request fails. */
.brand-intro{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#faf7f0;pointer-events:none;animation:brand-intro-exit 2.4s ease forwards}
.brand-intro img{display:block;width:min(340px,68vw);height:auto;animation:brand-logo-arrive 1.1s cubic-bezier(.22,1,.36,1) both}
@keyframes brand-logo-arrive{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}
@keyframes brand-intro-exit{0%,45%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
.brand-intro[hidden],.motion-paused .brand-intro{display:none!important}
@media(prefers-reduced-motion:reduce){.brand-intro{animation:brand-intro-exit .2s linear forwards}.brand-intro img{animation:none}}
@media print{.brand-intro{display:none}}