.card-grid{--cg-cols:3;--cg-gap-x:16px;--cg-gap-y:64px}.card-grid--cols-2{--cg-cols:2}.card-grid--cols-4{--cg-cols:4;--cg-gap-x:16px}.card-grid__inner{display:flex;flex-direction:column;gap:32px}.card-grid--dark .card-grid__inner,.card-grid--unboxed .card-grid__inner{gap:64px}.card-grid__top{align-items:flex-end;display:flex;gap:32px;justify-content:space-between}.card-grid:not(.is-slider) .card-grid__top:not(:has(.card-grid__intro)){display:none}.card-grid__intro{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;gap:16px;max-width:855px;text-align:left}.card-grid--align-center .card-grid__intro{align-items:center;margin:0 auto;text-align:center}.card-grid__heading{margin:0}.card-grid__intro-text,.card-grid__intro-text p{letter-spacing:-.31px;line-height:1.75;margin:0}.card-grid__nav{display:flex;flex-shrink:0;gap:8px;margin-left:auto}.card-grid__nav[hidden]{display:none}.card-grid__arrow{align-items:center;background:#02ccb9;border:none;border-radius:8px;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;width:40px}.card-grid__arrow:hover{background:#00b8a6}.card-grid__arrow:focus-visible{outline:2px solid currentColor;outline-offset:2px}.card-grid__arrow svg{display:block;height:40px;width:40px}.card-grid__track{margin:-6px 0;overflow:hidden;padding:6px 0;touch-action:pan-y}.card-grid__grid{display:flex;gap:var(--cg-gap-y) var(--cg-gap-x);transition:transform .3s ease-in-out}.card-grid--unboxed .card-grid__grid{align-items:flex-start}.card-grid--layout-grid .card-grid__grid{flex-wrap:wrap}.card-grid__card{border-radius:8px;display:flex;flex:0 0 calc((100% - (var(--cg-cols) - 1)*var(--cg-gap-x))/var(--cg-cols));flex-direction:column;min-width:0;overflow:hidden;position:relative}.card-grid__card-link{inset:0;position:absolute;z-index:2}.card-grid__card-image{aspect-ratio:2/1;border-radius:8px 8px 0 0;display:flex;height:auto;justify-content:flex-end;overflow:hidden;padding:16px;position:relative;width:100%}.card-grid--unboxed .card-grid__card{border-radius:0}.card-grid--unboxed .card-grid__card-image{border-radius:8px}.card-grid__card-image-bg{background-position:50%;background-size:cover;inset:0;position:absolute;transition:transform .4s ease-in-out}.card-grid__badge{background-color:#02ccb9;border-radius:8px;color:#fff;font-size:12px;font-weight:600;height:fit-content;letter-spacing:2px;padding:4px 12px;position:relative;text-transform:uppercase}.card-grid__card-body{display:flex;flex:1 0 0;flex-direction:column;gap:16px;padding:32px 24px 24px}.card-grid--unboxed .card-grid__card-body{flex:0 0 auto;padding:0}.card-grid--unboxed .card-grid__card-image+.card-grid__card-body{padding-top:32px}.card-grid__card-heading{font-size:18px;font-weight:600;letter-spacing:-.36px;line-height:1.5;margin:0}.card-grid__card-summary{flex:1 0 0;letter-spacing:-.31px;line-height:1.75;margin:0}.card-grid--unboxed .card-grid__card-summary{flex:0 0 auto}.card-grid__card-button{align-self:flex-start;pointer-events:none}.card-grid__card--linked:focus-within .card-grid__card-image-bg,.card-grid__card--linked:hover .card-grid__card-image-bg{transform:scale(1.08)}.card-grid__card--linked:focus-within .btn--accent,.card-grid__card--linked:hover .btn--accent{background-color:transparent;color:#02ccb9}.card-grid__card--linked:focus-within .btn--dark,.card-grid__card--linked:hover .btn--dark{background-color:transparent;color:#303133}@media (prefers-reduced-motion:reduce){.card-grid__card-image-bg,.card-grid__grid{transition:none}.card-grid__card--linked:focus-within .card-grid__card-image-bg,.card-grid__card--linked:hover .card-grid__card-image-bg{transform:none}}@media (max-width:1300px){.card-grid--cols-4{--cg-cols:3}}@media (max-width:1024px){.card-grid,.card-grid--cols-2,.card-grid--cols-4,.card-grid--unboxed{--cg-cols:2;--cg-gap-x:16px;--cg-gap-y:48px}}@media (max-width:767px){.card-grid,.card-grid--cols-2,.card-grid--cols-4,.card-grid--unboxed{--cg-cols:1;--cg-gap-y:32px}.card-grid:not(.card-grid--single):not(.card-grid--layout-grid) .card-grid__track{margin-right:-1.5rem}.card-grid:not(.card-grid--single):not(.card-grid--layout-grid) .card-grid__card{flex-basis:calc(100% - 49px)}.card-grid__nav{display:none}.card-grid__top:not(:has(.card-grid__intro)){display:none}}