/* La imagen y el titular tienen superficies propias: ninguno cubre al otro. */
@media (min-width: 621px) {
  #home .lead-grid { grid-template-rows: 260px 260px; }
  #home .lead-grid .story {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    min-height: 0;
    padding: 0;
    color: #111923;
    background: #fff !important;
    border-radius: 9px;
  }
  #home .lead-grid .story::before,
  #home .lead-grid .story::after { display: none; }
  #home .lead-grid .story-media {
    display: block;
    width: 100%;
    height: 50%;
    flex: none;
    object-fit: cover;
  }
  #home .lead-grid .story.big .story-media { height: 55%; }
  #home .lead-grid .story.story-long .story-media { height: 34%; }
  #home .lead-grid .story.big.story-long .story-media { height: 50%; }
  #home .lead-grid .story .story-copy {
    width: 100%;
    max-width: none;
    min-width: 0;
    padding: 14px 16px 18px;
  }
  #home .lead-grid .story.big .story-copy { padding: 20px 22px; }
  #home .lead-grid .story :is(h1, h2) {
    display: block;
    overflow: visible;
    margin: 10px 0 0;
    color: #111923;
    font-family: Arial, sans-serif;
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -.025em;
    text-transform: none;
    -webkit-line-clamp: unset;
  }
  #home .lead-grid .story h1 { font-size: clamp(29px, 3vw, 39px); }
  #home .lead-grid .story h2 { font-size: clamp(17px, 1.65vw, 22px); }
  #home .lead-grid .story.story-long h1 { font-size: clamp(26px, 2.55vw, 33px); }
  #home .lead-grid .story.story-long h2 { font-size: clamp(16px, 1.4vw, 19px); }
  #home .lead-grid .story p,
  #home .lead-grid .story .go { display: none; }
  #home .lead-grid .story .story-media.image-fallback {
    padding: 20px;
    object-fit: contain;
    background: #111923;
  }
}

@media (min-width: 621px) and (max-width: 900px) {
  #home .lead-grid { grid-template-rows: 390px 260px 260px; }
  #home .lead-grid .story.big { grid-row: auto; }
}