:root{color-scheme:light dark;--bg:#0b1020;--surface:#11182b;--surface-soft:#161f36;--surface-raised:#1a2440;--text:#eef2ff;--muted:#aeb8d0;--line:#26324d;--line-strong:#40517a;--accent:#7ea2ff;--accent-strong:#a8c0ff;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 84% 3%,rgba(85,113,190,.18),transparent 32rem),linear-gradient(180deg,rgba(255,255,255,.012),transparent 28rem),var(--bg);color:var(--text);line-height:1.6}a{color:inherit}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.skip-link{position:absolute;left:-9999px;top:1rem;z-index:20;background:var(--text);color:var(--bg);padding:.65rem .9rem;border-radius:8px}.skip-link:focus{left:1rem}.site-header,main,footer{width:min(calc(100% - 2rem),var(--max));margin-inline:auto}.site-header{min-height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.brand{text-decoration:none;font-weight:800;letter-spacing:.08em;border:1px solid var(--line);border-radius:10px;padding:.45rem .6rem}nav{display:flex;gap:1.25rem}nav a{text-decoration:none;color:var(--muted);font-size:.94rem}nav a:hover{color:var(--text)}.hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(340px,.75fr);gap:3.5rem;padding:7rem 0 5.5rem;align-items:end}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;font-weight:750;color:var(--accent-strong);margin:0 0 .75rem}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.2rem,7vw,6.35rem);line-height:.94;letter-spacing:-.05em;margin-bottom:1rem;max-width:8ch}h2{font-size:clamp(2rem,4vw,3rem);line-height:1.08;letter-spacing:-.03em}h3{font-size:1.35rem;line-height:1.25;letter-spacing:-.01em}.headline{font-size:clamp(1.35rem,2.6vw,2rem);color:var(--accent-strong);margin-bottom:1.25rem}.hero-summary,.section-lead{max-width:760px;font-size:1.07rem;color:var(--muted)}.hero-panel{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012));border:1px solid var(--line);border-radius:20px;padding:1.6rem;box-shadow:0 22px 70px rgba(0,0,0,.12)}.portrait-row{display:grid;grid-template-columns:96px 1fr;gap:1rem;align-items:center;margin-bottom:1.5rem}.portrait{width:96px;height:96px;border-radius:20px;object-fit:cover;border:1px solid var(--line);box-shadow:0 12px 32px rgba(0,0,0,.18)}.portrait-row .eyebrow{margin-bottom:.3rem}.portrait-name,.portrait-role{display:block}.portrait-name{font-size:1.05rem}.portrait-role{font-size:.82rem;color:var(--muted);margin-top:.15rem}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}.metrics div{display:flex;flex-direction:column;gap:.12rem}.metrics strong{font-size:1.85rem;line-height:1;letter-spacing:-.04em}.metrics span{color:var(--muted);font-size:.74rem;line-height:1.3}.hero-rule{height:1px;background:var(--line);margin:1.4rem 0}.panel-label{color:var(--muted);font-size:.82rem;margin-bottom:.75rem}.actions,.tags,.contact-links,.track-links{display:flex;flex-wrap:wrap;gap:.7rem}.actions{margin-top:1.8rem}.button{text-decoration:none;border:1px solid var(--line);border-radius:10px;padding:.76rem 1rem;font-weight:650;transition:transform .18s ease,border-color .18s ease,background .18s ease}.button.primary{background:var(--text);color:var(--bg);border-color:var(--text)}.button:hover{transform:translateY(-1px);border-color:var(--line-strong)}.tag{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;padding:.28rem .62rem;color:var(--muted);font-size:.8rem}.tags.large .tag{font-size:.87rem;padding:.38rem .68rem}.selected-section,.work-index,.portfolio-section,.focus-section,.approach-section,.contact-section{padding:4.8rem 0;border-top:1px solid var(--line)}.selected-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:3rem;align-items:end;margin-bottom:2rem}.selected-intro .section-heading{margin-bottom:0}.section-heading{max-width:720px;margin-bottom:2rem}.featured-grid,.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.project-card{position:relative;display:flex;flex-direction:column;min-height:300px;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .2s ease,border-color .2s ease,background .2s ease}.project-card-body{display:flex;flex:1;flex-direction:column;padding:1.5rem}.project-card::after{content:"";position:absolute;inset:auto 1.5rem 0 1.5rem;height:2px;background:linear-gradient(90deg,var(--accent),transparent);opacity:0;transition:opacity .2s ease}.project-card:hover{transform:translateY(-2px);border-color:var(--line-strong);background:var(--surface-soft)}.project-card:hover::after{opacity:.7}.featured-card{min-height:325px;background:linear-gradient(145deg,var(--surface-raised),var(--surface))}.project-preview{display:block;aspect-ratio:16/7;overflow:hidden;border-bottom:1px solid var(--line);background:var(--surface-soft)}.project-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.project-preview:hover img{transform:scale(1.015)}.project-card h3 a{text-decoration:none}.project-card p{color:var(--muted)}.project-meta{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem;color:var(--accent-strong);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.featured{color:var(--text)}.project-link{margin-top:auto;padding-top:1.4rem;text-decoration:none;font-weight:700;width:fit-content}.project-link:hover{color:var(--accent-strong)}.work-index{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem;align-items:end}.work-index h2{margin-bottom:0}.track-links{justify-content:flex-end}.track-links a{text-decoration:none;border:1px solid var(--line);border-radius:999px;padding:.5rem .75rem;color:var(--muted);font-size:.84rem}.track-links a:hover{color:var(--text);border-color:var(--line-strong)}.focus-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.focus-grid li{min-height:118px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);border-radius:14px;padding:1.25rem;background:rgba(255,255,255,.015)}.focus-index{color:var(--accent-strong);font-size:.75rem;letter-spacing:.08em}.approach-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;max-width:960px}.approach-grid p{font-size:1.08rem}.muted{color:var(--muted)}.contact-section{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem;align-items:end}.contact-links{justify-content:flex-end}.contact-links a{text-decoration:none;border-bottom:1px solid var(--line)}.contact-links a:hover{border-color:var(--accent)}footer{display:flex;justify-content:space-between;gap:1rem;padding:2rem 0 3rem;color:var(--muted);font-size:.88rem;border-top:1px solid var(--line)}@media(prefers-color-scheme:light){:root{--bg:#f8fafc;--surface:#fff;--surface-soft:#f3f6fb;--surface-raised:#f7f9fd;--text:#111827;--muted:#526078;--line:#d9e1ef;--line-strong:#aebbd0;--accent:#315ec9;--accent-strong:#244a9f}body{background:radial-gradient(circle at 84% 3%,rgba(49,94,201,.09),transparent 32rem),linear-gradient(180deg,rgba(255,255,255,.25),transparent 28rem),var(--bg)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:4.5rem}.hero-panel{max-width:680px}.selected-intro,.work-index,.approach-grid,.contact-section{grid-template-columns:1fr}.track-links,.contact-links{justify-content:flex-start}}@media(max-width:720px){.featured-grid,.project-grid,.focus-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.selected-section,.work-index,.portfolio-section,.focus-section,.approach-section,.contact-section{padding:3.7rem 0}}@media(max-width:560px){.site-header{align-items:flex-start;padding:1rem 0;gap:1rem}nav{flex-wrap:wrap;justify-content:flex-end;gap:.6rem .9rem}nav a{font-size:.86rem}h1{font-size:3.1rem}.hero{padding-top:3.5rem;gap:2.2rem}.portrait-row{grid-template-columns:76px 1fr}.portrait{width:76px;height:76px;border-radius:16px}.metrics strong{font-size:1.55rem}.metrics span{font-size:.68rem}footer{flex-direction:column}}