@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg:#f6f6f3;--paper:#fff;--ink:#101014;--muted:#707077;--line:#d9d9d5;--brand:#0d014d;--accent:#ed1b24;--soft:#eeeef3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:Manrope,Arial,sans-serif}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.site{background:var(--bg);min-height:100vh;overflow:hidden}.site.dark{--bg:#0b0b0f;--paper:#15151b;--ink:#f5f5f2;--muted:#a9a9b2;--line:#303039;--brand:#fff;--accent:#ff4b52;--soft:#202028}.topbar{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);background:#f6f6f3db;justify-content:space-between;align-items:center;height:76px;padding:0 5vw;display:flex;position:fixed;top:0;left:0;right:0}.dark .topbar{background:#0d0d10db}.monogram{border:1px solid var(--ink);background:var(--ink);color:var(--bg);border-radius:50%;width:40px;height:40px;font-weight:800}.desktop-nav{gap:18px;display:flex}.desktop-nav button,.mode{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;background:0 0;border:0;padding:10px 2px;font:10px DM Mono,monospace}.desktop-nav button span{color:var(--accent);margin-right:6px}.desktop-nav button.active,.desktop-nav button:hover{color:var(--ink)}.top-actions{align-items:center;gap:18px;display:flex}.menu-button{color:var(--ink);background:0 0;border:0;display:none}.side-rail{z-index:25;color:var(--muted);letter-spacing:.12em;flex-direction:column;justify-content:space-between;align-items:center;font:9px DM Mono,monospace;display:flex;position:fixed;top:110px;bottom:28px;left:1.7vw}.rail-name{writing-mode:vertical-rl;transform:rotate(180deg)}.rail-end{color:var(--accent)}.rail-track{background:var(--line);width:1px;height:52vh;position:relative}.rail-track i{background:var(--accent);transform-origin:top;width:3px;height:100%;position:absolute;top:0;left:-1px;transform:scaleY(.04)}.hero{flex-direction:column;justify-content:center;max-width:1500px;min-height:100vh;margin:auto;padding:150px 8vw 70px;display:flex;position:relative}.hero-meta{letter-spacing:.13em;color:var(--muted);justify-content:space-between;font:10px DM Mono,monospace;display:flex;position:absolute;top:112px;left:8vw;right:8vw}.hero-grid{grid-template-columns:1.25fr .75fr;align-items:center;gap:3vw;display:grid}.eyebrow,.section-head{letter-spacing:.16em;color:var(--accent);font:10px DM Mono,monospace}.hero h1{letter-spacing:-.085em;color:var(--brand);margin:32px 0;font-size:clamp(72px,13vw,190px);font-weight:800;line-height:.78}.hero h1 span{display:block}.hero-bottom{align-items:center;gap:35px;display:flex}.hero-bottom p{max-width:500px;color:var(--muted);font-size:18px;line-height:1.5}.hero-bottom b{color:var(--ink)}.round-button{border:1px solid var(--line);width:58px;height:58px;color:var(--ink);background:0 0;border-radius:50%;place-items:center;transition:all .25s;display:grid}.round-button:hover{background:var(--ink);color:var(--bg);transform:rotate(-35deg)}.plain-icon{font-family:Arial,sans-serif;font-weight:700;line-height:1;display:inline-block}.down{font-size:24px}.up{font-size:18px}.menu{font-size:20px}.close{font-size:24px}.github,.linkedin,.mail,.resume{font:700 9px DM Mono,monospace}.hero-art{place-items:center;height:470px;display:grid;position:relative}.art-core{border:1px solid var(--line);background:var(--paper);width:150px;height:150px;color:var(--brand);z-index:3;border-radius:28px;place-items:center;font-size:30px;font-weight:800;display:grid;box-shadow:0 28px 80px #0d014d1a}.orbit{border:1px solid var(--line);border-radius:50%;position:absolute}.orbit-a{width:310px;height:140px;transform:rotate(-20deg)}.orbit-b{width:400px;height:185px;transform:rotate(55deg)}.orbit-c{width:480px;height:250px;transform:rotate(-65deg)}.tag{background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:8px 12px;font:10px DM Mono,monospace;position:absolute;box-shadow:0 10px 25px #0000000d}.tag-a{top:65px;right:12%}.tag-b{top:50%;right:0}.tag-c{bottom:90px;left:10%}.tag-d{top:35%;left:0}.scroll-hint{color:var(--muted);letter-spacing:.12em;align-items:center;gap:13px;font:9px DM Mono,monospace;display:flex;position:absolute;bottom:35px;left:8vw}.scroll-hint i{background:var(--line);width:70px;height:1px}.section{max-width:1400px;margin:auto;padding:145px 8vw}.section-head{border-bottom:1px solid var(--line);gap:15px;padding-bottom:14px;display:flex}.section-head span{color:var(--accent)}.about-grid{grid-template-columns:1.1fr .9fr;gap:10vw;padding-top:65px;display:grid}.about-grid h2,.core-intro h2,.skills-grid h2{letter-spacing:-.07em;color:var(--brand);margin:0;font-size:clamp(55px,8vw,120px);line-height:.86}.about-grid em,.core-intro em,.skills-grid em,.contact-kicker em{color:var(--muted);font-style:normal}.lead{margin:0 0 25px;font-size:clamp(23px,3vw,43px);line-height:1.16}.muted{color:var(--muted);max-width:560px;line-height:1.7}.text-link{border-bottom:1px solid var(--ink);align-items:center;gap:7px;margin-top:25px;padding-bottom:7px;font:10px DM Mono,monospace;display:inline-flex}.core-intro{grid-template-columns:1fr 1fr;gap:10vw;padding:65px 0;display:grid}.core-intro p{color:var(--muted);align-self:end;max-width:420px;line-height:1.7}.core-list{border-top:1px solid var(--line)}.core-row{border-bottom:1px solid var(--line);grid-template-columns:60px 1fr 1.2fr 40px;align-items:center;gap:30px;padding:30px 0;transition:all .35s;display:grid}.core-row:hover{background:var(--soft);padding-left:15px}.core-row>span:first-child{color:var(--accent);font:10px DM Mono,monospace}.core-row h3{color:var(--brand);margin:0;font-size:25px}.core-row p{color:var(--muted);margin:0;line-height:1.55}.row-arrow{justify-self:end}.skills-grid{grid-template-columns:1fr 1fr;align-items:center;gap:10vw;padding-top:55px;display:grid}.skill-orbit{border:1px solid var(--line);border-radius:50%;max-width:520px;height:520px;margin:auto;position:relative}.skill-center{background:var(--brand);width:100px;height:100px;color:var(--bg);z-index:2;border-radius:50%;place-items:center;font-weight:800;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.skill-orbit>span{transform:rotate(calc(var(--i) * 30deg)) translateY(-215px) rotate(calc(var(--i) * -30deg));background:var(--paper);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:8px 10px;font:10px DM Mono,monospace;position:absolute;top:50%;left:50%}.skill-pills{flex-wrap:wrap;gap:8px;margin-top:35px;display:flex}.skill-pills span{border:1px solid var(--line);border-radius:999px;padding:9px 11px;font:10px DM Mono,monospace}.experience-row{border-bottom:1px solid var(--line);grid-template-columns:250px 1fr;gap:70px;padding:60px 0;display:grid}.exp-date{color:var(--accent);font:10px DM Mono,monospace}.experience-row h2{color:var(--brand);letter-spacing:-.05em;margin:0;font-size:clamp(35px,5vw,65px)}.experience-row h3{color:var(--muted);margin:7px 0 25px;font-size:14px}.experience-row ul{max-width:800px;margin:0;padding-left:20px}.experience-row li{color:var(--muted);margin:10px 0;line-height:1.55}.projects{gap:18px;padding-top:55px;display:grid}.project{background:var(--brand);color:var(--bg);grid-template-columns:70px 1fr 50px;align-items:start;gap:25px;min-height:410px;padding:48px;transition:transform .35s;display:grid;position:relative}.project:hover{transform:translateY(-7px)}.project-no{color:var(--accent);font:11px DM Mono,monospace}.project small{color:var(--accent);letter-spacing:.13em;font:10px DM Mono,monospace}.project h2{letter-spacing:-.07em;margin:35px 0 8px;font-size:clamp(45px,7vw,95px);line-height:.85}.project h3{margin:0;font-size:20px;font-weight:500}.project p{color:#c6c4d0;max-width:650px;margin-top:28px;line-height:1.65}.stack{color:#a9a5b5;margin-top:35px;font:10px DM Mono,monospace}.project-icon{justify-self:end}.education{border-bottom:1px solid var(--line);padding:65px 0}.education>span{color:var(--accent);font:10px DM Mono,monospace}.education h2{letter-spacing:-.07em;max-width:950px;color:var(--brand);margin:30px 0;font-size:clamp(40px,7vw,100px);line-height:.9}.education p{color:var(--muted)}.education strong{font:12px DM Mono,monospace}.contact{min-height:80vh}.contact-kicker{letter-spacing:-.08em;color:var(--brand);margin:65px 0;font-size:clamp(60px,11vw,165px);line-height:.78}.big-email{color:var(--accent);border-bottom:2px solid var(--accent);font-size:clamp(22px,3vw,42px)}.contact-links{flex-wrap:wrap;gap:22px;margin-top:45px;display:flex}.contact-links a{border-bottom:1px solid var(--line);align-items:center;gap:7px;padding-bottom:7px;font:10px DM Mono,monospace;display:flex}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:25px 8vw;font:9px DM Mono,monospace;display:flex}[data-reveal]{opacity:0;transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transform:translateY(28px)}[data-reveal].visible{opacity:1;transform:none}.mobile-nav{display:none}@media (width<=900px){.desktop-nav,.mode,.side-rail{display:none}.menu-button{display:block}.mobile-nav{z-index:29;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;padding:10px 8vw;display:flex;position:fixed;top:76px;left:0;right:0}.mobile-nav button{border:0;border-bottom:1px solid var(--line);text-align:left;color:var(--ink);background:0 0;padding:14px 0;font-size:18px}.mobile-nav button span{color:var(--muted);margin-left:15px}.hero{padding:145px 8vw 80px}.hero-grid,.about-grid,.skills-grid,.core-intro{grid-template-columns:1fr}.hero-art{order:-1;height:340px}.hero h1{font-size:clamp(65px,19vw,125px)}.hero-bottom{align-items:flex-start}.hero-bottom p{font-size:16px}.orbit-a{width:220px;height:105px}.orbit-b{width:290px;height:140px}.orbit-c{width:350px;height:180px}.art-core{width:115px;height:115px}.section{padding:100px 8vw}.about-grid,.core-intro{gap:40px;padding-top:45px}.core-row{grid-template-columns:35px 1fr 30px;gap:14px}.core-row p{grid-column:2/4}.skill-orbit{height:330px}.skill-orbit>span{transform:rotate(calc(var(--i) * 30deg)) translateY(-135px) rotate(calc(var(--i) * -30deg));padding:6px 8px;font-size:8px}.experience-row{grid-template-columns:1fr;gap:18px;padding:42px 0}.project{grid-template-columns:35px 1fr;min-height:350px;padding:28px}.project-icon{position:absolute;right:28px}.project h2{font-size:55px}.contact-kicker{font-size:clamp(52px,15vw,100px)}footer{flex-direction:column;gap:9px;padding:22px 8vw}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal],.project{transition:none}}.site.dark,.site.dark main,.site.dark section,.site.dark footer{color:var(--ink);background-color:var(--bg)}.site.dark h1,.site.dark h2,.site.dark h3,.site.dark h4,.site.dark h5,.site.dark h6{color:var(--brand)}.site.dark p,.site.dark li{color:var(--muted)}.site.dark .lead,.site.dark .hero-bottom b{color:var(--ink)}.site.dark .hero h1,.site.dark .about-grid h2,.site.dark .core-intro h2,.site.dark .skills-grid h2,.site.dark .experience-row h2,.site.dark .education h2,.site.dark .contact-kicker{color:#fff}.site.dark .section-head,.site.dark .eyebrow{color:var(--accent)}.site.dark .section-head,.site.dark .core-row,.site.dark .experience-row,.site.dark .education,.site.dark footer,.site.dark .skill-pills span,.site.dark .text-link{border-color:var(--line)}.site.dark .skill-pills span,.site.dark .tag,.site.dark .art-core{background:var(--paper);color:var(--ink);border-color:var(--line)}.site.dark .core-row:hover{background:var(--soft)}.site.dark .core-row h3{color:#fff}.site.dark .core-row p,.site.dark .experience-row h3,.site.dark .experience-row li{color:var(--muted)}.site.dark .project{color:#0b0b0f;background:#f2f2ee}.site.dark .project h2,.site.dark .project h3{color:#0b0b0f}.site.dark .project p{color:#4f4f57}.site.dark .project .stack{color:#686870}.site.dark .project small,.site.dark .project-no{color:#d71922}.site.dark .big-email{color:#ff6268}.site.dark .contact-links a,.site.dark .round-button{color:var(--ink);border-color:var(--line)}.site.dark .round-button:hover{color:#0b0b0f;background:#fff}.site.dark .mobile-nav{color:#fff;border-color:var(--line);background:#0b0b0f}.site.dark .mobile-nav button{color:#fff;border-color:var(--line)}.site.dark .mobile-nav button span{color:var(--muted)}.site.dark .topbar{border-color:var(--line);background:#0b0b0fe6}.site.dark .desktop-nav button{color:var(--muted)}.site.dark .desktop-nav button.active,.site.dark .desktop-nav button:hover,.site.dark .mode,.site.dark .menu-button{color:#fff}.site.dark .monogram{color:#0b0b0f;background:#fff;border-color:#fff}