.feature-showcase{padding:60px 16px}.feature-showcase.bg-white .feature-card .feature-card__copy p,.feature-showcase.bg-white .feature-card p.feature-card__eyebrow{color:#fff}.feature-showcase__bento{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr}.feature-showcase__bento .feature-card{height:100%}.feature-showcase__bento>.section-header,.feature-showcase__bento>[\:has\(\.section-header\)] .section-header{margin-bottom:0}.feature-showcase__bento>.section-header,.feature-showcase__bento>:has(.section-header) .section-header{margin-bottom:0}.feature-card{grid-gap:24px;aspect-ratio:58/38;background:var(--fc-bg-image,none) center/cover no-repeat,var(--fc-bg,transparent);color:#fff;display:grid;gap:24px;grid-template-columns:1fr;overflow:hidden;padding:40px;position:relative}.feature-card[data-size=feature]{aspect-ratio:1/1}.feature-card[data-size=standard]{padding:24px}.feature-card__link{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.feature-card__media{align-items:center;display:flex;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%);width:50%}.feature-card__media-inner{width:100%}.feature-card__img{display:block;height:auto;transition:transform .4s ease;width:100%}.feature-card__text{grid-gap:8px;align-items:flex-start;display:flex;flex-direction:column;gap:8px;justify-content:flex-end;max-width:78%}.feature-card__text *{color:inherit;margin:0}.feature-card__eyebrow{background:#d8041d;color:#fff;font-size:12px;font-weight:600;letter-spacing:.08em;padding:4px 8px;text-transform:uppercase}.feature-card[data-size=standard] .feature-card__eyebrow{background:transparent;border:1px solid #d8041d}.feature-card__title{font-size:28px;font-weight:400;letter-spacing:0;text-transform:uppercase}.feature-card__copy{font-size:16px;margin-bottom:8px;opacity:.5}.feature-card__icon{line-height:0;transition:transform .4s ease}.feature-card[data-text-color=white] .feature-card__copy,.feature-card[data-text-color=white] .feature-card__icon,.feature-card[data-text-color=white] .feature-card__title{color:#fff}.feature-card[data-text-color=black] .feature-card__copy,.feature-card[data-text-color=black] .feature-card__icon,.feature-card[data-text-color=black] .feature-card__title{color:#000}@media (min-width:900px){.feature-showcase{padding:80px 40px}.feature-showcase__bento{grid-auto-flow:row dense;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(2,minmax(0,1fr))}.feature-showcase__bento>*{grid-column:span 3}.feature-showcase__bento>.feature-card[data-size=feature],.feature-showcase__bento>[\:has\(\.feature-card\[data-size\%3Dfeature\]\)]{grid-column:1/span 6;grid-row:1/span 2}.feature-showcase__bento>.feature-card[data-size=feature],.feature-showcase__bento>:has(.feature-card[data-size=feature]){grid-column:1/span 6;grid-row:1/span 2}.feature-showcase__bento[\:has\(\.section-header\)]{grid-template-rows:auto repeat(2,minmax(0,1fr))}.feature-showcase__bento:has(.section-header){grid-template-rows:auto repeat(2,minmax(0,1fr))}.feature-showcase__bento>.section-header,.feature-showcase__bento>[\:has\(\.section-header\)]{grid-column:1/-1;grid-row:1}.feature-showcase__bento>.section-header,.feature-showcase__bento>:has(.section-header){grid-column:1/-1;grid-row:1}.feature-showcase__bento[\:has\(\.section-header\)]>.feature-card[data-size=feature],.feature-showcase__bento[\:has\(\.section-header\)]>[\:has\(\.feature-card\[data-size\%3Dfeature\]\)]{grid-row:2/span 2}.feature-showcase__bento:has(.section-header)>.feature-card[data-size=feature],.feature-showcase__bento:has(.section-header)>:has(.feature-card[data-size=feature]){grid-row:2/span 2}.feature-card{align-items:center;aspect-ratio:1/1;grid-template-columns:10fr 1fr}.feature-card__text{align-self:end;grid-column:1;justify-content:flex-end;max-width:100%}.feature-card__media{align-self:center}}@media (min-width:1200px){.feature-showcase{padding:80px 72px}}@media (max-width:899px){.feature-card{background:var(--fc-bg-image-mobile,var(--fc-bg-image,none)) center/cover no-repeat,var(--fc-bg,transparent)}.feature-card[data-size=feature]{padding-left:24px;padding-right:24px}.feature-card[data-size=standard]{padding-bottom:22px;padding-top:22px}.feature-card[data-size=standard] .feature-card__media{width:40%}.feature-card[data-size=feature] .feature-card__media{width:60%}}@media (hover:hover){.feature-card:hover .feature-card__img{transform:translateX(12px)}}@media (min-width:900px) and (max-width:1400px){.feature-card__title{font-size:min(24px,2vw)}}
