:root{--bg:#0d1117;--panel:#151b23;--soft:#202938;--text:#f3f6fa;--muted:#aeb9c8;--accent:#6ee7d8;--line:#2a3443;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 0,#17313a 0,transparent 28rem),var(--bg);color:var(--text);font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:.9rem max(1rem,calc((100vw - var(--max))/2));background:#0d1117e8;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{font-size:1.05rem;color:var(--text);letter-spacing:.02em}.brand b{color:var(--accent)}nav{display:flex;gap:1rem;align-items:center}nav>a{color:var(--muted);font-size:.94rem}nav>a.active,nav>a:hover{color:var(--text);text-decoration:none}.lang{display:flex;border-left:1px solid var(--line);padding-left:1rem;gap:.55rem}.menu-btn{display:none;background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:.65rem;padding:.55rem .75rem}main{max-width:var(--max);margin:auto;padding:0 1rem}section{padding:5rem 0;border-bottom:1px solid var(--line)}.hero{min-height:73vh;display:flex;flex-direction:column;justify-content:center;max-width:960px}.hero h1{font-size:clamp(3rem,9vw,7rem);line-height:.93;letter-spacing:-.06em;margin:.25rem 0 1rem}.claim{font-size:clamp(1.15rem,2.3vw,1.75rem);color:var(--accent);max-width:900px}.hero-copy,.lead{font-size:1.15rem;color:var(--muted);max-width:760px}.eyebrow{font-size:.75rem;letter-spacing:.18em;color:var(--accent);font-weight:800}.actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.2rem}.button{display:inline-block;background:var(--accent);color:#06201c;padding:.75rem 1rem;border-radius:.7rem;font-weight:800}.button:hover{text-decoration:none;filter:brightness(1.08)}.button.ghost{background:transparent;border:1px solid var(--line);color:var(--text)}.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:end;margin-bottom:2rem}.section-head h2,.split h2,.book h2,.prose h1{font-size:clamp(2rem,4vw,4rem);line-height:1.05;letter-spacing:-.045em;margin:.35rem 0}.section-head p{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.card{background:linear-gradient(145deg,var(--panel),#111720);border:1px solid var(--line);border-radius:1rem;padding:1.25rem;min-height:240px}.card h3{font-size:1.35rem}.card p{color:var(--muted)}.pill{display:inline-block;padding:.25rem .5rem;border:1px solid #396159;border-radius:999px;color:var(--accent);font-size:.72rem;text-transform:uppercase}.muted{font-size:.9rem}.split,.book{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}.split p,.book p{color:var(--muted);font-size:1.08rem}.terminal{background:#050807;border:1px solid #285b51;border-radius:1rem;padding:2rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:0 0 45px #19d5b015}.terminal div{color:#77dfcf;margin-top:.7rem}.terminal strong{font-size:1.4rem}.terminal span{color:#9eb5b0}.book-mark{border:1px solid var(--line);border-radius:1rem;padding:2.5rem;background:linear-gradient(135deg,#162d31,#241d35);font-size:clamp(1.6rem,4vw,3.5rem);font-weight:900;line-height:1.05}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stats div{padding:1.5rem;border:1px solid var(--line);border-radius:1rem}.stats b{display:block;font-size:2.5rem;color:var(--accent)}.stats span{color:var(--muted)}.prose{max-width:850px;margin:auto;padding:5rem 0}.prose p,.prose li{color:#ccd5e0}.prose h2{margin-top:2.5rem}footer{max-width:var(--max);margin:auto;padding:2rem 1rem 4rem;display:flex;justify-content:space-between;color:var(--muted)}.footer-links{display:flex;gap:1rem}@media(max-width:820px){.menu-btn{display:block}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg);padding:1rem;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}nav.open{display:flex}.lang{border-left:0;padding-left:0}.grid{grid-template-columns:1fr 1fr}.section-head,.split,.book{grid-template-columns:1fr}.hero{min-height:auto;padding-top:6rem}.stats{grid-template-columns:1fr}footer{flex-direction:column;gap:1rem}}@media(max-width:520px){.grid{grid-template-columns:1fr}.site-header{padding:.8rem 1rem}section{padding:3.5rem 0}.hero h1{font-size:3.8rem}.actions .button{width:100%;text-align:center}}
/* Projects page */
.page-intro{padding:3rem 0 1.5rem;max-width:900px}.page-intro h1{max-width:850px}.project-grid{align-items:stretch}.project-card{display:flex;flex-direction:column}.project-card .card-actions{margin-top:auto;padding-top:1rem;display:flex;gap:1rem;flex-wrap:wrap}.card-top{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.role{padding-top:.65rem;border-top:1px solid rgba(127,127,127,.18)}.status{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;opacity:.72}.archive-grid .compact h3{margin-bottom:.4rem}

/* Homepage portrait */
.hero-with-photo{max-width:none;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:clamp(2rem,6vw,5rem);align-items:center}.hero-content{min-width:0}.hero-portrait{margin:0;justify-self:end;width:min(100%,390px);aspect-ratio:4/5;border-radius:1.4rem;overflow:hidden;border:1px solid var(--line);background:var(--panel);box-shadow:0 24px 80px rgba(0,0,0,.35)}.hero-portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 28%}@media(max-width:820px){.hero-with-photo{grid-template-columns:1fr;gap:2rem}.hero-portrait{justify-self:start;width:min(78vw,360px);order:-1}.hero-with-photo .hero-content{order:2}}@media(max-width:520px){.hero-portrait{width:100%;max-width:330px}}

/* Creative navigation cards */
.feature-card{min-height:auto;display:flex;align-items:center;justify-content:space-between;gap:2rem}.card-actions{display:flex;gap:1rem;flex-wrap:wrap}.track-list{display:grid;gap:.8rem}.track-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:.9rem;background:var(--panel)}.track-row h3{margin:.25rem 0}.track-meta{display:flex;gap:.5rem;align-items:center}.lang-tag{font-size:.72rem;font-weight:800;letter-spacing:.08em;color:var(--muted)}@media(max-width:700px){.feature-card,.track-row{align-items:flex-start;flex-direction:column}}

/* Friends websites */
.friends-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.friend-card{display:flex;gap:1.2rem;align-items:flex-start;padding:1.25rem;border:1px solid var(--line,#263447);border-radius:16px;background:var(--panel,#121923)}.friend-logo{flex:0 0 96px;width:96px;height:96px;border-radius:14px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.friend-logo img{max-width:100%;max-height:100%;object-fit:contain}.friend-content{min-width:0}.friend-content h2{margin-top:0}.empty-state{padding:1.5rem;border:1px dashed var(--line,#263447);border-radius:14px;color:var(--muted,#9aa9ba)}@media(max-width:760px){.friends-grid{grid-template-columns:1fr}.friend-card{flex-direction:column}.friend-logo{width:80px;height:80px;flex-basis:80px}}