:root{--ground:#fbf8f2;--panel:#fff;--ink:#1a1620;--muted:#6b6070;--faint:#9b93a2;--line:#eee4d6;--line-soft:#f2ece1;--amber:#ff9e2c;--magenta:#ff3d9a;--violet:#7c5cff;--spectrum:linear-gradient(90deg, #ff9e2c, #ff3d9a, #7c5cff);--spectrum-soft:linear-gradient(90deg, #ffe6c4, #ffdcec, #e7e0ff);--radius:14px;--radius-lg:22px;--shadow-tile:0 8px 22px -14px #3c28146b;--shadow-float:0 18px 44px -22px #78461e66;--wrap:1200px;--sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ground);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--violet);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}.wrap{max-width:var(--wrap);margin:0 auto;padding:0 22px}.site-header{z-index:50;background:color-mix(in srgb, var(--ground) 86%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.site-header .bar{align-items:center;gap:22px;height:64px;display:flex}.nav{color:var(--muted);gap:20px;font-size:14px;display:flex}.nav a:hover{color:var(--ink)}.nav a[aria-current=page]{color:var(--ink);font-weight:500}.header-cta{margin-left:auto}.wordmark{letter-spacing:-.6px;font-size:23px;font-weight:800}.wordmark .spec{background:var(--spectrum);color:#0000;-webkit-background-clip:text;background-clip:text}.btn{cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:transform .12s,filter .12s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-spectrum{background:var(--spectrum);color:#fff}.btn-spectrum:hover{filter:brightness(1.05)}.btn-ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.btn-ghost:hover{border-color:var(--violet)}.hero{text-align:center;padding:64px 22px 26px}.hero h1{letter-spacing:-1.2px;text-wrap:balance;max-width:15ch;margin:0 auto 14px;font-size:clamp(32px,5vw,56px);font-weight:800;line-height:1.02}.hero h1 .spec{background:var(--spectrum);color:#0000;-webkit-background-clip:text;background-clip:text}.hero p{color:var(--muted);max-width:54ch;margin:0 auto 26px;font-size:17px}.search{background:var(--panel);border:1px solid var(--line-soft);max-width:600px;box-shadow:var(--shadow-float);border-radius:999px;align-items:center;gap:8px;margin:0 auto;padding:8px 8px 8px 20px;display:flex}.search input{color:var(--ink);background:0 0;border:0;outline:0;flex:1;min-width:0;font-family:inherit;font-size:16px}.search input::placeholder{color:var(--faint)}.search .btn-spectrum{padding:10px 20px}.chips{flex-wrap:wrap;justify-content:center;gap:8px;padding:22px 22px 8px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);background:var(--panel);border-radius:999px;padding:7px 15px;font-size:13px;transition:border-color .12s,color .12s}.chip:hover{color:var(--ink);border-color:var(--violet)}.chip[aria-current=true]{background:color-mix(in srgb, var(--violet) 10%, #fff);border-color:color-mix(in srgb, var(--violet) 35%, #fff);color:color-mix(in srgb, var(--violet) 80%, #000)}.masonry{columns:4;column-gap:14px;padding:24px 0 8px}@media (max-width:980px){.masonry{columns:3}}@media (max-width:640px){.masonry{columns:2;column-gap:10px}}.tile{break-inside:avoid;border-radius:var(--radius);box-shadow:var(--shadow-tile);background:#efe9df;margin-bottom:14px;transition:transform .16s,box-shadow .16s;position:relative;overflow:hidden}.tile:hover{box-shadow:var(--shadow-float);transform:translateY(-3px)}.tile .thumb{width:100%}.tile .overlay{opacity:0;background:linear-gradient(#0000 45%,#140c1880);flex-direction:column;justify-content:flex-end;gap:4px;padding:12px;transition:opacity .16s;display:flex;position:absolute;inset:0}.tile:hover .overlay,.tile:focus-within .overlay{opacity:1}.tile .t-title{color:#fff;font-size:13.5px;font-weight:600}.cap{font-family:var(--mono);letter-spacing:.4px;color:#2a2320;background:#ffffffdb;border-radius:6px;align-self:flex-start;padding:3px 7px;font-size:10px}.detail{grid-template-columns:1.55fr 1fr;gap:34px;padding:30px 0 40px;display:grid}@media (max-width:900px){.detail{grid-template-columns:1fr;gap:22px}}.detail .stage{border-radius:var(--radius-lg);box-shadow:var(--shadow-float);align-self:start;position:sticky;top:84px;overflow:hidden}@media (max-width:900px){.detail .stage{position:static}}.detail h1{letter-spacing:-.6px;margin:0 0 10px;font-size:clamp(26px,3.4vw,36px);line-height:1.08}.detail .lede{color:var(--muted);margin:0 0 20px;font-size:16px}.meta{border-top:1px solid var(--line);flex-direction:column;gap:0;display:flex}.meta .row{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:11px 0;font-size:14px;display:flex}.meta .row .k{color:var(--muted)}.meta .row .v{font-variant-numeric:tabular-nums;font-weight:500}.tagrow{flex-wrap:wrap;gap:7px;margin:18px 0 4px;display:flex}.tag{color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:5px 11px;font-size:12.5px}.tag:hover{color:var(--ink);border-color:var(--violet)}.section-head{align-items:baseline;gap:12px;padding:30px 0 4px;display:flex}.section-head h2{letter-spacing:-.4px;margin:0;font-size:20px;font-weight:700}.section-head .more{color:var(--violet);margin-left:auto;font-size:14px;font-weight:500}.eyebrow{font-family:var(--mono);letter-spacing:2px;text-transform:uppercase;background:var(--spectrum);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:12px}.capture{border-radius:var(--radius-lg);text-align:center;background:radial-gradient(120% 130% at 0% 0%, color-mix(in srgb, var(--amber) 16%, transparent), transparent 55%), radial-gradient(120% 130% at 100% 100%, color-mix(in srgb, var(--violet) 16%, transparent), transparent 55%), var(--panel);border:1px solid var(--line);margin:40px 0;padding:40px 28px}.capture h2{letter-spacing:-.6px;text-wrap:balance;max-width:20ch;margin:0 auto 8px;font-size:clamp(24px,3.2vw,32px)}.capture p{color:var(--muted);max-width:46ch;margin:0 auto 22px}.capture form{gap:8px;max-width:460px;margin:0 auto;display:flex}.capture input{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:999px;flex:1;min-width:0;padding:12px 18px;font-family:inherit;font-size:15px}.capture .msg{min-height:18px;margin-top:14px;font-size:14px}.capture .msg.ok{color:color-mix(in srgb, var(--violet) 85%, #000)}.capture .msg.err{color:#c0392b}.site-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:20px;padding:34px 0 44px;font-size:14px}.site-footer .cols{flex-wrap:wrap;align-items:flex-start;gap:40px;display:flex}.site-footer .brandline{flex:1;min-width:220px}.site-footer a:hover{color:var(--ink)}.site-footer .fnav{flex-wrap:wrap;gap:28px;display:flex}.site-footer .fcol{flex-direction:column;gap:8px;display:flex}.site-footer .fcol .h{color:var(--ink);font-weight:600}