.feature-card-grid{padding-top:var(--spacing-15);padding-bottom:var(--spacing-15);background-color:var(--colour-bg-subtle)}@media (min-width: 1024px){.feature-card-grid{padding-top:var(--spacing-25);padding-bottom:var(--spacing-10)}}.feature-card-grid__inner{display:flex;flex-direction:column;gap:var(--spacing-15);opacity:0;transform:translateY(50px);transition:opacity .5s ease-in-out,transform .5s ease-in-out}.is-in-view .feature-card-grid__inner{opacity:1;transform:translateY(0)}@media (min-width: 1024px){.feature-card-grid__inner{gap:var(--spacing-30)}}.feature-card-grid__header{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}@media (min-width: 1024px){.feature-card-grid__header{align-items:flex-start}}@media (min-width: 1024px){.feature-card-grid--v1 .feature-card-grid__header{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (min-width: 1024px){.feature-card-grid--v2 .feature-card-grid__header{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}.feature-card-grid__title{padding-bottom:var(--spacing-15);margin-bottom:var(--spacing-15);border-bottom:1px solid rgba(var(--colour-strata-black-rgb),.1);font-weight:var(--font-weight-medium);line-height:1.2;letter-spacing:var(--letter-spacing-default)}.feature-card-grid--v1 .feature-card-grid__title{--text-feature-card-grid-v1: clamp(1.5rem, .5421rem + 3.5644vw, 3.75rem);font-size:clamp(1.5rem,.5421rem + 3.5644vw,3.75rem);font-size:var(--text-feature-card-grid-v1)}@media (min-width: 1024px){.feature-card-grid--v1 .feature-card-grid__title{grid-column:1/-1}}.feature-card-grid--v2 .feature-card-grid__title{margin-bottom:var(--spacing-7-half);padding-bottom:0;border-bottom:none;--text-feature-card-grid-v2: clamp(2.125rem, .901rem + 4.5545vw, 5rem);font-size:clamp(2.125rem,.901rem + 4.5545vw,5rem);font-size:var(--text-feature-card-grid-v2)}@media (min-width: 1024px){.feature-card-grid--v2 .feature-card-grid__title{padding-bottom:0;margin-bottom:0;border-bottom:none;grid-column:1;grid-row:2}}.feature-card-grid__subtitle{margin-bottom:var(--spacing-7);font-family:var(--font-family-mono);font-size:var(--text-body-regular);font-weight:var(--font-weight-regular);line-height:1.2;letter-spacing:var(--letter-spacing-tight);text-transform:uppercase;display:flex;align-items:center;gap:var(--spacing-3)}.feature-card-grid__subtitle:before{content:"";display:block;width:20px;height:14px;background-image:url(/SiteFiles/dist/images/icons/lines-small-label.svg);background-size:contain;background-repeat:no-repeat;background-position:center}@media (min-width: 1024px){.feature-card-grid__subtitle{margin-bottom:0}}.feature-card-grid--v2 .feature-card-grid__subtitle{order:-1}@media (min-width: 1024px){.feature-card-grid--v2 .feature-card-grid__subtitle{order:0;margin-bottom:var(--spacing-10)}}.feature-card-grid__description{font-size:var(--text-xl);line-height:1.2;letter-spacing:var(--letter-spacing-default)}@media (min-width: 1024px){.feature-card-grid__description{max-width:450px}}@media (min-width: 1024px){.feature-card-grid--v2 .feature-card-grid__description{margin-left:auto;grid-row:2;grid-column:2}}.feature-card-grid__cards{display:flex;flex-direction:column;gap:var(--spacing-3);counter-reset:feature-card}@media (min-width: 1024px){.feature-card-grid__cards{flex-direction:row;gap:var(--spacing-5)}}.feature-card-grid__cards:has(.feature-card:only-child){--cards: 1}.feature-card-grid__cards:has(.feature-card:nth-child(1)){--cards: 2;--flex-ratio: 1;--active-flex-ratio: 2}.feature-card-grid__cards:has(.feature-card:nth-child(2)){--cards: 3;--flex-ratio: 325;--active-flex-ratio: 672}.feature-card{position:relative;transition:all .3s ease-in-out;overflow:hidden;height:100px;border-radius:12px;isolation:isolate;display:flex;color:var(--colour-text-light);counter-increment:feature-card}@media (min-width: 1024px){.feature-card{flex:var(--flex-ratio);height:720px}}.feature-card__image{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;z-index:-1}.feature-card__image picture{width:100%;height:100%}.feature-card__image img{width:100%;height:524px;-o-object-fit:cover;object-fit:cover;max-width:none;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}@media (min-width: 1024px){.feature-card__image img{height:100%;min-width:100%;max-width:none}}.feature-card__image:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:331px;background:linear-gradient(to top,#0006,#0000);z-index:1}.feature-card__content{padding-top:var(--spacing-7-half);padding-bottom:var(--spacing-7-half);position:absolute;bottom:0;left:20px;right:20px;display:flex;flex-direction:column;gap:var(--spacing-7-half);transform:translateY(calc(100% - var(--spacing-7-half) - 50px - var(--title-height) / 2));transition:all .5s ease;z-index:2}.feature-card__content>*:not(.feature-card__title){opacity:0;transition:opacity .5s ease}.feature-card__title{display:flex;gap:var(--spacing-2-half);align-items:flex-start;font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);line-height:1.2;letter-spacing:var(--letter-spacing-default)}@media (min-width: 1024px){.feature-card__title{font-size:var(--text-3xl)}}.feature-card__title:before{margin-top:8px;content:counter(feature-card,decimal-leading-zero) ".";font-family:var(--font-family-mono);font-size:var(--text-body-regular);font-weight:var(--font-weight-regular);line-height:1.2;letter-spacing:var(--letter-spacing-tight);text-transform:uppercase;display:flex;align-items:center;gap:var(--spacing-3);transition:color .5s ease .1s}.feature-card__title:before:before{content:"";display:block;width:20px;height:14px;background-image:url(/SiteFiles/dist/images/icons/lines-small-label.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.feature-card__description{font-size:var(--text-body-regular);line-height:1.2;letter-spacing:var(--letter-spacing-default)}@media (min-width: 1024px){.feature-card__description{font-size:var(--text-xl);width:432px}}@media (min-width: 1280px){.feature-card__description{width:520px}}@media (min-width: 1440px){.feature-card__description{width:612px}}.feature-card.is-active{height:520px}@media (min-width: 1024px){.feature-card.is-active{height:720px;flex:var(--active-flex-ratio)}}.feature-card.is-active .feature-card__content{transform:translateY(0)}.feature-card.is-active .feature-card__content>*:not(.feature-card__title){opacity:1;transform:translateY(0)}.feature-card.is-active .feature-card__content .feature-card__title:before{color:var(--colour-accent)}