.card.svelte-1udyrqm{--pad:clamp(1rem, 4.5cqi, 1.75rem);width:100%;padding:var(--pad);--tint:oklch(var(--tint-l) var(--tint-c) var(--hue));--shade:oklch(var(--shade-l) var(--shade-c) var(--hue-cold));--card:var(--tint);background:var(--card);color:var(--ink);font-family:var(--font-text);letter-spacing:0;text-align:start;overflow-wrap:break-word;aspect-ratio:1 / var(--ratio);grid-template-rows:auto 1fr auto;gap:1.5rem;margin-inline:auto;display:grid;overflow:hidden;container-type:inline-size}@media (prefers-color-scheme:dark){.card.svelte-1udyrqm{--card:var(--shade)}}.card--landscape.svelte-1udyrqm{aspect-ratio:var(--ratio) / 1;max-width:var(--band)}.card--wide.svelte-1udyrqm{grid-column:1/-1}.card--link.svelte-1udyrqm{transition:transform .16s,filter .16s}.card--link.svelte-1udyrqm:hover{filter:brightness(1.02);transform:translateY(-2px)}.card--link.svelte-1udyrqm:active{transform:translateY(0)}.band.svelte-1udyrqm{gap:.75rem;min-width:0;display:grid}.band--top.svelte-1udyrqm{align-self:start}.band--middle.svelte-1udyrqm{align-content:center;align-self:stretch;min-height:0;position:relative}.band--bottom.svelte-1udyrqm{align-self:end}.card.svelte-1udyrqm .eyebrow{font-family:var(--font-caps);letter-spacing:var(--track-label);text-transform:uppercase;font-size:.8rem;font-weight:500;line-height:1.25}.card.svelte-1udyrqm .title,.card.svelte-1udyrqm .title--small{font-family:var(--font-display);text-wrap:balance;letter-spacing:0;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;font-weight:400;line-height:1.05}.card.svelte-1udyrqm .title{font-size:2rem}.card.svelte-1udyrqm .title--small{font-size:1.5rem}@container (width<=16rem){.card.svelte-1udyrqm .title,.card.svelte-1udyrqm .title--small{-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word}}.card.svelte-1udyrqm .italic{font-style:italic}.card.svelte-1udyrqm .meta{font-size:1rem;line-height:1.5}.card.svelte-1udyrqm .prose{max-width:var(--measure);gap:.85em;font-size:1rem;line-height:1.5;display:grid}.card.svelte-1udyrqm .action:hover,.card.svelte-1udyrqm .action--lead{color:var(--card)}.card.svelte-1udyrqm .action--lead:hover{color:var(--ink)}
