/* The breadcrumb and eyebrow occupy the same coordinates on every page. */
:root { --hero-masthead-top: 32px; --hero-masthead-gap: 44px; }
:is(.light-hero__inner, .editorial2-inner) { padding-top: var(--hero-masthead-top); }
.ww2-inner { max-width: 1440px; padding-top: calc(var(--header-height) + var(--hero-masthead-top)); }
.h3-hero { padding-top: var(--hero-masthead-top); padding-inline: max(var(--gutter), calc((100vw - 1440px) / 2 + var(--gutter))); }
.hero-masthead { flex-shrink: 0; margin: 0 0 16px; }
.hero-masthead__breadcrumb { margin: 0; padding: 0; color: #62626c; font-family: var(--font-body); font-size: 12px; font-weight: 400; line-height: 1.6; }
.hero-masthead__breadcrumb a { color: inherit; text-decoration: none; }
.hero-masthead__breadcrumb a:hover { color: var(--text-accent); }
.hero-masthead__breadcrumb > span[aria-hidden] { margin-inline: 12px; }
.hero-masthead__row { display: flex; align-items: center; gap: 24px; height: 20px; margin-top: var(--hero-masthead-gap); }
.hero-masthead__eyebrow { display: flex; align-items: center; gap: 16px; margin: 0; padding: 0; color: var(--text-accent); font-family: var(--font-body); font-size: 11px; font-weight: 500; line-height: 1.6; letter-spacing: .2em; text-transform: uppercase; }
.hero-masthead__eyebrow::before { content: ''; width: 36px; height: 1px; flex-shrink: 0; background: #e91048; }
.hero-masthead__date { color: #62626c; font-size: 12px; line-height: 1.6; white-space: nowrap; }
.ww2-hero .hero-masthead__breadcrumb { color: #b8b3ba; }
.ww2-hero .hero-masthead__eyebrow { color: var(--text-accent); }
.ww2-hero .hero-masthead__breadcrumb a:hover { color: #fff; }
:is(.light-hero__layout, .about-panorama__head, .light-news__headline, .ww2-stage, .legal2-layout, .article2-layout) { padding-top: 0; }
.legal2-layout h1 { margin-top: 0; }
.light-hero__layout { min-height: 430px; }
@media (min-width: 1600px) { .light-hero__layout { min-height: 510px; } }
@media (min-width: 1024px) and (max-height: 800px) {
 :root { --hero-masthead-top: 24px; }
 .h3-stage { min-height: 240px; }
 .light-hero__layout { min-height: 370px; }
}
@media (max-width: 767px) {
 :root { --hero-masthead-top: 22px; --hero-masthead-gap: 36px; }
 .hero-masthead__eyebrow { font-size: 10px; }
 .hero-masthead__row { gap: 20px; }
 .light-hero__layout { min-height: 0; }
}

.js-motion .legal2-main > .editorial2-hero { animation: none; }