:root{--bg:#f4f5f2;--ink:#101416;--muted:#697276;--line:#d9ddda;--accent:#20d4ff;--accent2:#9bff6d;--dark:#0c1113;--card:#11181b;--white:#fff;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);scrollbar-color:#9aa5a8 var(--bg);scrollbar-width:thin}
html::-webkit-scrollbar{width:10px;height:10px}
html::-webkit-scrollbar-track{background:var(--bg)}
html::-webkit-scrollbar-thumb{background:#9aa5a8;border-radius:10px;border:2px solid var(--bg)}
html::-webkit-scrollbar-thumb:hover{background:#657076}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.55}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");z-index:10}.container{max-width:var(--max);margin:auto;padding-left:32px;padding-right:32px}.topbar{height:76px;display:flex;align-items:center;gap:30px;max-width:1320px;margin:auto;padding:0 32px;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;margin-right:auto}.brand span{display:grid;place-items:center;width:38px;height:38px;background:var(--ink);color:var(--accent);font:700 13px 'Space Grotesk';letter-spacing:-.05em}.brand strong{font:600 15px 'Space Grotesk'}nav{display:flex;gap:28px}nav a,.nav-cta{font-size:13px;color:var(--muted);text-decoration:none}.nav-cta{border:1px solid var(--ink);padding:10px 15px;color:var(--ink)}.nav-cta span,.btn span{margin-left:10px}.menu{display:none;background:none;border:0;font-size:23px}.hero{min-height:720px;display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:70px;padding-top:75px;padding-bottom:90px}.eyebrow,.section-kicker{font:700 11px 'Space Grotesk';letter-spacing:.17em;color:#657076}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow i{width:7px;height:7px;background:var(--accent);display:block;border-radius:50%;box-shadow:0 0 0 5px #d9f9ff}.hero h1{font:700 clamp(60px,7vw,105px)/.88 'Space Grotesk';letter-spacing:-.07em;margin:28px 0 18px}.hero h1 em,.hero h2 span,.section-head h2 span,.two-col h2 span,.scope-head h2 span{font-style:normal;color:#168da8}.hero-title{font:600 18px 'Space Grotesk';margin:0 0 15px}.hero-text{max-width:590px;color:var(--muted);font-size:17px}.hero-actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;padding:14px 19px;text-decoration:none;font-weight:700;font-size:13px}.btn.primary{background:var(--ink);color:#fff}.btn.ghost{border:1px solid var(--line);color:var(--ink)}.hero-meta{display:flex;gap:28px;margin-top:48px;color:#7a8387;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.hero-visual{position:relative;min-height:590px;display:flex;align-items:center;justify-content:center}.photo-frame{width:min(430px,85%);aspect-ratio:3/4;position:relative;overflow:hidden;background:#dfe2dd;transform:rotate(2deg);box-shadow:25px 25px 0 #dfe4df}.photo-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.72));}.photo-frame img{width:100%;height:100%;object-fit:cover;object-position:center}.photo-label{position:absolute;z-index:2;left:24px;bottom:22px;color:#fff;display:flex;flex-direction:column}.photo-label strong{font:700 16px 'Space Grotesk';letter-spacing:.04em}.photo-label span{font-size:10px;letter-spacing:.14em;color:#c5f7ff;margin-top:4px}.orbit{position:absolute;border:1px solid #bfc8c6;border-radius:50%;pointer-events:none}.o1{width:540px;height:540px}.o2{width:630px;height:630px;border-style:dashed}.hero-code{position:absolute;bottom:20px;right:0;background:var(--ink);color:#9aa6aa;padding:13px 16px;font:11px/1.6 monospace;box-shadow:8px 8px 0 var(--accent)}.hero-code span{color:var(--accent2)}
.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:700 10px 'Space Grotesk';letter-spacing:.18em;color:#7a8387}.ticker-track{display:flex;width:max-content;animation:ticker-scroll 34s linear infinite}.ticker-set{display:flex;flex:0 0 auto}.ticker-set span{display:flex;align-items:center;gap:45px;padding:16px 0;margin-right:45px;white-space:nowrap}.ticker-set span:after{content:'✦';color:var(--accent)}@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.ticker:hover .ticker-track{animation-play-state:paused}
.section{padding-top:130px;padding-bottom:130px}.about-grid{display:grid;grid-template-columns:180px 1fr;gap:80px}.section h2{font:600 clamp(40px,5vw,68px)/.95 'Space Grotesk';letter-spacing:-.05em;margin:22px 0 35px}.lead{font-size:20px;max-width:780px;color:#3d484c}.quote{border-left:3px solid var(--accent);padding:4px 0 4px 20px;margin:35px 0;font:500 16px/1.5 'Space Grotesk';max-width:720px}.personal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:55px}.personal-grid div{border-top:1px solid var(--line);padding-top:13px}.personal-grid small,.contact-card small{display:block;color:#8a9396;font-size:9px;letter-spacing:.15em}.personal-grid strong{display:block;font-size:13px;margin-top:4px}
.scope-section{background:#e9ece8}.scope-head{display:grid;grid-template-columns:1fr 420px;gap:80px;align-items:end}.scope-head h2{margin-bottom:0}.scope-head p{margin:0;color:#697477;font-size:15px}.scope-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:55px;background:#cdd4d0}.scope-grid article{background:#e9ece8;padding:28px 25px;min-height:220px}.scope-grid b{display:block;color:#20bddd;font:700 11px 'Space Grotesk';letter-spacing:.15em;margin-bottom:35px}.scope-grid strong{font:600 14px 'Space Grotesk';display:block}.scope-grid p{font-size:12px;color:#707b7e;margin:12px 0 0}
.dark-section{background:var(--dark);color:#f5f7f5}.dark-section .section-kicker{color:#657276}.section-head{display:grid;grid-template-columns:1fr 360px;gap:50px;align-items:end;margin-bottom:50px}.section-head h2{margin-bottom:0}.section-head p{color:#8f9b9e;margin:0}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#283034}.skill-card{background:var(--dark);padding:28px 25px;min-height:185px}.skill-card h3{font:600 16px 'Space Grotesk';margin:0}.skill-card ul{list-style:none;padding:18px 0 0;margin:0}.skill-card li{font-size:12px;color:#899497;margin:7px 0}.skill-card li:before{content:'↳';color:var(--accent);margin-right:8px}
.timeline{position:relative;margin-top:70px}.timeline:before{content:'';position:absolute;left:79px;top:0;bottom:0;width:1px;background:var(--line)}.timeline-item{display:grid;grid-template-columns:80px 150px 1fr;gap:25px;padding:0 0 45px;position:relative}.timeline-marker{width:10px;height:10px;background:var(--accent);border:3px solid var(--bg);box-shadow:0 0 0 1px var(--accent);border-radius:50%;margin:3px auto;z-index:1}.timeline-date{font:600 11px 'Space Grotesk';color:#788285;padding-top:0}.timeline-content{border-bottom:1px solid var(--line);padding-bottom:30px}.timeline-role-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.timeline-content h3{font:600 23px 'Space Grotesk';margin:0}.timeline-content h4{font-size:13px;color:#168da8;margin:5px 0 10px}.timeline-content p{font-size:13px;color:var(--muted);white-space:pre-line;margin:0;max-width:700px}.current-badge{font:700 8px 'Space Grotesk';letter-spacing:.14em;color:#0a596a;border:1px solid #79dff4;background:#e5fbff;padding:5px 7px}
.soft-section{background:#e9ece8}.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:120px}.edu-list{margin-top:55px}.edu-list article{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:22px 0;border-top:1px solid #ccd2ce}.edu-list span{font:600 10px 'Space Grotesk';color:#7c8689}.edu-list h3{margin:0;font:600 18px 'Space Grotesk'}.edu-list strong{font-size:13px}.edu-list p{font-size:12px;color:#7c8689;margin:5px 0}.language-list{margin-top:55px}.language{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-top:1px solid #ccd2ce}.language strong{font:600 15px 'Space Grotesk';display:block}.language small{font-size:10px;color:#7c8689}.language-level{display:flex;align-items:center;gap:12px}.level-word{font:700 8px 'Space Grotesk';letter-spacing:.12em;color:#7c8689;text-transform:uppercase}.dots{display:flex;gap:4px;padding-top:2px}.dots i{width:6px;height:6px;border-radius:50%;background:#c3cac6}.dots i.on{background:var(--accent)}.side-note{margin-top:45px;background:#fff;padding:25px;border-left:3px solid var(--accent)}.side-note strong{font:600 13px 'Space Grotesk'}.side-note p{font-size:12px;color:#687276;margin-bottom:0}
.contact-section{background:var(--dark);color:#fff;padding:120px 0}.contact-inner{display:grid;grid-template-columns:1fr 420px;gap:100px;align-items:center}.contact-section .section-kicker{color:#687477}.contact-section h2{font-size:clamp(48px,6vw,80px);margin:20px 0}.contact-section h2 em{color:var(--accent);font-style:normal}.contact-section p{color:#8c999c;max-width:540px}.contact-card{border:1px solid #303a3d}.contact-card a{display:block;padding:22px 24px;border-bottom:1px solid #303a3d;color:#fff;text-decoration:none}.contact-card a:last-child{border:0}.contact-card strong{display:block;font:500 14px 'Space Grotesk';margin-top:5px}.contact-card a:hover strong{color:var(--accent)}footer{background:#080c0e;color:#697478;padding:20px 0;font-size:10px}footer .container{display:flex;justify-content:space-between;gap:20px}footer a{color:#9aa5a8;text-decoration:none}
@media(max-width:900px){nav,.nav-cta{display:none}.menu{display:block}.hero{grid-template-columns:1fr;gap:20px;padding-top:55px}.hero-visual{min-height:520px}.hero-code{right:4%;bottom:0}.about-grid,.two-col,.contact-inner,.scope-head{grid-template-columns:1fr;gap:35px}.section-head{grid-template-columns:1fr;gap:20px}.skills-grid{grid-template-columns:repeat(2,1fr)}.scope-grid{grid-template-columns:repeat(2,1fr)}.personal-grid{grid-template-columns:repeat(2,1fr)}.timeline-item{grid-template-columns:55px 125px 1fr}.timeline:before{left:54px}.hero h1{font-size:clamp(55px,15vw,90px)}nav.mobile-open{display:flex;position:absolute;top:76px;left:0;right:0;background:#f4f5f2;border-bottom:1px solid #d9ddda;padding:20px 32px;flex-direction:column;gap:16px;z-index:30}}
@media(max-width:600px){.container{padding-left:20px;padding-right:20px}.topbar{padding:0 20px}.hero{padding-top:45px}.hero-visual{min-height:440px}.photo-frame{width:75%;box-shadow:15px 15px 0 #dfe4df}.o1{width:390px;height:390px}.o2{width:440px;height:440px}.hero-code{font-size:9px;right:0}.hero-meta{flex-direction:column;gap:6px;margin-top:30px}.hero-actions{flex-wrap:wrap}.section{padding-top:90px;padding-bottom:90px}.skills-grid,.scope-grid{grid-template-columns:1fr}.personal-grid{grid-template-columns:1fr 1fr}.timeline-item{grid-template-columns:35px 1fr;gap:14px}.timeline:before{left:34px}.timeline-date{grid-column:2;grid-row:1}.timeline-content{grid-column:2;grid-row:2}.timeline-marker{grid-row:1 / span 2}.edu-list article{grid-template-columns:1fr}.language{align-items:flex-start;flex-direction:column}.language-level{justify-content:space-between;width:100%}.contact-section{padding:90px 0}footer .container{flex-direction:column}.ticker-set span{gap:25px;margin-right:25px}.ticker-track{animation-duration:28s}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track{animation:none}}