/* Rock climbing overview selection from the supplied mockups. */
.climbing-selection { padding: 4.5vw 3% 2.8vw; background: #d9b9b9 url('/assets/climbing/overview-bg.webp') 100% 10.72%/191.73% auto no-repeat; }
.climbing-selection > h1 { font-size: clamp(50px, 5vw, 90px); font-weight: 700; line-height: .64; letter-spacing: -.105em; margin-bottom: 2.1vw; }
.climbing-selection-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3.5vw; }
.climbing-selection-card > div { aspect-ratio: .7704; overflow: hidden; }
.climbing-selection-card img { transition: transform .5s; }
.climbing-selection-card:hover img { transform: scale(1.018); }
.climbing-selection-card[href="/climbing/sport-climbing"] img { object-position: 93% center; }
.climbing-selection-card h2 { margin-top: 13px; font-size: clamp(17px, 1.85vw, 29px); font-weight: 400; line-height: 1.2; letter-spacing: -.025em; text-align: right; }
.climbing-selection-card:hover h2 { text-decoration: underline; text-underline-offset: 5px; }
@media (max-width: 800px) {
  .climbing-selection { padding-top: 55px; padding-bottom: 60px; }
  .climbing-selection > h1 { font-size: 58px; margin-bottom: 33px; }
  .climbing-selection-grid { gap: 25px; }
  .climbing-selection-card h2 { font-size: 18px; }
}
@media (max-width: 600px) {
  .climbing-selection { padding: 55px 24px 65px; background-size: cover; background-position: center; }
  .climbing-selection-grid { grid-template-columns: 1fr; gap: 35px; max-width: 440px; margin: auto; }
  .climbing-selection-card > div { aspect-ratio: .82; }
  .climbing-selection-card h2 { font-size: 22px; }
}