/**
 * Discovery of Nature 0.3.46 — Low-height desktop density refinement.
 * The hero box/overlay geometry is owned by home-responsive-refinement.css.
 * This layer may compact controls and typography on shallow viewports, but it
 * must never override hero height or remove the overlay from normal flow.
 */

/* Shallow desktop/laptop viewports: keep the complete cinematic entrance
 * readable while ensuring the canonical search is fully visible. */
@media (min-width:900px) and (max-height:820px){
  body.dn-dark-home .home-main--responsive-cinematic{
    padding-top:8px!important;
  }


  body.dn-dark-home .home-main--responsive-cinematic .home-hero__overlay--brand{
    max-width:min(58%,620px)!important;
    padding:clamp(20px,2.6vh,30px) clamp(28px,3.2vw,44px)!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-hero__overlay--brand h1{
    font-size:clamp(2.35rem,3.25vw,3.10rem)!important;
    line-height:.94!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-hero__overlay--brand>p{
    margin-top:8px!important;
    font-size:clamp(.80rem,.92vw,.92rem)!important;
    line-height:1.42!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-hero__actions{
    margin-top:11px!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-hero__read{
    min-height:40px!important;
    padding:8px 13px!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero-search--overlap{
    padding:9px clamp(22px,3.2vw,44px) 8px!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero-search__form{
    min-height:44px!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__form .search-field{
    min-height:44px!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero-search__hint{
    margin-top:5px!important;
    font-size:.61rem!important;
  }

  /* Keep the approved 4+2 discovery language visible sooner without changing
   * the grid or turning desktop into the mobile rail. */
  body.dn-dark-home .home-main--responsive-cinematic .home-topics.home-photo-topics{
    gap:8px!important;
    margin-top:9px!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--primary{
    min-height:96px!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--secondary{
    min-height:48px!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--primary .home-topic__copy{
    inset:auto 10px 9px!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--primary .home-topic__copy strong{
    font-size:clamp(.74rem,.9vw,.88rem)!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--primary .home-topic__copy small{
    font-size:.58rem!important;
  }
}

/* Very shallow desktop viewport: second safe tier. Content remains present;
 * only geometry is tightened further so the search cannot be visually clipped. */
@media (min-width:900px) and (max-height:700px){
  body.dn-dark-home .home-main--responsive-cinematic{
    padding-top:6px!important;
  }


  body.dn-dark-home .home-main--responsive-cinematic .home-hero__overlay--brand{
    max-width:min(62%,600px)!important;
    bottom:auto!important;
    padding:15px clamp(22px,2.8vw,34px)!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-hero__overlay--brand h1{
    font-size:clamp(1.95rem,2.75vw,2.55rem)!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-hero__overlay--brand>p{
    margin-top:6px!important;
    font-size:.73rem!important;
    line-height:1.32!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-hero__actions{
    margin-top:6px!important;
    gap:6px!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-hero__read{
    min-height:36px!important;
    padding:6px 10px!important;
    font-size:.66rem!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero-search--overlap{
    padding:7px clamp(20px,3vw,38px) 6px!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero-search__form{
    min-height:42px!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__form .search-field{
    min-height:42px!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero-search__hint{
    margin-top:4px!important;
    font-size:.58rem!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-topics.home-photo-topics{
    gap:7px!important;
    margin-top:7px!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--primary{
    min-height:82px!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--secondary{
    min-height:44px!important;
    padding:7px 9px!important;
  }
}