/* Put human stories in the foreground while keeping headlines easy to read. */
.slot img.df-photo { object-position: var(--df-photo-position, 60% 45%); }
.slot:has(img.df-photo) > .ph,
.slot:has(img.df-photo) > .kb > .ph { display: none; }
[data-hero] { background: #141014; }
[data-hero] .slot img.df-photo {
  left: auto;
  right: 0;
  width: 72%;
}
[data-hero] .slot > .scrim:not(:last-child) {
  background: linear-gradient(90deg, #141014 0%, rgba(20,16,20,.96) 23%, rgba(20,16,20,.77) 39%, rgba(20,16,20,.22) 61%, rgba(20,16,20,.06) 100%);
}
[data-hero] .slot > .scrim:last-child {
  background: linear-gradient(0deg, rgba(20,16,20,.78), transparent 38%, rgba(20,16,20,.36));
}
#heroSlider .cap { max-width: 54%; }
#heroSlider h1 { max-width: 14ch; font-size: clamp(2.6rem, 4.6vw, 4.6rem); }
#heroSlider .cap > p.mt-8 { max-width: 31rem; margin-top: 1.5rem; }
#heroSlider .cap > div.mt-10 { margin-top: 2rem; }
[data-hero]:not(#heroSlider) h1 { max-width: 16ch; }
[data-hero]:not(#heroSlider) h1 + p { max-width: 34rem; }
@media (max-width: 1023px) and (min-width: 640px) {
  [data-hero] .slot img.df-photo { width: 85%; }
  #heroSlider .cap { max-width: 72%; }
  [data-hero] .slot > .scrim:not(:last-child) { background: linear-gradient(90deg,rgba(20,16,20,.94),rgba(20,16,20,.72) 45%,rgba(20,16,20,.1)); }
}
@media (max-width: 639px) {
  [data-hero] .slot img.df-photo {
    top: calc(var(--df-header-height) + var(--df-admin-offset));
    left: 0;
    width: 100%;
    height: 17.5rem;
  }
  [data-hero] .slot > .scrim:not(:last-child) {
    background: linear-gradient(0deg,#141014 0%,#141014 calc(100% - 25rem),transparent calc(100% - 18rem),rgba(20,16,20,.08) 100%);
  }
  [data-hero] .slot > .scrim:last-child { background: none; }
  #heroSlider > .hs > .absolute,
  [data-hero]:not(#heroSlider) > .absolute {
    padding-top: calc(var(--df-header-height) + var(--df-admin-offset) + 19.5rem);
  }
  #heroSlider .cap { max-width: 100%; }
  #heroSlider h1 { max-width: 16ch; font-size: clamp(2.35rem,9.5vw,3.5rem); }
  #nav .bar { background: #141014; }
  #nav.solid .bar { background: #fff; }
}