.home{display:grid;gap:var(--space-6)}.home .title{font-size:var(--text-3xl);letter-spacing:-.03em;margin:0}.home .subtitle{margin:0;color:var(--color-muted);max-width:60ch}.home .modes{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.home .mode-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);text-decoration:none;color:inherit;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.home .mode-card:hover{border-color:var(--color-accent-border);box-shadow:0 6px 20px #201d1814;transform:translateY(-2px)}.home .mode-card .mode-art{display:grid;place-items:center;height:104px;border-bottom:1px solid var(--color-border);background:var(--color-accent-surface)}.home .mode-card[data-tone=salt] .mode-art{background:var(--tint-salt)}.home .mode-card[data-tone=brine] .mode-art{background:var(--tint-brine)}.home .mode-card[data-tone=vinegar] .mode-art{background:var(--tint-vinegar)}.home .mode-card .mode-body{padding:var(--space-5)}.home .mode-card .title{margin:0 0 var(--space-2);font-size:var(--text-lg)}.home .mode-card .description{margin:0;color:var(--color-muted);font-size:var(--text-md)}