.about .section-gallery {padding: 3rem 1.5rem; background-color: var(--color-primary);}

.about .section-gallery .slide {padding: 0 .3rem;}
.about .section-gallery .photo {
	aspect-ratio: 533 / 327; border-radius: .75rem;
	background-color: var(--color-primary-light); background-size: cover; background-position: center;
}

/* Pre-init fallback mirrors slick's own float+width layout (see home/main-section-courses.css) */
.about .section-gallery .slider:not(.slick-initialized) {display: block; overflow: hidden;}
.about .section-gallery .slider:not(.slick-initialized) .slide {float: right; width: 100%;}
.about .section-gallery .slider:not(.slick-initialized) .slide:nth-child(n+2) {display: none;}

.about .section-gallery .slick-prev,
.about .section-gallery .slick-next {border-color: rgba(255,255,255,.75);}
.about .section-gallery .slick-prev:before,
.about .section-gallery .slick-next:before {color: #fff;}

@media screen and (min-width: 40em) {
	.about .section-gallery {padding: 5rem 9.6rem;}

	.about .section-gallery .slider:not(.slick-initialized) .slide {width: 33.333%;}
	.about .section-gallery .slider:not(.slick-initialized) .slide:nth-child(n+2) {display: block;}
	.about .section-gallery .slider:not(.slick-initialized) .slide:nth-child(n+4) {display: none;}
}