#school-photos{padding-top:clamp(64px,7vw,105px)}
#school-photos .group-photo-wall{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:1500px;margin:30px auto 0}
#school-photos .group-photo{aspect-ratio:16/9;border-radius:4px}
#school-photos .group-photo:nth-child(1),#school-photos .group-photo:nth-child(11n+7){grid-column:auto;grid-row:auto}
.school-opening-images{min-height:500px}.school-opening-images img:first-child{height:420px}.school-opening-images img:last-child{height:200px}
.school-collage{grid-template-rows:300px 185px}.school-collage>img{height:185px}
.school-river-gallery{grid-template-rows:290px 155px 155px}
.school-evening-grid article{min-height:210px}.school-evening-grid img{min-height:210px}
.school-stay-grid article{min-height:360px}
.school-family-gallery{grid-template-rows:300px 175px}
@media(max-width:1100px){#school-photos .group-photo-wall{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){#school-photos .group-photo-wall{grid-template-columns:repeat(2,minmax(0,1fr))}.school-opening-images{min-height:405px}.school-opening-images img:first-child{height:340px}.school-opening-images img:last-child{height:160px}.school-collage{grid-template-rows:260px 150px}.school-collage>img{height:150px}.school-river-gallery{grid-template-rows:235px 130px 130px}.school-family-gallery{grid-template-rows:245px 135px}}
@media(max-width:520px){#school-photos .group-photo-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#school-photos .group-photo-intro{font-size:14px}.school-opening-images{min-height:315px}.school-opening-images img:first-child{height:265px}.school-opening-images img:last-child{height:120px}.school-collage{grid-template-rows:220px 135px 135px}.school-collage>img{height:135px}.school-river-gallery{grid-template-rows:195px 105px 105px}.school-stay-grid article{min-height:330px}.school-family-gallery{grid-template-rows:205px 105px}}

/* Keep evening-card copy on a solid, high-contrast panel on every screen. */
.school-evening-grid article{overflow:hidden}
.school-evening-grid article>div{position:relative;z-index:1;background:#f4f1e9;color:#182d25}
.school-evening-grid h3{color:#182d25}
.school-evening-grid p{color:#3f4c44}
@media(max-width:1100px){
  .school-evening-grid article{display:block;min-height:0}
  .school-evening-grid img{width:100%;height:auto;min-height:0;aspect-ratio:16/9;object-fit:cover}
  .school-evening-grid article>div{display:block;padding:24px 24px 27px}
}