@font-face{font-family:DM Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/dm-sans-latin.woff2)format("woff2")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/space-grotesk-latin.woff2)format("woff2")}:root{color:var(--ink);background:var(--canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#0c1729;--surface:#14243b;--ink:#edf5ff;--accent:#8dcfff;--secondary:#c4b5fd;--muted:#a0b4cf;--line:#2b4059;--soft:#213f5f;--tag:#28304e;--display:"Space Grotesk", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,a,select{-webkit-tap-highlight-color:transparent}a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--canvas)}h1,h2,h3,p,figure{margin:0}img{max-width:100%;height:auto;display:block}.wrap{width:min(1120px,100% - 96px);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:112px;display:flex}.brand{font-family:var(--display);letter-spacing:-.8px;align-items:center;gap:12px;font-size:20px;font-weight:600;display:inline-flex}.brand-mark{background:var(--accent);width:39px;height:39px;color:var(--canvas);letter-spacing:-2px;border-radius:11px;place-content:center;padding-right:6px;font-size:23px;display:grid;position:relative}.brand-mark>span{position:absolute;bottom:5px;right:8px}.brand-domain{color:var(--muted);font-weight:400}.site-header nav{align-items:center;gap:22px;font-size:17px;display:flex}.nav-secondary{color:var(--muted)}.nav-contact{border:1px solid var(--line);border-radius:6px;padding:10px 14px;transition:border-color .2s,color .2s}.nav-contact span{color:var(--accent);margin-left:12px}.site-header nav a:hover,.social-links a:hover{color:var(--accent)}.nav-contact:hover{border-color:var(--accent)}.language-switcher{color:var(--muted);flex-shrink:0;position:relative}.language-switcher svg{pointer-events:none;width:17px;height:17px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.language-switcher:after{content:"";pointer-events:none;border-bottom:1px solid;border-right:1px solid;width:6px;height:6px;position:absolute;top:44%;right:12px;transform:rotate(45deg)}.language-switcher select{appearance:none;border:1px solid var(--line);background:var(--canvas);width:165px;min-height:44px;color:var(--ink);cursor:pointer;border-radius:6px;padding:10px 28px 10px 36px;font:14px DM Sans,sans-serif}.language-switcher select:hover{border-color:var(--accent)}.eyebrow{font-family:var(--mono);letter-spacing:1.4px;align-items:center;gap:9px;font-size:14px;font-weight:400;line-height:1.6;display:flex}.status-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 0 4px #8dcfff0c}.home-intro{text-align:center;padding:61px 0 42px}.home-intro .eyebrow{color:var(--accent);justify-content:center}.home-intro h1{font-family:var(--display);letter-spacing:-3.5px;margin-top:20px;font-size:clamp(46px,4.9vw,66px);font-weight:500;line-height:1.1}.home-intro h1>span{color:var(--accent)}.intro-copy{max-width:580px;color:var(--muted);margin:21px auto 0;font-size:19px;line-height:1.75}.experience-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.experience-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;min-width:0;padding:8px;transition:transform .3s,border-color .3s,box-shadow .3s}.experience-card:hover,.experience-card:focus-visible{border-color:var(--accent);transform:translateY(-7px);box-shadow:0 18px 50px #0005,0 0 30px #8dcfff09}.quest-card:hover,.quest-card:focus-visible{border-color:var(--secondary);box-shadow:0 18px 50px #0005,0 0 30px #c4b5fd0a}.card-banner{border-radius:6px;height:265px;position:relative;overflow:hidden}.web-banner{background:var(--soft);color:var(--ink);isolation:isolate}.banner-grid{z-index:-1;background-image:linear-gradient(#8dcfff16 1px,#0000 1px),linear-gradient(90deg,#8dcfff16 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(145deg,#000,#0000 95%);mask-image:linear-gradient(145deg,#000,#0000 95%)}.banner-corner{color:var(--muted);font:10px var(--mono);position:absolute;top:17px;left:20px}.browser-art{border:1px solid var(--line);background:var(--surface);border-radius:7px 7px 0 0;width:83%;transition:transform .4s;position:absolute;top:43px;left:9%;transform:rotate(-3deg);box-shadow:-10px 15px #0c172912,0 20px 35px #0c172935}.web-card:hover .browser-art{transform:rotate(-1deg)translateY(-3px)}.browser-bar{border-bottom:1px solid var(--line);height:25px;color:var(--muted);font:7px var(--mono);justify-content:space-between;align-items:center;padding:0 10px;display:flex}.window-dots{color:var(--muted);letter-spacing:2px;font-size:9px}.browser-body{padding:13px 20px 0}.mini-nav{justify-content:space-between;align-items:center;display:flex}.mini-nav b{font:600 18px var(--display);letter-spacing:-2px}.mini-nav>span{font:5px var(--mono);letter-spacing:.6px}.mini-content{justify-content:space-between;align-items:center;gap:12px;padding:19px 0 17px;display:flex}.mini-eyebrow{font:5px var(--mono);letter-spacing:.7px}.mini-content h3{font-family:var(--display);letter-spacing:-1px;white-space:nowrap;margin-top:7px;font-size:clamp(17px,2.1vw,29px);font-weight:500;line-height:1.1}.mini-content em{color:var(--accent);font-style:normal}.mini-content p{color:var(--muted);margin-top:7px;font-size:5.5px}.mini-button{background:var(--accent);color:var(--canvas);border-radius:2px;margin-top:12px;padding:6px 8px;font-size:6px;display:inline-block}.mini-portrait{flex-shrink:0;width:29%;transform:rotate(4deg)}.mini-portrait img{aspect-ratio:1/1.15;object-fit:cover;object-position:center 20%;filter:saturate(.5);border-radius:50px 50px 3px 3px}.mini-portrait>span{font:5px var(--mono);text-align:center;color:var(--muted);margin-top:6px;display:block}.mini-stack{border-top:1px solid var(--line);font:5px var(--mono);letter-spacing:.5px;white-space:nowrap;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.mini-stack>span{color:var(--muted)}.code-sticker{background:var(--canvas);width:48px;height:48px;color:var(--accent);font:20px var(--mono);border:3px solid var(--soft);border-radius:11px;place-content:center;display:grid;position:absolute;bottom:23px;right:14px;transform:rotate(10deg);box-shadow:0 5px 10px #0002}.quest-banner{background:var(--surface)}.quest-map{object-fit:cover;object-position:34% center;width:100%;height:100%;image-rendering:pixelated;filter:saturate(.74)brightness(.68);transition:transform .65s}.quest-card:hover .quest-map{transform:scale(1.055)}.quest-shade{background:linear-gradient(#15224888,#15224866 20%,#0c1729aa 75%,#0c1729dd);position:absolute;inset:0}.quest-badge{font:8px var(--mono);letter-spacing:.6px;color:var(--secondary);background:#0c1729bb;border:1px solid #c4b5fd45;border-radius:3px;padding:7px 8px;position:absolute;top:17px;left:17px}.quest-art-title{text-shadow:0 2px 8px var(--canvas);position:absolute;inset:auto 29px 62px}.quest-art-title>span{font:7px var(--mono);letter-spacing:1px;color:var(--secondary)}.quest-art-title strong{font:500 clamp(24px, 2.6vw, 35px)/1.12 var(--display);letter-spacing:-1px;color:var(--ink);margin-top:10px;display:block}.quest-start{font:8px var(--mono);letter-spacing:1px;color:var(--secondary);align-items:center;gap:8px;display:flex;position:absolute;bottom:22px;left:29px;right:24px}.quest-start>span:last-child{margin-left:auto;font-size:9px}.pixel-spark{font-size:15px}.card-content{flex-direction:column;flex:1;padding:26px 22px 12px;display:flex}.experience-card{flex-direction:column;display:flex}.card-meta{color:var(--muted);font:13px var(--mono);letter-spacing:.8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.format-tag{border:1px solid var(--line);color:var(--accent);letter-spacing:.5px;border-radius:3px;padding:5px 6px;font-size:11px}.quest-card .format-tag{color:var(--secondary);border-color:var(--line)}.card-content h2{font:500 33px/1.2 var(--display);letter-spacing:-1.2px;margin-top:15px}.card-content h2>span{color:var(--accent)}.quest-card .card-content h2>span{color:var(--secondary)}.card-content p{color:var(--muted);flex:1;margin-top:11px;font-size:17px;line-height:1.8}.card-cta{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:24px;padding-top:16px;font-size:16px;font-weight:500;display:flex}.circle-arrow{width:31px;height:31px;color:var(--accent);border:1px solid var(--line);border-radius:50%;place-content:center;font-size:18px;transition:background .2s,color .2s;display:grid}.quest-card .circle-arrow{color:var(--secondary);border-color:var(--line)}.web-card:hover .circle-arrow{background:var(--accent);color:var(--canvas)}.quest-card:hover .circle-arrow{background:var(--secondary);color:var(--canvas)}.choice-note{color:var(--muted);justify-content:center;align-items:center;gap:9px;margin:30px 0 40px;font-size:15px;display:flex}.choice-note>span{color:var(--accent);font-size:15px}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding-block:25px 30px;font-size:15px;display:flex}.footer-dot{margin:0 8px}.social-links{gap:24px;display:flex}.social-links a{transition:color .2s}.social-links span{color:var(--muted);margin-left:2px}.skip-link{z-index:20;background:var(--accent);color:var(--canvas);padding:12px 18px;position:fixed;top:12px;left:12px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.resume-hero{grid-template-columns:1.4fr 1fr;align-items:center;gap:80px;padding-block:80px 68px;display:grid}.resume-hero .eyebrow{color:var(--accent);letter-spacing:1.1px;font-size:13px}.resume-hero h1{font:500 clamp(39px, 4.4vw, 57px)/1.12 var(--display);letter-spacing:-2.5px;margin-top:23px}.resume-hero h1>span,.contact-section h2>span{color:var(--accent)}.hero-statement{font:400 clamp(32px, 3.4vw, 43px)/1.2 var(--display);letter-spacing:-1.5px;color:var(--muted);margin-top:15px}.hero-statement em{color:var(--accent);font-style:normal}.resume-intro{max-width:420px;color:var(--muted);margin-top:22px;font-size:18px;line-height:1.8}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:27px;display:flex}.button{border:1px solid var(--line);border-radius:5px;justify-content:center;align-items:center;gap:20px;padding:12px 16px;font-size:16px;transition:background .2s,border-color .2s;display:inline-flex}.button.primary{background:var(--accent);color:var(--canvas);border-color:var(--accent)}.button.primary:hover{background:#b8dfff}.button.secondary:hover{border-color:var(--accent)}.hero-details{color:var(--muted);flex-wrap:wrap;gap:6px 16px;margin-top:23px;font-size:14px;display:flex}.hero-details strong{color:var(--muted);font-weight:500}.portrait-block{justify-self:end;width:100%;max-width:320px;transform:rotate(2deg)}.portrait-frame{background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:10px;position:relative}.portrait-frame img{aspect-ratio:1/1.15;object-fit:cover;object-position:50% 30%;filter:saturate(.5);border-radius:2px}.portrait-symbol{color:var(--accent);text-shadow:3px 3px var(--canvas);font-size:86px;line-height:1;position:absolute;bottom:20px;right:-21px}.portrait-block figcaption{font:13px var(--mono);color:var(--muted);flex-direction:column;gap:5px;padding:14px 1px;display:flex}.portrait-block figcaption>span:last-child{color:var(--muted)}.section-nav{border-block:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:20px;padding-block:20px;display:flex}.section-nav a{font:13px var(--mono);color:var(--muted)}.section-nav a>span{color:var(--muted);margin-left:9px;font:16px DM Sans,sans-serif}.section-nav a:hover>span{color:var(--accent)}.resume-section{border-bottom:1px solid var(--line);grid-template-columns:1fr 2fr;gap:75px;padding-block:66px;display:grid}.section-label>span{color:var(--muted);font:13px var(--mono);letter-spacing:1px}.section-label h2{font:400 32px/1.25 var(--display);letter-spacing:-.8px;margin-top:16px}.section-content{min-width:0}.about-copy p{color:var(--muted);margin-bottom:16px;font-size:18px;line-height:1.9}.about-copy .lead{color:var(--ink);letter-spacing:-.4px;margin-top:-6px;margin-bottom:14px;font-size:25px}.personal-note{color:var(--accent);align-items:flex-start;gap:10px;padding-top:7px;font-size:16px;line-height:1.8;display:flex}.personal-note>span{color:var(--accent)}.job{border-bottom:1px solid var(--line);margin-bottom:29px;padding-bottom:29px}.job:last-child{border:0;margin-bottom:0;padding-bottom:0}.job-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.job h3,.project h3,.education-list h3{letter-spacing:-.4px;font-size:21px;font-weight:500}.job-heading p{color:var(--muted);align-items:center;gap:10px;margin-top:7px;font-size:16px;display:flex}.current-tag{border:1px solid var(--line);color:var(--accent);font:11px var(--mono);background:#8dcfff0c;border-radius:3px;padding:3px 5px}.job time{font:12px var(--mono);color:var(--muted);white-space:nowrap;padding-top:6px}.job>p,.job li{color:var(--muted);font-size:17px;line-height:1.85}.job>p{margin-top:18px}.job ul{margin:12px 0 0;padding-left:16px}.job li{margin-bottom:4px;padding-left:4px}.job li::marker{color:var(--accent)}.awards{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.awards>span{border:1px solid var(--line);background:var(--tag);color:var(--secondary);border-radius:4px;padding:6px 8px;font-size:13px}.project-list{gap:16px;display:grid}.project{border:1px solid var(--line);background:var(--surface);border-radius:7px;display:block;overflow:hidden}a.project{transition:border-color .2s}a.project:hover{border-color:var(--accent)}.featured-project{grid-template-columns:155px 1fr;display:grid}.featured-project>img{object-fit:cover;object-position:30% center;height:100%;image-rendering:pixelated;filter:saturate(.7)brightness(.8)}.project-body{padding:23px}.project-heading{justify-content:space-between;gap:12px;display:flex}.project-heading>span{color:var(--accent)}.project p{color:var(--muted);margin-top:10px;font-size:16px;line-height:1.8}.project-tech{font:12px/1.8 var(--mono);color:var(--muted);letter-spacing:.7px;margin-top:17px;display:block}.text-link{color:var(--accent);gap:12px;padding-top:7px;font-size:16px;display:flex}.text-link:hover{text-underline-offset:5px;text-decoration:underline}.skill-groups{gap:26px;display:grid}.skill-groups h3{color:var(--ink);margin-bottom:12px;font-size:17px;font-weight:500}.skill-groups p{color:var(--muted);font-size:18px;line-height:2.1}.skill-groups p>span{color:var(--line);margin-inline:5px}.education-list{gap:24px;display:grid}.education-list>div{grid-template-columns:110px 1fr;gap:22px;display:grid}.education-list>div>span{color:var(--muted);font:13px/1.8 var(--mono);padding-top:3px}.education-list h3{font-size:19px}.education-list p{color:var(--muted);margin-top:5px;font-size:16px;line-height:1.9}.education-list .languages{border-top:1px solid var(--line);margin-top:5px;padding-top:25px}.languages p{margin-top:0}.languages small{color:var(--muted);margin-left:4px;font-size:13px}.contact-section{padding:62px 0 58px}.contact-section .eyebrow{color:var(--accent);font-size:13px}.contact-section h2{font:400 clamp(36px, 4.4vw, 52px)/1.17 var(--display);letter-spacing:-1.8px;margin-top:17px}.contact-email{color:var(--accent);border-bottom:1px solid var(--line);align-items:center;gap:23px;margin-top:23px;padding-bottom:7px;font-size:clamp(19px,2.4vw,25px);display:inline-flex}.contact-email:hover{border-color:var(--accent)}.contact-bottom{justify-content:space-between;align-items:center;gap:25px;margin-top:34px;font-size:15px;display:flex}.contact-bottom p{color:var(--muted);line-height:1.7}.contact-bottom a{color:var(--secondary);white-space:nowrap}.not-found{min-height:65vh;padding-block:100px}.not-found h1{font:500 48px var(--display);margin-block:20px 30px}@media (width>=1450px){.home-intro{padding-top:74px;padding-bottom:48px}.card-banner{height:280px}.browser-art{top:48px}}@media (width<=1000px){.wrap{width:calc(100% - 64px)}.card-banner{height:225px}.card-content{padding:20px 16px 10px}.card-content h2{font-size:29px}.card-content p{font-size:16px}.site-header nav{gap:14px;font-size:15px}.card-meta{font-size:12px}.format-tag{font-size:10px}.mini-content{padding-top:14px}.mini-content h3{font-size:clamp(17px,2.4vw,23px)}.mini-portrait{width:28%}.browser-body{padding-inline:16px}.mini-stack{font-size:4px}.quest-art-title{inset-inline:22px}.quest-art-title>span{font-size:6px}.quest-art-title strong{font-size:28px}.quest-start{left:22px}.resume-hero{gap:35px}.portrait-block{max-width:270px;padding-right:12px}.hero-details{flex-direction:column}.resume-section{grid-template-columns:1fr 2fr;gap:40px}.section-label h2{font-size:29px}.job-heading{flex-direction:column;gap:6px}.featured-project{grid-template-columns:115px 1fr}}@media (width<=700px){.wrap{width:calc(100% - 40px)}.site-header{height:85px}.brand{gap:9px;font-size:18px}.brand-mark{border-radius:9px;width:33px;height:33px;font-size:21px}.brand-mark>span{bottom:4px;right:6px}.site-header nav{gap:14px;font-size:15px}.nav-contact{padding:8px 10px}.nav-contact span{margin-left:6px}.nav-secondary{display:none}.home-intro{padding:46px 0 31px}.home-intro .eyebrow{letter-spacing:.8px;font-size:12px}.home-intro h1{letter-spacing:-1.8px;margin-top:18px;font-size:clamp(37px,8.2vw,54px);line-height:1.12}.intro-copy{max-width:325px;margin:18px auto 0;font-size:17px;line-height:1.8}.experience-grid{grid-template-columns:1fr;gap:20px;max-width:490px;margin-inline:auto}.card-banner{height:250px}.browser-art{max-width:385px;top:40px}.browser-body{padding-inline:20px}.mini-content h3{font-size:clamp(18px,5.1vw,26px)}.mini-portrait{width:28%}.mini-stack{font-size:5px}.card-content{padding:23px 18px 12px}.card-content h2{margin-top:15px;font-size:33px}.card-content p{font-size:17px}.card-meta{font-size:12px}.format-tag{font-size:11px}.quest-art-title>span{font-size:7px}.quest-art-title strong{font-size:33px}.choice-note{text-align:center;max-width:290px;margin:25px auto 31px;font-size:14px;line-height:1.7}.choice-note>span{flex-shrink:0}.site-footer{text-align:center;flex-direction:column-reverse;gap:22px;padding-block:24px;font-size:14px}.social-links{gap:28px;font-size:16px}.resume-hero{grid-template-columns:1fr;gap:38px;padding:43px 0 32px}.resume-hero .eyebrow{letter-spacing:.6px;font-size:12px}.resume-hero h1{margin-top:20px;font-size:47px}.hero-statement{font-size:36px}.resume-intro{max-width:460px;font-size:18px}.hero-details{flex-direction:row;gap:8px 15px}.portrait-block{justify-self:center;max-width:270px;padding-right:0}.portrait-symbol{right:-8px}.section-nav{flex-wrap:wrap;justify-content:flex-start;gap:10px;padding-block:17px}.section-nav a{padding:3px;font-size:12px}.section-nav a>span{margin-left:4px;font-size:15px}.resume-section{grid-template-columns:1fr;gap:28px;padding-block:41px}.section-label h2{margin-top:13px;font-size:32px}.about-copy .lead{font-size:24px}.about-copy p{font-size:17px}.job-heading{flex-direction:column;gap:9px}.job h3{font-size:21px}.featured-project{grid-template-columns:1fr}.featured-project>img{object-position:center;width:100%;height:150px}.project-body{padding:20px}.education-list>div{grid-template-columns:88px 1fr;gap:13px}.education-list h3{font-size:18px}.education-list .languages{grid-template-columns:1fr;gap:4px}.contact-section{padding-block:44px}.contact-section h2{font-size:39px}.contact-email{gap:14px;font-size:21px}.contact-bottom{flex-direction:column;align-items:flex-start;gap:20px;margin-top:24px}.not-found h1{font-size:38px}}@media (width<=540px){.site-header{flex-wrap:wrap;gap:16px;height:auto;padding-block:20px}.site-header nav{justify-content:space-between;gap:10px;width:100%}.home-intro{padding-top:36px}}@media (width<=370px){.wrap{width:calc(100% - 32px)}.site-header nav{font-size:14px}.nav-contact{padding-inline:8px}.nav-contact span{margin-left:2px}.language-switcher select{width:150px;padding-left:31px;padding-right:23px;font-size:13px}.language-switcher svg{left:8px}.home-intro .eyebrow{font-size:11px}.card-banner{height:218px}.mini-content h3{font-size:18px}.mini-content p{font-size:5px}.browser-body,.card-content{padding-inline:13px}.card-content h2{font-size:30px}.quest-art-title strong{font-size:28px}.quest-art-title>span{font-size:6px}.resume-hero h1{font-size:42px}.button{gap:12px;padding-inline:12px;font-size:15px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.experience-card:hover,.experience-card:focus-visible,.web-card:hover .browser-art,.quest-card:hover .quest-map{transform:none}}@media print{:root{color:#111;background:#fff}.wrap{width:100%}.site-header,.site-footer,.section-nav,.hero-actions,.contact-bottom,.skip-link{display:none}.resume-hero{gap:30px;padding-block:15px 30px}.portrait-block{max-width:180px}.resume-section{gap:30px;padding-block:25px}.resume :is(p,h1,h2,h3,span,a,em,time,li,small),.resume .eyebrow{color:#222}.job,.project,.education-list>div{break-inside:avoid}.project{background:#fff}.contact-section{padding-block:30px}}