.brand-intro{display:none;position:fixed;inset:0;z-index:1000;isolation:isolate;overflow:hidden}
html[data-intro] .brand-intro{display:block}
.brand-intro__panels{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr)}
.brand-intro__panels i{background:#0c1017;display:block;height:100%;position:relative}
.brand-intro__panels i:nth-child(2){background:#101720}
.brand-intro__panels i:nth-child(3){background:#141e2a}
.brand-intro__echo{position:absolute;width:min(100vw,1000px);height:min(100vw,1000px);right:-12%;bottom:-27%;fill:none;stroke:#ceb183;stroke-width:.035;opacity:.19;transform:rotate(-8deg) scale(1.18)}
.brand-intro__logo{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:24px;transform-origin:center;will-change:transform,opacity}
.brand-intro__mark{width:125px;height:125px;overflow:visible;fill:var(--gold);stroke:var(--gold);stroke-width:.28}
.brand-intro__logo .nav__wordmark{font-size:56px;letter-spacing:.045em;line-height:1;white-space:nowrap}
.brand-intro__logo .nav__wordmark small{font-size:12px;letter-spacing:.44em;margin-top:15px}
.brand-intro__logo .nav__wordmark{opacity:0}
.brand-intro__skip{position:absolute;right:5vw;bottom:35px;display:flex;align-items:center;gap:25px;font-size:12px;color:#d3c8b6;min-height:44px;padding:10px}
html[data-intro] .skip-link{visibility:hidden}
@media(max-width:760px){.brand-intro__logo{gap:13px}.brand-intro__mark{width:74px;height:74px}.brand-intro__logo .nav__wordmark{font-size:32px}.brand-intro__logo .nav__wordmark small{font-size:8px;letter-spacing:.35em;margin-top:10px}.brand-intro__echo{width:160vw;height:160vw;right:-60%;bottom:-5%}.brand-intro__skip{right:20px;bottom:20px}}
@media(prefers-reduced-motion:reduce){html[data-intro] .brand-intro{display:none}}