.card{aspect-ratio:384/555;backface-visibility:hidden;background-blend-mode:multiply;border-radius:12px;box-shadow:0 0 2px 0 rgba(48,49,51,.1),0 4px 8px 0 rgba(48,49,51,.2);color:inherit;contain:layout paint style;display:block;max-width:436px;overflow:hidden;text-decoration:none;transform:translateZ(0);transition:transform .6s ease;will-change:transform}.card:before{background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.6) 85%);bottom:0;content:"";left:0;opacity:1;position:absolute;right:0;top:0;transition:opacity .6s ease}.card:focus-visible{outline:3px solid #204d46;outline-offset:3px}.card:hover:before{opacity:0}.card:hover .card__img--large-hover{height:75%;transition:height .7s ease .03s}.card:hover .card__img--short-hover{height:98%;transition:height .7s ease .03s}.card:hover .card__overlay{background-color:#f4f1ec;color:#1c1c1c;margin-bottom:-5px;padding:18px 20px 23px;transform:translateY(0)}.card:hover .card__overlay:after{height:8px}.card:hover .card__overlay:before{height:8px;top:-8px}.card:hover .card__heading{transform:translateY(0)}.card:hover .card__description{max-height:160px}.card__badge{background:#204d46;border-radius:0 0 8px 8px;box-shadow:0 0 2px 0 rgba(48,49,51,.1),0 4px 8px 0 rgba(48,49,51,.2);color:#f4f1ec;font-size:14px;font-weight:600;left:24px;letter-spacing:2px;line-height:1;padding:8px 12px;pointer-events:none;position:absolute;text-transform:uppercase;top:0}.card__description{color:inherit;font-weight:400;letter-spacing:0;line-height:24px;max-height:0;transition:max-height .6s ease}.card__description,.card__eyebrow{-webkit-box-orient:vertical;align-self:stretch;display:-webkit-box;font-size:14px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;line-clamp:3}.card__eyebrow{font-weight:600;letter-spacing:2px;line-height:1;text-transform:uppercase}.card__heading{align-items:flex-start;display:flex;flex-direction:column;gap:16px;min-height:fit-content;transform:translateY(calc(-100% - 18px));transition:transform .6s ease}.card__img{display:block;height:100%;object-fit:cover;transition:height .3s ease;width:100%}.card__img--placeholder{background:linear-gradient(180deg,#e9eef3,#d9e1e8)}.card__media{aspect-ratio:16/9;background-color:#f4f1ec;display:block;height:100%;margin:0;position:relative;width:100%;z-index:-1}@supports not (aspect-ratio:16/9){.card__media{position:relative}.card__media:before{content:"";display:block;padding-top:56.25%}.card__media>*{height:100%;inset:0;position:absolute;width:100%}}.card__overlay{align-items:flex-start;background-color:#f4f1ec;bottom:0;color:#f4f1ec;display:flex;flex-direction:column;gap:16px;left:0;padding:0 20px;position:absolute;right:0;transform:translateY(100%);transition:transform .6s cubic-bezier(.54,0,.08,1.22),color .6s ease,background-color .6s ease,padding .6s ease}.card__overlay:before{background-color:#f25d2b;left:0;width:66.5%}.card__overlay:after,.card__overlay:before{content:"";height:0;position:absolute;top:0;transition:all .6s ease}.card__overlay:after{background-color:#6aa89f;right:0;width:33.5%}.card__title{-webkit-box-orient:vertical;align-self:stretch;color:inherit;display:-webkit-box;font-size:16px;font-weight:700;letter-spacing:-1px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;line-clamp:3}.card__cta{gap:12px;height:auto;margin-top:16px;padding:4px 0}.card{position:relative}.card__stretched-link{display:block;inset:0;pointer-events:none;position:absolute;z-index:5}@media (hover:none),(pointer:coarse){.card__stretched-link{pointer-events:auto}.card__cta{pointer-events:none}}@media (max-width:991px){.card__stretched-link{pointer-events:auto}.card__cta{pointer-events:none}}@media (min-width:768px){.card:hover .card__img--short-hover{height:90%}.card__title{font-size:18px;line-height:22px}}@media (min-width:1200px){.card__title{font-size:20px;line-height:24px}}@media (min-width:2200px){.card__title{font-size:32px;line-height:36px}}@media (prefers-reduced-motion:reduce){.card,.card *,.card:before{animation:none!important;transition:none!important}}.card__overlay{will-change:transform}@supports (font:1em system-ui){@media (prefers-reduced-data:reduce){.card,.card *{animation:none!important;transition:none!important}}}.card:hover .card__description{will-change:max-height}