.brand-portal{height:300svh;background:#0a3767}.brand-pin{height:100svh;min-height:600px;position:sticky;top:0;overflow:hidden;isolation:isolate}.brand-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.brand-cover{position:absolute;inset:0;width:100%;height:100%;stroke:none;opacity:var(--cover,1);z-index:-1}.brand-tagline{position:absolute;left:0;right:0;top:65%;text-align:center;opacity:var(--tag,1);transform:translateY(calc((1 - var(--tag,1))*-30px))}.brand-tagline p{font-size:24px;font-weight:600;letter-spacing:2px}.brand-tagline span{display:block;font-size:11px;letter-spacing:3px;margin-top:15px;color:#cedae6}.brand-scroll{position:absolute;bottom:9%;width:100%;text-align:center;font-size:10px;letter-spacing:2px;opacity:var(--tag,1)}.brand-scroll span{display:grid;place-items:center;border:1px dashed #ffffff70;border-radius:50%;width:48px;height:48px;margin:16px auto;font-size:23px}.brand-film-shade{position:absolute;inset:0;background:linear-gradient(90deg,#00111bcc,#00111b55);opacity:var(--intro,0);z-index:-2}.brand-intro{position:absolute;left:8%;right:8%;top:32%;opacity:var(--intro,0);transform:translateY(calc((1 - var(--intro,0))*45px));pointer-events:none}.brand-intro>p{font-size:13px;letter-spacing:2px;margin-bottom:20px}.brand-intro h2{font-size:clamp(38px,5vw,78px);letter-spacing:-2px}.brand-description{font-size:15px;line-height:1.9;margin-top:25px;color:#e1e8eb}.brand-directions{display:flex;gap:8vw;margin-top:35px}.brand-directions span{font-size:9px;color:#b8d2e3;letter-spacing:1px}.brand-directions b{font-size:43px;display:block;font-weight:500;line-height:1.3;color:white}.brand-intro>a{display:inline-block;margin-top:35px;border:1px solid #ffffff65;border-radius:30px;padding:9px 22px;font-size:13px;pointer-events:auto}@media(max-width:700px){.brand-portal{height:250svh}.brand-cover{width:150%;left:-25%}.brand-tagline p{font-size:17px;letter-spacing:1px}.brand-tagline span{font-size:8px;letter-spacing:1px}.brand-intro{left:7%;right:7%;top:28%}.brand-intro h2{font-size:36px}.brand-description{font-size:13px}.brand-directions{gap:22px}.brand-directions span{font-size:8px;letter-spacing:0}.brand-directions b{font-size:34px}}@media(prefers-reduced-motion:reduce){.brand-portal{height:100svh}.brand-pin{position:relative}.brand-cover,.brand-tagline,.brand-scroll{display:none}.brand-intro,.brand-film-shade{opacity:1;transform:none}}

/* Independent scroll stages: enter the letters, watch the fast montage, then reveal copy. */
.brand-portal{height:430svh}.brand-intro{opacity:1;transform:none;visibility:visible}.brand-intro>*{opacity:var(--intro,0);transform:translateY(calc((1 - var(--intro,0))*55px));will-change:opacity,transform}.brand-intro h2{opacity:clamp(0,calc((var(--intro,0) - .10)*1.3),1);transform:translateY(calc((1 - clamp(0,(var(--intro,0) - .10)*1.3,1))*55px))}.brand-description{opacity:clamp(0,calc((var(--intro,0) - .2)*1.4),1)}.brand-directions{opacity:clamp(0,calc((var(--intro,0) - .3)*1.6),1)}.brand-intro>a{opacity:clamp(0,calc((var(--intro,0) - .4)*1.8),1)}@media(max-width:700px){.brand-portal{height:380svh}}@media(prefers-reduced-motion:reduce){.brand-portal{height:100svh}.brand-intro>*{opacity:1!important;transform:none!important}}