.gallery-page-hero{background:var(--dark);color:#fff;padding:82px 7% 65px}
.gallery-page-hero h1{font-size:clamp(42px,6vw,72px);margin:8px 0 15px}
.gallery-page-hero p:not(.eyebrow){max-width:700px;color:#cbd3d8;line-height:1.8}
.gallery-page{background:var(--cream)}
.gallery-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.gallery-page-card{background:#fff;border:1px solid var(--line);overflow:hidden;box-shadow:0 10px 28px rgba(20,33,43,.06);transition:.3s}
.gallery-page-card:hover{transform:translateY(-7px);box-shadow:0 18px 40px rgba(20,33,43,.12)}
.gallery-page-img{height:270px;overflow:hidden;background:#ddd}
.gallery-page-img img{width:100%;height:100%;object-fit:cover;transition:.5s}
.gallery-page-card:hover img{transform:scale(1.05)}
.gallery-page-body{padding:25px 27px 29px}
.gallery-number{font-size:11px;letter-spacing:2px;color:var(--accent);font-weight:800}
.gallery-page-body h2{font-family:"Playfair Display",serif;font-size:27px;margin:8px 0 10px}
.gallery-page-body p{color:var(--muted);font-size:14px;line-height:1.75;margin:0}
@media(max-width:1050px){.gallery-page-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){
.gallery-page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.gallery-page-hero{padding:65px 6% 55px}
.gallery-page-img{height:125px}
.gallery-page-body{padding:13px 13px 15px}
.gallery-page-body h2{font-size:18px;margin:5px 0 6px}
.gallery-page-body p{font-size:12px;line-height:1.45}
.gallery-number{font-size:9px;letter-spacing:1.5px}
}
a.gallery-page-card{display:block;color:inherit;text-decoration:none}a.gallery-page-card:hover h2{color:var(--accent)}

/* CleverClimbers mobile image optimization */
@media (max-width: 600px){
  .hero{
    min-height: 500px;
    height: auto;
    background-position: center center;
    background-size: cover;
  }
  .hero-content{padding-top:70px;padding-bottom:70px}
  .service-card img{height:210px!important;max-height:210px;object-fit:cover}
  .gallery img{height:210px!important;max-height:210px;object-fit:cover}
  .article-card img,.simple-article-card img,.article-page-card img{height:205px!important;max-height:205px;object-fit:cover}
  .detail-wrap img{width:100%;height:auto;max-height:280px;object-fit:cover;border-radius:10px}
  .detail-img{width:100%;height:250px!important;max-height:250px;object-fit:cover;border-radius:10px}
  .gallery-page-img{height:125px!important}
  .gallery-page-img img{height:100%!important;object-fit:cover}
  .shed-hero{min-height:500px!important;background-position:center center;background-size:cover}
  .shed-gallery img,.shed-gallery figure img{width:100%;height:220px!important;max-height:220px;object-fit:cover}
  .chat,.whatsapp-float{width:52px!important;height:52px!important;font-size:24px!important;right:14px!important;bottom:14px!important}
}
@media (max-width: 420px){
  .hero{min-height:470px}
  .service-card img,.gallery img{height:195px!important;max-height:195px}
  .article-card img,.simple-article-card img,.article-page-card img{height:190px!important;max-height:190px}
  .detail-wrap img{max-height:240px}
  .detail-img{height:220px!important;max-height:220px}
  .gallery-page-img{height:115px!important}
  .shed-gallery img,.shed-gallery figure img{height:200px!important;max-height:200px}
}