:root{--ink:#17212b;--muted:#607080;--paper:#f4f2ec;--line:#d8d7d1;--blue:#176b87;--rust:#c65d37;--green:#41775b;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(#edf4f5 0,#f4f2ec 25rem);font-size:17px;line-height:1.65}a{color:var(--blue);text-underline-offset:.18em}a:hover{color:var(--rust)}.wrap{width:min(1120px,calc(100% - 2rem));margin:auto}.head{border-bottom:1px solid var(--line);background:rgba(244,242,236,.96)}.bar{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-weight:900;letter-spacing:.08em;color:var(--ink);text-decoration:none}.brand b{color:var(--blue)}nav{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}nav a{color:var(--muted);text-decoration:none;font-size:.93rem}nav a[aria-current=page]{color:var(--ink)}.lang{border:1px solid var(--line);border-radius:99px;padding:.25rem .65rem;background:#fff}main{padding:clamp(3rem,7vw,6rem) 0}.hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,.65fr);gap:3rem;align-items:end}.eyebrow{color:var(--blue);font-size:.78rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.hero h1,h2{font-family:Georgia,"Times New Roman",serif;line-height:1.08}.hero h1{font-size:clamp(2.7rem,7vw,5.2rem);letter-spacing:-.045em;margin:.3rem 0 1rem}.lead{font-size:clamp(1.1rem,2.3vw,1.4rem);color:#455563}.identity{background:var(--ink);color:#fff;border-radius:1rem;padding:1.3rem}.identity p{color:#ccd5dc}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.5rem 0}.button{display:inline-block;padding:.7rem 1rem;border-radius:.65rem;background:var(--blue);color:#fff;text-decoration:none;font-weight:750}.button.alt{background:#fff;color:var(--ink);border:1px solid var(--line)}section{margin:4rem 0}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card,.side,.tutorial{background:#fff;border:1px solid var(--line);border-radius:1rem;padding:1.3rem;box-shadow:0 18px 55px rgba(24,38,48,.07)}.card{display:flex;flex-direction:column}.card p{color:var(--muted)}.card .more{margin-top:auto}.mark{width:3rem;height:3rem;display:grid;place-items:center;border-radius:.75rem;background:#dcecf1;color:#0d4b61;font-weight:900}.mark.j{background:#f5e0d8;color:#8b3e25}.mark.m{background:#e0ece4;color:#315b44}.status{display:inline-block;width:max-content;border-radius:99px;padding:.22rem .6rem;font-size:.74rem;font-weight:800;text-transform:uppercase;background:#deeee4;color:#326044;margin:.6rem 0}.status.dev{background:#f3e4d5;color:#794d2f}.status.idea{background:#e8e6ef;color:#56506d}.content{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:2.2rem}.prose h2{font-size:2.2rem;margin-top:2.6rem}.prose li{margin:.45rem 0}.side{align-self:start}.facts dt{color:var(--muted);font-size:.76rem;font-weight:800;text-transform:uppercase;margin-top:.8rem}.facts dd{margin:.1rem 0 .5rem;overflow-wrap:anywhere}.notice{border-left:4px solid var(--rust);background:#fff4ee;padding:1rem 1.1rem;margin:1.4rem 0}.notice.good{border-color:var(--green);background:#eff7f1}.shot{aspect-ratio:16/9;display:grid;place-items:center;text-align:center;border:2px dashed #b8c2c8;border-radius:.8rem;background:#f2f5f5;color:var(--muted);padding:1rem}.code{font-family:ui-monospace,Consolas,monospace;background:#eef1f2;padding:.1rem .3rem;border-radius:.25rem;overflow-wrap:anywhere}.foot{border-top:1px solid var(--line);padding:2rem 0 3rem;color:var(--muted);font-size:.9rem}.foot .wrap{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}@media(max-width:820px){.hero,.content,.projects{grid-template-columns:1fr}}@media(max-width:600px){.bar{align-items:flex-start;flex-direction:column;padding:1rem 0}.hero h1{font-size:2.7rem}}