/* Camp cards (lagerya-new.php): fixed aspect ratios for image slots, so photos of
   different natural sizes render at equal heights. Enqueued only on those singles. */

/* Campus collage (about1) */
.about2-images-top img{width:100%;aspect-ratio:3/2;height:auto!important;object-fit:cover;display:block}
.about2-images-bottom{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
.about2-images-bottom .about2-images-item{width:auto!important;height:auto!important;margin:0}
.about2-images-bottom img{width:100%;aspect-ratio:3/2;height:auto!important;object-fit:cover;display:block}
@media (max-width:589px){
	.about2-images-bottom{grid-template-columns:1fr}
}

/* Campus image 2 (about2) */
.about2-block-down-left img{width:100%;aspect-ratio:4/3;height:auto!important;object-fit:cover;display:block}

/* Programme cards */
.reviews-pos-item-img img{width:100%;aspect-ratio:3/2;height:auto!important;object-fit:cover;display:block}

/* Gallery: the slide link is inline by default, so a portrait image kept its natural width */
.card-top-slider .swiper-wrapper{align-items:flex-start}
.card-top-slider .swiper-slide a{display:block;width:100%}
.card-top-slider .swiper-slide img{width:100%!important;max-width:none!important;aspect-ratio:16/9;height:auto!important;object-fit:cover;object-position:center 35%;display:block}
/* style.css caps the slider (500px, 400px under 1023) with overflow:hidden; cap the image too,
   so cover crops around object-position instead of the slider cutting off the bottom */
.card-top-slider .swiper-slide img{max-height:500px}
@media only screen and (max-width:1023px){
	.card-top-slider .swiper-slide img{max-height:400px}
}

/* Per-image focal overrides: cover crops around object-position. Programme sources are mostly
   portrait, so keep faces higher in frame by default; single images are matched by file name
   (src*=, so resized sub-size names still match; bryanston _1 is anchored on "." / "-" so it
   does not hit _10.._19). The gallery selector repeats the slider rule's
   specificity so it overrides its center 35%. */
.reviews-pos-item-img img{object-position:center 25%}
img[src*="oxbridge-scholars-cambridge-punting-river-cam"],
.card-top-slider .swiper-slide img[src*="oxbridge-scholars-cambridge-punting-river-cam"]{object-position:center 95%}
img[src*="oxbridge-scholars-seminar-discussion"],
.card-top-slider .swiper-slide img[src*="oxbridge-scholars-seminar-discussion"]{object-position:center 20%}
img[src*="bryanston-summer-school_1."],img[src*="bryanston-summer-school_1-"],
.card-top-slider .swiper-slide img[src*="bryanston-summer-school_1."],
.card-top-slider .swiper-slide img[src*="bryanston-summer-school_1-"]{object-position:center 27%}
img[src*="2026-summer-school-5"],
.card-top-slider .swiper-slide img[src*="2026-summer-school-5"]{object-position:center 20%}