:root{--bg:#0b0b0c;--fg:#f3eee6;--muted:#9a948a;--line:#f3eee624;--accent:#ffcf8a;--danger:#ff8a7a;--ok:#9be3b0;--serif:"Instrument Serif", Georgia, serif;--sans:"Inter", system-ui, -apple-system, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}button{font:inherit;color:inherit}.home{height:100dvh;overflow:hidden}.home .hud-top,.home .notice,.home .tooltip{display:none}.home .hud-bottom{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}html[data-backend=none] .home .hud-top,html[data-backend=none] .home .notice{display:block}html[data-backend=none] .home .hud-bottom{clip-path:none;white-space:normal;width:auto;height:auto;padding:24px clamp(16px,4vw,48px);position:fixed;overflow:visible}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hud{pointer-events:none;padding:24px clamp(16px,4vw,48px);position:fixed;left:0;right:0}.hud>*{pointer-events:auto}.hud-top{max-width:560px;top:0}.brand{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:13px;text-decoration:none}h1{font-family:var(--serif);margin:12px 0 10px;font-size:clamp(48px,9vw,104px);font-weight:400;line-height:.92}h1 em{color:var(--accent)}.lede{color:var(--muted);max-width:34ch;margin:0;font-size:15px;line-height:1.5}.hud-bottom{background:linear-gradient(#0000,#0b0b0cd9 45%);padding-top:60px;bottom:0}.hud-bottom h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-size:12px;font-weight:500}#clients{flex-wrap:wrap;gap:4px 18px;max-height:22vh;margin:0;padding:0;list-style:none;display:flex;overflow:auto}#clients button{cursor:pointer;font-family:var(--serif);color:var(--fg);opacity:.75;background:0 0;border:0;padding:2px 0;font-size:20px}#clients button:hover,#clients button:focus-visible{opacity:1;color:var(--accent)}.materials{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.materials button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#0b0b0c99;border-radius:999px;padding:5px 11px;font-size:12px}.materials button:hover{color:var(--fg);border-color:var(--muted)}.materials button[aria-pressed=true]{color:var(--bg);background:var(--fg);border-color:var(--fg)}.tooltip{pointer-events:none;border:1px solid var(--line);white-space:nowrap;background:#141416e6;border-radius:6px;padding:6px 10px;font-size:13px;position:fixed;top:0;left:0}.notice{max-width:320px;color:var(--muted);border:1px solid var(--line);background:#0b0b0ccc;border-radius:8px;margin:0;padding:8px 12px;font-size:12px;position:fixed;top:16px;right:16px}html[data-backend=none] .hud-bottom{background:0 0;top:50%}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.home-copy{z-index:1;left:calc(50% + 339px * var(--home-s,1));top:var(--home-year-center,58%);width:calc(317px * var(--home-s,1));color:#e3e9e9;font-family:Neue Haas Grotesk Text Pro,Helvetica Neue,Helvetica,Inter,Arial,sans-serif;font-size:max(13px, calc(16px * var(--home-s,1)));flex-direction:column;align-items:flex-start;gap:1rem;line-height:1.3;display:flex;position:fixed;transform:translateY(-50%)}.home-copy.is-pending{visibility:hidden}.home-copy__line{white-space:nowrap;display:block}.home-copy__intro{flex-direction:column;gap:8px;display:flex}.home-copy p{margin:0}.home-copy__lead{font-weight:700}.home-copy__cta{font-family:var(--serif);text-transform:uppercase;letter-spacing:.08em;color:inherit;font-size:1.5em;line-height:1.3;text-decoration:none}.home-copy__cta:hover,.home-copy__cta:focus-visible{color:#e9a7cb}@media (max-width:699px){.home-copy{width:auto;font-size:15px;inset:auto 16px 24px;transform:none}}.page{max-width:980px;min-height:100dvh;margin:0 auto;padding:32px clamp(16px,5vw,64px) 64px}.page h1{font-size:clamp(40px,7vw,72px)}.card{border:1px solid var(--line);background:#ffffff05;border-radius:14px;padding:20px}.pad-wrap{border:1px dashed var(--line);aspect-ratio:2.5;touch-action:none;background:#111113;border-radius:12px;position:relative}.pad-wrap canvas{cursor:crosshair;border-radius:12px;width:100%;height:100%;display:block}.pad-hint{text-align:center;color:var(--muted);font-family:var(--serif);pointer-events:none;font-size:22px;position:absolute;inset:auto 0 18%}.pad-line{border-bottom:1px solid var(--line);pointer-events:none;position:absolute;bottom:26%;left:8%;right:8%}.row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.btn{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:10px 16px;font-size:14px}.btn:hover{border-color:var(--fg)}.btn-primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}.btn-primary:hover{background:var(--accent);border-color:var(--accent)}.btn:disabled{opacity:.4;cursor:not-allowed}.spacer{flex:1}label{color:var(--muted);margin:18px 0 6px;font-size:13px;display:block}input[type=text],input[type=password]{border:1px solid var(--line);width:100%;max-width:420px;color:var(--fg);font:inherit;background:#111113;border-radius:8px;padding:10px 12px}.msg{color:var(--muted);margin-top:14px;font-size:14px}.msg.error{color:var(--danger)}.msg.ok{color:var(--ok)}.muted{color:var(--muted)}.tabs{flex-wrap:wrap;gap:6px;margin:24px 0 16px;display:flex}.tabs .btn[aria-pressed=true]{background:var(--fg);color:var(--bg)}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.sig-card canvas{aspect-ratio:2.5;background:#111113;border-radius:8px;width:100%;display:block}.sig-card h3{margin:12px 0 2px;font-size:16px;font-weight:500}.sig-card .row{margin-top:10px}table{border-collapse:collapse;width:100%;margin-top:12px;font-size:14px}td,th{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:8px 6px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:500}code{word-break:break-all;font-size:12px}section+section{margin-top:40px}@media (max-width:600px){.hud-top .lede{display:none}#clients button{font-size:17px}}
