/* Visual page opening: short headline + photo collage */
.page-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;align-items:center}
.page-hero h1{font-size:clamp(2.3rem,4.6vw,3.8rem);line-height:1.05;margin-top:14px}
.page-hero-lead{margin-top:16px;font-size:1.15rem;color:var(--text-muted);max-width:30em}
.page-hero .back-link{font-size:.92rem;color:var(--text-muted);display:inline-block;margin-bottom:14px}
.page-hero-collage{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:12px;height:440px}
.page-hero-collage img{display:block;min-width:0;min-height:0;width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}
.page-hero-collage img:first-child{grid-row:span 2}
.page-hero-collage.single{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:400px}

/* Tablets: photos on top, headline below */
@media (max-width:860px){
  .page-hero{grid-template-columns:minmax(0,1fr);gap:28px}
  .page-hero-collage{order:-1;height:340px;gap:10px}
  .page-hero-collage.single{height:300px}
  .page-hero h1{font-size:2.6rem}
}

/* Phones */
@media (max-width:600px){
  .page-hero{gap:22px}
  .page-hero-collage{height:250px;gap:8px}
  .page-hero-collage.single{height:220px}
  .page-hero-collage img{border-radius:var(--radius-md)}
  .page-hero h1{font-size:2.05rem}
  .page-hero-lead{font-size:1.02rem}
}