.brand-intro{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:#111310;color:#f5f2e9;overflow:hidden;z-index:2147483646;animation:intro-reveal .5s ease 1.35s forwards}
.brand-intro[open]{display:grid;place-items:center}
.brand-intro::backdrop{background:transparent}
.brand-intro-mark{display:flex;flex-direction:column;align-items:center;line-height:1;animation:intro-mark-in .65s cubic-bezier(.2,.7,.2,1) both}
.brand-intro-mark strong{font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(82px,18vw,160px);letter-spacing:-.075em;font-weight:700;padding-right:.075em}
.brand-intro-mark span{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(13px,2.6vw,20px);letter-spacing:.45em;padding-left:.45em;margin-top:18px}
.brand-intro-skip{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));right:28px;border:0;border-bottom:1px solid #aaa;background:transparent;color:#eee;font:14px Arial,sans-serif;padding:12px 4px;cursor:pointer}
.brand-intro-skip:focus-visible{outline:2px solid #eee;outline-offset:5px}
@keyframes intro-mark-in{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:none}}
@keyframes intro-reveal{to{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.brand-intro{display:none!important;animation:none}.brand-intro-mark{animation:none}}