/* Carry the homepage's editorial imagery into selected forecast pages. */
.editorial-forecast-page .site-header { position: relative; background: #041a2b; }
.editorial-hero { position: relative; isolation: isolate; overflow: hidden; background: #041a2b; }
.editorial-hero .editorial-hero-image { position: absolute; z-index: -1; top: 0; right: 0; width: 44%; height: 100%; max-width: none; object-fit: cover; }
.editorial-hero > .shell { position: relative; }
.editorial-hero h1 { font-family: "Bebas Neue", "Arial Narrow", sans-serif; font-weight: 400; letter-spacing: .01em; line-height: 1.03; font-size: clamp(48px, 5vw, 72px); text-transform: uppercase; }
.crags-editorial { min-height: 385px; padding: 30px 0; }
.crags-editorial .editorial-hero-image { object-position: 76% center; }
.crags-editorial .shell > * { max-width: 51%; }
.crags-editorial .breadcrumbs { margin-bottom: 15px; }
.crags-editorial h1 { margin: 10px 0 13px; }
.crags-editorial p { font-size: 16px; line-height: 1.55; }
.crags-editorial .forecast-method-note { margin-top: 10px; font-size: 12px; }
.crags-editorial .ranking-period-tabs { margin-top: 20px; }
.windows-editorial.page-hero { min-height: 310px; background-image: none; }
.windows-editorial .editorial-hero-image { width: 48%; object-position: center 59%; }
.windows-editorial.page-hero .page-hero-content { min-height: 310px; max-width: 1240px; justify-content: center; padding: 35px 0; }
.windows-editorial .page-hero-content > * { max-width: 47%; }
.windows-editorial.page-hero h1 { font-size: clamp(50px, 5.6vw, 78px); }
.windows-editorial p { margin-top: 17px; font-size: 17px; line-height: 1.6; color: #d1dcdf; }
@media(max-width:900px) {
  .crags-editorial .shell > * { max-width: 55%; }
  .crags-editorial .editorial-hero-image { width: 40%; }
  .crags-editorial .ranking-period-tabs a { min-width: 110px; padding-inline: 14px; }
}
@media(max-width:650px) {
  .editorial-hero .editorial-hero-image { position: relative; display: block; width: 100%; height: 240px; z-index: 0; object-position: center 53%; }
  .editorial-hero { display: flex; flex-direction: column; padding: 0; }
  .editorial-hero .editorial-hero-image { order: 2; }
  .editorial-hero > .shell { padding-top: 27px; padding-bottom: 28px; }
  .crags-editorial .shell > *, .windows-editorial .page-hero-content > * { max-width: none; }
  .editorial-hero h1, .windows-editorial.page-hero h1 { font-size: 48px; }
  .windows-editorial.page-hero .page-hero-content { min-height: 0; padding: 27px 0 28px; }
  .windows-editorial .editorial-hero-image { height: 205px; object-position: center 61%; }
  .crags-editorial .editorial-hero-image { height: 180px; object-position: 76% 45%; }
}