/**
 * Discovery of Nature 0.3.32 — Homepage mobile/tablet optical correction.
 * Final owner for non-overlapping hero search and touch-width section contrast.
 */

/* Tablet landscape: search remains part of normal flow; no CTA collision. */
@media (min-width:900px) and (max-width:1180px){
  body.dn-dark-home .home-main--responsive-cinematic .home-hero-search--overlap{
    margin:14px 0 18px 34px!important;
  }
}

/* Tablet portrait: search follows the hero before discovery destinations. */
@media (min-width:768px) and (max-width:899px){
  body.dn-dark-home .home-main--responsive-cinematic .home-hero-search--overlap{
    margin:14px 30px 18px!important;
  }
}

/* Phone: Hero -> Search -> discovery destinations, with no optical overlap. */
@media (max-width:767px){
  body.dn-dark-home .home-main--responsive-cinematic .home-hero-search--overlap{
    margin:12px 14px 16px!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-hero.home-hero--editorial>.home-topics.home-photo-topics{
    margin-top:0!important;
  }
}

/* Touch-width optical hierarchy: stronger editorial contrast without restoring
 * the old heavy boxed-page look. */
@media (max-width:1180px){
  body.dn-dark-home .home-main--responsive-cinematic :is(
    .home-priority-heading h2,
    .home-media-panel__heading h3,
    .home-featured--spotlight>.section-heading h2,
    .home-editor-picks>.section-heading h2
  ){
    color:#fbfdf9!important;
    text-shadow:0 2px 18px rgba(0,0,0,.16);
  }

  body.dn-dark-home .home-main--responsive-cinematic :is(
    .home-priority-heading__kicker,
    .home-media-panel__kicker,
    .story-card__category
  ){
    color:#adf292!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic :is(
    .home-priority-heading p,
    .home-media-panel__intro>p
  ){
    color:rgba(239,247,236,.80)!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic :is(
    .home-priority-heading__link,
    .home-media-panel__heading>a,
    .home-media-panel__secondary-link,
    .section-heading__link
  ){
    color:#b8f59e!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-species--priority{
    border-color:var(--don-line-strong)!important;
    background:
      radial-gradient(circle at 92% 4%,rgba(121,213,104,.13),transparent 34%),
      linear-gradient(145deg,#12331f 0%,#0a2416 48%,#071b10 100%)!important;
    box-shadow:0 18px 42px rgba(0,0,0,.20)!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic :is(
    .home-species__grid--four>.species-card,
    .home-media-feature,
    .home-media-panel__rail>.home-media-mini,
    .home-featured__cards>.story-card,
    .home-featured__rail>.story-card,
    .home-editor-picks__gallery>.story-card
  ){
    border-color:var(--don-line-strong)!important;
    box-shadow:0 12px 30px rgba(0,0,0,.20)!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic :is(
    .home-species__grid--four>.species-card,
    .home-media-panel__rail>.home-media-mini,
    .home-featured__rail>.story-card
  ){
    background:#0d2919!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic :is(
    .home-species__grid--four>.species-card img,
    .home-media-feature__visual img,
    .home-media-mini__visual img,
    .home-featured__cards .story-card__media img,
    .home-featured__rail .story-card__media img,
    .home-editor-picks__gallery .story-card__media img
  ){
    filter:saturate(1.08) contrast(1.05) brightness(1.025)!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-media-panel+.home-media-panel{
    margin-top:30px!important;
    padding-top:28px!important;
    border-top:1px solid rgba(166,211,153,.17)!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-media-feature{
    border:1px solid var(--don-line-strong)!important;
    box-shadow:0 16px 38px rgba(0,0,0,.22)!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-featured--spotlight>.section-heading,
  body.dn-dark-home .home-main--responsive-cinematic .home-editor-picks>.section-heading{
    padding-bottom:10px!important;
    border-bottom:1px solid rgba(166,211,153,.18)!important;
  }
}

@media (max-width:767px){
  body.dn-dark-home .home-main--responsive-cinematic>.site-shell{
    gap:36px!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-priority-heading p{
    font-size:.84rem!important;
    line-height:1.48!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-media-panel__intro>p{
    font-size:.80rem!important;
    line-height:1.46!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-media-panel__heading h3{
    font-size:clamp(1.78rem,7.4vw,2.02rem)!important;
    line-height:1.03!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-featured--spotlight>.section-heading h2,
  body.dn-dark-home .home-main--responsive-cinematic .home-editor-picks>.section-heading h2{
    font-size:clamp(1.7rem,7.3vw,2rem)!important;
    line-height:1.02!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic{
    border-color:var(--don-line)!important;
    background:linear-gradient(145deg,#12311e,#0a2415)!important;
    box-shadow:0 8px 22px rgba(0,0,0,.12)!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic__image{
    opacity:.15!important;
    filter:saturate(.88) contrast(1.04)!important;
  }

  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic__copy strong{
    color:#f5faf2!important;
  }
}