/**
 * Discovery of Nature 0.2.73 — approved cinematic mockup adaptation.
 * Homepage-only final paint layer. Never use generated mockup screenshots as
 * website content; hero, category photos and articles remain WordPress-owned.
 * Existing six discovery links, queries, alphabetical links and media routes
 * remain intact. This stylesheet intentionally supersedes Phase 4 mobile
 * science-row and quote-hiding decisions, per newly approved visual reference.
 */
body.dn-dark-home {
  --don-cinema-bg: #07140c;
  --don-cinema-panel: #102017;
  --don-cinema-elevated: #182e20;
  --don-cinema-ink: #f8f9f4;
  --don-cinema-muted: #d3dfcc;
  --don-cinema-green: var(--don-accent);
  --don-cinema-line: var(--don-line);
  --don-cinema-shadow: var(--don-shadow-soft);
  background: var(--don-cinema-bg);
}
body.dn-dark-home .site-header {
  background: rgba(7,18,11,.97);
  border-bottom: 1px solid rgba(197,236,184,.18);
  box-shadow: 0 5px 24px rgba(0,0,0,.20);
}
body.dn-dark-home .home-main { color: var(--don-cinema-ink); }
body.dn-dark-home .home-main .home-section { margin-top: clamp(30px,3.5vw,52px); }
body.dn-dark-home .home-main .section-heading {
  align-items: center;
  margin-bottom: clamp(13px,1.6vw,21px);
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(190,222,172,.15);
}
body.dn-dark-home .home-main .section-heading h2,
body.dn-dark-home .home-main .home-media-shelf__heading h2 {
  font-family: var(--wpia-serif);
  color: var(--don-cinema-ink);
  font-weight: 700;
  font-size: clamp(1.45rem,2.15vw,2.15rem);
  letter-spacing: -.018em;
  line-height: 1.15;
  text-shadow: 0 2px 14px rgba(0,0,0,.18);
}
body.dn-dark-home .home-main :is(.section-heading__link,.home-media-panel__heading > a) {
  color: #c8edb8;
  font-weight: 650;
}
/* The user-selected high-key eye and moss stay visible; type remains legible. */
body.dn-dark-home .home-main .home-hero__lead--brand {
  min-height: clamp(460px,43vw,625px);
  border-color: var(--don-cinema-line);
  border-radius: 14px;
  box-shadow: 0 24px 55px rgba(0,0,0,.42);
}
body.dn-dark-home .home-main .home-hero__lead--brand::after {
  background:
    linear-gradient(90deg,rgba(3,13,6,.91) 0%,rgba(3,13,6,.57) 42%,rgba(3,13,6,.04) 78%),
    linear-gradient(0deg,rgba(3,13,6,.82),transparent 56%);
}
body.dn-dark-home .home-main .home-hero__image--brand img {
  object-position: 60% 43%;
  filter: saturate(1.08) contrast(1.065);
}
body.dn-dark-home .home-main .home-hero__overlay--brand h1 {
  max-width: 15ch;
  font-size: clamp(2.6rem,4.5vw,5.1rem);
  line-height: .99;
  letter-spacing: -.034em;
  text-shadow: 0 3px 24px rgba(0,0,0,.43);
}
body.dn-dark-home .home-main .home-hero__overlay--brand .eyebrow,
body.dn-dark-home .home-main .story-card__category,
body.dn-dark-home .home-main .home-media-feature__tag { color: var(--don-cinema-green); }
body.dn-dark-home .home-main .home-hero__overlay--brand p {
  max-width: 41ch;
  color: #f1f7ee;
  text-shadow: 0 1px 8px rgba(0,0,0,.66);
}
body.dn-dark-home .home-main .home-hero__actions .home-hero__action--primary,
body.dn-dark-home .home-main .home-community__intro .home-community__cta {
  color: #102417;
  border: 1px solid var(--don-accent);
  background: var(--don-accent);
  box-shadow: 0 5px 14px rgba(0,0,0,.16);
}
body.dn-dark-home .home-main .home-hero__actions .home-hero__action--secondary {
  border-color: var(--don-line-strong);
  background: rgba(7,16,10,.62);
  box-shadow: none;
}
/* All six category targets remain; four are initially visible on mobile. */
body.dn-dark-home .home-main .home-topics.home-photo-topics {
  background: rgba(8,22,12,.83);
  border-color: var(--don-cinema-line);
  border-radius: 14px;
  padding: 13px;
  gap: 13px;
}
body.dn-dark-home .home-main .home-photo-topics .home-topic {
  min-height: 204px;
  border-color: var(--don-line);
  border-radius: 12px;
  background-color: var(--don-cinema-elevated);
  box-shadow: var(--don-cinema-shadow);
}
body.dn-dark-home .home-main .home-photo-topics .home-topic__shade {
  background: linear-gradient(0deg,rgba(1,9,5,.97) 0%,rgba(3,11,5,.27) 50%,rgba(2,9,5,.03) 100%);
}
body.dn-dark-home .home-main .home-photo-topics .home-topic__copy {
  inset: auto 11px 13px;
  text-shadow: 0 2px 9px rgba(0,0,0,.9);
}
body.dn-dark-home .home-main .home-photo-topics .home-topic__copy strong {
  font-size: clamp(.83rem,1.15vw,1.05rem);
  line-height: 1.2;
}
body.dn-dark-home .home-main .home-photo-topics .home-topic__icon {
  top: auto; bottom: 47px; left: 11px;
  width: 29px; height: 29px;
  stroke: var(--don-accent);
}
/* Strong, restrained light edges on all photographic editorials. */
body.dn-dark-home .home-main :is(
  .home-featured__cards > .story-card,
  .home-editorial__lead > .story-card,
  .home-science__grid > .story-card,
  .home-media-panel,
  .home-media-feature,
  .home-community__grid,
  .home-species .species-card__media
) {
  border-color: var(--don-cinema-line);
  border-radius: 12px;
  box-shadow: var(--don-cinema-shadow);
}
body.dn-dark-home .home-main :is(
  .home-featured__cards > .story-card,
  .home-editorial__lead > .story-card,
  .home-media-feature
)::after {
  background: linear-gradient(0deg,rgba(2,11,6,.91),rgba(3,12,7,.43) 44%,rgba(3,12,7,.02) 85%);
}
body.dn-dark-home .home-main :is(
  .home-featured__cards > .story-card,
  .home-editorial__lead > .story-card
) .story-card__title {
  font-family: var(--wpia-serif);
  text-shadow: 0 2px 12px rgba(0,0,0,.76);
}
body.dn-dark-home .home-main .home-science__grid > .story-card {
  background: linear-gradient(165deg,#192e20,#0b1910);
}
body.dn-dark-home .home-main .home-science__grid > .story-card .story-card__media img {
  filter: saturate(1.05) contrast(1.06);
}
body.dn-dark-home .home-main .home-science__grid > .story-card .story-card__title {
  color: #fff;
  line-height: 1.22;
}
body.dn-dark-home .home-main .home-media-panel {
  background: linear-gradient(145deg,#16291b,#07170e);
}
body.dn-dark-home .home-main .home-media-panel__empty--audio {
  border-color: var(--don-line);
  background: radial-gradient(ellipse at 76% 20%,#25462c,#0d1f13 68%);
}
body.dn-dark-home .home-main .home-media-panel__audio-wave i { background: #96f49b; }
body.dn-dark-home .home-main .home-species__alphabet a {
  border-color: var(--don-line-strong);
  background: #1d3826;
  color: #f3ffef;
}
body.dn-dark-home .home-main .home-species__alphabet span {
  border-color: rgba(191,224,174,.13);
  background: #0b1a11;
  color: #98aa94;
}
body.dn-dark-home .home-main .home-community__grid {
  background: #0f1f15;
  overflow: hidden;
}
body.dn-dark-home .home-main .home-community__intro {
  background: linear-gradient(120deg,#213b29,#102218 88%);
}
body.dn-dark-home .home-main .home-community__quote {
  position: relative;
  min-height: 126px;
  background: linear-gradient(125deg,#1c3625,#101c15);
}
body.dn-dark-home .home-main .home-community__quote blockquote {
  position: relative;
  z-index: 2;
  color: #fff;
  text-shadow: 0 2px 9px rgba(0,0,0,.7);
}
body.dn-dark-home .home-main .home-community__quote--media::after {
  background: linear-gradient(90deg,rgba(3,15,8,.83),rgba(3,14,8,.23));
}
body.dn-dark-home .home-main .home-community__quote-media img {
  object-fit: cover;
  filter: saturate(1.06) contrast(1.04);
}
body.dn-dark-home .site-footer {
  background: #08160d;
  border-top-color: var(--don-cinema-line);
}
@media (hover:hover) and (pointer:fine) {
  body.dn-dark-home .home-main :is(.home-photo-topics .home-topic[href],.home-science__grid > .story-card,.home-editorial__lead > .story-card):hover {
    border-color: var(--don-line-focus);
    box-shadow: 0 14px 30px rgba(0,0,0,.24);
  }
}
@media (max-width: 1199px) {
  body.dn-dark-home .home-main .home-photo-topics .home-topic { min-height: 192px; }
}
@media (max-width: 767px) {
  body.dn-dark-home .home-main .home-section { margin-top: 31px; }
  body.dn-dark-home .home-main .section-heading h2,
  body.dn-dark-home .home-main .home-media-shelf__heading h2 {
    font-size: clamp(1.29rem,5.8vw,1.7rem);
  }
  body.dn-dark-home .home-main .home-hero__lead--brand {
    min-height: clamp(500px,133vw,615px);
    padding: 17px 17px 25px;
    border-radius: 0 0 13px 13px;
  }
  body.dn-dark-home .home-main .home-hero__lead--brand::after {
    background:
      linear-gradient(0deg,rgba(3,12,7,.98),rgba(3,12,7,.72) 24%,rgba(3,12,7,.11) 76%),
      linear-gradient(90deg,rgba(2,10,5,.50),transparent 76%);
  }
  body.dn-dark-home .home-main .home-hero__image--brand img { object-position: 57% 33%; }
  body.dn-dark-home .home-main .home-hero__overlay--brand {
    bottom: 23px;
    max-width: 100%;
    padding-right: 0;
  }
  body.dn-dark-home .home-main .home-hero__overlay--brand h1 {
    max-width: 12ch;
    font-size: clamp(2.5rem,10.6vw,3.55rem);
    line-height: 1.005;
    text-wrap: balance;
  }
  body.dn-dark-home .home-main .home-hero__overlay--brand p {
    max-width: 39ch;
    font-size: clamp(.84rem,3.45vw,.98rem);
    line-height: 1.48;
  }
  body.dn-dark-home .home-main .home-hero__actions { margin-top: 19px; gap: 9px; }
  body.dn-dark-home .home-main .home-hero__actions .home-hero__read {
    min-height: 44px;
    padding-inline: clamp(11px,3.5vw,18px);
  }
  body.dn-dark-home .home-main .home-topics.home-photo-topics {
    margin-top: 0;
    padding: 12px var(--wpia-gutter) 17px;
    gap: 10px;
    border-radius: 0;
    background: linear-gradient(180deg,#0e2114,#08170d);
  }
  body.dn-dark-home .home-main .home-photo-topics .home-topic {
    flex: 0 0 clamp(118px,32vw,154px);
    min-height: clamp(167px,46vw,205px);
    border-radius: 12px;
    box-shadow: 0 7px 15px rgba(0,0,0,.29);
  }
  body.dn-dark-home .home-main .home-photo-topics .home-topic__copy strong {
    font-size: clamp(.76rem,3.3vw,.91rem);
  }
  body.dn-dark-home .home-main .home-photo-topics .home-topic__copy small { font-size: .64rem; }
  body.dn-dark-home .home-main .home-photo-topics .home-topic__icon {
    bottom: 51px; width: 25px; height: 25px;
  }
  /* The approved new image shows compact *photographic* science tiles. */
  body.dn-dark-home .home-main .home-science__grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
  }
  body.dn-dark-home .home-main .home-science__grid > .story-card {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    border-radius: 10px;
  }
  body.dn-dark-home .home-main .home-science__grid > .story-card .story-card__media {
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 1.2 / 1;
    border-radius: 9px 9px 0 0;
  }
  body.dn-dark-home .home-main .home-science__grid > .story-card .story-card__body {
    display: block;
    min-height: 0;
    padding: 11px 10px 13px;
  }
  body.dn-dark-home .home-main .home-science__grid > .story-card .story-card__title {
    font-size: clamp(.87rem,3.55vw,1.07rem);
    line-height: 1.22;
  }
  body.dn-dark-home .home-main .home-science__grid > .story-card .story-card__excerpt { display: none; }
  /* Two legible media cards like the approved continuation mockup. */
  body.dn-dark-home .home-main .home-media-shelf__grid:not(.home-media-shelf__grid--single) {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 9px;
  }
  body.dn-dark-home .home-main .home-media-panel { padding: 9px; min-width: 0; }
  body.dn-dark-home .home-main .home-media-panel__heading { gap: 5px; flex-wrap: wrap; }
  body.dn-dark-home .home-main .home-media-panel__heading h3 { font-size: clamp(.99rem,4vw,1.22rem); }
  body.dn-dark-home .home-main .home-media-panel__heading > a { font-size: .65rem; }
  body.dn-dark-home .home-main .home-media-feature,
  body.dn-dark-home .home-main .home-media-panel__features--solo .home-media-feature {
    min-height: clamp(138px,40vw,198px);
  }
  body.dn-dark-home .home-main .home-media-panel__empty--audio {
    padding: 9px;
    min-height: 0;
  }
  body.dn-dark-home .home-main .home-media-panel__empty-copy strong { font-size: 1.02rem; }
  body.dn-dark-home .home-main .home-media-panel__empty--audio .home-media-panel__empty-links { gap: 5px; }
  body.dn-dark-home .home-main .home-media-panel__empty--audio .home-media-panel__empty-links > a {
    min-height: 52px;
    padding: 5px;
  }
  /* Restore the real WP community photo when configured; no fabricated banner. */
  body.dn-dark-home .home-main .home-community__quote {
    min-height: 128px;
    padding: 18px;
  }
  body.dn-dark-home .home-main .home-community__quote-media,
  body.dn-dark-home .home-main .home-community__quote--media::after {
    display: block;
  }
  body.dn-dark-home .home-main .home-community__quote blockquote {
    font-size: clamp(.95rem,4.1vw,1.2rem);
    line-height: 1.28;
  }
  body.dn-dark-home .home-main .home-community__quote p { display: block; }
  body.dn-dark-home .home-main .home-species__alphabet a:focus-visible { outline-color: #ddffd0; }
}
@media (max-width: 359px) {
  body.dn-dark-home .home-main .home-hero__lead--brand { min-height: 520px; }
  body.dn-dark-home .home-main .home-hero__overlay--brand h1 { font-size: 2.4rem; }
  body.dn-dark-home .home-main .home-science__grid { gap: 7px; }
  body.dn-dark-home .home-main .home-media-shelf__grid:not(.home-media-shelf__grid--single) {
    grid-template-columns: minmax(0,1fr);
  }
}
@media (prefers-reduced-motion: reduce) {
  body.dn-dark-home .home-main :is(.home-topic,.story-card,.home-hero__read) { transition: none; }
}
/* Half-width audio panel: never squeeze Podcast/Radio into unreadable pills. */
@media (min-width: 360px) and (max-width: 600px) {
  body.dn-dark-home .home-main .home-media-panel__empty--audio .home-media-panel__empty-links {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    gap: 6px;
  }
  body.dn-dark-home .home-main .home-media-panel__empty--audio .home-media-panel__empty-links > a {
    min-width: 0;
    width: 100%;
    min-height: 44px;
    overflow-wrap: break-word;
  }
}