.lead-slider{position:relative;min-width:0;min-height:650px;overflow:hidden;background:#111}
.lead-slider .lead-story{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease}
.lead-slider .lead-story.active{opacity:1;visibility:visible;z-index:1}
.slider-controls{position:absolute;z-index:4;right:28px;bottom:24px;display:flex;align-items:center;gap:13px}
.slider-arrow,.slider-dot{border:0;cursor:pointer}
.slider-arrow{width:38px;height:38px;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(0,0,0,.28);color:#fff;font-size:18px}
.slider-dots{display:flex;gap:8px}
.slider-dot{width:22px;height:3px;padding:0;background:rgba(255,255,255,.42)}
.slider-dot.active{background:#d8b978}
@media(max-width:980px){.lead-slider{min-height:620px}}
@media(max-width:640px){.lead-slider{min-height:570px}.slider-controls{right:18px;bottom:15px}.slider-arrow{width:34px;height:34px}.slider-dot{width:16px}}

/* Mobile layout: preserve the full artwork and keep copy below it. */
@media (max-width: 980px) {
  .lead-slider { display: grid; grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .lead-slider .lead-story { grid-area: 1 / 1; position: relative; inset: auto; min-height: 0; display: flex; flex-direction: column; pointer-events: none; }
  .lead-slider .lead-story.active { pointer-events: auto; }
  .lead-slider .lead-story > img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; background: #111; }
  .lead-slider .shade { display: none; }
  .lead-slider .lead-copy { position: static; width: 100%; max-width: none; padding: 24px 24px 8px; }
  .lead-slider .lead-copy h1 { font-size: clamp(28px, 8vw, 40px); line-height: 1.15; margin-bottom: 16px; overflow-wrap: break-word; }
  .lead-slider .lead-copy > p:not(.kicker) { font-size: 16px; line-height: 1.6; margin: 0; }
  .lead-slider .lead-copy a { min-height: 44px; display: inline-flex; align-items: center; margin-top: 12px; }
  .slider-controls { grid-area: 2 / 1; position: relative; right: auto; bottom: auto; justify-content: center; gap: 12px; padding: 12px 20px 24px; }
  .slider-arrow { width: 44px; height: 44px; flex: 0 0 44px; }
  .slider-dots { gap: 4px; }
  .slider-dot, .slider-dot.active { width: 28px; height: 44px; background: transparent; position: relative; }
  .slider-dot::after { content: ''; position: absolute; left: 4px; right: 4px; top: 20px; height: 3px; background: rgba(255,255,255,.42); }
  .slider-dot.active::after { background: #d8b978; }
  .slider-arrow:focus-visible, .slider-dot:focus-visible { outline: 2px solid #d8b978; outline-offset: 2px; }
}
@media (prefers-reduced-motion: reduce) { .lead-slider .lead-story { transition: none; } }

/* Put the mobile headline in the artwork's dark left panel. */
@media (min-width: 360px) and (max-width: 980px) {
  .lead-slider .lead-copy h1 {
    position: absolute;
    top: clamp(24px, 8vw, 64px);
    left: clamp(20px, 4vw, 32px);
    width: calc(53% - clamp(20px, 4vw, 32px));
    max-width: none;
    margin: 0;
    font-size: clamp(20px, 5.4vw, 40px);
    line-height: 1.13;
    text-shadow: 0 2px 8px rgba(0,0,0,.7);
  }
}

.lead .lead-copy .lead-profile { font-size: 14px; line-height: 1.5; color: #d8b978; margin: 0 0 12px; }
.lead-copy a.lead-secondary { margin-left: 20px; }
@media(max-width:980px) { .lead-copy a.lead-secondary { margin-left: 0; margin-right: 20px; } }