@font-face{font-family:TransitionGreycliff;src:url(assets/greycliff-cf-700.woff2);font-weight:700;font-display:swap}
.brand-switch-screen{position:fixed;inset:0;z-index:2147483647;background:#101010;color:#f6f6f6;display:flex;align-items:center;justify-content:center;pointer-events:none;visibility:hidden;transform:translateY(-101%);transition:transform 1s cubic-bezier(.76,0,.24,1),visibility 1s;overflow:hidden}
.brand-switch-screen img,.brand-switch-screen>span{display:none}.brand-switch-screen p{font-family:TransitionGreycliff,Greycliff,greycliff-cf,sans-serif;font-size:clamp(45px,11vw,180px);font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:-.055em;margin:0;text-align:center;transform:translateY(70px);opacity:0;transition:transform .75s cubic-bezier(.22,1,.36,1),opacity .5s}
.brand-arriving .brand-switch-screen,.brand-switching .brand-switch-screen{visibility:visible;transform:translateY(0);pointer-events:auto}.brand-arriving .brand-switch-screen p,.brand-switching .brand-switch-screen p{transform:translateY(0);opacity:1}.brand-switching .brand-switch-screen{transition-duration:.75s}.brand-revealing .reference-heading h1{animation:brand-title-in 1.1s cubic-bezier(.22,1,.36,1) both}@keyframes brand-title-in{from{clip-path:inset(100% 0 0);transform:translateY(40px)}to{clip-path:inset(0);transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.brand-switch-screen,.brand-switch-screen p{transition:none}.brand-revealing .reference-heading h1{animation:none}}

.brand-arriving .brand-switch-screen{z-index:2147483646;transition:none}.brand-arriving .brand-switch-screen p{visibility:hidden}

/* The loader owns the entrance; keep the destination still while measuring and handing off. */
.hero-content{animation:none}

/* Shared curtain bridges the two documents without a second, mismatched title. */
html .brand-switch-screen{background:#101010;transition-timing-function:cubic-bezier(.65,0,.25,1)}
.brand-switching .brand-switch-screen p{visibility:hidden}

/* Keep the hero fixed in place until the entrance hands it back to the page. */
html{scrollbar-gutter:stable}html.brand-scroll-locked{overflow:hidden!important;overscroll-behavior:none;touch-action:none;scroll-behavior:auto!important}html.brand-scroll-locked body{overscroll-behavior:none;touch-action:none}