/* S&C Instagram */
.sc-insta { padding-block: clamp(48px, 6vw, 80px); }

.sc-insta__wrap {
	display: grid;
	grid-template-columns: minmax(0, 0.5fr) minmax(0, 1fr);
	grid-template-areas:
		"head grid"
		"cta  grid";
	grid-template-rows: auto 1fr;
	column-gap: clamp(24px, 3vw, 44px);
}
.sc-insta__head { grid-area: head; }
.sc-insta__grid { grid-area: grid; }
.sc-insta__cta { grid-area: cta; }

.sc-insta__eyebrow { margin: 0 0 18px; font-size: 9px; letter-spacing: .02em; text-transform: uppercase; }
.sc-insta__title { margin: 0 0 20px; font-size: clamp(26px, 2.7vw, 38px); font-weight: 400; line-height: 1.1; }
.sc-insta__text { margin: 0 0 20px; font-size: 9px; }
.sc-insta__btn { min-height: 36px; min-width: 128px; font-size: 9px; padding-left: 20px; gap: 24px; }
.sc-insta__btn .sc-btn__icon { --sc-btn-icon: 26px; }

.sc-insta__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 6px;
}
.sc-insta__item { display: block; overflow: hidden; }
.sc-insta__item img {
	width: 100%;
	height: auto;
	aspect-ratio: 187 / 251;
	object-fit: cover;
	transition: transform .5s cubic-bezier(.2, .7, .2, 1), opacity .3s ease;
}
a.sc-insta__item:hover img { transform: scale(1.04); opacity: .92; }

@media (max-width: 767px) {
	.sc-insta__wrap {
		grid-template-columns: 1fr;
		grid-template-areas: "head" "grid" "cta";
	}
	.sc-insta__title { margin-bottom: 12px; }
	.sc-insta__text { display: none; }
	.sc-insta__grid { gap: 3px; }
	.sc-insta__cta { margin-top: 12px; }
}
