:root{--bg:#070b14;--bg-soft:#0f172a;--bg-card:#0f172a94;--bg-card-hover:#0f172adb;--text:#f8fafc;--text-muted:#94a3b8;--text-soft:#64748b;--accent:#60a5fa;--accent-strong:#93c5fd;--accent-soft:#60a5fa1f;--accent-border:#60a5fa47;--border:#94a3b829;--shadow:0 24px 80px #00000061;color:var(--text);background:var(--bg);scroll-behavior:smooth;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}::selection{color:#020617;background:var(--accent-strong)}body{background:radial-gradient(circle at 12% 8%,#60a5fa2e,#0000 32%),radial-gradient(circle at 85% 18%,#0ea5e914,#0000 28%),linear-gradient(#070b14 0%,#0b1120 46%,#070b14 100%);min-height:100vh;margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}a{color:inherit;text-decoration:none}.site{grid-template-columns:420px 1fr;gap:80px;width:min(1180px,100% - 48px);margin:0 auto;display:grid}.sidebar{flex-direction:column;justify-content:space-between;height:100vh;padding:96px 0;display:flex;position:sticky;top:0}.eyebrow,.section-label{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:800}h1{color:var(--text);letter-spacing:-.06em;margin:16px 0 12px;font-size:clamp(46px,6vw,76px);line-height:.92}h2{color:#dbeafe;letter-spacing:-.02em;margin:0;font-size:22px;font-weight:650;line-height:1.35}.intro{max-width:370px;color:var(--text-muted);margin-top:26px;font-size:16px;line-height:1.75}.link{color:var(--accent-strong);transition:color .2s}nav{gap:16px;margin-top:72px;display:grid}nav a{width:fit-content;color:var(--text-soft);letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:800;transition:color .2s,transform .2s;position:relative}nav a:before{content:"";background:var(--border);width:20px;height:1px;transition:width .2s,background .2s;position:absolute;top:50%;left:-34px;transform:translateY(-50%)}nav a:hover{color:var(--accent-strong);transform:translate(8px)}nav a:hover:before{background:var(--accent);width:28px}.socials{color:var(--text-muted);flex-wrap:wrap;gap:14px;font-size:14px;display:flex}.socials a{border:1px solid var(--border);background:#0f172a59;border-radius:999px;padding:8px 12px;transition:color .2s,border-color .2s,background .2s,transform .2s}.socials a:hover{color:var(--accent-strong);border-color:var(--accent-border);background:var(--accent-soft);transform:translateY(-2px)}main{padding:96px 0}.section{margin-bottom:128px;scroll-margin-top:96px}.section>p:not(.section-label),.card p,.contact p,li{color:var(--text-muted);line-height:1.78}.section>p:not(.section-label){font-size:16px}.card{background:0 0;border:1px solid #0000;border-radius:24px;grid-template-columns:150px 1fr;gap:26px;margin-left:-26px;padding:26px;transition:background .22s,border-color .22s,box-shadow .22s,transform .22s;display:grid;position:relative}.card:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(circle at 0 0,#60a5fa29,#0000 38%),linear-gradient(135deg,#ffffff0f,#0000 42%);transition:opacity .22s;position:absolute;inset:0}.card:hover{background:var(--bg-card-hover);border-color:var(--border);box-shadow:var(--shadow);transform:translateY(-4px)}.card:hover:before{opacity:1}.period{color:var(--text-soft);letter-spacing:.03em;font-size:13px;font-weight:800}h3{color:#eaf2ff;letter-spacing:-.02em;margin:0 0 12px;font-size:20px;line-height:1.35}.tags{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.tags span{color:#bfdbfe;background:#60a5fa1a;border:1px solid #60a5fa29;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:750}.project-card{grid-template-columns:1fr auto;align-items:start}.project-link{color:var(--text-muted);font-weight:800;transition:color .2s,transform .2s}.project-link:hover{color:var(--accent-strong);transform:translate(4px)}.button{border:1px solid var(--accent-border);color:#dbeafe;background:linear-gradient(#60a5fa2e,#60a5fa14);border-radius:999px;justify-content:center;align-items:center;margin-top:24px;padding:14px 22px;font-weight:800;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 16px 40px #2563eb29}.button:hover{background:linear-gradient(#60a5fa42,#60a5fa1f);border-color:#93c5fd7a;transform:translateY(-2px);box-shadow:0 20px 48px #2563eb3d}@media (width<=900px){.site{width:min(100% - 32px,720px);display:block}.sidebar{height:auto;padding:64px 0 32px;position:static}nav{display:none}main{padding:32px 0}.section{margin-bottom:88px}.card,.project-card{grid-template-columns:1fr;margin-left:0;padding:22px}h1{font-size:clamp(44px,14vw,64px)}}