/* Shared company/guide hero; company is the reference for sizing and rhythm. */
.story main > .editorial-hero {
  min-height:calc(100svh - var(--header-height));
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:24px;
  padding:40px var(--gutter) 0;
}
.story main .editorial-hero .story-hero-head {
  align-self:center;
  align-items:center;
  gap:16px;
  max-width:950px;
}
.story main .editorial-hero .display {
  font-size:clamp(32px,3.6vw,56px);
  font-weight:400;
  line-height:1.2;
  letter-spacing:-.025em;
  text-wrap:balance;
}
.story main .editorial-hero .caption {
  color:var(--muted);
  letter-spacing:.12em;
}
.story main .editorial-hero .story-hero-body {
  grid-column:auto;
  grid-row:auto;
  align-self:center;
  align-items:center;
  max-width:720px;
  padding:0;
  border:0;
  gap:12px;
}
.story main .editorial-hero .story-hero-body p {
  font-size:16px;
  line-height:1.5;
}
.story main .editorial-hero .story-hero-body .hero-lead {
  font-size:20px;
  font-weight:400;
  line-height:1.4;
}
.story main .editorial-hero .section-actions { margin:0; }
.story main .editorial-hero > .plate {
  flex:1 1 180px;
  min-height:160px;
  max-height:240px;
  width:min(800px,100%);
  margin-top:8px;
}
.story main .editorial-hero .plate-media {
  width:100%;
  height:100%;
  min-height:160px;
}
@media(min-width:1440px) {
  .story main > .editorial-hero { padding-inline:var(--content-inset); }
}
@media(max-width:760px) {
  .story main > .editorial-hero { padding-bottom:76px; }
  .story main .editorial-hero .story-hero-body .hero-lead { font-size:18px; }
  .story main .editorial-hero > .plate { flex-basis:160px; }
  .story main .editorial-hero .scroll-cue { bottom:12px; }
}