/* Header stays outside the animated page and above the transition curtain. */
.siteHeader { z-index: 10000; }
.globalNav_item.is-menu-dismissed .megaMenu,
html.is-page-transitioning .megaMenu {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: none !important;
}
.pageTransition { position: fixed; inset: 0; z-index: 9000; display: grid; place-items: center; background: #f5f4f0; color: rgb(var(--color-main)); clip-path: inset(100% 0 0 0); pointer-events: none; will-change: clip-path; }
.pageTransition_inner { width: min(76vw,880px); }
.pageTransition small { display: block; font-family: var(--font-wide); font-size: 10px; line-height: 1.6; letter-spacing: .12em; }
.pageTransition_title { display: block; padding: 36px 0; font-size: clamp(28px,5vw,76px); font-weight: 700; letter-spacing: -.045em; line-height: 1.35; overflow-wrap: anywhere; }
.pageTransition_line { display: block; height: 1px; width: 100%; background: currentColor; }
.pageTransition_hint { margin-top: 20px; text-align: right; opacity: .65; }
.editorialProgress { position: fixed; z-index: 10001; top: 0; left: 0; height: 2px; width: 100%; transform: scaleX(0); transform-origin: left; background: rgb(var(--color-main)); pointer-events: none; }
.topHero_movie { overflow: hidden; }
html.lenis { scroll-behavior: auto !important; }
html.is-page-transitioning .pageTransition { pointer-events: auto; }
html.is-page-transitioning { cursor: progress; }
[data-barba="container"] { position: relative; }
.pageAnnouncement { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }