.cards.svelte-1vby5nc{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:8px}@media (max-width: 768px){.cards.svelte-1vby5nc{grid-template-columns:1fr}}.card.svelte-1vby5nc{position:relative;display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px 24px 22px;color:var(--ink);text-decoration:none;box-shadow:var(--shadow-soft);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;overflow:hidden}.card.svelte-1vby5nc:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,oklch(from var(--tone) l c h / .1) 0%,transparent 60%);opacity:.7;pointer-events:none}.card.tone-ember.svelte-1vby5nc{--tone: var(--ember)}.card.tone-sage.svelte-1vby5nc{--tone: var(--sage)}.card.tone-gold.svelte-1vby5nc{--tone: var(--gold)}.card.svelte-1vby5nc:hover{transform:translateY(-3px);box-shadow:var(--shadow-pop);border-color:var(--tone)}.card-glyph.svelte-1vby5nc{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:oklch(from var(--tone) l c h / .12);color:var(--tone);margin-bottom:18px;position:relative;z-index:1}.card-kicker.svelte-1vby5nc{font-family:var(--mono);font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--tone);margin-bottom:6px;position:relative;z-index:1}.card-title.svelte-1vby5nc{font-family:var(--serif);font-size:24px;line-height:1.15;letter-spacing:-.01em;color:var(--ink);margin-bottom:8px;position:relative;z-index:1}.card-desc.svelte-1vby5nc{font-size:14px;line-height:1.5;color:var(--ink-soft);margin-bottom:18px;position:relative;z-index:1}.card-arrow.svelte-1vby5nc{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--tone);position:relative;z-index:1;transition:gap .25s ease}.card.svelte-1vby5nc:hover .card-arrow:where(.svelte-1vby5nc){gap:10px}.direct.svelte-1vby5nc{margin-top:32px;display:flex;align-items:center;gap:14px}.direct-line.svelte-1vby5nc{flex:0 0 32px;height:1px;background:var(--line)}.direct.svelte-1vby5nc p:where(.svelte-1vby5nc){font-family:var(--serif);font-size:15px;color:var(--ink-soft);margin:0}
