.symcards{--hl-arrow:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27%23000%27%20stroke-width=%272.6%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M5%2012h14%27/%3E%3Cpath%20d=%27m12%205%207%207-7%207%27/%3E%3C/svg%3E");display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;list-style:none;padding:0}.symcard,.symcards>li{display:flex;min-width:0}.symcard{flex-direction:column;width:100%;border-radius:var(--radius-control);border:1px solid transparent;background-clip:padding-box;background:linear-gradient(170deg,oklch(1 0 0/.07),transparent 55%),var(--color-surface);box-shadow:var(--shadow-card);color:var(--color-ink)}.symcard-art{position:relative;flex:none;aspect-ratio:2/1;overflow:hidden;border-radius:calc(var(--radius-control) - 1px) calc(var(--radius-control) - 1px) 0 0;background:radial-gradient(circle at 88% 8%,var(--color-glow),transparent 55%),linear-gradient(160deg,var(--color-sky-soft),var(--color-paper-2) 70%)}.symcard-svg{position:absolute;inset:0;display:block;width:100%;height:100%;transform-origin:50% 62%}.symcard-body{position:relative;display:flex;flex:1;flex-direction:column;gap:.375rem;min-width:0;padding:.75rem .875rem .875rem}.symcard-label{font-size:.9375rem;font-weight:600;line-height:1.25;color:var(--color-ink)}.symcard-cause{display:none}.symcard-k{display:block;font-family:var(--font-label);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-3)}@media (width >= 40rem){.symcards{gap:1rem}.symcard{flex-direction:row;min-height:7.5rem;border-radius:var(--radius-card)}.symcard-art{width:8rem;aspect-ratio:auto;border-radius:calc(var(--radius-card) - 1px) 0 0 calc(var(--radius-card) - 1px)}.symcard-body{justify-content:center;gap:.25rem;padding:1rem 2.75rem 1rem 1.125rem}.symcard-label{font-size:1.0625rem}.symcard-cause{display:block;margin-top:.125rem;font-size:.875rem;line-height:1.4;color:var(--color-ink-2)}.symcard-body:after{content:"";position:absolute;top:1.0625rem;right:1.125rem;width:1.125rem;height:1.125rem;background:var(--color-accent);-webkit-mask:var(--hl-arrow) center /100% 100% no-repeat;mask:var(--hl-arrow) center /100% 100% no-repeat}}@media (width >= 64rem){.symcards{gap:1.25rem}.symcard-art{width:9.5rem}}@media (width >= 80rem){.symcards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:no-preference){.symcard-svg{transition:transform var(--duration-slow) var(--ease-out)}.symcard-body:after{transition:transform var(--duration-base) var(--ease-out)}@media (hover:hover) and (pointer:fine){.symcard:hover .symcard-svg{transform:scale(1.07)}.symcard:hover .symcard-body:after{transform:translateX(3px)}}}.sd{position:relative;width:min(100%,30rem);aspect-ratio:1;margin-inline:auto}.sd-core{position:absolute;inset:31%;display:grid;place-content:center;justify-items:center;border-radius:50%;background:radial-gradient(circle at 50% 30%,oklch(.36 .07 248),var(--color-navy) 72%);box-shadow:inset 0 0 0 1px oklch(1 0 0/.14),0 30px 60px -28px oklch(0 0 0/.75);color:var(--color-ink-2);font:500 .6875rem/1.4 var(--font-mono-face),ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase}.sd-n{font:400 clamp(2.75rem,2rem + 2.4vw,4rem) /1 var(--font-display);letter-spacing:-.03em;word-spacing:var(--display-word,0)}.sd li,.sd-n{color:var(--color-ink)}.sd li{position:absolute;display:grid;justify-items:center;gap:.5rem;width:6.5rem;translate:-50% -32%;font:500 .6875rem/1.3 var(--font-mono-face),ui-monospace,monospace;letter-spacing:.1em;text-align:center;text-transform:uppercase}.sd-ic{display:grid;place-items:center;width:clamp(3.25rem,2.6rem + 2vw,4.5rem);aspect-ratio:1;border-radius:50%;background:linear-gradient(170deg,oklch(1 0 0/.12),transparent 60%),var(--color-navy-2);box-shadow:inset 0 0 0 1px oklch(1 0 0/.14),0 18px 30px -16px oklch(0 0 0/.65);color:var(--color-accent)}