/* Genuine photographs supplied by Simon. Framing changes only, not retouching. */
.real-climber { display: block; overflow: hidden; }
.climbing-panel::after { background: linear-gradient(90deg,rgba(2,22,33,.88),rgba(2,22,33,.62) 38%,rgba(2,22,33,.08) 69%,transparent); }
.camping-panel .panel-photo { object-position: 82% center; }
.camping-panel::after { background: linear-gradient(180deg,rgba(2,22,33,.69),rgba(2,22,33,.55) 45%,rgba(2,22,33,.05) 78%); }
.windows-panel .panel-photo { object-position: 60% center; }
.windows-panel::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(105deg,rgba(250,245,233,.88),rgba(250,245,233,.62) 37%,rgba(250,245,233,.14) 64%,transparent 85%); }
.page-hero.forecasts,.page-hero.peaks { background-image:url('../images/inversion-sunlit-summits-20260902.webp'); background-position:center 20%; }
.page-hero.peaks { background-position:center 22%; }
.windows-editorial .editorial-hero-image { object-position: 60% 43%; }
.inversions-editorial .editorial-hero-image { width: 48%; object-position: center 31%; }
.inversions-editorial .page-hero-content { min-height: 340px; max-width: 1240px; justify-content: center; padding: 35px 0; }
.inversions-editorial.page-hero { min-height: 340px; }
.inversions-editorial .page-hero-content > * { max-width: 47%; }
.inversions-editorial h1 { margin: 0; }
.inversions-editorial p { margin-top: 17px; font-size: 17px; line-height: 1.6; color: #d1dcdf; }
.page-hero.camping-guide { background-image: url('../images/camping-mountain-evening-20260902.webp'); background-position: center 64%; }
@media(max-width:650px) {
  .windows-editorial .editorial-hero-image { object-position: 60% 43%; }
  .inversions-editorial .editorial-hero-image { width: 100%; height: 260px; object-position: center 31%; }
  .inversions-editorial .page-hero-content { min-height: 0; padding: 27px 0 28px; }
  .inversions-editorial .page-hero-content > * { max-width: none; }
  .page-hero.camping-guide { background-position: 78% 65%; }
  .crags-editorial .real-climber { height: 260px; }
}
@media(max-width:560px) {
  .climbing-panel::after { background: linear-gradient(90deg,rgba(2,22,33,.9),rgba(2,22,33,.65) 40%,rgba(2,22,33,.2)); }
}