/* Static hero in place of the Revolution Slider (its effect scripts were never archived). The original slide images
   cross-fade with CSS only; no script. Height follows the original grid (1920 x 900 home, 1920 x 500 inner pages). */
.wl-hero { position: relative; width: 100%; height: min(var(--wl-h), var(--wl-max)); min-height: 220px; overflow: hidden; background: #1d2b36; }
.wl-hero .wl-slide { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0;
  animation: wl-fade calc(var(--wl-n) * 6s) infinite; }
.wl-hero .wl-slide:first-child { opacity: 1; }
.wl-hero .wl-slide:nth-child(2) { animation-delay: 6s; }
.wl-hero .wl-slide:nth-child(3) { animation-delay: 12s; }
.wl-hero .wl-slide:nth-child(4) { animation-delay: 18s; }
@keyframes wl-fade { 0% { opacity: 0 } 6% { opacity: 1 } 33% { opacity: 1 } 39% { opacity: 0 } 100% { opacity: 0 } }
.wl-hero .wl-slide:first-child { animation-name: wl-fade-first; }
@keyframes wl-fade-first { 0% { opacity: 1 } 33% { opacity: 1 } 39% { opacity: 0 } 94% { opacity: 0 } 100% { opacity: 1 } }
.wl-hero .wl-slide:has(.wl-cap)::after { content: ''; position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(10,20,30,.62) 0%, rgba(10,20,30,.35) 45%, rgba(10,20,30,0) 75%); }
.wl-hero .wl-cap { z-index: 1; position: absolute; left: 8%; top: 50%; transform: translateY(-50%); max-width: 84%; color: #fff;
  text-shadow: 0 2px 12px rgba(0,0,0,.45); text-transform: uppercase; letter-spacing: .06em; }
.wl-hero .wl-cap .l1 { display: block; font-family: 'Crimson Text', Georgia, serif; font-size: clamp(22px, 4.2vw, 64px); line-height: 1.1; }
.wl-hero .wl-cap .l2 { display: block; margin-top: .4em; font-family: 'Josefin Sans', 'Open Sans', Arial, sans-serif; font-size: clamp(13px, 1.6vw, 24px); color: #e8c766; }
@media (prefers-reduced-motion: reduce) {
  .wl-hero .wl-slide { animation: none; opacity: 0; } .wl-hero .wl-slide:first-child { opacity: 1; }
}