:root{--base:#0D0D0F;--surface:#1A1816;--surface-2:#3D3835;--muted:#8B7D75;--text:#B8ACA6;--text-hi:#D8CFC8;--hairline:rgba(255,255,255,0.08);--accent:#39D353;--font-ui:"Inter Variable",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;--s10:128px}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:radial-gradient(1100px 620px at 72% -8%,#17151280 0,var(--base) 62%),var(--base);color:var(--text);min-height:100dvh;font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.6}.mono{font-family:var(--font-mono)}.wrap{max-width:1180px;margin:0 auto;padding:0 24px}.nav{position:fixed;top:0;left:0;right:0;z-index:50;height:73px;display:flex;align-items:center;transition:background .3s ease,border-color .3s ease;border-bottom:1px solid transparent}.nav.scrolled{background:rgba(13,13,15,.6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--hairline)}.nav .wrap{display:flex;align-items:center;justify-content:space-between;width:100%}.brandmark{font-family:var(--font-mono);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-hi);text-decoration:none}.navlinks{display:flex;gap:28px}.navlinks a{font-size:15px;color:var(--text);text-decoration:none;transition:color .16s ease}.navlinks a:hover{color:var(--text-hi)}.hero{padding:calc(73px + clamp(64px,14vh,160px)) 0 clamp(80px,16vh,180px)}.eyebrow{font-family:var(--font-mono);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.display{font-size:clamp(3.5rem,8vw,7rem);line-height:.95;font-weight:600;letter-spacing:-.03em;color:var(--text-hi);margin-top:22px;text-wrap:balance;max-width:16ch}.subline{font-family:var(--font-mono);font-size:14px;letter-spacing:.02em;color:var(--muted);margin-top:26px}.subline .dot{display:inline-block;width:7px;height:7px;border-radius:999px;background:var(--accent);margin-right:8px;box-shadow:0 0 8px var(--accent);vertical-align:middle}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.section{padding:clamp(64px,11vh,112px) 24px}.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-bottom:28px;border-bottom:1px solid var(--hairline)}.h2{font-size:clamp(1.75rem,4vw,2rem);line-height:1.1;letter-spacing:-.02em;text-wrap:balance}.h2,.h3{font-weight:600;color:var(--text-hi)}.h3{font-size:1.25rem;line-height:1.3;letter-spacing:-.01em}.count{font-size:13px;letter-spacing:.02em;color:var(--muted)}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 24px}.chip{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:transparent;border:1px solid var(--hairline);border-radius:999px;padding:6px 14px;cursor:pointer;transition:color .16s,border-color .16s,background .16s}.chip:hover{color:var(--text-hi);border-color:var(--muted)}.chip.on{color:var(--base);background:var(--text-hi);border-color:var(--text-hi)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:24px;gap:24px;align-items:start}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:8px;overflow:hidden;transition:border-color .2s,transform .2s}.card:hover{border-color:var(--muted);transform:translateY(-2px)}.card-frame{aspect-ratio:16/10;background:repeating-linear-gradient(45deg,#17151200 0 12px,rgba(255,255,255,.015) 12px 24px),var(--surface-2);display:flex;align-items:flex-end;padding:14px}.frame-tag{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.card-body{padding:20px}.card-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:14px}.card-meta .tag{color:var(--text-hi);border:1px solid var(--hairline);border-radius:4px;padding:1px 7px;letter-spacing:.08em}.card-meta .pid{color:var(--muted)}.card-meta .status{display:inline-flex;align-items:center;gap:6px;margin-left:auto;text-transform:uppercase;letter-spacing:.06em}.sdot{width:7px;height:7px;border-radius:999px;background:var(--muted)}.status.shipped .sdot{background:var(--accent);box-shadow:0 0 8px var(--accent)}.card-brief{font-size:15px;line-height:1.6;color:var(--text);margin-top:6px}.card-look{font-size:14px;line-height:1.6;color:var(--muted);margin-top:14px;max-width:60ch}.look-lbl{display:inline-block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-hi);margin-right:8px}.card-stage{font-size:12px;color:var(--muted);margin-top:16px;letter-spacing:.02em}.steps{list-style:none;margin-top:32px;display:grid;grid-gap:0;gap:0}.step{display:flex;gap:24px;padding:24px 0;border-top:1px solid var(--hairline)}.step:last-child{border-bottom:1px solid var(--hairline)}.step-n{font-size:13px;color:var(--muted);padding-top:5px;min-width:32px}.step-d{font-size:15px;line-height:1.6;color:var(--text);margin-top:6px;max-width:65ch}.footer{border-top:1px solid var(--hairline);padding:40px 0;margin-top:40px}.foot-row{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.foot-note{font-size:12px;color:var(--muted);letter-spacing:.02em}@media (max-width:640px){.sec-head{flex-direction:column;gap:8px}.card-meta .status{margin-left:0}}