/* V02: shared blue highlights with the original light section rhythm.
   The complete V01 design is saved separately in outputs/versions. */
:root {
  --site-blue-background: radial-gradient(ellipse at 100% 0, #849fc7 0, transparent 62%), linear-gradient(115deg, #263f79, #586b99);
}
/* Use the first-visit gradient on the large atmospheric highlights.
   Reading surfaces, information panels, regional cards and map retain
   their original backgrounds and contrasting text. */
html :is(
  .atmospheric,
  .story-atmosphere,
  .page-masthead,
  .home-visit,
  .gallery-intro,
  .visitor-hero,
  .visitor-flow-section,
  .visitor-arrival,
  .visitor-final,
  .amenity-cafe,
  .jesus-page .jesus-hero
) {
  background: var(--site-blue-background);
  color: #fff;
}

/* Original navigation layout with stronger, uppercase typography. */
.site-header .header-inner nav {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .045em;
  text-transform: uppercase;
}

.site-header .header-inner .nav-visit {
  letter-spacing: .035em;
  white-space: nowrap;
}

/* Landing video: the existing hero photo remains the loading and motion fallback. */
.hero-video {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center center;
  opacity: 0;
  transition: opacity .45s ease;
}

.hero-video.is-playing {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .hero-video {
    display: none;
  }
}

@media (max-width: 1180px) {
  .site-header .header-inner nav > a:not(.nav-visit) {
    font-size: 18px;
    letter-spacing: .055em;
  }

  .site-header .header-inner .nav-visit {
    text-transform: uppercase;
    letter-spacing: .04em;
  }
}