/* STORY preloader — isolated full-viewport editorial reveal. */
html.story-preloader-active,
html.story-preloader-active body { overflow: hidden; }

.story-preloader {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: grid;
  place-items: center;
  background: #fff;
  color: #111;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: transform .62s cubic-bezier(.76,0,.24,1), visibility 0s linear .62s;
}

.story-preloader[hidden] { display: none !important; }

.story-preloader__mark {
  width: clamp(126px, 15vw, 230px);
  overflow: hidden;
}

.story-preloader__wordmark {
  display: block;
  width: 100%;
  height: auto;
  transform: translateY(112%);
  opacity: 0;
  animation: story-preloader-mark-in .58s cubic-bezier(.22,1,.36,1) .08s forwards;
}

.story-preloader.is-leaving { transform: translateY(-100%); }
.story-preloader.is-leaving .story-preloader__wordmark {
  opacity: 1;
  transform: translateY(0);
}

@keyframes story-preloader-mark-in {
  to { transform: translateY(0); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .story-preloader,
  .story-preloader__wordmark {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}