.stride-reference-card{position:relative;min-width:0;overflow:hidden;background:#dff7ef}
.stride-reference-card__link{position:relative;display:block;width:100%;aspect-ratio:4/3;overflow:hidden;color:#fff;text-decoration:none;isolation:isolate}
.stride-reference-card__media,.stride-reference-card__image,.stride-reference-card__placeholder{position:absolute;inset:0;width:100%;height:100%;display:block}
.stride-reference-card__image{object-fit:cover;transition:transform 600ms cubic-bezier(.22,1,.36,1)}
.stride-reference-card__placeholder{padding:22%;background:#dff7ef;color:rgba(18,83,62,.22)}
.stride-reference-card__shade{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(6,22,17,.03) 20%,rgba(6,22,17,.15) 48%,rgba(6,22,17,.9) 100%);pointer-events:none}
.stride-reference-card__content{position:absolute;z-index:2;inset:auto 0 0;padding:28px;display:grid;gap:14px}
.stride-reference-card__meta{display:flex;flex-wrap:wrap;gap:7px;color:#cdf986;font-size:12px;font-weight:700;line-height:1.2;letter-spacing:.04em;text-transform:uppercase}
.stride-reference-card__bottom{display:flex;gap:24px;align-items:flex-end;justify-content:space-between}
.stride-reference-card h3{margin:0;max-width:580px;color:#fff;font-size:clamp(30px,2.8vw,44px);font-weight:400;line-height:1.02;letter-spacing:-.045em}
.stride-reference-card__result{display:inline-flex;margin-top:12px;padding:7px 11px;border-radius:999px;background:#12533e;color:#fff;font-size:13px;font-weight:600;line-height:1.1}
.stride-reference-card__arrow{width:48px;height:48px;flex:0 0 48px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#12533e}
.stride-reference-card__arrow svg{width:19px;height:19px}
@media(hover:hover) and (pointer:fine){.stride-reference-card__image{transition:transform 600ms cubic-bezier(.22,1,.36,1)}.stride-reference-card__link:hover .stride-reference-card__image{transform:scale(1.035)}}
@media(max-width:749px){.stride-reference-card__content{padding:22px}.stride-reference-card h3{font-size:30px}.stride-reference-card__arrow{width:44px;height:44px;flex-basis:44px}}
@media(prefers-reduced-motion:reduce){.stride-reference-card__image{transition:none}}
