/* Feature Tiles */
.feature-tiles__grid {display: flex; position: relative; justify-content: space-between;}
.feature-tiles__card {box-sizing: border-box; padding: clamp(25px, 3vw, 50px); display: flex; flex-direction: column; position: relative; align-items: center; min-height: clamp(300px, 90vw, 600px); justify-content: center;}
.feature-tiles__grid.feature-tiles__grid--3 .feature-tiles__card {flex: 1;}
.feature-tiles__icon img {max-width: clamp(80px, 5vw, 120px); max-height: clamp(50px, 5vw, 70px); object-fit: contain;}
.feature-tiles__card-text {color: var(--white); max-width: clamp(300px, 30vw, 450px); font-size: clamp(1.6rem, 0.5vw + 1.2rem, 1.9rem); margin: 0;}
.featured-tiles-title {max-width: clamp(450px, 50vw, 700px); margin: 0 auto; width: 100%; text-align: center;}
.feature-tiles {position: relative;}
.feature-tiles__bg-image {height: 100%; width: 100%; object-fit: cover; position: absolute;}
.feature-tiles__bg-image img {position: absolute; height: 100%; width: 100%; object-fit: cover;}
.feature-tiles__card::after {content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: var(--dark-green); opacity: 0.8;}
.feature-tiles__card-content {z-index: 1; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.feature-tiles__bg-wrapper {position: absolute; width: 100%; height: 100%; overflow: hidden; top: 0; left: 0;}
.feature-tiles__bg-video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; pointer-events: none; transition: opacity 0.6s ease-in-out;}
.feature-tiles__card.hovered .feature-tiles__bg-video {opacity: 1;}
.feature-tiles__card.hovered .feature-tiles__bg-image {opacity: 0;}
.feature-tiles__grid.feature-tiles__grid--3 {gap: 30px;}
.featured_tiles__accent {position: absolute; max-width: clamp(200px, 30vw, 450px); height: auto; pointer-events: none; z-index: 0; opacity: .3;}

/* Responsive */

@media (max-width: 1000px) {
	.featured-tiles-title .section-title {margin-bottom: 0;}
	.feature-tiles__card {gap: 15px;}
}

@media (min-width: 801px) {
    .feature-tiles__card {width: calc(50% - 20px);}
}

@media (max-width: 800px) {
    .feature-tiles__grid {flex-direction: column; gap: clamp(10px, 3vw, 25px);}
    .feature-tiles__card {width: 100%;}
}

@media (max-width: 500px) {
    .featured_tiles__accent {right: 0; transform: translate(50%, -50%);}
}