.result-gallery { --result-gallery-background: #2A2A2A; overflow: hidden; color: var(--color-white); background: var(--result-gallery-background); }
.result-gallery .section-heading__eyebrow,
.result-gallery .section-heading__title,
.result-gallery .section-heading__content { color: inherit; max-width: 100%; }
.result-gallery .section-heading__eyebrow::before { background-color: currentColor; }
.result-gallery .section-heading__content p { margin-bottom: 0; }
.result-gallery__slider { margin-inline: -7px; }

.result-gallery__slider .slick-track { display: flex; }
.result-gallery__slide { box-sizing: border-box; height: auto; padding-inline: 7px; }
.result-gallery__card { display: block; height: 100%; cursor: zoom-in; }
.result-gallery__card:focus-visible { outline: 2px solid var(--color-theme); outline-offset: 4px; }
.result-gallery__image {/* height: min(38vw, 600px); max-height: 600px; */ overflow: hidden; border-radius: 8px; background: #3a3a3a; }
.result-gallery__image {position: relative; }
.result-gallery__image img:only-child:not(.gallery-slider-trans) { display: block; width: 100%; height: 100%; object-fit: cover; contain-intrinsic-size: none;}
.result-gallery__image .gallery-slider-trans + img{ display: block; width: 100%; height: 100%; object-fit: cover; contain-intrinsic-size: none; position: absolute; top: 0; left: 0; }
.result-gallery__numbers { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 40px; }
.result-gallery__number { padding: 0; color: #FFFFFF99; background: none; border: 0; font-size: 18px; letter-spacing: -0.5px; line-height: 1.33em; cursor: pointer; transition: color .25s ease; }
.result-gallery__number:only-child { display: none; }
.result-gallery__number:hover,
.result-gallery__number:focus-visible,
.result-gallery__number.is-active { color: var(--color-white); }
.result-gallery__number:focus-visible { outline: 1px solid currentColor; outline-offset: 5px; }
.acf-block-preview .result-gallery__slider:not(.slick-initialized) { display: flex; overflow: hidden; }
.acf-block-preview .result-gallery__slider:not(.slick-initialized) .result-gallery__slide { flex: 0 0 66.666%; }

@media (max-width: 767px) {
	.result-gallery .section-heading { margin-bottom: 24px; }
	.result-gallery__slider { margin-inline: -5px; }
	.result-gallery__slide { padding-inline: 5px; }
	/* .result-gallery__image { height: min(78vw, 500px); } */
	.result-gallery__numbers { gap: 16px; margin-top: 20px; }
}