.card{position:relative;display:block;overflow:hidden;background:var(--c-scrim)}.card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--dur-card) var(--ease-out)}.card:focus-visible>img,.card:hover>img{transform:scale(1.055)}.card__scrim{position:absolute;inset:0;background:var(--scrim-card-sm)}.card__body{position:absolute;left:var(--sp-4);right:var(--sp-4);bottom:var(--sp-4);color:var(--c-on-dark)}.card__eyebrow{color:rgba(255,255,255,.78)}.card__title{display:block;margin-top:10px;font-family:var(--font-display);font-size:var(--fs-card);line-height:1.14}.card__note{display:block;margin-top:12px;max-width:420px;font-size:var(--fs-body-sm);line-height:1.6;color:var(--c-on-dark-soft)}.card__cta{display:inline-flex;align-items:center;gap:10px;margin-top:var(--sp-3);font-size:var(--fs-meta);font-weight:600;letter-spacing:var(--ls-btn);text-transform:uppercase;opacity:0;transform:translateY(8px);transition:opacity 420ms ease,transform 420ms ease}.card__cta::after{content:"";width:26px;height:1px;background:currentColor}.card:focus-visible .card__cta,.card:hover .card__cta{opacity:1;transform:none}@media (hover:none){.card__cta{opacity:1;transform:none}}.cards--3x2>.card{aspect-ratio:3/2}