@import url("/font-faces.css");

/* The head script sets this before body parsing. Opacity also covers images
   whose legacy styles explicitly override inherited visibility. */
html.media-enhanced body{transition:opacity 220ms ease-out}
html.assets-pending body{opacity:0;visibility:hidden}
/* A failed or stalled font must not replace visible fallback text later. */
html.fonts-fallback body,html.fonts-fallback body *,.page-view.fonts-fallback,.page-view.fonts-fallback *{font-family:Arial,sans-serif!important}
.logo .image-link{position:relative;display:block}
.logo img,.logo-secondary img{aspect-ratio:4096/958;object-fit:contain}
.logo .logo-fallback{position:absolute;inset:0;display:flex;align-items:center;white-space:nowrap;font:400 18px/1 Arial,sans-serif;color:#999}
.logo.logo-error img{visibility:hidden}
.media-enhanced .native-video video{transition:opacity var(--media-fade-duration) ease-out}
.media-enhanced .native-video video.poster-pending{opacity:0}
@media(prefers-reduced-motion:reduce){html.media-enhanced body,.media-enhanced .native-video video{transition:none}}