#brand-intro{display:none}
html.brand-intro-active{overflow:hidden;scrollbar-gutter:stable}
.brand-intro-active #brand-intro{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;isolation:isolate}
.brand-intro-backdrop{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 44%,#fff 15%,#f4fbf6 75%,#edf8f5 100%);will-change:opacity}
.brand-intro-content{display:flex;flex-direction:column;align-items:center;gap:22px;max-width:100%;padding:24px 20px 64px}
#brand-intro-logo{display:block;width:min(84vw,calc(100dvh - 170px),900px);height:auto;aspect-ratio:1;object-fit:contain;transform-origin:top left;will-change:transform}
.brand-intro-loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:28px;color:#243c3d;font-family:Andika,Arial,sans-serif;font-size:16px;line-height:1.4}
.brand-intro-spinner{width:22px;height:22px;flex-shrink:0;border:3px solid #b5e9e6;border-top-color:#008b92;border-radius:50%;animation:brand-intro-spin .8s linear infinite}
.brand-intro-active .site-header .brand>img{opacity:0;will-change:opacity}
.brand-intro-landed .site-header .brand>img{opacity:1}
@keyframes brand-intro-spin{to{transform:rotate(360deg)}}
@media(max-width:600px){.brand-intro-content{gap:18px}.brand-intro-loading{font-size:14px}}
@media(prefers-reduced-motion:reduce){.brand-intro-spinner{animation:none;border-color:#00c2cb}}
@media print{#brand-intro{display:none!important}.brand-intro-active .site-header .brand>img{opacity:1}}