/* Bespoke vector lettering: identical geometry in the ident and navigation. */
.wordmark.wordmark-square{display:block;width:84px;height:64px;line-height:0}
.wordmark img{width:100%;height:100%;display:block}
.footer-top .wordmark{width:105px;height:80px}
.brand-intro{display:none}
html.intro-active{overflow:hidden;scrollbar-gutter:stable}
.intro-active .brand-intro{display:block;position:fixed;inset:0;z-index:200;isolation:isolate}
.brand-intro__backdrop{position:absolute;inset:0;background:#000}
.brand-intro__stage{position:absolute;width:min(88vw,640px,88svh);aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%)}
.brand-intro video{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}
.brand-intro__mark{position:absolute;left:18.5%;top:26%;width:63%;height:48%;opacity:0;transform-origin:0 0;will-change:transform}
.brand-intro__skip{position:absolute;right:4.4%;bottom:max(26px,env(safe-area-inset-bottom));background:none;border:0;border-bottom:1px solid #f7f5ee55;padding:12px 2px;color:#f7f5ee;font:500 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;min-height:44px}
.intro-active .site-header .wordmark{visibility:hidden}
.intro-active .film-haze{animation-play-state:paused}
@media(max-width:760px){
  .site-header .wordmark.wordmark-square{width:63px;height:48px}
  .brand-intro__skip{right:5%;font-size:11px}
}
@media(max-width:360px){.site-header{gap:12px}.site-header .wordmark.wordmark-square{width:57.75px;height:44px}.site-header .nav-cta{font-size:11px;padding-inline:9px}}
@media(prefers-reduced-motion:reduce){.brand-intro{display:none!important}.intro-active .site-header .wordmark{visibility:visible}}