/**
 * Discovery of Nature 0.3.68 — Reference Completion / Responsive Homepage Owner
 * Single final homepage owner for the approved desktop/tablet/mobile reference.
 * Presentation only: no query/content-model changes.
 */
body.dn-dark-home .home-main--responsive-cinematic{
  --don-home-refine-border:var(--don-line);
  --don-home-refine-border-soft:var(--don-line);
  --don-home-refine-surface:#0a2114;
  --don-home-refine-surface-2:#0d2919;
  --don-home-refine-text:#f7faf5;
  --don-home-refine-muted:rgba(236,245,232,.76);
}

/* Hero and search are one visual component, but remain separate flow rows.
 * This preserves the approved integrated look without ever overlapping CTAs. */
body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group{
  position:relative;
  isolation:isolate;
  z-index:4;
  overflow:visible;
  border:1px solid var(--don-home-refine-border);
  border-radius:18px;
  background:linear-gradient(180deg,#081b10 0%,#06170d 100%);
  box-shadow:var(--don-shadow-elevated);
}
body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero__lead--brand{
  min-height:clamp(380px,29vw,480px)!important;
  margin:0!important;
  border:0!important;
  border-radius:17px 17px 0 0!important;
  box-shadow:none!important;
}
body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero__image--brand,
body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero__image--brand img,
body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero__lead--brand::after{
  border-radius:17px 17px 0 0!important;
}
body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero-search--overlap{
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  padding:13px clamp(24px,4vw,58px) 12px!important;
  border-top:1px solid var(--don-line-soft);
  background:linear-gradient(180deg,rgba(8,29,17,.98),rgba(5,22,12,.98));
  border-radius:0 0 17px 17px;
}
body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero-search__form{
  width:min(100%,560px)!important;
  min-height:48px!important;
  background:rgba(2,15,8,.66)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.012),0 7px 18px rgba(0,0,0,.11)!important;
}
body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero-search__hint{
  display:block!important;
  width:min(100%,560px);
  margin:7px 10px 0!important;
  color:rgba(228,240,224,.64)!important;
}

/* Approved 4 + 2 discovery hierarchy: four visual destinations, two quieter utilities. */
body.dn-dark-home .home-main--responsive-cinematic .home-topics.home-photo-topics{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:13px!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
}
body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--primary{
  min-height:128px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid var(--don-line)!important;
  border-radius:13px!important;
  background:#0b2416!important;
  box-shadow:0 7px 20px rgba(0,0,0,.10)!important;
}
body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--primary .home-topic__image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:.86!important;
  object-fit:cover!important;
  filter:saturate(1.03) contrast(1.04)!important;
}
body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--primary .home-topic__shade{
  background:linear-gradient(180deg,rgba(3,14,7,.04) 15%,rgba(3,16,8,.18) 45%,rgba(3,16,8,.94) 100%)!important;
}
body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--primary.home-topic--photo .home-topic__icon{
  display:none!important;
}
body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--primary .home-topic__copy{
  position:absolute!important;
  z-index:2!important;
  inset:auto 11px 11px!important;
  display:grid!important;
  gap:2px!important;
  padding:0!important;
}
body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--primary .home-topic__copy strong{
  color:#fff!important;
  font-size:clamp(.78rem,1vw,.96rem)!important;
  line-height:1.08!important;
  text-shadow:0 2px 8px rgba(0,0,0,.65)!important;
}
body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--primary .home-topic__copy small{
  display:block!important;
  color:rgba(244,250,241,.74)!important;
  font-size:.62rem!important;
  line-height:1.2!important;
}
body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--primary .home-topic__arrow{
  top:auto!important;
  right:10px!important;
  bottom:10px!important;
  color:var(--don-accent)!important;
}
body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--secondary{
  grid-column:span 2;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr) 20px!important;
  align-items:center!important;
  gap:10px!important;
  min-height:58px!important;
  padding:10px 12px!important;
  overflow:hidden!important;
  border:1px solid var(--don-line-soft)!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,#0e2819,#081e12)!important;
  box-shadow:none!important;
}
body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--secondary .home-topic__image{
  opacity:.07!important;
}
body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--secondary .home-topic__shade{
  background:linear-gradient(90deg,rgba(6,27,15,.94),rgba(6,27,15,.78))!important;
}
body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--secondary .home-topic__icon{
  position:relative!important;
  inset:auto!important;
  z-index:2!important;
  display:flex!important;
  width:36px!important;
  height:36px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:5px!important;
  border-radius:10px!important;
  background:rgba(124,220,105,.09)!important;
  color:var(--don-accent)!important;
}
body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--secondary .home-topic__copy{
  position:relative!important;
  inset:auto!important;
  z-index:2!important;
  padding:0!important;
}
body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--secondary .home-topic__copy strong{
  color:#eff7ec!important;
  font-size:.77rem!important;
  line-height:1.1!important;
}
body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--secondary .home-topic__copy small{display:none!important}
body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--secondary .home-topic__arrow{
  position:relative!important;
  inset:auto!important;
  z-index:2!important;
  color:var(--don-accent)!important;
}

/* Audio taxonomy is visible in the card itself so radio is not mistaken for a podcast. */
body.dn-dark-home .home-main--responsive-cinematic .home-media-mini__type{
  display:block;
  margin:0 0 5px;
  color:var(--don-accent);
  font:850 .56rem/1 var(--wpia-sans);
  letter-spacing:.12em;
}
body.dn-dark-home .home-main--responsive-cinematic .home-media-mini--radio{
  border-color:var(--don-line-strong)!important;
  background:linear-gradient(145deg,#0b2b20,#092318)!important;
}
body.dn-dark-home .home-main--responsive-cinematic .home-media-mini--radio .home-media-mini__type::before{
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  margin-right:6px;
  border-radius:50%;
  background:var(--don-accent);
  box-shadow:0 0 0 4px rgba(159,233,139,.10);
  vertical-align:1px;
}
body.dn-dark-home .home-main--responsive-cinematic .home-media-panel--audio .home-media-panel__secondary-link{
  display:inline-flex!important;
  align-items:center!important;
  min-height:38px!important;
  margin-top:12px!important;
  padding:8px 11px!important;
  border:1px solid var(--don-line)!important;
  border-radius:999px!important;
  background:rgba(129,205,111,.06)!important;
  text-decoration:none!important;
}

/* Section rhythm: retain the dark cinematic field while separating content families. */
body.dn-dark-home .home-main--responsive-cinematic .home-featured--spotlight,
body.dn-dark-home .home-main--responsive-cinematic .home-editor-picks--gallery{
  position:relative;
}
body.dn-dark-home .home-main--responsive-cinematic .home-editor-picks--gallery{
  padding-top:4px;
}

/* 0.3.46 desktop/laptop hero geometry owner.
 * Keep the overlay in normal flow so platform font metrics can never push the
 * eyebrow/H1 above the clipped hero. Width and viewport height both influence
 * the cinematic minimum without hard 700/820px height jumps. */
@media (min-width:900px){
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero__lead--brand{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    min-height:clamp(430px,min(33vw,55vh),480px)!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__overlay--brand{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    width:min(60%,650px)!important;
    max-width:none!important;
    flex:0 0 auto;
    box-sizing:border-box;
  }
}

@media (min-width:900px) and (max-width:1180px){
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero-search--overlap{
    padding-inline:34px!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--primary{min-height:116px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--secondary{min-height:56px!important}
}

@media (min-width:768px) and (max-width:899px){
  /* Tablet portrait uses the same 4+2 hierarchy with larger touch geometry. */
  body.dn-dark-home .site-header__utility{display:none!important}
  body.dn-dark-home .site-header__masthead{min-height:60px!important}
  body.dn-dark-home .home-main--responsive-cinematic{padding-top:10px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group{border-radius:17px}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero__lead--brand{
    min-height:clamp(360px,50vw,430px)!important;
    border-radius:16px 16px 0 0!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero-search--overlap{
    margin:0!important;
    padding:12px 30px 11px!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-topics.home-photo-topics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--primary{min-height:126px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--secondary{grid-column:span 1;min-height:58px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-species__grid--four>.species-card{
    flex:0 0 34%!important;width:34%!important;min-width:34%!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-featured__rail>.story-card{
    flex:0 0 40%!important;width:40%!important;min-width:40%!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-editor-picks__gallery>.story-card{
    flex:0 0 32%!important;width:32%!important;min-width:32%!important;
  }
}

@media (max-width:767px){
  /* Homepage mobile starts with brand + actions immediately; the utility strip
   * is redundant here because the hero carries the primary discovery task. */
  body.dn-dark-home .site-header__utility{display:none!important}
  body.dn-dark-home .site-header__masthead{min-height:56px!important}
  body.dn-dark-home .site-header .site-wordmark{font-size:clamp(1.08rem,5vw,1.34rem)!important}
  body.dn-dark-home .site-header .header-account,
  body.dn-dark-home .site-header .search-toggle,
  body.dn-dark-home .site-header .nav-toggle{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
  body.dn-dark-home .site-header__masthead::before,
  body.dn-dark-home .site-header__masthead::after{opacity:.20!important}

  body.dn-dark-home .home-main--responsive-cinematic{padding-top:8px!important}
  body.dn-dark-home .home-main--responsive-cinematic>.site-shell{gap:30px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group{border-radius:16px}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero__lead--brand{
    min-height:clamp(330px,96vw,390px)!important;
    border-radius:15px 15px 0 0!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero__image--brand,
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero__image--brand img,
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero__lead--brand::after{
    border-radius:15px 15px 0 0!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__image--brand img{
    object-position:58% 34%!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__overlay--brand{
    padding:16px 14px 14px!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__overlay--brand h1{
    font-size:clamp(2.08rem,9.8vw,2.7rem)!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__actions{margin-top:9px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__read{
    min-height:38px!important;padding:8px 11px!important;font-size:.67rem!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero-search--overlap{
    margin:0!important;
    padding:11px 12px 10px!important;
    border-radius:0 0 15px 15px!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero-search__form{
    grid-template-columns:38px minmax(0,1fr) 45px!important;
    min-height:46px!important;
    border-radius:12px!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero-search__hint{
    display:block!important;
    margin:6px 8px 0!important;
    font-size:.57rem!important;
    line-height:1.25!important;
  }

  /* Keep the 2x2 photographic discovery grid inside the same mobile safe
   * width as the hero/search. Older discovery-strip CSS contributes a
   * negative inline margin; reset it here in the final responsive owner. */
  body.dn-dark-home .home-main--responsive-cinematic .home-topics.home-photo-topics{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin:10px 0 0!important;
    padding-inline:0!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--primary{
    width:100%!important;
    min-width:0!important;
    min-height:106px!important;
    border-radius:12px!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--primary .home-topic__copy{
    inset:auto 38px 9px 9px!important;
    min-width:0!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--primary .home-topic__arrow{
    position:absolute!important;
    inset:auto 9px 9px auto!important;
    display:flex!important;
    width:24px!important;
    height:24px!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    line-height:1!important;
    pointer-events:none;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--primary .home-topic__copy strong{
    font-size:.74rem!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--primary .home-topic__copy small{
    font-size:.56rem!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--secondary{
    grid-column:span 1;
    width:100%!important;
    min-width:0!important;
    grid-template-columns:31px minmax(0,1fr) 14px!important;
    gap:7px!important;
    min-height:52px!important;
    padding:8px 9px!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--secondary .home-topic__icon{
    width:31px!important;height:31px!important;padding:4px!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--secondary .home-topic__copy strong{
    font-size:.67rem!important;
  }

  /* Species shelf: keep names readable while exposing more discovery choices. */
  body.dn-dark-home .home-main--responsive-cinematic .home-species__grid--four{
    gap:8px!important;
    padding-right:10%!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-species__grid--four>.species-card{
    flex:0 0 40%!important;width:40%!important;min-width:40%!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-species--priority .home-species__grid--four .species-card--mini .species-card__body{
    padding:9px 10px 10px!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-species--priority .home-species__grid--four .species-card--mini .species-card__name{
    font-size:.84rem!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-species__alphabet--priority{
    gap:4px!important;margin-top:10px!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-species__alphabet--priority>a,
  body.dn-dark-home .home-main--responsive-cinematic .home-species__alphabet--priority>span{
    flex:0 0 30px!important;width:30px!important;min-width:30px!important;min-height:30px!important;
    border-radius:8px!important;font-size:.62rem!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-species__alphabet--priority>span[aria-disabled="true"]{opacity:.34!important}

  /* Preserve the successful documentary lead; tighten the transition into audio. */
  body.dn-dark-home .home-main--responsive-cinematic .home-media-panel+.home-media-panel{
    margin-top:22px!important;
    padding-top:22px!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-media-panel--audio .home-media-panel__heading h3{
    font-size:clamp(1.68rem,7vw,1.94rem)!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-media-panel--audio .home-media-panel__rail>.home-media-mini{
    flex:0 0 68%!important;width:68%!important;min-width:68%!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-media-panel--audio .home-media-panel__rail>.home-media-mini--radio{
    flex-basis:60%!important;width:60%!important;min-width:60%!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-media-panel--audio .home-media-mini__copy{
    padding:9px 10px 10px!important;
  }

  /* Featured continuation stays landscape and informational. */
  body.dn-dark-home .home-main--responsive-cinematic .home-featured__rail{
    padding-right:20%!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-featured__rail>.story-card.story-card--compact{
    flex:0 0 68%!important;width:68%!important;min-width:68%!important;
  }

  /* Editor Picks deliberately uses a portrait overlay language so it cannot be
   * mistaken for another Featured shelf. */
  body.dn-dark-home .home-main--responsive-cinematic .home-editor-picks__gallery{
    gap:9px!important;
    padding:0 24% 2px 0!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-editor-picks__gallery>.story-card{
    position:relative!important;
    flex:0 0 58%!important;width:58%!important;min-width:58%!important;
    min-height:250px!important;
    aspect-ratio:4/5!important;
    overflow:hidden!important;
    border:1px solid var(--don-line-strong)!important;
    border-radius:13px!important;
    background:#0a2114!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-editor-picks__gallery>.story-card::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    pointer-events:none!important;
    background:linear-gradient(180deg,rgba(3,13,7,.02) 35%,rgba(3,14,7,.88) 100%)!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-editor-picks__gallery>.story-card .story-card__media{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-editor-picks__gallery>.story-card .story-card__media img{
    width:100%!important;height:100%!important;object-fit:cover!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-editor-picks__gallery>.story-card .story-card__body{
    position:absolute!important;right:0!important;bottom:0!important;left:0!important;z-index:2!important;
    padding:12px!important;background:transparent!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-editor-picks__gallery>.story-card .story-card__category{
    color:var(--don-accent)!important;font-size:.56rem!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-editor-picks__gallery>.story-card .story-card__title{
    margin-top:5px!important;font-size:1rem!important;line-height:1.08!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-editor-picks__gallery>.story-card .story-card__title a{color:#fff!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-editor-picks__gallery>.story-card .story-card__excerpt{display:none!important}
}

@media (max-width:359px){
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero__lead--brand{min-height:320px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__actions{display:flex!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__read{padding:7px 9px!important;font-size:.62rem!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-species__grid--four>.species-card{flex-basis:46%!important;width:46%!important;min-width:46%!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-editor-picks__gallery>.story-card{flex-basis:64%!important;width:64%!important;min-width:64%!important}
}

/* 0.3.68 — approved-reference completion.
 * This remains the one final homepage responsive owner. It intentionally
 * supersedes older historical paint layers without adding a new stylesheet.
 * Content, queries, URLs, hero data and media data are unchanged. */

/* Desktop: one compact 4+2 discovery composition. Four photographic cards
 * stay in the main row while the two optional utilities stack at the right. */
@media (min-width:1200px){
  body.dn-dark-home .home-main--responsive-cinematic .home-topics.home-photo-topics{
    grid-template-columns:repeat(4,minmax(0,1fr)) minmax(170px,.86fr)!important;
    grid-template-rows:repeat(2,minmax(0,1fr));
    gap:10px!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--primary{
    grid-row:1 / span 2;
    min-height:126px!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--secondary{
    grid-column:5!important;
    min-height:58px!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--secondary:nth-child(5){grid-row:1!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--secondary:nth-child(6){grid-row:2!important}
}

/* Keep the hero cinematic but stop it dominating the first desktop viewport. */
@media (min-width:900px){
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero__lead--brand{
    min-height:clamp(410px,min(31vw,52vh),450px)!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__overlay--brand{
    width:min(58%,620px)!important;
    padding:clamp(24px,3vw,40px) clamp(30px,3.6vw,50px)!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__overlay--brand h1{
    font-size:clamp(2.7rem,3.75vw,4.05rem)!important;
    line-height:.96!important;
  }
}

/* The species shelf belongs to the page field, not inside another heavy panel. */
body.dn-dark-home .home-main--responsive-cinematic .home-species--priority{
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.dn-dark-home .home-main--responsive-cinematic .home-species--priority::before{display:none!important;content:none!important}
body.dn-dark-home .home-main--responsive-cinematic .home-species--priority .species-card--mini{
  border-color:var(--don-line)!important;
  background:var(--don-surface)!important;
  box-shadow:none!important;
}

/* Tablet keeps the same content hierarchy, with a shorter cinematic opening. */
@media (min-width:768px) and (max-width:899px){
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero__lead--brand{
    min-height:clamp(330px,46vw,390px)!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-species__grid--four>.species-card{
    flex-basis:29%!important;width:29%!important;min-width:29%!important;
  }
}

@media (max-width:767px){
  /* Compact mobile masthead: brand stays readable and all three actions retain
   * real touch targets without dominating the top edge. */
  body.dn-dark-home .site-header__masthead{min-height:52px!important}
  body.dn-dark-home .site-header .site-wordmark{font-size:clamp(1.02rem,4.5vw,1.22rem)!important}
  body.dn-dark-home .site-header .header-account,
  body.dn-dark-home .site-header .search-toggle,
  body.dn-dark-home .site-header .nav-toggle{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}
  body.dn-dark-home .site-header__masthead::before,
  body.dn-dark-home .site-header__masthead::after{opacity:.08!important}

  /* Reference hero: photo + headline first, no button row competing with the
   * canonical search on phones. */
  body.dn-dark-home .home-main--responsive-cinematic{padding-top:4px!important}
  body.dn-dark-home .home-main--responsive-cinematic>.site-shell{gap:26px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group{border-radius:15px!important;box-shadow:none!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero__lead--brand{
    min-height:clamp(278px,76vw,320px)!important;
    border-radius:14px 14px 0 0!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__image--brand img{object-position:58% 31%!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__overlay--brand{padding:13px 12px 12px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__overlay--brand .eyebrow{font-size:.58rem!important;letter-spacing:.13em!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__overlay--brand h1{
    max-width:12ch!important;
    font-size:clamp(1.82rem,8.15vw,2.28rem)!important;
    line-height:.97!important;
    letter-spacing:-.045em!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__overlay--brand>p,
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__actions{display:none!important}

  /* Search is the single mobile action directly after the hero. */
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero-search--overlap{
    padding:8px!important;
    border-radius:0 0 14px 14px!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero-search__form{
    grid-template-columns:36px minmax(0,1fr) 44px!important;
    min-height:44px!important;
    border-radius:11px!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__form .search-field{
    min-height:44px!important;
    font-size:16px!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero-search__hint{display:none!important}

  /* Approved mobile discovery language: image first, calm dark information
   * strip below it. This replaces the crowded text-over-photo treatment. */
  body.dn-dark-home .home-main--responsive-cinematic .home-topics.home-photo-topics{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:9px!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--primary{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:clamp(78px,24vw,96px) auto!important;
    align-content:stretch!important;
    min-height:128px!important;
    padding:0!important;
    overflow:hidden!important;
    border-color:var(--don-line-soft)!important;
    border-radius:12px!important;
    background:#0b2416!important;
    box-shadow:none!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--primary .home-topic__image{
    position:relative!important;
    inset:auto!important;
    grid-row:1!important;
    width:100%!important;
    height:100%!important;
    opacity:1!important;
    object-fit:cover!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--primary .home-topic__shade{display:none!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--primary .home-topic__copy{
    position:relative!important;
    inset:auto!important;
    grid-row:2!important;
    align-self:stretch!important;
    display:grid!important;
    gap:2px!important;
    min-width:0!important;
    min-height:48px!important;
    padding:8px 32px 9px 10px!important;
    background:#0b2416!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--primary .home-topic__copy strong{
    font-size:.75rem!important;line-height:1.08!important;text-shadow:none!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--primary .home-topic__copy small{
    display:block!important;
    overflow:hidden!important;
    color:rgba(236,245,232,.70)!important;
    font-size:.55rem!important;
    line-height:1.18!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--primary .home-topic__arrow{
    right:9px!important;bottom:9px!important;width:22px!important;height:22px!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--secondary{
    min-height:48px!important;
    padding:7px 8px!important;
    border-color:var(--don-line-soft)!important;
    background:var(--don-surface)!important;
  }

  /* Natural species shelf: smaller photo cards and one-line index. */
  body.dn-dark-home .home-main--responsive-cinematic .home-priority-heading{
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:end!important;
    gap:10px!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-priority-heading h2{font-size:clamp(1.48rem,6.7vw,1.82rem)!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-priority-heading p{display:none!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-priority-heading__link{
    align-self:end!important;
    min-height:36px!important;
    font-size:.68rem!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-species__grid--four{
    gap:8px!important;
    padding-right:8%!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-species__grid--four>.species-card{
    flex:0 0 31%!important;width:31%!important;min-width:31%!important;
    border:0!important;
    background:transparent!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-species--priority .home-species__grid--four .species-card--mini .species-card__media{
    aspect-ratio:1/1!important;
    border-radius:10px!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-species--priority .home-species__grid--four .species-card--mini .species-card__body{
    min-height:0!important;
    padding:6px 1px 0!important;
    background:transparent!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-species--priority .home-species__grid--four .species-card--mini .species-card__name{
    font-size:.76rem!important;
    line-height:1.08!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-species--priority .home-species__grid--four .species-card--mini .species-card__scientific{display:none!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-species__alphabet--priority{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:4px!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-species__alphabet--priority::-webkit-scrollbar{display:none}

  /* Media shelf reads like one editorial continuation, not two oversized boxes. */
  body.dn-dark-home .home-main--responsive-cinematic .home-media-shelf{margin-top:30px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-media-shelf__heading{display:block!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-media-shelf__heading p{display:none!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-media-shelf__grid{gap:20px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-media-panel__heading{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:end!important;
    gap:10px!important;
    margin-bottom:10px!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-media-panel__heading h3{
    font-size:clamp(1.35rem,6vw,1.65rem)!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-media-panel__heading p{display:none!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-media-panel__heading>a{
    min-height:34px!important;
    align-self:end!important;
    font-size:.69rem!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-media-feature,
  body.dn-dark-home .home-main--responsive-cinematic .home-media-feature__visual{
    min-height:clamp(180px,52vw,218px)!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-media-panel--audio .home-media-feature,
  body.dn-dark-home .home-main--responsive-cinematic .home-media-panel--audio .home-media-feature__visual{
    min-height:clamp(174px,50vw,208px)!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-media-feature__copy{padding:13px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-media-panel+.home-media-panel{
    margin-top:18px!important;padding-top:18px!important;
  }

  /* Lower-page editorial rails stay distinct but stop creating long empty air. */
  body.dn-dark-home .home-main--responsive-cinematic .home-featured--spotlight,
  body.dn-dark-home .home-main--responsive-cinematic .home-editor-picks--gallery{margin-top:30px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-featured__rail>.story-card.story-card--compact{
    flex-basis:64%!important;width:64%!important;min-width:64%!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-editor-picks__gallery>.story-card{
    flex-basis:54%!important;width:54%!important;min-width:54%!important;min-height:228px!important;
  }
}

@media (max-width:359px){
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero__lead--brand{min-height:268px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-species__grid--four>.species-card{flex-basis:35%!important;width:35%!important;min-width:35%!important}
}


/* 0.3.70 — mobile reference geometry correction.
 * Corrects the 0.3.69 regression without adding another stylesheet.
 * The search surface now overlaps the actual hero image, so backdrop-filter
 * has real pixels to blur instead of an opaque theme background. */
@media (max-width:767px){
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group{
    overflow:hidden!important;
    border-radius:16px!important;
    border-color:rgba(163,206,149,.16)!important;
    background:#071a0f!important;
    box-shadow:none!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero__lead--brand{
    min-height:clamp(248px,68vw,272px)!important;
    border-radius:15px!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__image--brand,
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__image--brand img,
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__lead--brand::after{
    border-radius:15px!important;
  }
  /* Reserve the lower image band for the search so headline/search never collide. */
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__overlay--brand{
    padding:12px 12px 72px!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__overlay--brand h1{
    font-size:clamp(1.72rem,7.7vw,2.12rem)!important;
    line-height:.98!important;
  }
  /* 0.3.71: single glass surface. The outer row no longer reads as a second framed card;
   * the search pill itself carries the blur and subtle inner highlight. */
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__lead--brand::after{
    background:linear-gradient(180deg,rgba(1,10,5,.02) 0%,rgba(2,14,7,.10) 40%,rgba(2,14,7,.70) 70%,rgba(2,14,7,.48) 100%)!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero-search--overlap{
    position:relative!important;
    z-index:12!important;
    margin:-62px 9px 7px!important;
    padding:6px!important;
    border:0!important;
    border-radius:14px!important;
    background:linear-gradient(180deg,rgba(14,42,26,.14),rgba(5,23,13,.18))!important;
    box-shadow:inset 0 1px 0 rgba(238,249,232,.045)!important;
    backdrop-filter:blur(18px) saturate(1.22) brightness(1.08)!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.22) brightness(1.08)!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero-search__form{
    min-height:44px!important;
    grid-template-columns:34px minmax(0,1fr) 42px!important;
    border:1px solid rgba(225,241,217,.27)!important;
    border-radius:999px!important;
    background:rgba(2,15,8,.30)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 7px 18px rgba(0,0,0,.10)!important;
    backdrop-filter:blur(14px) saturate(1.16)!important;
    -webkit-backdrop-filter:blur(14px) saturate(1.16)!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__form .search-field{
    min-height:42px!important;
    font-size:16px!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__submit{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    min-height:38px!important;
    margin-right:2px!important;
    box-shadow:none!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero-search__hint{display:none!important}

  /* Reference density: two compact image cards per row, then two 44px utilities. */
  body.dn-dark-home .home-main--responsive-cinematic .home-topics.home-photo-topics{
    gap:8px!important;
    margin-top:8px!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--primary{
    grid-template-rows:clamp(68px,19vw,76px) auto!important;
    min-height:116px!important;
    border-radius:12px!important;
    box-shadow:none!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--primary .home-topic__copy{
    min-height:40px!important;
    padding:7px 30px 7px 9px!important;
    background:#0b2416!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--primary .home-topic__copy strong{
    font-size:.72rem!important;
    line-height:1.08!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--primary .home-topic__copy small{
    font-size:.54rem!important;
    line-height:1.15!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--primary .home-topic__arrow{
    right:8px!important;
    bottom:8px!important;
    width:20px!important;
    height:20px!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--secondary{
    grid-template-columns:32px minmax(0,1fr) 18px!important;
    gap:8px!important;
    min-height:44px!important;
    padding:6px 9px!important;
    border-radius:11px!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--secondary .home-topic__icon{
    width:32px!important;
    height:32px!important;
    border-radius:9px!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--secondary .home-topic__copy strong{
    font-size:.72rem!important;
  }
}

@media (max-width:359px){
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__cinematic-group .home-hero__lead--brand{min-height:236px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__overlay--brand{padding-bottom:70px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic--primary{grid-template-rows:64px auto!important;min-height:110px!important}
}