/* ParenzanaTrail.com — robust visual layer, 2026-09-24 */
.hero,.page-hero{isolation:isolate;background:#0c1d16}
.hero-media{position:absolute;inset:0;z-index:0;display:block;overflow:hidden;pointer-events:none}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transform:scale(1.015)}
.hero-bg{z-index:1;background-image:linear-gradient(180deg,rgba(6,18,12,.14),rgba(6,18,12,.38) 46%,rgba(6,18,12,.87) 100%)!important;background-color:transparent!important}
.hero:after,.page-hero:after{z-index:1}
.hero-content,.photo-credit{z-index:3}
.hero-photo-aerial img{object-position:center 48%}
.hero-photo-stone img{object-position:center 48%}
.hero-photo-riders img{object-position:center 52%}

/* Premium photographic pacing */
.scenic-gallery{display:grid;grid-template-columns:1.18fr .82fr;grid-template-rows:310px 310px;gap:16px;margin-top:44px}
.scenic-card{position:relative;margin:0;overflow:hidden;border-radius:20px;border:0;background:#e9e0d2;box-shadow:0 20px 60px rgba(18,31,24,.10)}
.scenic-card:first-child{grid-row:1/3}
.scenic-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.scenic-card:hover img{transform:scale(1.025)}
.scenic-card:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent,rgba(4,14,9,.58));pointer-events:none}
.scenic-card figcaption{position:absolute;left:18px;bottom:16px;z-index:2;padding:0;color:#fff;font-size:.58rem;letter-spacing:.13em;text-transform:uppercase;opacity:.92}
.scenic-intro{max-width:690px}

.photo-band{background-image:linear-gradient(90deg,rgba(9,25,17,.87),rgba(9,25,17,.30)),url('../img/viaduct-aerial-1600.webp'),url('../img/viaduct-aerial-1600.jpg')!important;background-position:center 50%;background-size:cover}
.editorial-photo{background:#102019}
.editorial-photo img{width:100%;height:100%;object-fit:cover}

@media(max-width:980px){
  .scenic-gallery{grid-template-columns:1fr 1fr;grid-template-rows:390px 260px}
  .scenic-card:first-child{grid-column:1/-1;grid-row:auto}
}
@media(max-width:760px){
  .hero-media img{transform:none}
  .hero-photo-aerial img{object-position:58% center}
  .hero-photo-stone img{object-position:48% center}
  .hero-photo-riders img{object-position:57% center}
  .scenic-gallery{grid-template-columns:1fr;grid-template-rows:none;gap:12px;margin-top:30px}
  .scenic-card:first-child{grid-column:auto}
  .scenic-card{height:250px;border-radius:16px}
  .scenic-card:first-child{height:330px}
  .photo-band{background-position:54% center!important}
}
@media(prefers-reduced-motion:reduce){.scenic-card img{transition:none}.scenic-card:hover img{transform:none}}