:root{--ink:#20221f;--muted:#686b63;--line:#a6a89f;--soft:#dfe2d8;--paper:#ffffff;--cream:#f7f6f0;--warn:#8a5a2b;--danger:#8b2e2e;--ok:#2f5d3a;--max:1344px;--pad:48px;--font:"Inter","Segoe UI",system-ui,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.25;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{opacity:.75}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}.shell{width:min(100% - 32px,var(--max));margin:0 auto}@media (min-width:900px){.shell{width:min(100% - calc(var(--pad) * 2),var(--max))}}.site-header{justify-content:space-between;gap:24px;padding:26px 0 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.brand,.site-header{display:flex;align-items:center}.brand{gap:20px;min-width:0}.brand-mark{font-size:36px;font-weight:500;line-height:1.22;letter-spacing:-.02em}.brand-name{font-size:15px;line-height:1.22;max-width:220px}.nav{display:flex;gap:28px;flex-wrap:wrap}.btn,.nav{align-items:center;font-size:14px}.btn{display:inline-flex;justify-content:space-between;gap:12px;min-height:50px;padding:14px 20px;background:var(--ink);color:var(--cream);border:1px solid var(--ink);cursor:pointer;line-height:1.22;text-decoration:none}.btn:hover{opacity:.9}.btn-ghost,.btn-secondary{background:transparent;color:var(--ink)}.btn-ghost{border-color:transparent;padding-left:0;padding-right:0;min-height:auto}.btn:disabled,.btn[aria-disabled=true]{opacity:.4;cursor:not-allowed}.btn .arrow{font-size:18px;line-height:1}.overline{font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;margin:0 0 12px}.lead,.muted,.overline{color:var(--muted)}.lead{font-size:17px;max-width:655px}.h1{font-size:clamp(36px,5vw,59px);line-height:1.22;margin:0 0 24px;letter-spacing:-.02em}.h1,.h2{font-weight:400}.h2{font-size:clamp(28px,3.5vw,43px);line-height:1.25;margin:0 0 20px}.h3{font-size:22px;font-weight:400;margin:0 0 8px}.rule{border:0;border-top:1px solid var(--line);margin:0}.hero{display:grid;grid-gap:40px;gap:40px;padding:48px 0 56px}@media (min-width:980px){.hero{grid-template-columns:1fr 634px;align-items:start}}.hero-media{border-radius:4px;overflow:hidden;background:var(--soft);aspect-ratio:634/480}.hero-media img{width:100%;height:100%;object-fit:cover}.hero-caption{margin-top:18px}.hero-caption .overline{font-size:10px;margin-bottom:8px}.section{padding:48px 0;border-top:1px solid var(--line)}.tasks{display:grid;grid-gap:32px;gap:32px}@media (min-width:900px){.tasks{grid-template-columns:400px 1fr}}.task-grid{display:grid;grid-gap:28px 40px;gap:28px 40px}@media (min-width:700px){.task-grid{grid-template-columns:1fr 1fr}}.task-num{font-size:12px;color:var(--muted);margin-bottom:8px}.people-grid,.projects-side{display:grid;grid-gap:24px;gap:24px}@media (min-width:800px){.people-grid{grid-template-columns:repeat(3,1fr)}}.person-card img,.project-card img,.studio-card{width:100%;aspect-ratio:432/226;object-fit:cover;border-radius:4px;background:var(--soft)}.studio-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.studio-card strong{font-size:40px;font-weight:400}.projects-layout{display:grid;grid-gap:24px;gap:24px}@media (min-width:900px){.projects-layout{grid-template-columns:1.6fr 1fr}}.project-card.large img{aspect-ratio:820/515}.steps{display:grid;grid-gap:24px;gap:24px;margin-top:40px}@media (min-width:800px){.steps{grid-template-columns:repeat(4,1fr)}}.step{padding-top:16px}.site-footer,.step{border-top:1px solid var(--line)}.site-footer{padding:48px 0 32px;display:grid;grid-gap:32px;gap:32px}@media (min-width:900px){.site-footer{grid-template-columns:1.2fr 1fr 1fr}}.footer-bottom{justify-content:space-between;padding:24px 0 40px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.footer-bottom,.row{display:flex;gap:16px;flex-wrap:wrap}.row{align-items:center}.stack{display:flex;flex-direction:column;gap:12px}.page-title{padding:40px 0 24px}.card-list{display:grid;grid-gap:0;gap:0}.card-row{display:grid;grid-gap:8px;gap:8px;padding:18px 0;border-top:1px solid var(--line)}@media (min-width:800px){.card-row{grid-template-columns:1.4fr 1fr 1.2fr auto;align-items:center}}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.field label{font-size:13px;color:var(--muted)}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--paper);padding:12px 14px;min-height:48px}.field textarea{min-height:140px;resize:vertical}.hint{font-size:13px;color:var(--muted)}.error{color:var(--danger);font-size:14px}.ok{color:var(--ok)}.warn-box{border:1px solid var(--warn);background:#faf6f0}.info-box,.warn-box{padding:16px 18px;margin:16px 0}.info-box{background:var(--cream)}.badge,.info-box{border:1px solid var(--line)}.badge{display:inline-block;font-size:12px;color:var(--muted);padding:4px 8px}.cabinet{display:grid;grid-gap:32px;gap:32px;padding:28px 0 64px}@media (min-width:980px){.cabinet{grid-template-columns:224px 1fr}}.cabinet-nav{border-right:1px solid var(--line);padding-right:16px}.cabinet-nav a{display:flex;justify-content:space-between;gap:8px;padding:12px 0;font-size:15px}.cabinet-nav a.active{font-weight:500}.cabinet-nav .count,.cabinet-side-meta{color:var(--muted);font-size:13px}.cabinet-side-meta{margin-top:32px;padding-top:16px;border-top:1px solid var(--line)}.action-hero{border:1px solid var(--ink);padding:24px 28px;margin-bottom:24px}.panel-grid{display:grid;grid-gap:24px;gap:24px}@media (min-width:800px){.panel-grid{grid-template-columns:1fr 1fr}}.panel{border-top:1px solid var(--line);padding-top:16px}.app-header{padding-bottom:20px}.app-header,.tabs{border-bottom:1px solid var(--line);margin-bottom:24px}.tabs{display:flex;flex-wrap:wrap;gap:8px 20px;padding-bottom:12px}.tabs a.active{font-weight:500;border-bottom:2px solid var(--ink);padding-bottom:10px}.project-thumbs{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}@media (min-width:700px){.project-thumbs{grid-template-columns:repeat(4,1fr)}}.project-thumbs img,.upload-slot{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;background:var(--soft);border:1px dashed var(--line)}.upload-slot{display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--muted);text-align:center;padding:8px}.vote-box{border:1px solid var(--ink);padding:20px 24px;margin-top:24px}.vote-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.demo-note{font-size:12px;color:var(--muted);margin:8px 0 20px}.grid-form{display:grid;grid-gap:0 24px;gap:0 24px}@media (min-width:700px){.grid-form.two{grid-template-columns:1fr 1fr}}.sticky-actions{display:flex;gap:12px;flex-wrap:wrap;padding:20px 0;border-top:1px solid var(--line);margin-top:32px;position:-webkit-sticky;position:sticky;bottom:0;background:var(--paper)}.login-card{max-width:480px;margin:48px auto 80px}.login-alt{margin-top:32px;padding-top:24px;border-top:1px solid var(--line)}.table-like{width:100%}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}