main.wide{width:min(64rem,calc(100% - 3rem))}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem}.tile{display:grid;gap:.35rem;padding:0 0 1rem;color:var(--ink);text-decoration:none;border:1px solid rgb(216 191 165 / .12);border-radius:1rem;overflow:hidden;background:#ffffff04;transition:border-color .4s ease,transform .4s ease}.tile:hover,.tile:focus-visible{border-color:#d8bfa566;transform:translateY(-2px);outline:none}.tile .swatch{aspect-ratio:16 / 10;margin-bottom:.6rem;background-size:cover;background-position:center}.tile .name{padding:0 1rem;font-weight:400}.tile .line{padding:0 1rem;font-size:.88rem;color:var(--ink-dim)}.tile .badge{padding:0 1rem;font-size:.75rem;letter-spacing:.06em;color:var(--glow)}.swatch.picture{filter:blur(3px) brightness(.8);transform:scale(1.06)}.swatch.colour{background:radial-gradient(60% 70% at 30% 40%,var(--c3),transparent 70%),radial-gradient(70% 80% at 75% 65%,var(--c2),transparent 70%),var(--c1);background-size:160% 160%;filter:blur(14px) saturate(1.2);transform:scale(1.15);animation:drift 18s ease-in-out infinite alternate}@keyframes drift{0%{background-position:0% 0%}to{background-position:100% 100%}}@media(prefers-reduced-motion:reduce){.swatch.colour{animation:none}}.invite .swatch{background:repeating-linear-gradient(135deg,rgb(216 191 165 / .05) 0 12px,transparent 12px 24px);border-bottom:1px dashed rgb(216 191 165 / .18)}.shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:1rem}