/* Shared overrides for Readymag-free development snapshots. */
html.uxp-static-export,
html.uxp-static-export body {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  background: #000;
}

.uxp-static-export article.center-page {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.uxp-static-export [data-uxp-quiet],
.uxp-static-export .page-loader,
.uxp-static-export .loading-overlay {
  display: none !important;
}

.uxp-static-export .content-scroll-wrapper {
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}

.uxp-static-export img {
  content-visibility: auto;
}

.uxp-static-export video {
  object-fit: cover !important;
  object-position: 50% 50%;
}

/* Kalashnikov hero: the authored mark starts at y=40.55 and intersects the
   fixed 16..98px header. Move the complete foreground group together, keeping
   its internal rhythm and the video background unchanged. At 1440px this
   leaves a clear gap below the header and still fits the first screen. */
.uxp-static-export article[data-page-uri="kalashnikov"] :is(
  [data-id="6901abca4b71aaf9aef93fbd"],
  [data-id="690381fd3b676f3635e34c7c"],
  [data-id="6901abca4b71aaf9aef93fbf"],
  [data-id="6901abca4b71aaf9aef93fc1"],
  [data-id="6901abca4b71aaf9aef93fc3"],
  [data-id="6901abca4b71aaf9aef93fc0"],
  [data-id="6901abca4b71aaf9aef93fc2"]
) {
  transform: translate3d(0, 40px, 0) !important;
}

/* Language/project copy dissolves for 1.5s, but its selection geometry should
   answer immediately. Keep the outline light and elastic instead of waiting
   for the text morph and then performing another long 1.5s movement. */
.uxp-static-export #uxp-casenav .uxp-cn-projects.uxp-cn-locale-sizing {
  transition: width .68s cubic-bezier(.22, 1, .36, 1);
  will-change: width;
}
.uxp-static-export #uxp-casenav .uxp-cn-projects.uxp-cn-locale-sizing .uxp-cn-project-option {
  transition: width .68s cubic-bezier(.22, 1, .36, 1),
    flex-basis .68s cubic-bezier(.22, 1, .36, 1), color .28s ease;
}
.uxp-static-export #uxp-casenav .uxp-cn-project-label {
  display: inline-block;
}
.uxp-static-export #uxp-casenav .uxp-cn-projects.uxp-cn-locale-sizing .uxp-cn-projects__selection {
  transition-duration: .68s, .68s, .68s, .28s;
  transition-timing-function: cubic-bezier(.22, 1, .36, 1),
    cubic-bezier(.22, 1, .36, 1), cubic-bezier(.22, 1, .36, 1), ease;
  will-change: width, transform;
}

/* The adaptive sampler cannot inspect the GPU-owned page snapshots while a
   Document View Transition is active. Preserve whichever binary ink decision
   was already correct until the real localized article is measurable again. */
.uxp-static-export #uxp-casenav[data-uxp-static-contrast-lock="dark"] {
  --uxp-cn-ink: #000 !important;
  --uxp-cn-icon-filter: brightness(0) !important;
  --uxp-cn-selection: rgba(255, 255, 255, .56) !important;
  --uxp-cn-passive: rgba(0, 0, 0, .62) !important;
}
.uxp-static-export #uxp-casenav[data-uxp-static-contrast-lock="light"] {
  --uxp-cn-ink: #fff !important;
  --uxp-cn-icon-filter: none !important;
  --uxp-cn-selection: rgba(255, 255, 255, .16) !important;
  --uxp-cn-passive: rgba(255, 255, 255, .68) !important;
}
.uxp-static-export #uxp-casenav[data-uxp-static-contrast-lock="dark"] .uxp-cn-logo img,
.uxp-static-export #uxp-casenav[data-uxp-static-contrast-lock="dark"] .uxp-cn-tg img {
  filter: brightness(0) !important;
}
.uxp-static-export #uxp-casenav[data-uxp-static-contrast-lock="light"] .uxp-cn-logo img,
.uxp-static-export #uxp-casenav[data-uxp-static-contrast-lock="light"] .uxp-cn-tg img {
  filter: none !important;
}

@media (hover: hover) and (pointer: fine) {
  .uxp-static-export #cursor {
    will-change: transform;
  }
}

@media (hover: none), (pointer: coarse) {
  .uxp-static-export #cursor {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.uxp-static-running *,
  html.uxp-static-running *::before,
  html.uxp-static-running *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }
}
