:root{--bg:#222223;--bg-2:#2b2b2c;--ink:#fefefe;--ink-soft:#a8a8aa;--rule:#3a3a3c;--accent:#b62a2d;--accent-2:#d5575e;--accent-soft:#e6a8a8;--serif:"Instrument Serif", Georgia, serif;--sans:"Inter", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace}[data-theme=light]{--bg:#fefefe;--bg-2:#f5eceb;--ink:#222223;--ink-soft:#6b5959;--rule:#e8d6d6}[data-mood=mono]{--serif:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55;transition:background .3s,color .3s}a{color:inherit}.wrap{max-width:960px;margin:0 auto;padding:32px 40px 120px}nav.top{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);justify-content:space-between;align-items:baseline;padding:8px 0 40px;font-size:12px;display:flex}nav.top .brand{color:var(--ink)}nav.top ul{gap:24px;margin:0;padding:0;list-style:none;display:flex}nav.top a{text-decoration:none}nav.top a:hover{color:var(--accent)}.hero{border-bottom:1px solid var(--rule);grid-template-columns:1.3fr 1fr;align-items:end;gap:40px;padding:24px 0 64px;display:grid}.hero h1{font-family:var(--serif);letter-spacing:-.02em;margin:0 0 24px;font-size:clamp(52px,8vw,104px);font-weight:400;line-height:.95}.hero h1 em{color:var(--accent);font-style:italic}.hero .lede{color:var(--ink-soft);max-width:42ch;margin:0;font-family:Times,Times New Roman,serif;font-size:22px;font-style:italic;line-height:1.35}.hero .meta{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:20px;font-size:11px}.hero .meta .dot{vertical-align:middle;background:oklch(65% .13 145);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 0 3px oklch(65% .13 145/.18)}.portrait{aspect-ratio:3/4;background:var(--bg-2) url(/assets/humza.jpg) center/cover no-repeat;filter:saturate(.95)contrast(1.02);border-radius:2px;position:relative}.portrait:after{content:"";mix-blend-mode:multiply;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 80% at 50% 30%,#0000 60%,#0000001f);position:absolute;inset:0}.portrait .cap{font-family:var(--mono);letter-spacing:.08em;color:#f4efe6;text-transform:uppercase;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;border-radius:2px;padding:4px 8px;font-size:10px;position:absolute;bottom:10px;left:12px}section{border-bottom:1px solid var(--rule);padding:72px 0}section:last-of-type{border-bottom:none}.sec-head{grid-template-columns:140px 1fr;gap:40px;margin-bottom:32px;display:grid}.sec-num{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);padding-top:12px;font-size:11px}.sec-title{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-size:clamp(32px,4vw,48px);font-weight:400;line-height:1.05}.about-body{grid-template-columns:140px 1fr;gap:40px;display:grid}.about-body p{max-width:58ch;margin:0 0 20px;font-size:18px;line-height:1.6}.tag-row{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tag{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--rule);color:var(--ink-soft);border-radius:999px;padding:6px 10px;font-size:11px}.ops{background:var(--bg-2);border-left:3px solid var(--accent);border-radius:2px;grid-column:2;margin-top:24px;padding:28px 32px}.ops h3{font-family:var(--serif);letter-spacing:-.01em;margin:0 0 8px;font-size:26px;font-weight:400}.ops p{color:var(--ink-soft);max-width:56ch;margin:0;font-size:16px}.projects{grid-template-columns:140px 1fr;gap:40px;display:grid}.project-list{flex-direction:column;gap:0;display:flex}.proj{border-top:1px solid var(--rule);color:inherit;grid-template-columns:120px 1fr auto;align-items:start;gap:28px;padding:28px 0;text-decoration:none;transition:background .2s;display:grid}.proj:last-child{border-bottom:1px solid var(--rule)}.proj:hover{background:var(--bg-2)}.proj:hover .proj-arrow{color:var(--accent);transform:translate(4px)}.proj-cover{aspect-ratio:1;background:var(--bg-2);border:1px solid var(--rule);border-radius:2px;place-items:center;display:grid;position:relative;overflow:hidden}.proj-cover svg{opacity:.55;width:100%;height:100%}.proj-cover--dark{background:#222223;border-color:#3a3a3c}.proj-logo{object-fit:contain;max-width:72%;max-height:72%}.proj-cover .tile-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-size:9px;position:absolute;bottom:6px;left:6px}.proj-body h3{font-family:var(--serif);letter-spacing:-.01em;margin:0 0 6px;font-size:30px;font-weight:400}.proj-body .proj-kind{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:10px;font-size:11px}.proj-body p{color:var(--ink-soft);max-width:52ch;margin:0 0 10px;font-size:15px}.proj-body .stack{font-family:var(--mono);color:var(--ink-soft);letter-spacing:.03em;font-size:11px}.proj-arrow{font-family:var(--serif);color:var(--ink-soft);font-variant-emoji:text;padding-top:4px;font-size:32px;transition:transform .2s,color .2s}.now-body{grid-template-columns:140px 1fr;gap:40px;display:grid}.now-list{max-width:58ch;margin:0;padding:0;list-style:none}.now-list li{border-top:1px dashed var(--rule);grid-template-columns:110px 1fr;gap:20px;padding:14px 0;font-family:Times,Times New Roman,serif;font-size:16px;display:grid}.now-list li:first-child{border-top:none}.now-list .when{font-family:var(--mono);text-transform:uppercase;color:var(--ink-soft);letter-spacing:.06em;padding-top:4px;font-size:11px}.contact-body{grid-template-columns:140px 1fr;gap:40px;display:grid}.contact-intro{font-family:var(--sans);margin:0 0 20px;font-size:18px;line-height:1.55}.contact-list{grid-template-columns:repeat(2,1fr);gap:2px;max-width:640px;display:grid}.contact-list a{background:var(--bg-2);font-family:var(--mono);letter-spacing:.02em;border-radius:2px;justify-content:space-between;align-items:center;padding:18px 20px;font-size:13px;text-decoration:none;transition:background .2s,color .2s;display:flex}.contact-list a:hover{background:var(--accent);color:var(--bg)}.contact-list a .label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.contact-list a:hover .label{color:var(--bg);opacity:.7}footer{border-top:1px solid var(--rule);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);justify-content:space-between;margin-top:64px;padding-top:24px;font-size:11px;display:flex}@media (width<=720px){.wrap{padding:24px 20px 80px}.hero{grid-template-columns:1fr;gap:28px}.sec-head,.about-body,.projects,.now-body,.contact-body{grid-template-columns:1fr;gap:20px}.sec-num{padding-top:0}.proj{grid-template-columns:80px 1fr auto;gap:16px}.contact-list{grid-template-columns:1fr}.ops{grid-column:1}}