@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@300;400;500;600&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#161714;font-synthesis:none;text-rendering:optimizelegibility;background:#e9e6de;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{background-color:#e9e6de;background-image:linear-gradient(#16171409 1px,#0000 1px),linear-gradient(90deg,#16171409 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-width:320px;min-height:100vh;margin:0}main{width:min(1160px,100% - 40px);margin:0 auto;padding:48px 0 36px}.demo-header{grid-template-columns:minmax(0,1fr) minmax(280px,430px);align-items:end;gap:32px;margin-bottom:28px;display:grid}.kicker{letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;font-family:DM Mono,monospace;font-size:10px}h1{letter-spacing:-.065em;margin:0;font-size:clamp(40px,7vw,88px);font-weight:300;line-height:.9}.intro{max-width:40ch;margin:0 0 4px auto;font-size:15px;line-height:1.6}.demo-footer{letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;gap:24px;margin-top:16px;font-family:DM Mono,monospace;font-size:9px;display:flex}code{font:inherit;text-transform:none}@media (width<=720px){main{width:min(100% - 20px,620px);padding-top:28px}.demo-header{grid-template-columns:1fr;gap:20px}.intro{margin-left:0}.demo-footer{flex-direction:column;gap:8px}}