/* Preserve the full 4K devotional artwork at its native ratio on wide screens. */
@media (min-width: 1100px) {
  .home-page .hero {
    min-height: 700px;
    background:
      radial-gradient(circle at 72% 44%, rgba(231, 180, 76, 0.18), transparent 34%),
      linear-gradient(115deg, #3b120d 0%, #5b1d13 45%, #36100c 100%);
  }

  .home-page .hero-art {
    inset: auto clamp(32px, 3.5vw, 72px) auto 49%;
    top: calc(50% + (var(--header-height) / 2));
    width: auto;
    aspect-ratio: 16 / 9;
    transform: translateY(-50%);
    overflow: hidden;
    border: 1px solid rgba(244, 203, 112, 0.55);
    border-radius: 30px;
    background-color: #27100c;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    box-shadow:
      0 30px 80px rgba(18, 4, 2, 0.48),
      0 0 0 8px rgba(255, 247, 222, 0.05);
  }

  .home-page .hero::after {
    background:
      linear-gradient(90deg, rgba(43, 10, 8, 0.42), transparent 46%),
      radial-gradient(circle at 24% 46%, rgba(170, 72, 32, 0.22), transparent 45%);
  }

  .home-page .hero-copy {
    width: min(100% - 48px, 1260px);
    min-height: 626px;
    padding-right: 0;
  }

  .home-page .hero-copy > * {
    width: min(43%, 540px);
    flex-shrink: 0;
  }

  .home-page .hero-actions,
  .home-page .trust-row {
    width: min(43%, 540px);
  }

  .home-page .hero h1 {
    max-width: 540px;
    color: #fff9eb;
    font-size: clamp(46px, 3.4vw, 58px);
    text-shadow: 0 3px 24px rgba(35, 8, 5, 0.28);
  }

  .home-page .hero h1 span {
    color: #f4cb70;
  }

  .home-page .hero-lede {
    max-width: 500px;
    color: rgba(255, 249, 235, 0.9);
  }

  .home-page .water-shimmer {
    width: 47%;
  }
}

@media (min-width: 1700px) {
  .home-page .hero-art {
    left: 47.5%;
  }
}