.story-card{--story-card-figure:clamp(48px, 4.4vw, 72px);--story-card-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E");gap:var(--space-region);box-sizing:border-box;min-width:0;height:100%;padding:var(--space-card-padding);border-radius:var(--radius-card);background:var(--surface-card);color:var(--ink-body);font-family:var(--marketing-font-body,var(--font-sans));transition:background-color var(--motion-hover-out) var(--motion-settle);flex-direction:column;text-decoration:none;display:flex;container:story-card/inline-size}.story-card.story-card:focus-visible{outline:1px solid var(--primary);outline-offset:2px;border-radius:var(--radius-card)}.story-card .story-card-picture{aspect-ratio:3/2;border-radius:var(--radius-inset);background:var(--steel-100);flex:none;display:block;overflow:hidden}.story-card .story-card-image{object-fit:cover;width:100%;max-width:none;height:100%;display:block}.story-card .story-card-copy{align-items:flex-start;gap:var(--space-related);flex-direction:column;flex:1;display:flex}.story-card .story-card-kicker{font-size:var(--marketing-text-small);color:var(--ink-soft);font-weight:400;line-height:1.5;display:block}.story-card .story-card-figure{display:block}.story-card .story-card-figure-number{margin-bottom:var(--space-tight);font-family:var(--font-heading);font-size:var(--story-card-figure);font-weight:var(--marketing-weight-display,300);font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--ink-title);line-height:1;display:block}.story-card .story-card-figure-words{font-family:var(--font-heading);font-size:var(--marketing-text-h3,24px);font-weight:var(--marketing-weight-display,300);text-wrap:balance;color:var(--ink-title);line-height:1.3;display:block}.story-card .story-card-figure-note{margin-top:var(--space-inline);font-size:var(--marketing-text-meta);color:var(--ink-soft);line-height:1.5;display:block}.story-card .story-card-title{max-width:30ch;font-family:var(--font-heading);font-size:var(--marketing-text-h3);font-weight:var(--marketing-weight-heading);letter-spacing:-.015em;text-wrap:balance;color:var(--ink-title);margin:0;line-height:1.25}.story-card .story-card-figure~.story-card-title{max-width:62ch;font-family:var(--marketing-font-body,var(--font-sans));font-size:var(--marketing-text-body,16px);letter-spacing:0;text-wrap:pretty;color:var(--ink-body);font-weight:400;line-height:1.6}.story-card .story-card-line{max-width:62ch;font-size:var(--marketing-text-body);color:var(--ink-soft);line-height:1.6;display:block}.story-card .story-card-foot{align-items:flex-start;gap:var(--space-related);flex-direction:column;margin-top:auto;display:flex}.story-card .story-card-date{max-width:62ch;font-size:var(--marketing-text-meta);color:var(--ink-soft);line-height:1.5;display:block}.story-card .story-card-range{font-size:var(--marketing-text-small);color:var(--ink-soft);line-height:1.6;display:block}.story-card .story-card-action{align-items:center;gap:var(--space-inline);padding-top:var(--space-inline);font-size:var(--marketing-text-small);color:var(--primary);text-underline-offset:3px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.story-card .story-card-action:after{content:"";width:18px;height:18px;-webkit-mask:var(--story-card-arrow) center / contain no-repeat;-webkit-mask:var(--story-card-arrow) center / contain no-repeat;mask:var(--story-card-arrow) center / contain no-repeat;background:currentColor;flex:none}@media (width>=48.0625rem){.story-card.story-card--wide{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,3vw,48px);display:grid}.story-card.story-card--wide .story-card-copy{padding-block:8px}}.story-card.story-card--compact{gap:16px;padding:16px}.story-card.story-card--compact .story-card-copy{gap:8px;padding:0 4px 4px}.story-card.story-card--compact .story-card-title{font-size:var(--marketing-text-h4);letter-spacing:-.01em;line-height:1.4}.story-card.story-card--quiet{background:var(--accent);padding:32px}.story-card:hover{background:var(--accent);transition-duration:var(--motion-feedback)}.story-card.story-card--quiet:hover{background:var(--surface-card)}@container story-card (width<=26rem){.story-card .story-card-figure-number{font-size:48px}.story-card .story-card-figure-words{font-size:var(--marketing-text-h4,18px)}}@media (prefers-reduced-motion:reduce){.story-card{transition:none}}@media (width<=48rem){.story-card,.story-card.story-card--quiet{gap:20px;padding:16px}.story-card .story-card-copy{padding:0 4px 4px}}.story-specimen{border-radius:var(--marketing-radius-stage);background:var(--surface-paper);gap:32px;padding:32px;display:grid}.story-specimen-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px;display:grid}.story-specimen-row--three{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:24px}
