/* Facilities page ([srs_facilities]): alternating photo/text rows, framed photo with a hover lift,
   click to see it big (same viewer as the Events photos). */

body.page-id-9628 article.ast-article-single{ max-width:1100px !important; margin-left:auto !important; margin-right:auto !important; }

.srs-fac{ max-width:1100px; margin:0 auto; padding:8px 0 20px; }
.srs-fac-row{
  display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:46px;
  padding:34px 0; border-bottom:1px solid #e2e6ee;
}
.srs-fac-row:last-child{ border-bottom:0; }
.srs-fac-rev .srs-fac-img{ order:2; }
.srs-fac-rev .srs-fac-text{ order:1; }

.srs-fac-img{
  display:block; aspect-ratio:4 / 3; overflow:hidden; border:3px solid #e2a821; border-radius:16px;
  background:#f3f4f6; transition:transform .25s ease, box-shadow .25s ease;
}
.srs-fac-img img{ display:block; width:100%; height:100%; object-fit:cover; cursor:zoom-in; }
.srs-fac-img:hover{ transform:translateY(-5px); box-shadow:0 14px 28px rgba(0,0,0,.16); }

.srs-fac-text h2{ margin:0 0 12px; font-size:25px; font-weight:700; line-height:1.3; color:var(--drawer); }
.srs-fac-text p{ margin:0 0 12px; font-size:16px; line-height:1.75; color:#3a3f4b; }
.srs-fac-text p:last-child{ margin-bottom:0; }

@media (max-width:900px){
  .srs-fac-row{ grid-template-columns:1fr; gap:22px; padding:26px 0; }
  .srs-fac-rev .srs-fac-img,
  .srs-fac-rev .srs-fac-text{ order:0; }
  .srs-fac-img{ aspect-ratio:16 / 10; }
}
@media (max-width:600px){
  .srs-fac-text h2{ font-size:21px; }
  .srs-fac-text p{ font-size:15.5px; }
}

/* so a "Facilities" footer link (#fac-...) doesn't land the photo under the sticky menu */
.srs-fac-row{ scroll-margin-top:110px; }