/**
 * Discovery of Nature 0.3.30 — Responsive Cinematic Homepage
 * Final homepage responsive owner. Keeps WordPress content/order intact while
 * giving desktop, tablet and phone distinct presentation geometry.
 */
body.dn-dark-home .home-main--responsive-cinematic{
  --don-home-radius-lg:18px;
  --don-home-radius-md:14px;
  --don-home-control:48px;
  --don-home-glow:0 18px 46px rgba(0,0,0,.28);
  --don-home-rule:rgba(159,207,150,.24);
  --don-home-accent:#a8ef8d;
  --don-home-panel:#0b2114;
  --don-home-panel-2:#102b1b;
}

/* Desktop: preserve the approved cinematic composition but stop the banner
 * from consuming an entire first viewport. */
body.dn-dark-home .home-main--responsive-cinematic .home-hero__lead--brand{
  min-height:clamp(420px,33vw,540px)!important;
  border-radius:var(--don-home-radius-lg)!important;
  overflow:hidden!important;
  box-shadow:var(--don-shadow-elevated)!important;
}
body.dn-dark-home .home-main--responsive-cinematic .home-hero__lead--brand::after{
  border-radius:inherit!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{
  border-radius:inherit!important;
}
body.dn-dark-home .home-main--responsive-cinematic .home-hero__overlay--brand{
  max-width:min(54%,650px)!important;
  padding:clamp(34px,4vw,58px)!important;
  padding-top:clamp(38px,4.5vw,66px)!important;
  padding-bottom:clamp(28px,3.2vw,44px)!important;
}
body.dn-dark-home .home-main--responsive-cinematic .home-hero__overlay--brand h1{
  max-width:10.5ch;
  font-size:clamp(3rem,4.2vw,4.55rem)!important;
  line-height:.94!important;
  letter-spacing:-.047em!important;
}
body.dn-dark-home .home-main--responsive-cinematic .home-hero__overlay--brand>p{
  max-width:46ch!important;
  margin-top:12px!important;
  font-size:clamp(.88rem,1vw,1.02rem)!important;
  line-height:1.48!important;
}
body.dn-dark-home .home-main--responsive-cinematic .home-hero__actions{
  margin-top:17px!important;
  gap:9px!important;
}
body.dn-dark-home .home-main--responsive-cinematic .home-hero__read{
  min-height:44px!important;
  padding:10px 15px!important;
  border-radius:10px!important;
}

/* Canonical search lives inside the hero on every viewport. */
body.dn-dark-home .home-main--responsive-cinematic .home-hero-search{
  position:relative;
  z-index:12;
  width:min(100%,520px);
}
body.dn-dark-home .home-main--responsive-cinematic .home-hero-search--overlap{
  margin:-78px 0 18px clamp(34px,4vw,58px);
}
body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__form{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 48px;
  align-items:center;
  min-height:50px;
  margin:0;
  overflow:visible;
  border:1px solid var(--don-line-strong);
  border-radius:999px;
  background:rgba(5,20,11,.78);
  box-shadow:0 12px 28px rgba(0,0,0,.18);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__icon{
  display:flex;
  align-items:center;
  justify-content:center;
  color:#e4f2df;
}
body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__form .search-field{
  width:100%;
  min-width:0;
  min-height:48px;
  padding:0 8px 0 0;
  border:0;
  outline:0;
  background:transparent;
  color:#f6faf4;
  font:600 14px/1.2 var(--wpia-sans);
}
body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__form .search-field::placeholder{color:rgba(239,247,236,.70)}
body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__form .search-field:focus-visible{outline:0}
body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__form:focus-within{
  border-color:var(--don-line-focus);
  box-shadow:0 0 0 3px rgba(183,232,158,.09),0 12px 26px rgba(0,0,0,.18);
}
body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  min-width:40px;
  min-height:40px;
  margin-right:5px;
  padding:0;
  border:0;
  border-radius:50%;
  background:var(--don-accent);
  color:#0a2410;
  font-size:1.28rem;
  font-weight:900;
  cursor:pointer;
  transition:transform .18s ease,filter .18s ease;
}
body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__submit:hover{filter:brightness(1.06);transform:translateX(1px)}
body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__submit:focus-visible{outline:2px solid var(--don-focus-ring);outline-offset:3px}
@media (max-width:1024px){
  /* iOS/iPadOS Safari zooms focused text inputs below 16px. Keep the canonical
   * homepage search at a true 16px on touch-width viewports without disabling
   * user zoom in the viewport meta tag. */
  body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__form .search-field{font-size:16px}
}

body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__hint{
  margin:7px 12px 0!important;
  color:rgba(229,241,225,.67)!important;
  font:600 .64rem/1.35 var(--wpia-sans)!important;
}

/* Shared suggestion panel for header and hero search. */
body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__form .search-suggestions{
  position:absolute;
  top:calc(100% + 8px);
  left:0;
  right:0;
  z-index:90;
  max-height:min(58vh,440px);
  overflow:auto;
  border:1px solid rgba(145,205,143,.30);
  border-radius:14px;
  background:#07180e;
  color:#f4f7f2;
  box-shadow:0 22px 54px rgba(0,0,0,.38);
  text-align:left;
}
body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__form .search-suggestions[hidden]{display:none!important}
body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__form .search-suggestions__group+.search-suggestions__group{border-top:1px solid rgba(255,255,255,.08)}
body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__form .search-suggestions__heading{padding:10px 12px 6px;color:#a8ee91;font-size:.65rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__form .search-suggestions__items{display:grid}
body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__form .search-suggestions__item{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;min-height:56px;padding:7px 10px;color:#f4f7f2;text-decoration:none}
body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__form .search-suggestions__item:hover,
body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__form .search-suggestions__item:focus-visible,
body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__form .search-suggestions__item.is-active{background:rgba(151,224,135,.11);outline:0}
body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__form .search-suggestions__thumb{width:42px;height:42px;overflow:hidden;border-radius:9px;background:rgba(255,255,255,.06)}
body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__form .search-suggestions__thumb img{display:block;width:100%;height:100%;object-fit:cover}
body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__form .search-suggestions__thumb--empty:before{content:"";display:block;width:14px;height:14px;margin:14px;border:1px solid rgba(159,226,139,.55);border-radius:50%}
body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__form .search-suggestions__copy{display:grid;gap:2px;min-width:0}
body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__form .search-suggestions__copy strong{overflow:hidden;color:inherit;font-family:var(--wpia-serif);font-size:.9rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__form .search-suggestions__secondary{overflow:hidden;color:rgba(238,245,239,.66);font-size:.69rem;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__form .search-suggestions__all{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:9px 12px;border-top:1px solid rgba(255,255,255,.08);color:#a8ee91;font-size:.72rem;font-weight:850;text-decoration:none}
body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__form .search-suggestions__all:hover,
body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__form .search-suggestions__all:focus-visible{background:rgba(151,224,135,.09);outline:0}
body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__form .search-suggestions__empty{padding:14px 12px;color:rgba(238,245,239,.68);font-size:.75rem}

/* Desktop discovery cards stay photographic, but with cleaner optical density. */
body.dn-dark-home .home-main--responsive-cinematic .home-topics.home-photo-topics{
  gap:clamp(8px,1vw,13px)!important;
  margin-top:14px!important;
}
body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic{
  border-radius:13px!important;
  box-shadow:0 9px 24px rgba(0,0,0,.14)!important;
}

/* Rail indicator is generated only when overflow exists. */
body.dn-dark-home .home-main--responsive-cinematic .don-home-rail-progress{
  --don-rail-size:34%;
  --don-rail-pos:0%;
  position:relative;
  width:68px;
  height:4px;
  margin:11px auto 0;
  overflow:hidden;
  border-radius:999px;
  background:rgba(174,211,166,.17);
}
body.dn-dark-home .home-main--responsive-cinematic .don-home-rail-progress::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:var(--don-rail-pos);
  width:var(--don-rail-size);
  border-radius:inherit;
  background:linear-gradient(90deg,#aaf28f,#7dd96c);
  transition:left .08s linear,width .18s ease;
}
body.dn-dark-home .home-main--responsive-cinematic .don-home-rail-progress[hidden]{display:none!important}

/* Tablet landscape: maintain desktop hierarchy but use touch-first geometry. */
@media (min-width:900px) and (max-width:1180px){
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__lead--brand{min-height:clamp(400px,45vw,500px)!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__overlay--brand{max-width:59%!important;padding:38px 34px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__overlay--brand h1{font-size:clamp(2.75rem,5vw,3.7rem)!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero-search{width:min(100%,470px)}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero-search--overlap{margin:-70px 0 16px 34px}
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic{min-height:150px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-species__grid--four{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  body.dn-dark-home .home-main--responsive-cinematic :is(.home-hero__read,.home-priority-heading__link,.home-media-panel__heading>a,.section-heading__link){min-height:44px}
}

/* Tablet portrait: content becomes a touch-oriented cinematic canvas rather
 * than a scaled desktop layout. */
@media (min-width:768px) and (max-width:899px){
  body.dn-dark-home .home-main--responsive-cinematic{padding-top:14px!important}
  body.dn-dark-home .home-main--responsive-cinematic>.site-shell{gap:34px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__lead--brand{
    min-height:clamp(390px,55vw,460px)!important;
    border-radius:17px!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__image--brand img{object-position:59% 38%!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__overlay--brand{
    max-width:66%!important;
    padding:34px 30px!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__overlay--brand h1{font-size:clamp(2.55rem,6vw,3.25rem)!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__overlay--brand>p{font-size:.86rem!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero-search{width:min(100%,460px)}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero-search--overlap{margin:-68px 0 16px 30px}
  body.dn-dark-home .home-main--responsive-cinematic .home-topics.home-photo-topics{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    overflow:visible!important;
    padding:0!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic{width:auto!important;min-width:0!important;min-height:132px!important}

  body.dn-dark-home .home-main--responsive-cinematic .home-species--priority{
    padding:22px 18px 18px!important;
    border-color:var(--don-line)!important;
    background:linear-gradient(145deg,rgba(17,45,28,.78),rgba(6,25,14,.64))!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-species__grid--four{
    display:flex!important;
    gap:11px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding:0 9% 2px 0!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-species__grid--four::-webkit-scrollbar{display:none}
  body.dn-dark-home .home-main--responsive-cinematic .home-species__grid--four>.species-card{flex:0 0 42%!important;width:42%!important;scroll-snap-align:start}
  body.dn-dark-home .home-main--responsive-cinematic .home-species__alphabet--priority{
    display:flex!important;
    gap:5px!important;
    overflow-x:auto!important;
    scrollbar-width:none;
    padding-bottom:2px;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-species__alphabet--priority::-webkit-scrollbar{display:none}
  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 34px;min-width:34px;min-height:34px}

  body.dn-dark-home .home-main--responsive-cinematic .home-media-panel__rail,
  body.dn-dark-home .home-main--responsive-cinematic .home-editor-picks__gallery,
  body.dn-dark-home .home-main--responsive-cinematic .home-featured__rail{
    display:flex!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding:0 9% 2px 0!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic :is(.home-media-panel__rail,.home-editor-picks__gallery,.home-featured__rail)::-webkit-scrollbar{display:none}
  body.dn-dark-home .home-main--responsive-cinematic .home-media-panel__rail>.home-media-mini{flex:0 0 44%!important;width:44%!important;min-height:170px!important;display:block!important;overflow:hidden;border:1px solid rgba(157,205,147,.20);border-radius:13px;background:#0c2517;scroll-snap-align:start}
  body.dn-dark-home .home-main--responsive-cinematic .home-media-mini__visual{display:block;height:96px!important;width:100%!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-media-mini__visual img{width:100%;height:100%;object-fit:cover}
  body.dn-dark-home .home-main--responsive-cinematic .home-media-mini__copy{padding:10px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-media-mini__arrow{display:none!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-editor-picks__gallery>.story-card{flex:0 0 43%!important;width:43%!important;scroll-snap-align:start}
  body.dn-dark-home .home-main--responsive-cinematic .home-featured__rail>.story-card{flex:0 0 45%!important;width:45%!important;scroll-snap-align:start}
}

/* Phones: stronger first impression, compact navigation and less panel stacking. */
@media (max-width:767px){
  body.dn-dark-home .home-main--responsive-cinematic{padding-top:8px!important;padding-bottom:46px!important}
  body.dn-dark-home .home-main--responsive-cinematic>.site-shell{gap:32px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero{margin-inline:0!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__lead--brand{
    min-height:clamp(350px,104vw,420px)!important;
    padding:0!important;
    border-radius:16px!important;
    box-shadow:var(--don-shadow-elevated)!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__image--brand img{
    object-position:60% 38%!important;
    filter:saturate(1.05) contrast(1.04)!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__lead--brand::after{
    background:linear-gradient(180deg,rgba(1,10,5,.04) 0%,rgba(2,14,7,.13) 30%,rgba(2,14,7,.86) 100%)!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__overlay--brand{
    top:auto!important;
    bottom:0!important;
    left:0!important;
    right:0!important;
    max-width:none!important;
    padding:18px 16px 16px!important;
    transform:none!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__overlay--brand .eyebrow{font-size:.58rem!important;letter-spacing:.16em!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__overlay--brand h1{
    max-width:10ch;
    margin-top:6px!important;
    font-size:clamp(2.2rem,10.2vw,3rem)!important;
    line-height:.91!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__overlay--brand>p{
    max-width:38ch!important;
    margin-top:8px!important;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    font-size:.76rem!important;
    line-height:1.42!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__actions{margin-top:10px!important;gap:7px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__read{min-height:38px!important;padding:8px 11px!important;font-size:.67rem!important;border-radius:9px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero-search{width:auto}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero-search--overlap{margin:-62px 14px 14px}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__form{grid-template-columns:38px minmax(0,1fr) 45px;min-height:46px;border-radius:13px;background:rgba(4,18,10,.83)}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__form .search-field{min-height:44px;font-size:16px}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__submit{width:37px;height:37px;min-width:37px;min-height:37px;margin-right:4px}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__hint{display:none}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__form .search-suggestions{top:calc(100% + 6px);max-height:min(52vh,390px);border-radius:12px}

  /* Existing six discovery destinations become compact touch targets. */
  body.dn-dark-home .home-main--responsive-cinematic .home-topics.home-photo-topics{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    margin-top:10px!important;
    overflow:visible!important;
    padding:0!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic{
    position:relative;
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr) 18px!important;
    align-items:center!important;
    gap:8px!important;
    width:auto!important;
    min-width:0!important;
    min-height:66px!important;
    padding:10px!important;
    overflow:hidden!important;
    border:1px solid rgba(151,201,143,.18)!important;
    border-radius:12px!important;
    background:linear-gradient(145deg,#102a1a,#0a2013)!important;
    box-shadow:none!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic__image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:.10!important;filter:saturate(.7)!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic__shade{position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(7,25,14,.92),rgba(7,25,14,.78))!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic__icon{position:relative!important;inset:auto!important;z-index:2!important;display:flex!important;width:34px!important;height:34px!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;background:rgba(123,224,103,.10)!important;color:#91e67d!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic__copy{position:relative!important;inset:auto!important;z-index:2!important;display:grid!important;gap:2px!important;padding:0!important;min-width:0!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic__copy strong{font-size:.72rem!important;line-height:1.12!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic__copy small{display:none!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic__arrow{position:relative!important;inset:auto!important;z-index:2!important;display:block!important;font-size:.9rem!important;color:#8ddd76!important}

  /* Species: remove the heavy 2x2 panel feeling and turn cards into a shelf. */
  body.dn-dark-home .home-main--responsive-cinematic .home-species--priority{
    padding:4px 0 0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-priority-heading{padding:0 1px}
  body.dn-dark-home .home-main--responsive-cinematic .home-priority-heading p{max-width:42ch}
  body.dn-dark-home .home-main--responsive-cinematic .home-species__grid--four{
    display:flex!important;
    gap:10px!important;
    margin-top:14px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding:0 18% 2px 0!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-species__grid--four::-webkit-scrollbar{display:none}
  body.dn-dark-home .home-main--responsive-cinematic .home-species__grid--four>.species-card{
    flex:0 0 72%!important;
    width:72%!important;
    min-width:72%!important;
    border-radius:13px!important;
    scroll-snap-align:start;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-species--priority .home-species__grid--four .species-card--mini .species-card__media{aspect-ratio:16/10!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-species--priority .home-species__grid--four .species-card--mini .species-card__body{padding:11px 12px 13px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-species--priority .home-species__grid--four .species-card--mini .species-card__name{font-size:1rem!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-species__alphabet--priority{
    display:flex!important;
    gap:5px!important;
    margin-top:12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none;
    padding:0 2px 2px!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-species__alphabet--priority::-webkit-scrollbar{display:none}
  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 32px!important;width:32px!important;min-width:32px!important;min-height:32px!important;border-radius:8px!important}

  /* Media: keep the large lead image, turn the secondary rows into swipeable
   * visual cards so the page stops feeling like stacked boxes. */
  body.dn-dark-home .home-main--responsive-cinematic .home-media-shelf__grid{gap:34px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-media-panel{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-media-panel__heading{margin-bottom:12px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-media-panel__features,
  body.dn-dark-home .home-main--responsive-cinematic .home-media-panel--audio .home-media-panel__features{gap:10px!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(218px,60vw,282px)!important;border-radius:14px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-media-panel__rail,
  body.dn-dark-home .home-main--responsive-cinematic .home-media-panel--audio .home-media-panel__rail{
    display:flex!important;
    gap:9px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding:0 16% 2px 0!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-media-panel__rail::-webkit-scrollbar{display:none}
  body.dn-dark-home .home-main--responsive-cinematic .home-media-panel__rail>.home-media-mini{
    flex:0 0 72%!important;
    width:72%!important;
    min-width:72%!important;
    min-height:174px!important;
    display:block!important;
    overflow:hidden!important;
    border:1px solid rgba(154,201,145,.20)!important;
    border-radius:13px!important;
    background:#0c2517!important;
    scroll-snap-align:start;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-media-mini__visual{display:block!important;width:100%!important;height:104px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-media-mini__visual img{width:100%!important;height:100%!important;object-fit:cover!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-media-mini__copy{padding:10px 11px 12px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-media-mini h4{font-size:.9rem!important;line-height:1.14!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-media-mini__arrow{display:none!important}

  /* Editorial sections use one strong lead + swipeable continuation. */
  body.dn-dark-home .home-main--responsive-cinematic .home-featured__grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-featured__cards .story-card{border-radius:14px!important;overflow:hidden!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-featured__rail{
    display:flex!important;
    gap:9px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding:0 16% 2px 0!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-featured__rail::-webkit-scrollbar{display:none}
  body.dn-dark-home .home-main--responsive-cinematic .home-featured__rail>.story-card{
    flex:0 0 76%!important;
    width:76%!important;
    min-width:76%!important;
    display:block!important;
    padding:0!important;
    overflow:hidden!important;
    border:1px solid rgba(154,201,145,.20)!important;
    border-radius:13px!important;
    background:#0c2517!important;
    scroll-snap-align:start;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-featured__rail>.story-card .story-card__media{aspect-ratio:16/10!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-featured__rail>.story-card .story-card__body{padding:10px 11px 12px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-editor-picks__gallery{
    display:flex!important;
    gap:9px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    padding:0 16% 2px 0!important;
  }
  body.dn-dark-home .home-main--responsive-cinematic .home-editor-picks__gallery::-webkit-scrollbar{display:none}
  body.dn-dark-home .home-main--responsive-cinematic .home-editor-picks__gallery>.story-card{
    flex:0 0 76%!important;
    width:76%!important;
    min-width:76%!important;
    overflow:hidden!important;
    border-radius:13px!important;
    scroll-snap-align:start;
  }
}

@media (max-width:430px){
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__lead--brand{min-height:clamp(340px,105vw,400px)!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.04rem,10vw,2.55rem)!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic{min-height:64px!important;padding:9px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-species__grid--four>.species-card{flex-basis:78%!important;width:78%!important;min-width:78%!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-media-panel__rail>.home-media-mini,
  body.dn-dark-home .home-main--responsive-cinematic .home-featured__rail>.story-card,
  body.dn-dark-home .home-main--responsive-cinematic .home-editor-picks__gallery>.story-card{flex-basis:80%!important;width:80%!important;min-width:80%!important}
}

@media (max-width:359px){
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__lead--brand{min-height:330px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__overlay--brand h1{font-size:1.95rem!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__overlay--brand>p{font-size:.69rem!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero__actions{display:none!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-hero-search--overlap{margin-top:-58px}
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic{grid-template-columns:30px minmax(0,1fr) 14px!important;gap:6px!important;min-height:60px!important;padding:8px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic__icon{width:30px!important;height:30px!important}
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic__copy strong{font-size:.66rem!important}
}

@media (hover:hover) and (pointer:fine){
  body.dn-dark-home .home-main--responsive-cinematic .home-photo-topics .home-topic[href]:hover{transform:translateY(-2px)}
}
@media (prefers-reduced-motion:reduce){
  body.dn-dark-home .home-main--responsive-cinematic .home-hero-search__submit,
  body.dn-dark-home .home-main--responsive-cinematic .don-home-rail-progress::after{transition:none!important}
}


/* 0.3.69 — calmer single-track rail progress. */
body.dn-dark-home .home-main--responsive-cinematic .don-home-rail-progress{
  width:58px!important;
  height:3px!important;
  margin:9px auto 0!important;
  background:rgba(174,211,166,.11)!important;
}
body.dn-dark-home .home-main--responsive-cinematic .don-home-rail-progress::after{background:linear-gradient(90deg,#b5f095,#7ed86a)!important}
@media(max-width:767px){body.dn-dark-home .home-main--responsive-cinematic .don-home-rail-progress{width:54px!important;margin-top:8px!important}}