:root{--ink:#101513;--muted:#66706b;--paper:#f3f0e9;--paper-strong:#fbfaf7;--line:#10151324;--acid:#c8f135;--dark:#0b1110;--orange:#ff8c42;--blue:#8cc8ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Segoe UI,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}svg{stroke-width:1.8px}.section-shell{max-width:1240px;margin:0 auto;padding-left:32px;padding-right:32px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(100% - 40px,1240px);height:78px;margin:0 auto;display:flex}.brand{letter-spacing:-1.5px;font-size:25px;font-weight:900}.brand span{color:#8db800}.site-header nav{color:#404743;gap:34px;font-size:14px;font-weight:600;display:flex}.site-header nav a,.social-links a{transition:color .2s}.site-header nav a:hover,.social-links a:hover{color:#668900}.header-cta{align-items:center;gap:7px;font-size:14px;font-weight:750;display:flex}.header-cta svg{width:17px}.hero{grid-template-columns:1.06fr .94fr;align-items:center;gap:76px;min-height:710px;padding-top:56px;padding-bottom:76px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#54605a;align-items:center;gap:10px;font-size:11px;font-weight:800;display:inline-flex}.eyebrow span{background:#80ad00;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #80ad001f}.hero h1,.section-heading h2,.contact h2{letter-spacing:-.065em;margin:24px 0;font-size:clamp(52px,6.2vw,88px);font-weight:850;line-height:.96}.hero h1 em,.contact h2 em{color:#6f7974;font-family:Georgia,serif;font-weight:400}.hero-copy>p{max-width:610px;color:var(--muted);margin:0;font-size:18px;line-height:1.72}.hero-actions{flex-wrap:wrap;gap:12px;margin:35px 0;display:flex}.button{border:1px solid var(--line);border-radius:3px;justify-content:center;align-items:center;gap:10px;min-height:51px;padding:0 21px;font-size:14px;font-weight:750;transition:transform .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button svg{width:18px}.button-primary{color:#10150e;background:var(--acid);border-color:var(--acid)}.button-primary:hover{background:#b9df30}.button-ghost{background:#fff6}.hero-meta{color:#6c746f;flex-wrap:wrap;gap:26px;font-size:12px;font-weight:650;display:flex}.hero-meta span{align-items:center;gap:7px;display:flex}.hero-meta svg{width:15px}.hero-visual{isolation:isolate;place-items:center;height:520px;display:grid;position:relative}.hero-visual:before{content:"";z-index:-3;background:var(--acid);filter:saturate(.85);border-radius:50%;width:390px;height:390px;position:absolute}.hero-visual:after{content:"";z-index:-2;border:1px solid #0b111024;border-radius:50%;width:290px;height:290px;position:absolute}.code-card{background:var(--dark);color:#d9e1dc;border:1px solid #ffffff1f;border-radius:8px;width:min(425px,92%);overflow:hidden;transform:rotate(-2deg);box-shadow:0 32px 80px #19201c47}.window-bar{border-bottom:1px solid #ffffff14;align-items:center;gap:7px;height:43px;padding:0 15px;display:flex}.window-bar i{background:#57615c;border-radius:50%;width:8px;height:8px}.window-bar i:first-child{background:var(--orange)}.window-bar i:nth-child(2){background:#ffd467}.window-bar i:nth-child(3){background:var(--acid)}.window-bar span{color:#87918c;margin-left:10px;font:11px ui-monospace,monospace}.code-card pre{white-space:pre-wrap;margin:0;padding:34px 29px 38px;font:14px/1.85 SFMono-Regular,Consolas,monospace}.code-card b{color:#a9c9ff}.code-card mark{color:var(--acid);background:0 0}.floating-pill{z-index:3;background:var(--paper-strong);border:1px solid var(--line);text-transform:uppercase;letter-spacing:.08em;border-radius:3px;align-items:center;gap:8px;padding:11px 14px;font-size:11px;font-weight:800;display:flex;position:absolute;box-shadow:0 15px 35px #23282624}.floating-pill svg{color:#6d9100;width:15px}.pill-top{top:92px;right:-8px;transform:rotate(3deg)}.pill-bottom{bottom:83px;left:-9px;transform:rotate(-3deg)}.orbit{z-index:-1;border:1px solid #0b11101f;border-radius:50%;position:absolute}.orbit-one{width:470px;height:470px}.orbit-two{width:520px;height:240px;transform:rotate(48deg)}.metrics{background:var(--dark);color:#fff;grid-template-columns:repeat(4,1fr);padding:31px max(32px,50vw - 588px);display:grid}.metrics>div{border-right:1px solid #ffffff1f;flex-direction:column;padding:9px 28px;display:flex}.metrics>div:first-child{padding-left:0}.metrics>div:last-child{border:0}.metrics strong{color:var(--acid);letter-spacing:-.04em;font-size:30px}.metrics span{color:#98a29d;text-transform:uppercase;letter-spacing:.08em;margin-top:5px;font-size:11px}.about,.skills,.experience,.projects{padding-top:130px;padding-bottom:130px}.section-heading{grid-template-columns:.7fr 1.3fr;align-items:start;gap:50px;display:grid}.section-index{color:#708000;letter-spacing:.14em;font-size:11px;font-weight:850}.section-heading h2{margin:-8px 0 0;font-size:clamp(43px,5vw,66px)}.section-heading.compact{grid-template-columns:1fr;gap:23px}.section-heading.compact h2{max-width:760px}.about-content{grid-template-columns:.7fr 1.3fr;gap:50px;margin-top:82px;display:grid}.about-text p{color:var(--muted);line-height:1.75}.about-text .lead{color:var(--ink);margin-top:0;font-size:21px;font-weight:650;line-height:1.5}.principles{border-top:1px solid var(--line)}.principle{border-bottom:1px solid var(--line);grid-template-columns:60px 1fr;gap:10px;padding:25px 0;display:grid}.principle>span{color:#8a938e;font:12px ui-monospace,monospace}.principle h3{margin:0 0 6px;font-size:17px}.principle p{color:var(--muted);margin:0;font-size:14px}.skills{padding-top:10px}.skills-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:62px;display:grid}.skill-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#ffffff29;min-height:260px;padding:32px}.skill-card>svg{color:#708f0c;width:28px;height:28px}.skill-card h3{margin:56px 0 13px;font-size:19px}.skill-card p{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.experience{background:var(--paper-strong);max-width:100%}.experience>*{max-width:1176px;margin-left:auto;margin-right:auto}.timeline{border-top:1px solid var(--line);margin-top:70px}.timeline-item{border-bottom:1px solid var(--line);grid-template-columns:31% 69%;padding:35px 0;display:grid}.timeline-period{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;gap:25px;font-size:13px;display:flex}.timeline-period span{color:#7c8b10;font:12px ui-monospace,monospace}.timeline-main h3{letter-spacing:-.02em;margin:0;font-size:23px}.timeline-main h4{color:#7b8b09;text-transform:uppercase;letter-spacing:.06em;margin:7px 0 19px;font-size:13px}.timeline-main p{max-width:690px;color:var(--muted);font-size:15px;line-height:1.7}.tags{flex-wrap:wrap;gap:7px;margin-top:19px;display:flex}.tags span{border:1px solid var(--line);color:#535d58;text-transform:uppercase;letter-spacing:.05em;border-radius:99px;padding:7px 10px;font-size:10px;font-weight:750}.education-note{color:#fff;background:var(--dark);grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-top:28px;padding:26px 29px;display:grid}.education-note>svg:first-child{color:var(--acid)}.education-note>svg:last-child{color:#7f8b85}.education-note div{flex-wrap:wrap;align-items:baseline;gap:5px 24px;display:flex}.education-note span{width:100%;color:var(--acid);text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800}.education-note strong{font-size:16px}.education-note small{color:#929d97}.projects-heading{flex-direction:row;justify-content:space-between;align-items:flex-end;display:flex!important}.projects-heading>p{max-width:350px;color:var(--muted);margin:0;line-height:1.6}.project-list{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:64px;display:grid}.project-card{border:1px solid var(--line);background:#ffffff3b;transition:transform .25s,box-shadow .25s;overflow:hidden}.project-card:hover{transform:translateY(-5px);box-shadow:0 22px 40px #1e232017}.project-preview{background:#dfe5cb;place-items:center;height:255px;padding:23px;display:grid;position:relative;overflow:hidden}.project-preview.orange{background:#ecd9cb}.project-preview.blue{background:#d5e1e6}.project-number{font:11px ui-monospace,monospace;position:absolute;top:18px;left:19px}.mini-dashboard{color:#fff;background:#111715;border-radius:5px;width:78%;padding:22px;transform:rotate(-3deg);box-shadow:0 18px 35px #14191738}.orange .mini-dashboard{transform:rotate(3deg)}.mini-dashboard small{color:#8e9993;text-transform:uppercase;letter-spacing:.08em;font-size:9px;display:block}.mini-dashboard strong{margin:7px 0 22px;font-size:26px;display:block}.chart-bars{border-bottom:1px solid #ffffff26;align-items:flex-end;gap:6px;height:60px;display:flex}.chart-bars i{background:var(--acid);border-radius:2px 2px 0 0;flex:1}.orange .chart-bars i{background:var(--orange)}.blue .chart-bars i{background:var(--blue)}.project-copy{padding:27px}.project-copy>span{color:#74800b;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800}.project-copy h3{letter-spacing:-.03em;margin:11px 0;font-size:25px}.project-copy p{min-height:72px;color:var(--muted);font-size:14px;line-height:1.7}.contact{text-align:center;color:#fff;background:var(--dark);max-width:100%;padding-top:130px;padding-bottom:130px;position:relative;overflow:hidden}.contact>*{z-index:1;position:relative}.contact .section-index{color:var(--acid)}.contact h2{margin:28px auto;font-size:clamp(48px,6vw,78px)}.contact h2 em{color:#88928d}.contact>p{color:#9aa39e}.contact-button{margin-top:25px}.social-links{justify-content:center;gap:30px;margin-top:55px;display:flex}.social-links a{color:#a9b2ad;align-items:center;gap:8px;font-size:13px;display:flex}.social-links svg{width:16px}.social-links svg:last-child{width:13px}.contact-orb{z-index:0;border:1px solid #c8f1351f;border-radius:50%;place-items:center;width:520px;height:520px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contact-orb:before,.contact-orb:after{content:"";border:1px solid #c8f13514;border-radius:50%;position:absolute}.contact-orb:before{width:700px;height:300px;transform:rotate(22deg)}.contact-orb:after{width:700px;height:300px;transform:rotate(-22deg)}.contact-orb span{opacity:.018;letter-spacing:-.1em;font-size:280px;font-weight:900}footer{color:#7e8883;background:#070b0a;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;min-height:85px;padding:0 max(32px,50vw - 588px);font-size:11px;display:flex}footer .brand{color:#fff}.privacy-notice{z-index:100;color:#d8dedb;background:#0b1110f7;border:1px solid #ffffff24;grid-template-columns:auto 1fr auto;align-items:start;gap:12px;width:min(440px,100vw - 40px);padding:15px 16px;display:grid;position:fixed;bottom:20px;right:20px;box-shadow:0 18px 50px #00000047}.privacy-notice>svg{width:19px;color:var(--acid)}.privacy-notice p{margin:0;font-size:11px;line-height:1.55}.privacy-notice button{color:#aeb7b2;cursor:pointer;background:0 0;border:0;padding:0}.privacy-notice button svg{width:18px}@media (max-width:980px){.hero{grid-template-columns:1fr;gap:20px;padding-top:90px}.hero-copy{max-width:760px}.hero-visual{height:470px}.skills-grid{grid-template-columns:repeat(2,1fr)}.project-list{grid-template-columns:1fr}.project-card{grid-template-columns:.8fr 1.2fr;display:grid}.project-copy p{min-height:auto}}@media (max-width:700px){.section-shell{padding-left:20px;padding-right:20px}.site-header{width:calc(100% - 40px);height:68px}.site-header nav{display:none}.header-cta{gap:0;font-size:0}.header-cta svg{width:21px}.hero{min-height:auto;padding-top:74px;padding-bottom:75px}.hero h1{font-size:clamp(45px,13vw,64px)}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.hero-visual{height:385px;margin-top:20px}.hero-visual:before{width:290px;height:290px}.orbit-one{width:340px;height:340px}.orbit-two{width:360px;height:180px}.code-card pre{padding:27px 20px;font-size:11px}.pill-top{top:27px;right:-4px}.pill-bottom{bottom:25px;left:-2px}.metrics{grid-template-columns:1fr 1fr;padding:25px 20px}.metrics>div,.metrics>div:first-child{border-bottom:1px solid #ffffff1f;padding:16px}.metrics>div:nth-child(2){border-right:0}.metrics>div:nth-child(n+3){border-bottom:0}.metrics strong{font-size:25px}.about,.skills,.experience,.projects{padding-top:90px;padding-bottom:90px}.section-heading,.about-content{grid-template-columns:1fr;gap:38px}.section-heading h2{margin-top:0;font-size:43px}.about-content{margin-top:55px}.skills{padding-top:0}.skills-grid{grid-template-columns:1fr;margin-top:45px}.skill-card{min-height:210px}.skill-card h3{margin-top:42px}.timeline{margin-top:50px}.timeline-item{grid-template-columns:1fr;gap:24px}.timeline-main h3{font-size:20px}.education-note{grid-template-columns:auto 1fr}.education-note>svg:last-child{display:none}.education-note div{display:block}.education-note strong,.education-note small{margin-top:5px;display:block}.projects-heading{align-items:flex-start;flex-direction:column!important;gap:28px!important}.project-list{margin-top:45px}.project-card{display:block}.contact{padding-top:100px;padding-bottom:100px}.contact h2{font-size:48px}.contact-button{max-width:100%;font-size:12px}.social-links{gap:20px}footer{flex-wrap:wrap;gap:12px;padding:25px 20px}footer p{order:3;width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}
