:root{--bg:#fff;--ink:#111;--muted:#5f6368;--line:#e3e3e3;--chip:#f2f2f2;--grid:#0000000d;--glow:#0000000f;--shadow:#0000001f;--live:#16a34a;--live-ring:#16a34a73;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0e0e0f;--ink:#f2f2f2;--muted:#a0a4a8;--line:#2a2b2d;--chip:#1c1d1f;--grid:#ffffff0d;--glow:#ffffff12;--shadow:#0009;--live:#22c55e;--live-ring:#22c55e73;color-scheme:dark}}:root[data-theme=dark]{--bg:#0e0e0f;--ink:#f2f2f2;--muted:#a0a4a8;--line:#2a2b2d;--chip:#1c1d1f;--grid:#ffffff0d;--glow:#ffffff12;--shadow:#0009;--live:#22c55e;--live-ring:#22c55e73;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font:16px/1.6 var(--font);color:var(--ink);background:var(--bg);flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-underline-offset:3px}.wrap{width:100%;max-width:1040px;margin:0 auto;padding:0 16px}.draft{color:#6b4d00;text-align:center;background:#fff4d6;padding:6px 16px;font-size:13px}.top{justify-content:space-between;align-items:center;gap:12px;padding:20px 16px;display:flex}.brand{line-height:0;display:block}.brand img{width:auto;height:44px}.on-dark{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .on-light{display:none}:root:not([data-theme=light]) .on-dark{display:block}}:root[data-theme=dark] .on-light{display:none}:root[data-theme=dark] .on-dark{display:block}.theme{cursor:pointer;width:40px;height:40px;color:var(--ink);background:var(--chip);border:1px solid var(--line);border-radius:999px;place-items:center;transition:transform .15s;display:grid}.theme:hover{transform:scale(1.06)}.theme:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.theme svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px;display:none}.theme[data-theme=system] [data-icon=system],.theme[data-theme=light] [data-icon=light],.theme[data-theme=dark] [data-icon=dark]{display:block}.theme [data-icon=dark]{fill:currentColor;stroke:none}.toast{opacity:0;pointer-events:none;background:var(--ink);color:var(--bg);box-shadow:0 10px 30px var(--shadow);white-space:nowrap;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:500;transition:opacity .2s,transform .2s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,12px)}.toast.show{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.toast,.theme{transition:none}}.landing{flex-direction:column;flex:1;justify-content:center;padding-top:48px;padding-bottom:64px;display:flex}.landing h1{letter-spacing:-.02em;font-size:clamp(32px,6vw,56px);font-weight:700;line-height:1.1}.landing .contact{color:var(--muted);margin-top:28px;font-size:17px}body{position:relative;overflow-x:hidden}body:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(60rem 40rem at 85% 35%, var(--glow), transparent 60%), linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:auto,56px 56px,56px 56px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(at 60% 40%,#000 30%,#0000 80%);mask-image:radial-gradient(at 60% 40%,#000 30%,#0000 80%)}.hero{flex:1;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;padding-top:40px;padding-bottom:72px;display:grid}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink);border:1px solid var(--line);background:var(--chip);border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 12px;font-size:13px;font-weight:600;display:inline-flex}.dot{background:var(--live);width:8px;height:8px;box-shadow:0 0 0 0 var(--live);border-radius:50%;animation:2s ease-out infinite pulse}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--live-ring)}to{box-shadow:0 0 0 10px #0000}}.hero h1{white-space:nowrap;letter-spacing:-.04em;margin-top:22px;font-size:clamp(44px,6.6vw,84px);font-weight:800;line-height:1}.hero .status{color:var(--ink);margin-top:18px;font-size:clamp(17px,2vw,20px);font-weight:600}.hero .tagline{max-width:34rem;color:var(--muted);margin-top:10px;font-size:17px}.mail{color:var(--ink);user-select:all;flex-direction:column;gap:4px;margin-top:32px;font-size:clamp(18px,2.2vw,22px);font-weight:600;display:flex}.mail span{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);user-select:none;font-size:12px;font-weight:600}.art{aspect-ratio:1;place-items:center;display:grid;position:relative}.ring{border:1px solid var(--line);background:radial-gradient(circle at 50% 45%, var(--chip), transparent 70%);border-radius:50%;position:absolute;inset:6%}.ring:after{content:"";border:1px dashed var(--line);border-radius:50%;position:absolute;inset:14%}.mark{width:62%;color:var(--ink);filter:drop-shadow(0 18px 40px var(--shadow));position:relative}.mark svg{width:100%;height:auto;display:block}@media (prefers-reduced-motion:reduce){.dot{animation:none}}@media (width<=760px){.hero{grid-template-columns:1fr;gap:8px;padding-top:16px}.art{order:-1;justify-self:start;width:62%;max-width:260px}}footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px 20px;padding:20px 16px 28px;font-size:13px;display:flex}footer a{color:var(--muted)}
