@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap";:root{--navy: #1e2a47;--beige: #e6daca;--container: 1150px;--gutter: clamp(1.25rem, 4vw, 2.75rem);--fs-xs: .7rem;--fs-sm: .82rem;--fs-base: .94rem;--fs-md: 1.1rem;--fs-lg: 1.45rem;--fs-xl: clamp(1.7rem, 3vw, 2.3rem);--fs-display: clamp(3rem, 9.5vw, 7rem);--fs-huge: clamp(2.2rem, 5.5vw, 4.2rem);--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--sp-7: 3rem;--sp-8: 5rem;--ease: cubic-bezier(.22, 1, .36, 1);--topbar-h: 60px}.light-theme{--bg: var(--beige);--ink: var(--navy);--spot-rgb: 30, 42, 71}.dark-theme{--bg: var(--navy);--ink: var(--beige);--spot-rgb: 230, 218, 202}.light-theme,.dark-theme{--ink-soft: color-mix(in srgb, var(--ink) 74%, transparent);--ink-mute: color-mix(in srgb, var(--ink) 50%, transparent);--ink-ghost: color-mix(in srgb, var(--ink) 22%, transparent);--line: color-mix(in srgb, var(--ink) 30%, transparent);--line-faint: color-mix(in srgb, var(--ink) 13%, transparent);--fill-faint: color-mix(in srgb, var(--ink) 5%, transparent)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--topbar-h) + 1rem)}html,body,#root{width:100%;min-height:100vh;background-color:var(--bg)}body{font-family:Roboto Mono,monospace;color:var(--ink);line-height:1.65;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;background-image:radial-gradient(var(--line-faint) 1px,transparent 1px);background-size:26px 26px;transition:background-color .35s ease,color .35s ease}#root{background:transparent}a{text-decoration:none;color:inherit;transition:color .25s ease,opacity .25s ease}button{cursor:pointer;border:none;background:none;font-family:Roboto Mono,monospace;color:inherit}img{display:block;max-width:100%}h1,h2,h3{font-weight:600;letter-spacing:-.02em;line-height:1.25}::selection{background:var(--ink);color:var(--bg)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line)}::-webkit-scrollbar-thumb:hover{background:var(--ink-mute)}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.topbar{position:sticky;top:0;z-index:1000;background:var(--bg);border-bottom:1px solid var(--line)}.topbar-inner{max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter);min-height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.logo{font-size:1rem;font-weight:700;letter-spacing:.14em;padding-block:var(--sp-3)}.logo:after{content:"_";animation:blink 1.2s step-end infinite}.topbar-nav{display:flex;align-items:center;gap:var(--sp-2)}.topbar-link{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);transition:all .22s ease}.topbar-link:hover{color:var(--ink);background:var(--fill-faint)}.topbar-link.active{background:var(--ink);color:var(--bg)}.topbar-actions{display:flex;align-items:center;gap:var(--sp-3)}.theme-toggle{height:36px;width:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--bg);color:var(--ink);font-size:.95rem;transition:all .25s var(--ease)}.theme-toggle:hover{background:var(--ink);color:var(--bg)}.hero{padding-block:clamp(3rem,8vh,6rem) clamp(3rem,7vh,5rem)}.hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}.hero-kicker{font-size:var(--fs-xs);letter-spacing:.25em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:var(--sp-5)}.hero-name{font-size:var(--fs-display);font-weight:700;line-height:.98;letter-spacing:-.04em;text-transform:uppercase;margin-bottom:var(--sp-5)}.hero-name .outline{color:transparent;-webkit-text-stroke:1.5px var(--ink)}@supports not (-webkit-text-stroke: 1px black){.hero-name .outline{color:var(--ink)}}.hero-type{display:flex;align-items:baseline;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-5);padding-bottom:var(--sp-5);border-bottom:1px solid var(--line)}.typewriter{font-size:var(--fs-lg);font-weight:600;min-height:1.5em;display:inline-flex;align-items:center}.typewriter .cursor{display:inline-block;margin-left:5px;font-weight:300;animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hero-since{font-size:var(--fs-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-mute)}.hero-desc{color:var(--ink-soft);font-weight:300;font-size:var(--fs-base);max-width:58ch;margin-bottom:var(--sp-6)}.hero-desc p+p{margin-top:var(--sp-3)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-bottom:var(--sp-6)}.social-links{display:flex;border:1px solid var(--line);width:fit-content}.social-links a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:1.05rem;color:var(--ink-soft);border-right:1px solid var(--line);transition:all .22s ease}.social-links a:last-child{border-right:none}.social-links a:hover{background:var(--ink);color:var(--bg)}.hero-side{display:flex;flex-direction:column;gap:var(--sp-5)}.portrait{position:relative;width:100%;max-width:320px;aspect-ratio:1 / 1;border:1px solid var(--line);padding:var(--sp-2)}.portrait:before,.portrait:after{content:"";position:absolute;width:16px;height:16px;border:1px solid var(--ink);transition:all .3s var(--ease)}.portrait:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.portrait:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.portrait:hover:before,.portrait:hover:after{width:28px;height:28px}.portrait-frame{position:relative;width:100%;height:100%;overflow:hidden}.portrait-frame img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.05);transition:filter .5s ease,transform .5s var(--ease)}.portrait:hover .portrait-frame img{filter:grayscale(0);transform:scale(1.03)}.spec-sheet{border:1px solid var(--line);font-size:var(--fs-xs);max-width:320px}.spec-row{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--line-faint);text-transform:uppercase;letter-spacing:.08em}.spec-row:last-child{border-bottom:none}.spec-key{color:var(--ink-mute)}.spec-val{text-align:right;color:var(--ink-soft);font-weight:500}.spec-status{display:inline-flex;align-items:center;gap:var(--sp-2)}.status-dot{width:7px;height:7px;border-radius:50%;background:#3f9d5f;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #3f9d5f73}50%{box-shadow:0 0 0 6px #3f9d5f00}}.marquee{border-block:1px solid var(--line);overflow:hidden;padding-block:var(--sp-3);-webkit-user-select:none;user-select:none}.marquee-track{display:flex;width:max-content;animation:marquee 32s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-seg{display:flex;align-items:center;white-space:nowrap;font-size:var(--fs-xs);letter-spacing:.25em;text-transform:uppercase;color:var(--ink-mute)}.marquee-seg span{padding-inline:1.4rem}.marquee-seg span:after{content:"·";margin-left:2.8rem;opacity:.5}@keyframes marquee{to{transform:translate(-50%)}}.section{padding-block:var(--sp-8) var(--sp-7);border-bottom:1px solid var(--line-faint)}.section:last-of-type{border-bottom:none}.section-head{display:flex;align-items:baseline;gap:var(--sp-4);margin-bottom:var(--sp-7)}.section-no{font-size:var(--fs-huge);font-weight:700;line-height:1;color:transparent;-webkit-text-stroke:1px var(--ink-ghost);letter-spacing:-.02em}@supports not (-webkit-text-stroke: 1px black){.section-no{color:var(--ink-ghost)}}.section-head h2{font-size:var(--fs-xl);font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.section-rule{flex:1;height:1px;background:var(--line);align-self:center}.section-meta{font-size:var(--fs-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);white-space:nowrap}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.is-visible{opacity:1;transform:none}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);border:1px solid var(--ink);font-size:var(--fs-xs);font-weight:500;text-transform:uppercase;letter-spacing:.16em;color:var(--ink);background:transparent;transition:all .25s var(--ease);width:fit-content}.btn:hover{background:var(--ink);color:var(--bg);box-shadow:4px 4px 0 var(--line);transform:translate(-2px,-2px)}.btn--solid{background:var(--ink);color:var(--bg)}.btn--solid:hover{background:transparent;color:var(--ink)}.chip{border:1px solid var(--line);padding:2px 9px}.mosaic{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:row dense;gap:var(--sp-3)}.tile{position:relative;display:flex;flex-direction:column;gap:var(--sp-3);border:1px solid var(--line);background:var(--bg);padding:1.35rem;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s ease}.tile:before,.tile:after{content:"";position:absolute;width:0;height:0;border:1px solid var(--ink);transition:width .3s var(--ease),height .3s var(--ease);pointer-events:none}.tile:before{top:-1px;left:-1px;border-right:none;border-bottom:none}.tile:after{bottom:-1px;right:-1px;border-left:none;border-top:none}.tile:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--line);border-color:var(--ink)}.tile:hover:before,.tile:hover:after{width:18px;height:18px}.tile--w2{grid-column:span 2}.tile--w3{grid-column:span 3}.tile--w4{grid-column:span 4}.tile-top{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute)}.tile-no{font-size:1.35rem;font-weight:700;line-height:1;letter-spacing:0;color:transparent;-webkit-text-stroke:1px var(--ink-ghost);transition:-webkit-text-stroke-color .3s ease}@supports not (-webkit-text-stroke: 1px black){.tile-no{color:var(--ink-ghost)}}.tile:hover .tile-no{-webkit-text-stroke-color:var(--ink)}.tile-year{margin-left:auto}.tile-arrow{font-size:1rem;color:var(--ink-mute);transition:transform .3s var(--ease),color .3s ease}.tile:hover .tile-arrow{transform:translate(3px,-3px);color:var(--ink)}.tile-fig{position:relative;border:1px solid var(--line);padding:var(--sp-1);margin:0}.tile-fig-frame{position:relative;aspect-ratio:16 / 9;overflow:hidden}.tile--w2 .tile-fig-frame{aspect-ratio:3 / 2}.tile--w4 .tile-fig-frame{aspect-ratio:21 / 9}.tile-fig img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:grayscale(.45);transition:filter .45s ease,transform .6s var(--ease)}.tile:hover .tile-fig img{filter:grayscale(0);transform:scale(1.035)}.tile-fig figcaption{position:absolute;bottom:var(--sp-2);left:var(--sp-2);z-index:1;background:var(--bg);border:1px solid var(--line);padding:1px 7px;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute)}.tile h3{font-size:var(--fs-md);letter-spacing:-.01em}.tile--w3 h3,.tile--w4 h3{font-size:var(--fs-lg)}.tile-desc{color:var(--ink-soft);font-size:var(--fs-sm);font-weight:300;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.tile--w3 .tile-desc,.tile--w4 .tile-desc{-webkit-line-clamp:4}.project-tags{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.tech-tag{padding:2px 9px;border:1px solid var(--line);font-size:var(--fs-xs);color:var(--ink-soft);font-weight:300;background:var(--fill-faint)}.project-links{display:flex;flex-wrap:wrap;gap:var(--sp-4);padding-top:var(--sp-3);border-top:1px solid var(--line-faint);margin-top:auto}.project-link{font-size:var(--fs-xs);color:var(--ink-soft);display:inline-flex;align-items:center;gap:var(--sp-2);text-transform:uppercase;letter-spacing:.12em;position:relative}.project-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--ink);transition:width .3s var(--ease)}.project-link:hover{color:var(--ink)}.project-link:hover:after{width:100%}.tab-selector{display:flex;border:1px solid var(--line);width:fit-content;margin-bottom:var(--sp-6)}.tab-button{padding:var(--sp-3) var(--sp-5);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-mute);transition:all .25s ease;border-right:1px solid var(--line)}.tab-button:last-child{border-right:none}.tab-button.active{background:var(--ink);color:var(--bg)}.experience-item{display:flex;gap:var(--sp-6);padding:var(--sp-5) 0;border-bottom:1px solid var(--line-faint)}.experience-item:last-child{border-bottom:none}.experience-timeline{min-width:170px}.year{font-size:var(--fs-xs);color:var(--ink-mute);letter-spacing:.08em;text-transform:uppercase}.timeline-dot{width:9px;height:9px;background:var(--ink);margin-top:var(--sp-3)}.experience-details{flex:1}.position,.degree{font-size:var(--fs-md);margin-bottom:var(--sp-2)}.company,.institution{color:var(--ink-mute);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.14em;margin-bottom:var(--sp-4)}.description{color:var(--ink-soft);margin-bottom:var(--sp-4);max-width:64ch;font-weight:300;font-size:var(--fs-sm)}.tech-used,.achievements{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.achievement-tag{padding:2px 9px;border:1px solid var(--line);font-size:var(--fs-xs);color:var(--ink-soft);font-weight:300;background:var(--fill-faint)}.skills-section--bento{position:relative}.skills-bento-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(5.5rem,auto);gap:var(--sp-3);position:relative;z-index:2}.skills-bento-card{--mx: 50%;--my: 40%;--glow-i: 0;position:relative;display:flex;flex-direction:column;padding:1.1rem 1.15rem 1.2rem;border:1px solid var(--line);background:var(--bg);overflow:hidden;opacity:0;transform:translateY(18px) scale(.985);transition:opacity .55s var(--ease) var(--bento-delay, 0s),transform .55s var(--ease) var(--bento-delay, 0s),border-color .25s ease,box-shadow .35s ease}.skills-bento-card--visible{opacity:1;transform:translateY(0) scale(1)}.skills-bento-card:hover{border-color:var(--ink);box-shadow:5px 5px 0 var(--line)}.skills-bento-card__glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(var(--spot-rgb),calc(.13 * var(--glow-i))) 0%,rgba(var(--spot-rgb),calc(.04 * var(--glow-i))) 38%,transparent 62%);transition:background .12s ease;z-index:0}.skills-bento-card__shine{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:calc(.35 * var(--glow-i));background:radial-gradient(200px circle at var(--mx) var(--my),rgba(var(--spot-rgb),.25) 0%,transparent 65%);mix-blend-mode:soft-light;transition:opacity .2s ease}.skills-bento-card__body{position:relative;z-index:2;display:flex;flex-direction:column;gap:.65rem;height:100%}.skills-bento-card__title{font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.11em;line-height:1.35;color:var(--ink);margin:0;text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:.35em;text-decoration-thickness:1px}.skills-bento-card__items{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .65rem;align-items:center;align-content:flex-start;flex:1}.skills-bento-card__items li{font-size:.78rem;font-weight:400;letter-spacing:.03em;color:var(--ink);line-height:1.4}.skills-bento-card__items li:not(:last-child):after{content:"|";margin-left:.55rem;padding-left:.55rem;font-weight:300;opacity:.42;pointer-events:none;color:var(--ink-mute)}.skills-bento-spotlight{position:fixed;width:480px;height:480px;border-radius:50%;pointer-events:none;z-index:99;transform:translate(-50%,-50%);opacity:0;transition:opacity .35s ease;background:radial-gradient(circle,rgba(var(--spot-rgb),.09) 0%,rgba(var(--spot-rgb),.03) 42%,transparent 68%)}.light-theme .skills-bento-spotlight{mix-blend-mode:multiply}.dark-theme .skills-bento-spotlight{mix-blend-mode:screen}.contact-footer{padding-top:var(--sp-6)}.contact-headline{font-size:var(--fs-huge);font-weight:700;letter-spacing:-.03em;line-height:1.08;text-transform:uppercase;margin-bottom:var(--sp-5);max-width:22ch}.contact-headline .outline{color:transparent;-webkit-text-stroke:1.5px var(--ink)}@supports not (-webkit-text-stroke: 1px black){.contact-headline .outline{color:var(--ink)}}.contact-sub{color:var(--ink-soft);font-weight:300;font-size:var(--fs-base);max-width:56ch;margin-bottom:var(--sp-6)}.contact-actions{display:flex;flex-wrap:wrap;gap:var(--sp-4);margin-bottom:var(--sp-8)}.footer-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-5) 0;border-top:1px solid var(--line);font-size:var(--fs-xs);color:var(--ink-mute);letter-spacing:.1em;text-transform:uppercase}.footer-socials{display:flex;gap:var(--sp-5)}.footer-socials a{color:var(--ink-mute);font-size:1.05rem}.footer-socials a:hover{color:var(--ink)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal,.skills-bento-card{opacity:1;transform:none;transition:none}.skills-bento-spotlight{display:none!important}.marquee-track,.status-dot{animation:none}}@media (max-width: 980px){.hero-grid{grid-template-columns:1fr}.hero-side{flex-direction:row;flex-wrap:wrap;align-items:flex-start}.portrait{max-width:240px}.spec-sheet{flex:1;min-width:240px}.mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.tile--w2{grid-column:span 1}.tile--w3,.tile--w4{grid-column:span 2}.tile--w2 .tile-fig-frame,.tile--w3 .tile-fig-frame,.tile--w4 .tile-fig-frame{aspect-ratio:16 / 9}}@media (max-width: 700px){.mosaic{grid-template-columns:1fr}.tile--w2,.tile--w3,.tile--w4{grid-column:span 1}.experience-item{flex-direction:column;gap:var(--sp-3)}.experience-timeline{min-width:auto;display:flex;align-items:center;gap:var(--sp-3)}.timeline-dot{margin-top:0}.skills-bento-grid{grid-template-columns:1fr;grid-auto-rows:auto}.skills-bento-card{grid-column:1 / -1!important;grid-row:auto!important}.skills-bento-card__items li:not(:last-child):after{display:none}.skills-bento-card__items{flex-direction:column;align-items:stretch;gap:0}.skills-bento-card__items li:not(:last-child){padding-bottom:.45rem;margin-bottom:.45rem;border-bottom:1px solid var(--line-faint)}.section{padding-block:var(--sp-7) var(--sp-6)}.section-head{flex-wrap:wrap;gap:var(--sp-3)}.contact-actions .btn{width:100%;justify-content:center}}@media (max-width: 540px){.topbar-inner{justify-content:center;padding-block:var(--sp-2)}.topbar-nav{order:3;width:100%;justify-content:center;border-top:1px solid var(--line-faint);padding-top:var(--sp-2);padding-bottom:var(--sp-2);flex-wrap:wrap}.hero-side{flex-direction:column}.portrait{max-width:100%}.spec-sheet{max-width:100%;width:100%}}