.ex-grid{display:grid;gap:.75rem}@media (min-width:900px){.ex-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ex-card--wide{grid-column:1/-1;grid-template-columns:1.3fr 1fr}}.ex-card{display:grid;padding:.75rem;border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow-soft);scroll-margin-top:calc(var(--header-clearance) + 1rem)}.ex-card__media{position:relative;overflow:hidden;aspect-ratio:16/10;border-radius:calc(var(--r-lg) - .5rem)}.ex-card--wide .ex-card__media{aspect-ratio:auto;min-height:22rem}.ex-card__img{-o-object-fit:cover;object-fit:cover;transition:transform 1.2s var(--ease-out-expo)}.ex-card:hover .ex-card__img{transform:scale(1.04)}.ex-card__body{display:flex;flex-direction:column;padding:1.5rem 1rem 1rem}.ex-card--wide .ex-card__body{justify-content:flex-end;padding:1.5rem 1.5rem 1.25rem}.ex-card__index{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;color:var(--ink-faint)}.ex-card__index:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--tone)}.ex-card__title{margin-top:.75rem;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:500;line-height:1;letter-spacing:-.045em}.ex-card__desc{margin-top:.75rem;max-width:28rem;font-size:1.05rem;line-height:1.5;color:var(--ink-2)}.ex-card__focus{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.5rem;list-style:none}.ex-credit{margin-top:1.5rem;font-size:.75rem;color:var(--ink-faint)}.ex-credit a:hover{color:var(--brand)}