@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600;700&family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;1,400&family=Syne:wght@500;600;700;800&display=swap";:root{--bg-mist-top:#f4f7fb;--bg-mist-bottom:#d9e4f0;--ink:#0b1220;--accent:#0f766e;--accent-soft:#0f766e1f;--muted:#5b667a;--line:#0b12201f;--surface:#ffffff73;--font-display:"Syne", sans-serif;--font-body:"IBM Plex Sans", sans-serif;--space:clamp(1.25rem, 4vw, 2.5rem);--max:1120px;--nav-h:4.25rem;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + .75rem)}body{font-family:var(--font-body);color:var(--ink);background:var(--bg-mist-top);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1.05rem;line-height:1.65}#root{min-height:100vh}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,p{margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.wrap{width:min(100% - (var(--space) * 2), var(--max));margin-inline:auto}.eyebrow{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:.85rem;font-size:.8rem;font-weight:600}.section-heading{font-family:var(--font-display);letter-spacing:-.02em;max-width:18ch;font-size:clamp(1.75rem,3.5vw,2.6rem);font-weight:700;line-height:1.15}.section{padding-block:clamp(4rem,10vw,7rem);position:relative}.section--tight{padding-block:clamp(3rem,8vw,5rem)}.reveal{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(1.5rem)}.reveal.is-visible,.is-visible .reveal{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:80ms}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.link-draw{display:inline-block;position:relative}.link-draw:after{content:"";background:var(--accent);transform-origin:0;width:100%;height:1.5px;transition:transform .35s var(--ease);position:absolute;bottom:-.15em;left:0;transform:scaleX(0)}.link-draw:hover:after,.link-draw:focus-visible:after,.link-draw.is-active:after{transform:scaleX(1)}.nav{z-index:50;height:var(--nav-h);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb, var(--bg-mist-top) 78%, transparent);border-bottom:1px solid #0000;align-items:center;transition:border-color .3s,background .3s;display:flex;position:fixed;inset:0 0 auto}.nav.is-scrolled{border-bottom-color:var(--line);background:color-mix(in srgb, var(--bg-mist-top) 88%, transparent)}.nav__inner{width:min(100% - (var(--space) * 2), var(--max));justify-content:space-between;align-items:center;gap:1rem;margin-inline:auto;display:flex}.nav__brand{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.05rem;font-weight:700}.nav__links{align-items:center;gap:1.5rem;display:none}.nav__links a{color:var(--muted);font-size:.92rem;font-weight:500;transition:color .2s}.nav__links a:hover,.nav__links a:focus-visible{color:var(--ink)}.nav__toggle{border:1px solid var(--line);border-radius:.35rem;place-items:center;width:2.5rem;height:2.5rem;display:grid}.nav__toggle span{background:var(--ink);width:1.1rem;height:1.5px;display:block;position:relative}.nav__toggle span:before,.nav__toggle span:after{content:"";background:var(--ink);width:100%;height:1.5px;position:absolute;left:0}.nav__toggle span:before{top:-5px}.nav__toggle span:after{top:5px}.nav__mobile{background:color-mix(in srgb, var(--bg-mist-top) 96%, white);border-bottom:1px solid var(--line);padding:1rem var(--space) 1.25rem;flex-direction:column;gap:.85rem;display:none;position:absolute;top:100%;left:0;right:0}.nav.is-open .nav__mobile{display:flex}.nav__mobile a{color:var(--ink);padding:.35rem 0;font-size:1.05rem;font-weight:500}@media (width>=860px){.nav__links{display:flex}.nav__toggle,.nav.is-open .nav__mobile{display:none}}.hero{min-height:100dvh;padding-top:var(--nav-h);isolation:isolate;align-items:flex-end;margin-top:-1px;display:flex;position:relative;overflow:hidden}.hero__atmosphere{z-index:-1;background:radial-gradient(75% 50% at 72% 12%,#0f766e2e,#0000 58%),radial-gradient(55% 40% at 8% 78%,#1c4b6324,#0000 52%),linear-gradient(165deg,#f4f7fb 0%,#e7eef6 45%,#d5e3ef 100%);position:absolute;inset:0}.hero__atmosphere:before{content:"";background-image:linear-gradient(#0b12200a 1px,#0000 1px),linear-gradient(90deg,#0b12200a 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#00000073,#0000 80%);mask-image:linear-gradient(#00000073,#0000 80%)}.hero__atmosphere:after{content:"";clip-path:polygon(22% 0,100% 18%,86% 100%,0 72%);pointer-events:none;background:radial-gradient(circle at 30% 30%,#0f766e33,#0000 55%),repeating-linear-gradient(-22deg,#0000,#0000 18px,#0f766e0f 18px 19px);width:70%;height:75%;animation:14s ease-in-out infinite alternate planeDrift;position:absolute;bottom:-18%;right:-8%}@keyframes planeDrift{0%{transform:translate(0,0)rotate(0)}to{transform:translate(-2%,-1.5%)rotate(-1.5deg)}}.hero__inner{width:min(100% - (var(--space) * 2), var(--max));margin-inline:auto;padding-top:clamp(2rem,8vh,4rem);padding-bottom:clamp(3.5rem,12vh,6.5rem)}.hero__role{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);opacity:0;animation:heroRise .75s var(--ease) 50ms forwards;margin-bottom:1rem;font-size:.8rem;font-weight:600;display:inline-block;transform:translateY(.8rem)}.hero__name{font-family:var(--font-display);letter-spacing:-.05em;max-width:10ch;margin-bottom:1.35rem;font-size:clamp(3.4rem,13vw,7.8rem);font-weight:800;line-height:.9}.hero__name span{opacity:0;animation:heroRise .85s var(--ease) forwards;display:inline-block;transform:translateY(1.1rem)}.hero__name span:first-child{animation-delay:50ms}.hero__name span:nth-child(2){animation-delay:.18s}.hero__headline{font-family:var(--font-display);letter-spacing:-.02em;opacity:0;max-width:28ch;animation:heroRise .8s var(--ease) .32s forwards;margin-bottom:.9rem;font-size:clamp(1.2rem,2.4vw,1.65rem);font-weight:600;line-height:1.35;transform:translateY(1rem)}.hero__supporting{color:var(--muted);opacity:0;max-width:42ch;animation:heroRise .8s var(--ease) .44s forwards;margin-bottom:2rem;transform:translateY(1rem)}.hero__actions{opacity:0;animation:heroRise .8s var(--ease) .56s forwards;flex-wrap:wrap;align-items:center;gap:.85rem 1.25rem;display:flex;transform:translateY(1rem)}.btn{min-height:2.85rem;transition:background .25s ease, color .25s ease, border-color .25s ease, transform .25s var(--ease);border-radius:.3rem;justify-content:center;align-items:center;padding:.65rem 1.35rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.btn--primary{background:var(--ink);color:#f4f7fb;border-radius:.35rem;padding-inline:1.45rem}.btn--primary:hover{background:var(--accent);transform:translateY(-2px)}.btn--ghost{color:var(--ink);border:1.5px solid color-mix(in srgb, var(--ink) 22%, transparent);border-radius:.35rem;padding-inline:1.4rem;position:relative;overflow:hidden}.btn--ghost:after{content:"";background:var(--accent);transform-origin:0;width:100%;height:2px;transition:transform .35s var(--ease);position:absolute;bottom:0;left:0;transform:scaleX(0)}.btn--ghost:hover{border-color:var(--accent)}.btn--ghost:hover:after{transform:scaleX(1)}@keyframes heroRise{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero__name span,.hero__role,.hero__headline,.hero__supporting,.hero__actions,.reveal,.hero__atmosphere:after{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}}.about__grid{gap:2rem;display:grid}@media (width>=800px){.about__grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:4rem}}.about__body{color:var(--muted);gap:1.15rem;font-size:1.08rem;display:grid}.about__body p:first-child{color:var(--ink);font-size:1.15rem}.skills__header{margin-bottom:clamp(2rem,5vw,3rem)}.skills__groups{border-top:1px solid var(--line);gap:0;display:grid}.skill-group{border-bottom:1px solid var(--line);gap:.75rem 2rem;padding-block:1.5rem;display:grid}@media (width>=700px){.skill-group{grid-template-columns:12rem 1fr;align-items:baseline}}.skill-group__title{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.05rem;font-weight:600}.skill-group__list{color:var(--muted);flex-wrap:wrap;gap:.35rem 0;line-height:1.7;display:flex}.skill-group__list li:not(:last-child):after{content:"·";color:color-mix(in srgb, var(--muted) 55%, transparent);margin-inline:.65rem}.experience__header{margin-bottom:clamp(2rem,5vw,3rem)}.experience__role{border-top:1px solid var(--line);gap:1.5rem;padding-top:1.75rem;display:grid}@media (width>=800px){.experience__role{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:3rem}}.experience__meta h3{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:.35rem;font-size:1.45rem;font-weight:700}.experience__company{margin-bottom:.65rem;font-weight:500}.experience__place{color:var(--muted);gap:.2rem;font-size:.95rem;display:grid}.experience__bullets{gap:.9rem;display:grid}.experience__bullets li{color:var(--muted);padding-left:1.15rem;position:relative}.experience__bullets li:before{content:"";background:var(--accent);border-radius:50%;width:.4rem;height:.4rem;position:absolute;top:.65em;left:0}.projects__header{margin-bottom:clamp(2rem,5vw,3rem)}.projects__list{border-top:1px solid var(--line);gap:0;display:grid}.project{border-bottom:1px solid var(--line);gap:.75rem 2.5rem;padding-block:2rem;display:grid}@media (width>=800px){.project{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}}.project__name{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:.4rem;font-size:clamp(1.35rem,2.5vw,1.75rem);font-weight:700}.project__stack{color:var(--accent);font-size:.9rem;font-weight:500}.project__desc{color:var(--muted);max-width:52ch}.education{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--accent) 5%, transparent) 40%, transparent)}.education__panel{gap:1.25rem;max-width:48rem;display:grid}.education__school{font-size:1.1rem;font-weight:500}.education__dates{color:var(--muted);margin-top:.25rem;font-size:.95rem}.education__coursework{color:var(--muted);border-top:1px solid var(--line);padding-top:1rem}.education__coursework strong{color:var(--ink);margin-bottom:.4rem;font-weight:600;display:block}.contact{padding-bottom:clamp(5rem,12vw,8rem)}.contact__grid{gap:2.5rem;display:grid}@media (width>=800px){.contact__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:4rem}}.contact__lede{color:var(--muted);max-width:36ch;margin-top:1rem;margin-bottom:1.75rem}.contact__links{gap:1rem;display:grid}.contact__links a,.contact__links span{gap:.15rem;display:grid}.contact__label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:600}.contact__value{font-family:var(--font-display);letter-spacing:-.01em;width:fit-content;font-size:1.15rem;font-weight:600}.footer{border-top:1px solid var(--line);padding-block:1.5rem}.footer__inner{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;font-size:.9rem;display:flex}.footer__social{gap:1.25rem;display:flex}.footer__social a{color:var(--ink);font-weight:500}.site-shell{opacity:0;filter:blur(8px);pointer-events:none;transform:translateY(12px)scale(.985)}.site-shell.is-live{opacity:1;filter:none;pointer-events:auto;animation:siteReveal .85s var(--ease) both;transform:none}@keyframes siteReveal{0%{opacity:0;filter:blur(10px);transform:translateY(16px)scale(.98)}to{opacity:1;filter:none;transform:none}}@media (prefers-reduced-motion:reduce){.site-shell,.site-shell.is-live{opacity:1!important;filter:none!important;pointer-events:auto!important;animation:none!important;transform:none!important}}.term{z-index:100;color:#c8f7c5;background:#05070a;place-items:center;font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;display:grid;position:fixed;inset:0;overflow:hidden}.term--shatter{pointer-events:none;animation:termFade .85s var(--ease) forwards}.term__scan{opacity:.35;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000002e 2px 3px);position:absolute;inset:0}.term__frame{width:min(920px,100vw - 2rem);height:min(560px,100vh - 6rem);animation:termIn .45s var(--ease) both;background:#080c10f5;border:1px solid #78dc8c47;flex-direction:column;display:flex;box-shadow:0 0 0 1px #0009,0 30px 80px #0000008c}.term__chrome{background:#0c1216f2;border-bottom:1px solid #78dc8c2e;align-items:center;gap:.4rem;padding:.65rem .85rem;display:flex}.term__dot{background:#78dc8c59;border-radius:50%;width:.55rem;height:.55rem}.term__dot:first-child{background:#ff5f57}.term__dot:nth-child(2){background:#febc2e}.term__dot:nth-child(3){background:#28c840}.term__title{color:#c8f7c5b3;margin-left:.55rem;font-size:.78rem}.term__body{scrollbar-width:thin;scrollbar-color:#78dc8c59 transparent;flex:1;padding:1rem 1.1rem 1.25rem;font-size:clamp(.78rem,1.7vw,.92rem);line-height:1.55;overflow:auto}.term__body p{white-space:pre-wrap;word-break:break-word;margin:0}.term__ok{color:#7dff9a}.term__warn{color:#ffd27a}.term__cmd{color:#9ad7ff}.term__prompt{align-items:center;gap:.45rem;margin-top:.15rem;display:flex}.term__ps{color:#7dff9a;font-weight:700}.term__caret{vertical-align:text-bottom;background:#c8f7c5;width:.55ch;height:1.05em;animation:1s step-end infinite blink;display:inline-block}.term__skip{z-index:2;font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:#c8f7c5b3;background:#05070ab3;border:1px solid #78dc8c47;padding:.45rem .75rem;font-size:.75rem;font-weight:600;position:absolute;bottom:1rem;right:1rem}.term__skip:hover,.term__skip:focus-visible{color:#c8f7c5;border-color:#78dc8c99}.term__shards{pointer-events:none;position:absolute;inset:0}.term__shards span{opacity:0;width:clamp(48px,8vw,110px);height:clamp(36px,6vw,80px);animation:.85s cubic-bezier(.2,.8,.2,1) forwards shardOut;animation-delay:calc(var(--i) * 12ms);background:linear-gradient(135deg,#0b1220,#1a3a2a);border:1px solid #78dc8c59;position:absolute}.term__shards span:nth-child(odd){left:calc(6% + var(--i) * 5%);top:18%}.term__shards span:nth-child(2n){left:calc(10% + var(--i) * 4.6%);top:48%}@keyframes blink{50%{opacity:0}}@keyframes termIn{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}@keyframes termFade{to{opacity:0;filter:blur(6px);transform:scale(1.03)}}@keyframes shardOut{0%{opacity:.9;transform:translate(0,0)rotate(0)scale(1)}to{opacity:0;transform:translate3d(calc((var(--i) - 9) * 18px), calc(40px + var(--i) * 10px), 0) rotate(calc((var(--i) - 9) * 8deg)) scale(.6)}}@media (width<=700px){.term__frame{height:min(70vh,520px)}}@media (prefers-reduced-motion:reduce){.term,.term__frame,.term__caret,.term__shards span{animation:none!important}}