@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#07111f;--paper:#f4f3ef;--white:#fff;--muted:#718096;--line:#d9dde3;--accent:#8fb5d8;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--ink);color:var(--white)}
.scroll-progress{position:fixed;top:0;left:0;width:0;height:3px;background:#6c8eae;z-index:1000}
.site-header{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:900;background:rgba(244,243,239,.82);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:.35s var(--ease)}.site-header.scrolled{height:64px;border-bottom-color:var(--line)}
.brand{display:flex;align-items:center;gap:12px;font:700 12px "Manrope";letter-spacing:.12em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:#fff;font:700 9px "Manrope";letter-spacing:0}.site-nav{display:flex;gap:27px;align-items:center;font-size:12px;font-weight:600}.site-nav a{position:relative}.site-nav a:not(.nav-cta):after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:1px;background:currentColor;transition:.3s}.site-nav a:hover:after{width:100%}.nav-cta{background:var(--ink);color:#fff;padding:12px 17px;border-radius:2px}.menu-toggle{display:none;background:none;border:0}
.section{padding:130px 8vw;position:relative}.hero{min-height:100vh;padding:150px 8vw 70px;background:var(--paper);overflow:hidden;display:flex;align-items:center}.hero-grid{position:absolute;inset:0;opacity:.42;background-image:linear-gradient(to right,transparent 49.9%,#dfe2e6 50%,transparent 50.1%),linear-gradient(to bottom,transparent 49.9%,#dfe2e6 50%,transparent 50.1%);background-size:25% 100%,100% 25%}.hero-copy{position:relative;z-index:2;width:min(900px,78vw)}.eyebrow{font:600 10px "Manrope";letter-spacing:.2em;text-transform:uppercase;color:#718096;margin:0 0 25px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6c8eae;margin-right:8px}.hero h1{font:800 clamp(68px,11vw,170px)/.84 "Manrope";letter-spacing:-.075em;margin:0 0 55px}.hero h1 em,.section h2 em,.hero h1 em{font-style:normal;color:#6b88a2}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:40px;max-width:850px}.role{font:700 11px "Manrope";letter-spacing:.14em}.lead{max-width:500px;font-size:16px;color:#52606d;margin:12px 0 0}.hero-actions{display:flex;align-items:center;gap:25px;white-space:nowrap}.button{display:inline-flex;align-items:center;gap:18px;padding:15px 20px;font-weight:600;font-size:12px}.button-dark{background:var(--ink);color:#fff}.button:hover span,.text-link:hover span{transform:translate(4px,-3px)}.button span,.text-link span{display:inline-block;transition:.3s}.text-link{font-weight:600;font-size:12px}.hero-orbit{position:absolute;right:8vw;bottom:15vh;width:300px;height:300px}.orbit{position:absolute;inset:0;border:1px solid #c9d0d8;border-radius:50%}.orbit-2{inset:45px;transform:rotate(40deg);border-style:dashed}.orbit-core{position:absolute;inset:105px;border:1px solid #9db2c5;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.35);font:700 11px "Manrope";letter-spacing:.16em}.orbit:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#6c8eae;left:50%;top:-4px}.scroll-cue{position:absolute;bottom:35px;left:8vw;display:flex;gap:16px;align-items:center;font:600 9px "Manrope";letter-spacing:.18em}.scroll-cue i{font-size:18px;font-style:normal}
.section-light{background:#fff}.statement{display:grid;grid-template-columns:1fr 4fr;min-height:70vh;align-items:center}.statement-index,.section-label{font:600 10px "Manrope";letter-spacing:.18em;color:#8793a1}.statement h2,.section h2{font:700 clamp(42px,6.5vw,94px)/.98 "Manrope";letter-spacing:-.06em;margin:0}.statement h2 span{color:#9aa5b1}
.section-label{position:absolute;left:8vw;top:130px;display:flex;gap:18px}.section-label span:first-child{color:#aab2bb}.about-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:10vw;margin-top:65px}.about-heading h2{font-size:clamp(48px,6vw,90px)}.about-body{padding-top:15px;max-width:650px}.large-copy{font:600 25px/1.35 "Manrope";letter-spacing:-.02em}.about-body>p:not(.large-copy){color:#65717f}.meta-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:45px}.meta-grid div{padding:20px 0;border-bottom:1px solid var(--line)}.meta-grid span{display:block;font:600 9px "Manrope";letter-spacing:.15em;color:#8b96a3;margin-bottom:7px}.meta-grid strong{font:600 13px "Manrope"}
.dark-section{background:var(--ink);color:#fff}.dark-section .section-label{color:#7e8b99}.dark-section .section-label span:first-child{color:#b6c1cc}.section-intro{margin:80px 0 65px;max-width:900px}.dark-section .eyebrow,.contact .eyebrow{color:#8ea1b4}.timeline{max-width:1000px;margin-left:auto}.timeline-item{display:grid;grid-template-columns:190px 1fr;gap:45px;border-top:1px solid #263442;padding:34px 0}.timeline-year{font:600 10px "Manrope";letter-spacing:.12em;color:#8292a3}.timeline-item h3{font:700 25px "Manrope";margin:0}.timeline-role{color:#9eb2c5;font-weight:600;font-size:13px;margin:2px 0 10px}.timeline-item p:last-child{color:#9daab7;max-width:620px}
.education-list{margin-top:70px;border-top:1px solid var(--line)}.education-row{display:grid;grid-template-columns:150px 1fr 50px;gap:30px;align-items:center;border-bottom:1px solid var(--line);padding:27px 0}.education-row>span,.education-row>b{font:600 10px "Manrope";letter-spacing:.14em;color:#8793a1}.education-row h3{font:700 20px "Manrope";margin:0}.education-row p{margin:2px 0 0;color:#718096}
.skills-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:10vw;margin-top:70px}.skill-cloud{display:flex;flex-wrap:wrap;gap:10px;align-content:start}.skill-cloud span{padding:15px 20px;border:1px solid #cfd5dc;border-radius:999px;font:600 12px "Manrope"}.skill-cloud span:nth-child(2n){background:#fff}.skill-cloud small{width:100%;margin-top:25px;color:#8994a1}
.projects-section{background:#fff}.project-grid{display:grid;grid-template-columns:1.25fr .9fr;gap:50px;margin-top:75px}.project-card{min-width:0}.project-feature{grid-row:span 2}.project-art{aspect-ratio:1.5;background:#0b1a2a;color:#fff;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;padding:25px;font:600 10px "Manrope";letter-spacing:.15em}.project-art:before{content:"";position:absolute;width:180px;height:180px;border:1px solid #4e6981;border-radius:50%;left:30%;top:20%;box-shadow:0 0 0 35px rgba(78,105,129,.12),0 0 0 70px rgba(78,105,129,.07);transition:.7s var(--ease)}.project-card:hover .project-art:before{transform:scale(1.18) rotate(20deg)}.project-art.alt{background:#d8dde2;color:#16283b}.project-art.third{background:#aebdca;color:#0d1d2c}.project-art i{font-size:20px;font-style:normal;position:relative;z-index:1}.project-art span{position:relative;z-index:1}.project-info{padding:18px 0 10px}.project-info>span{font:600 9px "Manrope";letter-spacing:.15em;color:#8a96a3}.project-info h3{font:700 25px "Manrope";margin:5px 0}.project-info p{color:#697687;margin:0;max-width:560px}
.achievement-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:10vw;margin-top:80px}.achievement-list>div{display:grid;grid-template-columns:60px 1fr;border-top:1px solid #263442;padding:28px 0}.achievement-list strong{font:600 11px "Manrope";color:#8292a3}.achievement-list p{margin:0;color:#98a6b4}.achievement-list b{color:#fff}
.philosophy{background:#e8edf1;min-height:75vh;display:flex;align-items:center}.philosophy-wrap{margin-left:18vw}.philosophy-wrap h2{font-size:clamp(48px,7vw,105px)}
.contact{background:var(--ink);color:#fff;min-height:85vh;display:flex;align-items:center;overflow:hidden}.contact-content{position:relative;z-index:2}.contact h2{font-size:clamp(55px,8vw,120px)}.contact-note{color:#8fa0b1;margin:35px 0}.contact-links{display:flex;gap:40px;flex-wrap:wrap}.contact-links a{font:600 13px "Manrope";padding-bottom:9px;border-bottom:1px solid #536576}.contact-links span{margin-left:20px}.contact-bg{position:absolute;right:-7vw;top:10%;font:800 38vw/.7 "Manrope";color:#0b1827;letter-spacing:-.1em}
footer{background:#07111f;color:#8292a3;padding:35px 8vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #1c2b39;font-size:11px}footer>div{display:flex;align-items:center;gap:12px;color:#fff;font:700 11px "Manrope"}footer .brand-mark{width:28px;height:28px;font-size:8px}footer p{margin:0}.back-top{position:fixed;right:25px;bottom:25px;width:42px;height:42px;border:1px solid #bcc5cd;background:#fff;color:#07111f;border-radius:50%;opacity:0;pointer-events:none;transition:.3s;z-index:800}.back-top.show{opacity:1;pointer-events:auto}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--paper);padding:25px 8vw;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.site-nav.open{display:flex}.menu-toggle{display:flex;flex-direction:column;gap:6px}.menu-toggle span{display:block;width:25px;height:1px;background:var(--ink)}.hero-orbit{opacity:.35;right:-90px}.hero-bottom,.about-layout,.skills-layout,.achievement-grid{grid-template-columns:1fr;display:grid}.hero-bottom{gap:30px}.statement{grid-template-columns:1fr;min-height:60vh}.statement-index{margin-bottom:80px}.project-grid{grid-template-columns:1fr}.project-feature{grid-row:auto}.philosophy-wrap{margin-left:0}.section{padding:115px 7vw}.section-label{left:7vw;top:115px}.about-layout,.skills-layout{margin-top:65px}.section-intro{margin-top:75px}footer{flex-wrap:wrap;gap:20px}}
@media(max-width:560px){.site-header{padding:0 6vw}.brand-name{display:none}.hero{padding:130px 7vw 70px}.hero h1{font-size:20vw;margin-bottom:40px}.hero-orbit{width:210px;height:210px;right:-70px;bottom:10vh}.orbit-core{inset:73px}.orbit-2{inset:30px}.hero-bottom{display:block}.hero-actions{margin-top:28px;flex-wrap:wrap}.section h2{font-size:47px}.large-copy{font-size:21px}.timeline-item{grid-template-columns:1fr;gap:8px}.education-row{grid-template-columns:70px 1fr}.education-row>b{display:none}.project-grid{gap:35px}.contact h2{font-size:52px}.contact-links{gap:20px}footer{padding:30px 7vw;display:block}footer p{margin:15px 0}}