:root{--ink: #16181d;--paper: #f4f2ec;--rule: #d8d4cc;--paper-muted: #5c5a56;--dark: #0a1018;--surface: #121a26;--panel: #0d141f;--teal: #6eb8b4;--teal-bright: #8ec9c5;--magenta: #c489a8;--cream: #e8eef4;--muted: #9aa8b8;--dim: #6b7a8c;--border: #1c2838;--index-bg: #0e0f12;--index-text: #d9ddd8;--index-muted: #8b918c;--index-line: #1c1f24;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Rubik,system-ui,sans-serif;background:var(--dark);color:var(--cream)}a{color:inherit}button{font-family:inherit}.switcher{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:40;display:flex;gap:4px;padding:4px;border-radius:999px;background:#0a1018e0;border:1px solid rgba(232,238,244,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.switcher a{padding:8px 14px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--muted)}.switcher a:hover{color:var(--cream)}.switcher a.on{background:var(--teal);color:var(--dark)}.top{display:flex;justify-content:space-between;align-items:baseline;max-width:720px;margin:0 auto;padding:32px 24px 8px}.brand{font-weight:700;letter-spacing:-.02em;text-decoration:none}.nav-link{font-size:15px;text-decoration:none;opacity:.75}.nav-link:hover{opacity:1}.wrap{max-width:720px;margin:0 auto;padding:0 24px}.wrap-lg{max-width:1080px;margin:0 auto;padding:0 24px}.kicker{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--teal);margin-bottom:16px}.page-paper{background:var(--paper);color:var(--ink);min-height:100vh;padding-bottom:96px}.page-paper .nav-link{color:var(--ink)}.hero-paper{padding:64px 24px 80px;max-width:720px;margin:0 auto}.hero-paper h1{font-family:Fraunces,Times New Roman,serif;font-weight:500;font-size:clamp(2.4rem,6vw,4.2rem);line-height:1.08;letter-spacing:-.03em;margin:0 0 24px}.lede{max-width:520px;line-height:1.8;color:var(--paper-muted);font-size:17px}.band{border-top:1px solid var(--rule)}.row{display:grid;grid-template-columns:72px 1fr;gap:16px;padding:28px 0;border-top:1px solid var(--rule)}.row:first-child{border-top:none}.num{color:var(--teal);font-weight:600;font-size:14px}.cols{display:grid;grid-template-columns:1fr;gap:32px;padding:48px 0 64px}@media (min-width: 800px){.cols{grid-template-columns:1fr 1fr 1fr}.row{grid-template-columns:72px 1fr}}.serif{font-family:Fraunces,Times New Roman,serif;font-weight:500;font-size:clamp(1.8rem,4vw,2.4rem);letter-spacing:-.02em;margin:0 0 16px}.mail{font-weight:600;text-decoration:none}.mail:hover{color:var(--teal)}.label{font-size:12px;color:#8a8680;margin-bottom:4px}.page-night{background:var(--dark);color:var(--cream);min-height:100vh;padding-bottom:96px}.night-hero{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.night-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 50% 40% at 70% 20%,rgba(196,137,168,.16) 0%,transparent 60%),radial-gradient(ellipse 45% 50% at 10% 80%,rgba(110,184,180,.14) 0%,transparent 55%);pointer-events:none}.night-hero .top,.night-hero .wrap-lg{position:relative;z-index:1}.night-hero h1{font-weight:700;font-size:clamp(2.6rem,8vw,5.5rem);line-height:.95;letter-spacing:-.04em;max-width:920px;margin:0 0 32px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.chip{padding:6px 14px;border-radius:999px;border:1px solid var(--border);color:var(--muted);font-size:13px}.bento{display:grid;grid-template-columns:1fr;gap:12px;padding:64px 0}@media (min-width: 800px){.bento{grid-template-columns:1fr 1fr}}.card{padding:32px;border-radius:16px;background:var(--surface);border:1px solid var(--border);height:100%}.card .num{color:var(--magenta)}.night-block{border-top:1px solid var(--border);padding:64px 0}.night-block h2{font-weight:700;font-size:clamp(2rem,5vw,3.2rem);letter-spacing:-.03em;margin:0 0 16px}.page-index{background:var(--index-bg);color:var(--index-text);min-height:100vh}@media (min-width: 900px){.page-index{display:grid;grid-template-columns:300px 1fr;padding-bottom:0}}.side{padding:32px 24px;display:flex;flex-direction:column;gap:20px}@media (min-width: 900px){.side{position:sticky;top:0;height:100vh;border-right:1px solid var(--border)}}.side .mails{margin-top:auto;display:flex;flex-direction:column;gap:8px}.side .mails a{color:var(--teal);font-size:13px;font-family:var(--mono);text-decoration:none}.main{padding:32px 24px 96px;max-width:780px}@media (min-width: 900px){.main{padding:48px 48px 120px}}.mono-kicker{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin:0 0 16px}.idx-row{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:20px 0;border-top:1px solid var(--index-line)}.idx-n{font-family:var(--mono);font-size:12px;color:#6b726e}.muted{color:var(--index-muted);line-height:1.7}.page-contact{background:var(--dark);color:var(--cream);min-height:100vh;padding:48px 24px 120px}.page-contact h1{font-size:clamp(2.2rem,5vw,3.4rem);letter-spacing:-.03em;margin:12px 0 16px}.contact-grid{display:grid;gap:16px;max-width:720px;margin-top:48px}@media (min-width: 700px){.contact-grid{grid-template-columns:1fr 1fr}}.contact-card{padding:28px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.fill{flex:1;display:flex;flex-direction:column;justify-content:center;padding:80px 24px;max-width:1080px;margin:0 auto;width:100%}.proj-grid{display:grid;gap:14px;margin-top:28px}@media (min-width: 800px){.proj-grid{grid-template-columns:1fr 1fr}}@media (min-width: 1100px){.proj-night{grid-template-columns:1fr 1fr 1fr}}.proj{position:relative;overflow:hidden;padding:28px 28px 32px}.proj:after{content:attr(data-n);position:absolute;right:16px;top:8px;font-size:3.2rem;font-weight:700;letter-spacing:-.04em;line-height:1;opacity:.1;pointer-events:none}.proj-kind{font-size:11px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px}.proj-name{font-size:1.35rem;font-weight:600;letter-spacing:-.025em;margin:0 0 10px}.proj-body{margin:0;line-height:1.7;font-size:.95rem;max-width:36em}.proj-paper .proj{border-top:1px solid var(--rule);padding:28px 8px 32px 0}.proj-paper .proj-name{font-family:Fraunces,Georgia,serif;font-weight:500;font-size:1.55rem}.proj-paper .proj-kind{color:var(--teal)}.proj-paper .proj-body{color:var(--paper-muted)}.proj-paper .proj:after{color:var(--ink)}.proj-night .proj{background:var(--surface);border:1px solid var(--border);border-radius:16px;min-height:180px}.proj-night .proj:hover{border-color:#6eb8b473}.proj-night .proj-kind{color:var(--magenta)}.proj-night .proj-body{color:var(--muted)}.proj-night .proj:after{color:var(--cream)}.proj-index{gap:0}@media (min-width: 800px){.proj-index{grid-template-columns:1fr}}.proj-index .proj{display:grid;grid-template-columns:48px 1fr;column-gap:16px;padding:22px 0;border-top:1px solid var(--index-line);border-radius:0}.proj-index .proj:before{content:attr(data-n);font-family:var(--mono);font-size:12px;color:var(--teal);padding-top:4px}.proj-index .proj-kind{grid-column:2}.proj-index .proj-name{grid-column:2;font-size:1.15rem}.proj-index .proj-body{grid-column:2}.proj-index .proj-kind{color:var(--teal)}.proj-index .proj-body{color:var(--index-muted)}.proj-index .proj:after{display:none}