*{box-sizing:border-box}html{scroll-behavior:smooth;background:#050505}body{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
margin:0;color:#f4f4f4;background:#050505;font-family:Inter,Arial,sans-serif}.bg{position:fixed;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(0,0,0,.48),rgba(0,0,0,.64)),url("/assets/background.jpg") center/cover no-repeat}.bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 45%,rgba(0,220,240,.08),transparent 35%)}header{position:sticky;top:0;z-index:5;padding:26px 20px 12px;background:linear-gradient(#050505d9,transparent)}nav{display:flex;justify-content:center;gap:clamp(26px,6vw,72px)}nav a{position:relative;color:#eee;text-decoration:none;font-size:11px;letter-spacing:.28em;padding:8px 0}nav a:after{content:"";position:absolute;left:0;right:.28em;bottom:0;height:2px;background:transparent}nav a:hover:after,nav a.active:after{background:#12e8f2}.hero{width:min(1440px,94vw);min-height:calc(100vh - 70px);margin:auto;display:grid;grid-template-columns:minmax(300px,.82fr) minmax(420px,1.18fr);align-items:center;gap:clamp(34px,6vw,90px);padding:35px 2vw 70px}.portrait{align-self:stretch;min-height:650px;display:flex;align-items:end;justify-content:center;overflow:hidden}.portrait img{width:100%;max-width:620px;max-height:78vh;object-fit:contain;object-position:center bottom;display:block}.content{max-width:720px}.logo{width:min(100%,650px);max-height:190px;object-fit:contain;object-position:left center;display:block;margin-bottom:18px}.role{font-size:13px;letter-spacing:.34em;color:#ddd;margin-bottom:30px}.bio{max-width:680px;color:#bdbdbd;font-size:clamp(14px,1.25vw,17px);line-height:1.85;letter-spacing:.02em;margin:0 0 30px}.tagline{display:inline-block;padding-top:18px;border-top:1px solid #ffffff45;color:#ddd;font-size:12px;letter-spacing:.4em;margin-bottom:32px}.links{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.links a{min-height:78px;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff40;color:#fff;text-decoration:none;font-size:10px;letter-spacing:.22em}.links a:hover{color:#12e8f2;border-color:#12e8f2;background:#00dff20d}section:not(.hero){min-height:55vh;border-top:1px solid #ffffff18;display:grid;place-items:center;padding:90px 24px;text-align:center}section:not(.hero)>div{width:min(900px,92vw)}small{color:#12e8f2;letter-spacing:.35em}h2{font-size:clamp(32px,6vw,72px);letter-spacing:.08em;margin:18px 0 24px}section p{max-width:680px;margin:auto;color:#aaa;line-height:1.8}.email{color:#fff;text-decoration:none;font-size:clamp(18px,3vw,30px)}footer{text-align:center;padding:25px;color:#777;border-top:1px solid #ffffff12;letter-spacing:.3em;font-size:10px}@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:25px}.portrait{min-height:430px;order:1}.portrait img{max-height:56vh}.content{text-align:center;order:2}.logo{margin:0 auto 16px;object-position:center}.bio{margin-left:auto;margin-right:auto}.links{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){nav{gap:17px;justify-content:space-between}nav a{font-size:9px;letter-spacing:.16em}.hero{width:92vw}.portrait{min-height:360px}.portrait img{max-height:48vh}.role{font-size:10px;letter-spacing:.2em}.bio{font-size:13px;line-height:1.7}.tagline{font-size:9px;letter-spacing:.16em}.links{gap:8px}.links a{min-height:64px;font-size:8px;letter-spacing:.12em}}