/* Keep the shared navigation usable with browser bars, zoom and landscape. */
.ex-mobile-nav{max-height:calc(100dvh - 76px - 12px);overflow-y:auto;overscroll-behavior:contain}
.ex-mobile-nav a{flex-shrink:0;min-height:44px}
@media  (max-width:620px) and (max-device-width:899px), (max-width:620px) and (max-width:599px), (max-device-width:558px) and (min-device-width:900px) and (hover:hover) and (pointer:fine) and (min-width:600px){html:not(.ex-optical-desktop) .ex-mobile-nav{max-height:calc(100dvh - 64px - 12px)}}

/* Touch users need an exit from the fullscreen fallback as well as Escape. */
.demo-player{position:relative}
.demo-close{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));z-index:3;min-height:44px;min-width:44px;padding:10px 16px;border:1px solid #fff8;border-radius:3px;background:#111c;color:#fff;font:400 12px/1.3 var(--sans);letter-spacing:.1em;cursor:pointer}
.demo-close:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
body.demo-open{overflow:hidden}

/* Opaque shared header; no gradient, blur, light border or shadow. */
.nav,.nav.is-solid{background:#000;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
/* The shade follows measured text, without changing its line breaks. */
.hero-editorial:after{right:auto;width:var(--editorial-shade-width,100%)}
@media  (max-width:980px) and (max-device-width:899px), (max-width:980px) and (max-width:599px), (max-device-width:882px) and (min-device-width:900px) and (hover:hover) and (pointer:fine) and (min-width:600px){
 html:not(.ex-optical-desktop) .hero-editorial{isolation:isolate;background:transparent}
 html:not(.ex-optical-desktop) .hero-editorial:after{content:"";display:block;inset:0 auto 0 0;width:var(--editorial-shade-width,100%);border-radius:6px;background:radial-gradient(ellipse at 53% 52%,rgba(7,7,7,.56) 0%,rgba(9,9,9,.43) 60%,rgba(9,9,9,.20) 91%,rgba(9,9,9,.11) 100%);mask-image:none;-webkit-mask-image:none;backdrop-filter:none;-webkit-backdrop-filter:none}
}
/* Let the measured right margin extend past the caption's fixed layout box. */
.hero-editorial.reveal.in{clip-path:inset(0 -48px 0 0)}