@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;1,500&display=swap";:root{color:#1e2420;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f4ef;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{min-width:320px;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}a:focus-visible{outline-offset:5px;outline:2px solid #e66b43}#root{border-inline:1px solid #d8d9d1;max-width:1440px;margin:0 auto}main{position:relative;overflow:hidden}main:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(#cdd2c8 1px,#0000 1px);background-position:97% 18%;background-size:24px 24px;animation:18s ease-in-out infinite alternate pattern-drift;position:absolute;inset:0}main>*{z-index:1;position:relative}.page-grid{grid-template-columns:minmax(150px,1fr) minmax(0,3fr);gap:7vw;padding-inline:clamp(24px,6vw,96px);display:grid}.site-header{text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #d8d9d1;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(24px,6vw,96px);font:11px DM Mono,monospace;display:flex}.header-actions{align-items:center;gap:25px;display:flex}.theme-toggle{color:#747b72;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;background:0 0;border:0;align-items:center;gap:7px;padding:7px 0;font:10px DM Mono,monospace;display:inline-flex}.theme-toggle:hover{color:#d26542}.theme-toggle-icon{border:1px solid;border-radius:50%;place-items:center;width:16px;height:16px;font-size:11px;line-height:1;display:grid}.wordmark{letter-spacing:-.1em;font:700 22px Manrope,sans-serif}.wordmark span{color:#e66b43}nav{gap:34px;margin-left:12%;display:flex}nav a,.header-contact{transition:color .25s}nav a:hover,.header-contact:hover{color:#e66b43}.header-contact span{color:#e66b43;margin-left:9px;font-size:15px}.hero-section{min-height:560px;padding-top:76px;padding-bottom:68px}.hero-copy{grid-column:2;max-width:850px}.eyebrow,.section-label,.project-type,.experience-year{color:#747b72;letter-spacing:.13em;text-transform:uppercase;margin:0;font:10px/1.5 DM Mono,monospace}.eyebrow{align-items:center;gap:9px;display:flex}.status-dot{background:#8ea65d;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse;display:inline-block}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.065em;font-weight:500;line-height:.94}h1{max-width:780px;margin:26px 0 22px;font-size:clamp(52px,6.7vw,96px)}h2{margin-bottom:30px;font-size:clamp(52px,6vw,92px)}em{color:#d26542;font-family:Playfair Display,serif;font-weight:500}.hero-summary{color:#5e665e;max-width:480px;font-size:15px;line-height:1.6}.hero-actions{align-items:center;gap:28px;margin-top:40px;display:flex}.button{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:25px;padding:16px 19px;font:11px DM Mono,monospace;transition:transform .25s,background .25s;display:inline-flex}.button:hover{transform:translateY(-3px)}.button-dark{color:#f5f4ef;background:#1e2420}.button-dark span{color:#e66b43;font-size:16px}.text-link{border-bottom:1px solid #aeb4a9;padding-bottom:4px;font-size:13px;transition:color .25s,border-color .25s;display:inline-block}.text-link:hover{color:#d26542;border-color:#d26542}.hero-aside{color:#747b72;text-transform:uppercase;letter-spacing:.1em;flex-direction:column;grid-area:1/1;align-self:end;gap:22px;font:10px/1.7 DM Mono,monospace;display:flex}.orbital-mark{color:#1e2420;letter-spacing:-.1em;border:1px solid #b5bcb0;border-radius:50%;place-items:center;width:125px;height:125px;font:600 24px Manrope,sans-serif;display:grid;position:relative}.orbital-mark:before,.orbital-mark:after{content:"";transform-origin:50%;border:1px solid #d0a492;border-radius:50%;animation:18s linear infinite orbit-ring;position:absolute;inset:17px -14px;transform:rotate(40deg)}.orbital-mark:after{border-color:#afbd9d;animation-name:orbit-ring-reverse;animation-duration:24s;inset:-14px 17px;transform:rotate(-40deg)}.orbital-mark i,.orbital-mark b{transform-origin:-35px 51px;background:#e66b43;border-radius:50%;width:8px;height:8px;animation:7s linear infinite orbit-point-orange;position:absolute;top:8px;right:23px}.orbital-mark b{transform-origin:44px -45px;background:#8ea65d;animation-name:orbit-point-green;animation-duration:9s;animation-delay:-2s;inset:auto auto 13px 15px}.proof-strip{background:#f5f4efdb;border-top:1px solid #d8d9d1;border-bottom:1px solid #d8d9d1;align-items:center;padding-top:26px;padding-bottom:30px}.proof-strip .section-label{align-self:start}.proof-item{border-left:1px solid #d8d9d1;align-items:center;gap:14px;padding-left:22px;display:flex}.proof-item strong{letter-spacing:-.08em;font-size:32px;font-weight:500}.proof-item span{color:#747b72;text-transform:uppercase;letter-spacing:.08em;font:10px/1.5 DM Mono,monospace}.work-section{padding:150px 0 155px}.section-heading{margin-bottom:76px}.section-intro{color:#687067;max-width:380px;line-height:1.7}.project-list{grid-template-columns:1fr 1fr;gap:76px 32px;padding:0 clamp(24px,6vw,96px);display:grid}.project-featured{grid-column:1/-1}.project-image{aspect-ratio:1.65;background:#dfe4d9;position:relative;overflow:hidden}.project:not(.project-featured) .project-image{aspect-ratio:1.2}.project-image img{object-fit:cover;filter:saturate(.75);width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .7s;display:block}.project:hover img{filter:saturate();transform:scale(1.04)}.project-number{color:#fff;font:11px DM Mono,monospace;position:absolute;top:18px;left:20px}.image-link{color:#1e2420;text-transform:uppercase;opacity:0;background:#f5f4ef;padding:12px 14px;font:10px DM Mono,monospace;transition:opacity .3s,transform .3s;position:absolute;bottom:18px;right:18px;transform:translateY(8px)}.project:hover .image-link,.image-link:focus-visible{opacity:1;transform:translateY(0)}.image-link span{color:#d26542;margin-left:12px;font-size:14px}.project-info{grid-template-columns:1fr 1fr;gap:20px;padding-top:22px;display:grid}.project-type{margin-bottom:9px}.project h3{letter-spacing:-.06em;margin-bottom:0;font-size:25px;font-weight:500}.project-description{color:#687067;margin-bottom:0;font-size:13px;line-height:1.6}.tag-row{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.tag-row span{color:#747b72;text-transform:uppercase;border:1px solid #d0d4cb;padding:7px 9px;font:9px DM Mono,monospace}.about-section{border-top:1px solid #d8d9d1;padding-top:130px;padding-bottom:145px}.about-content{max-width:700px}.about-content .large-copy{color:#4f594f;max-width:560px;margin-bottom:28px;font-size:23px;line-height:1.45}.about-content>p:not(.large-copy){color:#687067;max-width:480px;margin-bottom:30px;font-size:14px;line-height:1.8}.activity-section{border-top:1px solid #d8d9d1;padding-top:125px;padding-bottom:135px}.activity-content{grid-column:2}.activity-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:58px;display:flex}.activity-heading h2{margin-bottom:22px}.activity-heading .section-intro{margin-bottom:0}.activity-status{color:#8ea65d;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font:10px DM Mono,monospace}.activity-panels{grid-template-columns:1fr 1fr;gap:18px;display:grid}.activity-panel{background:#202920;border:1px solid #3a443b;min-width:0;padding:25px}.activity-panel-top{justify-content:space-between;align-items:start;margin-bottom:30px;display:flex}.activity-panel-top h3{color:#e8ebe3;letter-spacing:-.05em;margin:0;font-size:23px;font-weight:500}.activity-panel-top a{color:#ef8967;border:1px solid #536454;place-items:center;width:30px;height:30px;font-size:18px;transition:background .25s,transform .25s;display:grid}.activity-panel-top a:hover{background:#303d30;transform:translate(2px,-2px)}.activity-grid{grid-template-rows:repeat(7,10px);grid-auto-columns:10px;grid-auto-flow:column;align-content:end;gap:5px;width:max-content;min-width:100%;min-height:100px;display:grid}.activity-dot{background:#354438;border-radius:1px;width:100%;height:100%;transition:transform .2s,background .2s;display:block}.activity-dot:hover{transform:scale(1.35)}.activity-caption{color:#9aa99b;text-transform:uppercase;letter-spacing:.06em;margin:25px 0 0;font:10px/1.5 DM Mono,monospace}.leetcode-stats{color:#9aa99b;text-transform:uppercase;flex-wrap:wrap;gap:12px;margin-top:25px;font:10px DM Mono,monospace;display:flex}.leetcode-stats strong{color:#e8ebe3;margin-right:4px;font-size:16px;font-weight:500}.experience-section{background:#e8e9e1c7;border-top:1px solid #d8d9d1;padding:130px 0 150px}.experience-list{flex-direction:column;gap:0;margin-top:12px;display:flex}.experience-entry{border-top:1px solid #cbd0c5;grid-column:2;grid-template-columns:145px 1fr;gap:25px;padding:28px 0;display:grid}.experience-entry:last-child{border-bottom:1px solid #cbd0c5}.experience-entry h3{letter-spacing:-.04em;margin-bottom:10px;font-size:19px;font-weight:500}.experience-entry h3 span{color:#d26542}.experience-entry p{color:#687067;max-width:500px;margin:0;font-size:13px;line-height:1.65}.contact-section{color:#f5f4ef;background:#1e2420f5;padding-top:145px;padding-bottom:145px}.contact-section .section-label{color:#aeb6a9}.contact-content{grid-column:2}.contact-content .eyebrow{color:#aeb6a9}.contact-content h2{margin:30px 0 50px}.contact-email{color:#f5f4ef;border-bottom:1px solid #687269;align-items:center;gap:32px;padding-bottom:13px;font:14px DM Mono,monospace;display:inline-flex}.contact-email span{color:#e66b43;font-size:19px}.site-footer{color:#747b72;text-transform:uppercase;letter-spacing:.06em;background:#1e2420f5;border-top:1px solid #3d463e;justify-content:space-between;padding:28px clamp(24px,6vw,96px);font:10px DM Mono,monospace;display:flex}.site-footer div{gap:24px;display:flex}.site-footer a:hover{color:#f5f4ef}.reveal{animation:.8s both reveal;animation-timeline:view();animation-range:entry 8% cover 25%}.reveal-one{animation-delay:.1s}.reveal-two{animation-delay:.2s}.reveal-three{animation-delay:.3s}@keyframes reveal{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes pattern-drift{0%{background-position:97% 18%}to{background-position:91% 24%}}@keyframes orbit-ring{0%{transform:rotate(36deg)}to{transform:rotate(396deg)}}@keyframes orbit-ring-reverse{0%{transform:rotate(-44deg)}to{transform:rotate(-404deg)}}@keyframes orbit-point-orange{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbit-point-green{0%{transform:rotate(180deg)}to{transform:rotate(540deg)}}@keyframes pulse{50%{opacity:.35;transform:scale(.7)}}@media (width<=700px){.page-grid{grid-template-columns:1fr;gap:28px}.site-header{height:70px}.site-header nav{display:none}.header-contact{font-size:9px}.hero-section{min-height:690px;padding-top:72px;padding-bottom:65px}.hero-copy,.hero-aside,.contact-content,.experience-entry,.activity-content{grid-column:1}.hero-aside{flex-direction:row;grid-row:auto;align-items:end;margin-top:40px}.orbital-mark{width:92px;height:92px;font-size:19px}.hero-summary{font-size:14px}.hero-actions{flex-direction:column;align-items:start;gap:22px}.proof-strip{gap:20px}.proof-strip .section-label{margin-bottom:8px}.proof-item{border-top:1px solid #d8d9d1;border-left:0;padding:18px 0 0}.work-section,.about-section,.experience-section,.activity-section{padding-top:90px;padding-bottom:90px}.section-heading{margin-bottom:48px}.project-list{grid-template-columns:1fr;gap:58px}.project-featured{grid-column:auto}.project-info{grid-template-columns:1fr;gap:16px}.tag-row{grid-column:auto}.about-content .large-copy{font-size:20px}.experience-entry{grid-template-columns:1fr;gap:13px}.activity-heading{flex-direction:column;align-items:start;margin-bottom:40px}.activity-panels{grid-template-columns:1fr}.activity-panel{padding:20px;overflow-x:auto}.activity-grid{gap:4px;min-height:125px}.contact-section{padding-top:90px;padding-bottom:100px}.site-footer{flex-direction:column;gap:20px;line-height:1.8}.site-footer div{flex-wrap:wrap;gap:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.status-dot,main:before,.orbital-mark:before,.orbital-mark:after,.orbital-mark i,.orbital-mark b{animation:none}.project-image img,.image-link,.button{transition:none}}.theme-dark{color:#e8ebe3;background:#171d19;border-color:#3a443b}.theme-dark:before{opacity:.78;background-image:radial-gradient(#536454 1px,#0000 1px)}.theme-dark .site-header,.theme-dark .proof-strip,.theme-dark .about-section,.theme-dark .experience-section,.theme-dark .experience-entry{border-color:#3a443b}.theme-dark .hero-summary,.theme-dark .section-intro,.theme-dark .project-description,.theme-dark .about-content>p:not(.large-copy),.theme-dark .experience-entry p{color:#aab5a9}.theme-dark .eyebrow,.theme-dark .section-label,.theme-dark .project-type,.theme-dark .experience-year,.theme-dark .proof-item span,.theme-dark .hero-aside,.theme-dark .theme-toggle{color:#9aa99b}.theme-dark .proof-item,.theme-dark .tag-row span{border-color:#3a443b}.theme-dark .orbital-mark{color:#e8ebe3;border-color:#708070}.theme-dark .orbital-mark:before{border-color:#9e6c57}.theme-dark .orbital-mark:after{border-color:#667d5f}.theme-dark .button-dark{color:#171d19;background:#e8ebe3}.theme-dark .button-dark span,.theme-dark .wordmark span,.theme-dark em,.theme-dark .header-contact span,.theme-dark .contact-email span{color:#ef8967}.theme-dark .text-link{border-color:#58665a}.theme-dark .proof-strip{background:#171d19db}.theme-dark .experience-section{background:#202920d1}.theme-dark .contact-section,.theme-dark .site-footer{background:#101511f5}.theme-dark .site-footer{border-color:#3a443b}.theme-dark .site-footer a:hover,.theme-dark nav a:hover,.theme-dark .header-contact:hover{color:#ef8967}.activity-panel{overflow:hidden}.activity-panel-top{min-width:0}.activity-grid{grid-template-rows:repeat(7,minmax(6px,1fr));grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;width:100%;min-width:0;min-height:80px}.activity-dot{background:#304236}.activity-dot.level-1{background:#1d6b3a}.activity-dot.level-2{background:#2da44e}.activity-dot.level-3{background:#45c85a}.activity-dot.level-4{background:#7ee787}@media (width<=700px){.activity-panel{overflow:hidden}}.stack-list{flex-wrap:wrap;gap:10px;margin:38px 0 34px;display:flex}.tech-icon{color:#9aa99b;text-transform:uppercase;letter-spacing:.05em;background:#202920b3;border:1px solid #3a443b;align-items:center;gap:8px;font:9px DM Mono,monospace;display:inline-flex}.tech-icon img{object-fit:contain;display:block}.tech-icon-small{padding:6px 8px}.tech-icon-small img{width:20px;height:20px}.tech-icon-large{padding:8px 10px}.tech-icon-large img{width:25px;height:25px}.tech-icon:hover{color:#e8ebe3;border-color:#8ea65d}.tag-row .tech-icon span{color:inherit;font:inherit;border:0;padding:0}.social-link{align-items:center;gap:6px;display:inline-flex}.social-link img{object-fit:contain;width:16px;height:16px}@media (width<=700px){.stack-list{gap:8px}}