.variants-page.svelte-13xxrei{max-width:1180px;margin:0 auto;padding:clamp(1rem,3vw,2rem)}.variants-hero.svelte-13xxrei{padding:clamp(1.5rem,4vw,3rem) 0}.variants-hero.svelte-13xxrei p:where(.svelte-13xxrei){margin:0 0 .35rem;color:var(--text-secondary);text-transform:uppercase;font-size:.8rem;letter-spacing:0}h1.svelte-13xxrei{margin:0;font-size:clamp(2rem,5vw,4rem);letter-spacing:0}.hero-copy.svelte-13xxrei{max-width:760px;margin-top:1rem;color:var(--text-secondary);font-size:clamp(1rem,2vw,1.18rem);line-height:1.6}.variant-grid.svelte-13xxrei{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.8rem}.variant-card.svelte-13xxrei{display:grid;gap:.45rem;min-height:140px;align-content:start;border:1px solid var(--border-color-standard);border-radius:8px;padding:1rem;background:var(--bg-primary);color:var(--text-primary);text-decoration:none;transition:border-color .2s ease,transform .2s ease}.variant-card.svelte-13xxrei:hover{border-color:var(--accent-color, #2f7df6);transform:translateY(-2px)}.variant-card.svelte-13xxrei span:where(.svelte-13xxrei){font-weight:800;font-size:1.05rem}.variant-card.svelte-13xxrei small:where(.svelte-13xxrei){color:var(--text-secondary);line-height:1.45}