/* Shared interior hero treatment. Article media and status signals retain their own styles. */
header.page.feature-hero,
header.doc.feature-hero,
body header.post,
section.hero.feature-hero,
header.status-hero{padding:30px 0 38px;background:linear-gradient(110deg,#f0f7ff 0%,#fff 78%);border-bottom:1px solid var(--line)}
.feature-hero .feature-eyebrow{margin:0 0 10px;color:var(--cyan-text);font-size:.76rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
header.page.feature-hero h1,
header.doc.feature-hero h1,
body header.post h1,
section.hero.feature-hero h1,
header.status-hero h1{max-width:900px;font-size:clamp(1.8rem,3.3vw,2.65rem);line-height:1.15;margin:0 0 16px}
header.page.feature-hero .feature-hero-intro,
section.hero.feature-hero p{max-width:730px;font-size:1.08rem;line-height:1.7;color:var(--body);margin:0}
section.hero.feature-hero>.wrap{display:block}
section.hero.feature-hero p{text-align:left}
section.hero.feature-hero .blog-context{font-size:.95rem;margin-top:16px}
@media(max-width:650px){
  header.page.feature-hero,header.doc.feature-hero,body header.post,section.hero.feature-hero,header.status-hero{padding:24px 0 30px}
  header.page.feature-hero .feature-hero-intro,section.hero.feature-hero p{font-size:1rem}
  section.hero.feature-hero .blog-context{font-size:.95rem}
}

/* Illustrated interior heroes share one responsive composition. */
.feature-hero-illustrated .feature-hero-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:36px}
.feature-hero-illustrated .feature-hero-copy{min-width:0}
.feature-hero-illustrated .feature-hero-visual{margin:0;min-width:0;background:transparent}
.feature-hero-illustrated .feature-hero-visual img{display:block;width:100%;max-width:460px;height:auto;margin-inline:auto}
.service-visual.service-visual-description{display:block;padding:24px}
.service-visual-description p{margin:12px 0 18px;font-size:.97rem;line-height:1.65}
@media(max-width:850px){.feature-hero-illustrated .feature-hero-layout{grid-template-columns:minmax(0,1fr);gap:22px}.feature-hero-illustrated .feature-hero-visual{width:100%;max-width:400px;margin-inline:auto}}