:root{--bg:#050505;--panel:#101114;--text:#f5f5f7;--muted:#a1a1aa;--line:#ffffff1c;--teal:#39e6c5;--indigo:#6366f1}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}::selection{background:var(--teal);color:#02110d}
header{position:fixed;z-index:50;top:0;left:0;right:0;height:82px;padding:0 clamp(24px,5vw,76px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;transition:.35s;border-bottom:1px solid transparent}header.scrolled{height:66px;background:#050505d9;backdrop-filter:blur(20px);border-color:var(--line)}.logo{font-size:23px;font-weight:750;letter-spacing:-.07em}nav{display:flex;gap:42px;color:#c1c1c8;font-size:14px}nav a:hover{color:var(--teal)}.cv{justify-self:end;font-size:12px;border-bottom:1px solid #777;padding-bottom:4px}
.hero{min-height:100svh;position:relative;isolation:isolate;overflow:hidden;padding:145px clamp(24px,5.3vw,82px) 90px;display:flex;align-items:center}.grid{position:absolute;inset:0;z-index:-4;opacity:.23;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:150px 150px;mask-image:linear-gradient(#000,transparent)}.glow{position:absolute;z-index:-3;border-radius:50%;filter:blur(100px);opacity:.34}.g1{width:620px;height:440px;right:-170px;top:160px;background:#1646c9}.g2{width:500px;height:380px;left:-260px;bottom:-220px;background:#00b99d}.heroText{position:relative;z-index:4;width:min(55vw,780px);animation:intro .9s both}.label{margin:0 0 28px;color:var(--teal);font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.23em}.hero h1{margin:0;font-size:clamp(62px,7.2vw,112px);font-weight:730;line-height:.84;letter-spacing:-.07em}.hero h1 span{display:block}.role{margin:28px 0 0;color:#b9b9c1;font-size:clamp(22px,2.25vw,34px);letter-spacing:-.03em}.role b{color:var(--text);font-weight:520}.intro{max-width:610px;margin:32px 0 0;color:#b8b8c0;font-size:clamp(18px,1.55vw,24px);line-height:1.5}.places{display:flex;flex-wrap:wrap;gap:10px 24px;margin-top:29px;color:#b7b7bd;font-size:13px}.places span:not(:first-child):before{content:"";display:inline-block;width:4px;height:4px;margin:0 13px 2px 0;border-radius:50%;background:var(--teal);box-shadow:0 0 12px var(--teal)}.button{margin-top:37px;min-width:225px;min-height:58px;padding:0 19px 0 25px;border:1px solid #39e6c5aa;border-radius:99px;background:#0a1817bb;box-shadow:0 0 35px #39e6c520;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;transition:.3s}.button i{font-size:21px;font-style:normal}.button:hover{transform:translateY(-3px);box-shadow:0 0 44px #39e6c544}.portrait{position:absolute;z-index:1;width:min(37vw,510px);right:clamp(28px,9vw,140px);top:11%}.portrait img{width:100%;aspect-ratio:.77;object-fit:cover;border:1px solid #ffffff3c;border-radius:22px;filter:saturate(.82) contrast(1.05);box-shadow:0 35px 100px #0009,0 0 70px #3150d22c}.rail{position:absolute;z-index:5;right:clamp(20px,5vw,76px);bottom:8%;display:flex;align-items:end;gap:13px}.rail a{width:185px;height:205px;padding:20px;display:flex;flex-direction:column;border:1px solid #ffffff30;border-radius:18px;background:#0e0f13dc;backdrop-filter:blur(18px);transition:.3s}.rail a:nth-child(2){height:190px}.rail a:nth-child(3){height:220px}.rail a:hover{transform:translateY(-9px)}.rail small{color:var(--teal)}.rail strong{margin-top:20px;font-size:21px}.rail i{margin:auto auto 0;color:var(--teal);font-size:52px;font-style:normal}
.statement,.chapters,.experience,.work,.education,.contact{padding-left:clamp(24px,7vw,110px);padding-right:clamp(24px,7vw,110px)}.statement{min-height:100vh;padding-top:150px;padding-bottom:140px;display:flex;flex-direction:column;justify-content:center;border-top:1px solid var(--line)}.statementGrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw}.statement h2,.title h2,.sticky h2,.contact h2{margin:0;font-size:clamp(48px,6vw,92px);line-height:.98;letter-spacing:-.06em}.statement h2 em{color:#777780;font-style:normal}.statementGrid>p{align-self:end;margin:0;color:#b0b0b8;font-size:clamp(19px,2vw,27px);line-height:1.5}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:95px;background:var(--line);border:1px solid var(--line)}.stats div{padding:32px 26px;background:var(--bg);display:flex;flex-direction:column;gap:8px}.stats b{font-size:40px}.stats span{color:var(--muted);font-size:13px}
.chapters{padding-top:145px;padding-bottom:130px;background:#080809}.title{max-width:900px;margin-bottom:85px}.chapter{min-height:72vh;display:grid;grid-template-columns:.7fr 1.3fr 2fr;gap:clamp(25px,5vw,85px);align-items:center;border-top:1px solid var(--line)}.chapter>small{align-self:start;margin-top:42px;color:var(--teal)}.chapter>div>span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.15em}.chapter h3{margin:13px 0 0;font-size:clamp(46px,5vw,78px);letter-spacing:-.06em}.chapter>div>p{margin:0 0 40px;color:#c6c6cb;font-size:clamp(20px,2vw,28px);line-height:1.45}.chapter ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.chapter li{padding:17px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:14px;line-height:1.5}
.experience{padding-top:145px;padding-bottom:145px;display:grid;grid-template-columns:1fr 1.25fr;gap:10vw}.sticky{position:sticky;top:120px;align-self:start}.sticky h2{font-size:clamp(45px,5vw,74px)}.sticky>p:last-child{max-width:470px;margin-top:32px;color:var(--muted);font-size:18px;line-height:1.6}.timeline{border-top:1px solid var(--line)}.job{padding:27px 0;display:grid;grid-template-columns:110px 1fr;gap:7px 22px;border-bottom:1px solid var(--line)}.job time{grid-row:1/3;color:var(--teal);font-size:12px}.job b{font-size:18px}.job span{color:var(--muted);font-size:14px}
.work{padding-top:140px;padding-bottom:145px;background:#080809}.cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{min-height:480px;position:relative;overflow:hidden;padding:clamp(28px,4vw,52px);border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#141519,#0b0b0d)}.wide{grid-column:1/-1;min-height:600px}.card small{color:var(--teal);text-transform:uppercase;letter-spacing:.18em}.card h3{max-width:770px;margin:26px 0 18px;font-size:clamp(33px,4vw,62px);line-height:1.04;letter-spacing:-.05em;position:relative;z-index:2}.card:not(.wide) h3{font-size:clamp(30px,3vw,47px)}.card p{max-width:610px;color:var(--muted);line-height:1.65;position:relative;z-index:2}.orb{position:absolute;width:400px;height:400px;right:7%;bottom:-30%;border:1px solid #39e6c599;border-radius:50%;box-shadow:inset 0 0 80px #39e6c51f,0 0 90px #39e6c51e;animation:float 7s infinite}.waves{position:absolute;left:50px;bottom:55px;color:var(--teal);font-size:52px;letter-spacing:10px;animation:pulse 2s infinite}.blocks{position:absolute;right:70px;bottom:50px;color:#7776eb;font-size:72px;line-height:.7;text-align:center}
.education{padding-top:100px;padding-bottom:100px;display:grid;grid-template-columns:.7fr 1.2fr 1.2fr;gap:55px;border-block:1px solid var(--line)}.education h3{margin:0 0 10px;font-size:20px}.education div p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.contact{min-height:88vh;padding-top:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}.contact h2{max-width:1050px;font-size:clamp(58px,8vw,120px)}.contact>p:not(.label){max-width:650px;margin:30px auto 0;color:var(--muted);font-size:20px;line-height:1.6}.actions{display:flex;align-items:center;gap:34px}.actions>a:not(.button){margin-top:37px;border-bottom:1px solid #555;padding-bottom:5px;font-size:14px}.actions>a:hover{color:var(--teal)}footer{width:100%;margin-top:auto;padding:28px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#73737b;font-size:11px}
.reveal{opacity:0;transform:translateY(32px);transition:.85s ease}.reveal.show{opacity:1;transform:none}@keyframes intro{from{opacity:0;transform:translateY(30px)}}@keyframes float{50%{transform:translateY(-20px) rotate(3deg)}}@keyframes pulse{50%{transform:scaleY(1.45)}}
@media(max-width:1100px){.portrait{right:-80px;width:48vw;opacity:.75}.rail{right:22px}.rail a{width:145px;height:175px!important}.rail i{font-size:38px}}
@media(max-width:820px){header{grid-template-columns:1fr 1fr;padding:0 22px}nav{display:none}.hero{min-height:auto;padding:120px 22px 65px;display:block}.heroText{width:100%}.hero h1{font-size:clamp(54px,16vw,84px)}.hero h1 span:last-child{font-size:.8em;line-height:1;margin-top:5px}.portrait{position:relative;right:auto;top:auto;width:min(82vw,470px);margin:70px auto 0;opacity:1}.rail{position:relative;right:auto;bottom:auto;margin:-48px -22px 0;padding:0 22px 15px;overflow:auto;align-items:stretch}.rail a{min-width:170px;height:190px!important}.statementGrid,.experience{display:block}.statementGrid>p{margin-top:42px}.stats{grid-template-columns:1fr 1fr;margin-top:60px}.chapter{min-height:0;grid-template-columns:45px 1fr;padding:65px 0}.chapter>small{grid-row:1/3}.chapter>div:last-child{grid-column:2}.sticky{position:relative;top:auto;margin-bottom:65px}.cards{grid-template-columns:1fr}.wide{grid-column:auto;min-height:560px}.card{min-height:480px}.education{grid-template-columns:1fr;gap:35px}.actions{flex-wrap:wrap;justify-content:center}footer{flex-direction:column;gap:8px;align-items:center}}
@media(max-width:520px){.places{gap:8px 12px}.places span:not(:first-child):before{margin-right:7px}.stats div{padding:22px 16px}.chapter{grid-template-columns:34px 1fr;gap:12px}.job{grid-template-columns:78px 1fr;gap:7px 12px}.actions{flex-direction:column;gap:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}