/* Longevity Research Review section hero reference v1.
 * Site chrome only: never counted as an article-specific figure.
 * Production activation requires approved WebP assets and explicit section mapping.
 */
.dr-section-hero {
  --dr-hero-ink:#17212b;
  --dr-hero-muted:#5c6b76;
  --dr-hero-accent:#0d6b69;
  --dr-hero-paper:#fbfaf7;
  --dr-hero-object-position:76% 50%;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:clamp(180px,18vw,260px);
  background:linear-gradient(90deg,#fbfaf7 0%,rgba(251,250,247,.97) 34%,rgba(243,248,250,.82) 58%,rgba(231,244,247,.45) 100%);
  color:var(--dr-hero-ink);
}
.dr-section-hero__media {
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
}
.dr-section-hero__media img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:var(--dr-hero-object-position);
}
.dr-section-hero::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(90deg,#fbfaf7 0%,rgba(251,250,247,.99) 27%,rgba(251,250,247,.92) 43%,rgba(251,250,247,.45) 62%,rgba(251,250,247,.10) 100%);
}
.dr-section-hero__inner {
  width:min(1180px,calc(100% - 2rem));
  min-height:inherit;
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:clamp(1.4rem,3vw,2.6rem) 0;
}
.dr-section-hero__eyebrow {
  margin:0 0 .55rem;
  color:var(--dr-hero-accent);
  font:800 .76rem/1.2 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.105em;
  text-transform:uppercase;
}
.dr-section-hero__title {
  max-width:18ch;
  margin:0;
  color:var(--dr-hero-ink);
  font:700 clamp(2rem,4.5vw,4rem)/1.04 Georgia,"Times New Roman",serif;
  text-wrap:balance;
}
.dr-section-hero__deck {
  max-width:54ch;
  margin:.8rem 0 0;
  color:var(--dr-hero-muted);
  font:400 clamp(1rem,1.5vw,1.2rem)/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.dr-section-hero[data-dr-section="research"]{--dr-hero-object-position:76% 50%}
.dr-section-hero[data-dr-section="biology"]{--dr-hero-object-position:78% 50%}
.dr-section-hero[data-dr-section="interventions"]{--dr-hero-object-position:76% 50%}
.dr-section-hero[data-dr-section="supplements"]{--dr-hero-object-position:77% 50%}
.dr-section-hero[data-dr-section="biomarkers"]{--dr-hero-object-position:78% 50%}
.dr-section-hero[data-dr-section="systems"]{--dr-hero-object-position:78% 50%}
.dr-section-hero[data-dr-section="oral-longevity"],
.dr-section-hero[data-dr-section="dental-library"]{--dr-hero-object-position:77% 50%}

@media (max-width:720px) {
  .dr-section-hero {
    min-height:clamp(150px,45vw,210px);
  }
  .dr-section-hero::after {
    background:linear-gradient(90deg,rgba(251,250,247,.99) 0%,rgba(251,250,247,.96) 48%,rgba(251,250,247,.65) 100%);
  }
  .dr-section-hero__inner {
    width:min(100% - 2rem,680px);
    padding-block:1.35rem;
  }
  .dr-section-hero__title {
    max-width:16ch;
    font-size:clamp(1.8rem,9vw,2.8rem);
  }
  .dr-section-hero__deck {
    max-width:38ch;
    font-size:.98rem;
  }
  .dr-section-hero[data-dr-section="research"],
  .dr-section-hero[data-dr-section="interventions"]{--dr-hero-object-position:72% 50%}
  .dr-section-hero[data-dr-section="biology"],
  .dr-section-hero[data-dr-section="biomarkers"],
  .dr-section-hero[data-dr-section="systems"]{--dr-hero-object-position:74% 50%}
  .dr-section-hero[data-dr-section="supplements"],
  .dr-section-hero[data-dr-section="oral-longevity"],
  .dr-section-hero[data-dr-section="dental-library"]{--dr-hero-object-position:73% 50%}
}
@media (prefers-reduced-motion:reduce) {
  .dr-section-hero,.dr-section-hero *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}

/* Production integration: accommodate the site's article column and long titles. */
.dr-section-hero { box-sizing:border-box; max-width:100%; margin:0 0 1.5rem; border:1px solid #dbe4e8; border-radius:12px; }
.dr-section-hero .dr-section-hero__media img { width:100%; height:100%; max-width:none; margin:0; object-fit:cover; }
.dr-section-hero .dr-section-hero__inner { box-sizing:border-box; width:100%; padding:1.6rem 1.5rem; }
.dr-section-hero .dr-section-hero__title { font-size:clamp(1.8rem,3vw,2.8rem); line-height:1.15; overflow-wrap:anywhere; }
.dr-section-hero--article .dr-section-hero__title { max-width:28ch; font-size:clamp(1.55rem,2.4vw,2.15rem); }
@media(max-width:720px) {
 .dr-section-hero .dr-section-hero__inner { padding:1.25rem 1rem; }
 .dr-section-hero .dr-section-hero__eyebrow { font-size:.65rem; }
 .dr-section-hero--article .dr-section-hero__title { font-size:1.55rem; }
}