:root{
  --ground:#0B0B0C;--panel:#141416;--ink:#EFEBE1;--ink-dim:#A5A29A;--muted:#6C6A66;
  --rule:rgba(239,235,225,.08);--rule-strong:rgba(239,235,225,.18);
  --accent:#D6FF3E;--ease:cubic-bezier(.2,.7,.15,1);
  --f-display:'Fraunces',ui-serif,Georgia,serif;--f-body:'Inter Tight',system-ui,sans-serif;--f-mono:'JetBrains Mono',ui-monospace,monospace;
}
:root[data-theme="light"]{
  --ground:#EFEBE1;--panel:#E4DFD2;--ink:#0B0B0C;--ink-dim:#3D3B36;--muted:#7A776F;
  --rule:rgba(11,11,12,.1);--rule-strong:rgba(11,11,12,.22);--accent:#5F7A0F;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--ground);color:var(--ink);font-family:var(--f-body);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
::selection{background:var(--accent);color:var(--ground)}
.wrap{max-width:820px;margin:0 auto;padding:0 clamp(20px,4vw,44px)}
.topbar{position:fixed;top:0;left:0;right:0;height:60px;background:rgba(11,11,12,.72);backdrop-filter:blur(14px);border-bottom:1px solid var(--rule);z-index:35;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,44px)}
:root[data-theme="light"] .topbar{background:rgba(239,235,225,.72)}
.brand{font-family:var(--f-display);font-size:20px}
.brand .dot{color:var(--accent)}
.topbar nav{display:flex;gap:22px;align-items:center}
.topbar nav a{font-size:13px;color:var(--ink-dim)}
.topbar nav a:hover{color:var(--ink)}
.themetog{background:none;border:1px solid var(--rule-strong);color:var(--ink);width:34px;height:34px;border-radius:50%;cursor:pointer;display:grid;place-items:center}
main{padding:130px 0 90px}
.label{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
h1{font-family:var(--f-display);font-weight:300;font-size:clamp(38px,6vw,68px);letter-spacing:-.03em;line-height:1;margin:16px 0 14px}
h1 em{font-style:italic;color:var(--accent);font-weight:300}
.updated{font-family:var(--f-mono);font-size:11px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:44px;display:block}
h2{font-family:var(--f-display);font-weight:400;font-size:clamp(22px,2.6vw,30px);letter-spacing:-.02em;margin:44px 0 12px}
p,li{color:var(--ink-dim);font-size:15.5px;max-width:65ch}
ul{padding-left:20px;display:grid;gap:8px;margin:12px 0}
strong{color:var(--ink);font-weight:500}
.mailto{color:var(--accent)}
footer{border-top:1px solid var(--rule);padding:32px 0;font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;max-width:820px}
footer a:hover{color:var(--accent)}
@media(max-width:640px){.topbar nav a.hidemob{display:none}}