@font-face{font-family:Vale Sans;src:local(Avenir Next);font-weight:100 900;font-display:swap}:root{--paper:#f5f7fa;--ink:#18283c;--muted:#52657a;--line:#d7dfe8;--accent:#315bd5;--surface:#e9eef5}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Vale Sans,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}::selection{background:#cfdbff}.showcase{flex-direction:column;max-width:1440px;min-height:100svh;margin:auto;padding:0 6vw;display:flex}.masthead{height:116px;color:var(--muted);justify-content:space-between;align-items:center;font-size:15px;display:flex}.wordmark{letter-spacing:-4px;color:var(--ink);font-size:46px;font-weight:800}.brand-dot{color:var(--accent)}.intro{padding:70px 0 86px}.intro h1{letter-spacing:-.065em;max-width:1000px;margin:0;font-size:clamp(52px,7.6vw,112px);font-weight:650;line-height:1.02}.intro>p{color:var(--muted);margin:32px 0 0;font-size:clamp(16px,1.6vw,21px);line-height:1.5}.collection{padding-bottom:90px}.collection-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.collection-heading h2{margin:0;font-size:18px;font-weight:550}.collection-heading>span{color:var(--muted);font-size:14px}.empty{min-height:180px;color:var(--muted);align-items:center;font-size:18px;display:flex}.demo-list{margin:0;padding:0;list-style:none}.demo-list li{border-bottom:1px solid var(--line)}.demo-list a{justify-content:space-between;align-items:center;gap:20px;padding:32px 0;display:flex}.demo-list a:hover h3{color:var(--accent)}.category{color:var(--muted);font-size:14px}.demo-list h3{letter-spacing:-.035em;margin:8px 0 0;font-size:clamp(24px,3vw,40px);font-weight:550}.demo-list a>span{font-size:32px}footer{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;gap:24px;margin-top:auto;padding:28px 0 35px;font-size:13px;display:flex}.starter{max-width:900px;margin:auto;padding:64px 6vw}.starter h1{letter-spacing:-.055em;margin:80px 0 24px;font-size:clamp(40px,7vw,80px);line-height:1.05}.starter p{color:var(--muted);line-height:1.6}.starter>a{color:var(--accent)}@media (max-width:600px){.masthead{height:90px}.intro{padding:48px 0 64px}.collection{padding-bottom:50px}.empty{min-height:150px}footer span{display:none}}