/* Give the two school photographs room; keep labels outside the photographs. */
.school-life-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:start}
.school-life-copy{grid-column:1/-1;max-width:850px;padding:0 0 12px}
.school-life-copy h2{max-width:720px}
.school-life-copy p:not(.eyebrow){max-width:760px;margin:20px 0}
.school-photo-main,.school-photo-detail{height:auto;margin:0;border:1px solid var(--line);background:#fff;border-radius:6px;overflow:hidden}
.school-photo a{display:block;overflow:hidden;background:#edf1f4}
.school-photo-main img,.school-photo-detail img{display:block;width:100%;height:auto;aspect-ratio:1/1.08;object-fit:cover;object-position:center top}
.school-photo-detail img{filter:brightness(1.065) contrast(1.05) saturate(.93)}
.school-photo figcaption{position:static;padding:18px 22px;background:#fff;color:var(--ink);font-size:.9375rem;line-height:1.5;border-top:3px solid var(--yellow)}
.moler-gallery-section{padding:64px 0 76px;background:var(--soft)}
.moler-gallery-heading{max-width:740px;margin-bottom:32px}
.moler-gallery-heading h2{font:500 clamp(2.3rem,4vw,3.7rem)/1.12 var(--serif);margin:0}
.moler-gallery{columns:3;column-gap:22px}
.moler-gallery figure{break-inside:avoid;margin:0 0 22px;overflow:hidden;border-radius:5px;border:1px solid var(--line);background:#fff}
.moler-gallery a{display:block}
.moler-gallery img{display:block;width:100%;height:auto;filter:brightness(1.025) contrast(1.025)}
.moler-gallery figcaption{padding:16px 18px;font-size:.9375rem;font-weight:700;line-height:1.5}
@media(max-width:900px){.moler-gallery{columns:2}}
@media(max-width:700px){
 .school-life-grid{grid-template-columns:1fr;gap:24px}
 .school-life-copy{grid-column:auto;padding:0 0 10px}
 .school-photo-main img{aspect-ratio:3/4}
 .school-photo-detail img{aspect-ratio:1/1;object-position:center top}
 .school-photo figcaption{padding:16px 18px}
 .moler-gallery-section{padding:48px 0 56px}
 .moler-gallery{columns:1}
}