.feature-card{position:relative;overflow:hidden;border-radius:var(--radius-lg);aspect-ratio:1 / 1;contain:layout style paint}.feature-card__link{display:block;width:100%;height:100%;text-decoration:none;color:inherit;border-radius:inherit}.feature-card__link:hover,.feature-card__link:focus-visible{text-decoration:none}.feature-card__link:focus-visible{outline:none;border-radius:var(--radius-lg)}.feature-card__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:filter var(--transition-fast);position:absolute;inset:0;z-index:var(--z-index-base);border-radius:inherit}.feature-card__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:inherit}.feature-card:hover .feature-card__image,.feature-card:has(:focus-visible) .feature-card__image{filter:brightness(.9)}.feature-card__overlay{position:absolute;inset:0;z-index:var(--z-index-content);display:flex;align-items:center;justify-content:center;padding:var(--space-md);text-align:center;background-color:#00000073;transition:background-color var(--transition-fast);border-radius:inherit;border:var(--border-width-thin) solid var(--color-border-subtle)}.feature-card:hover .feature-card__overlay,.feature-card:has(:focus-visible) .feature-card__overlay{background-color:#000000b3;border-color:var(--color-border)}.feature-card:has(.feature-card__link:focus-visible){outline:.1875rem solid var(--color-focus-ring);outline-offset:.125rem;border-radius:var(--radius-lg)}.feature-card__title{color:var(--color-white, #fff);font-size:clamp(1.5rem,1rem + 2.5vw,2rem);margin:0;text-shadow:0 1px 5px rgb(0 0 0 / .5);text-transform:uppercase;letter-spacing:.1em}@media(min-width:576px){.feature-card{aspect-ratio:3 / 2}}@media(min-width:768px){.feature-card{aspect-ratio:4 / 3}}