:root{--bg: #0f0f0f;--bg-alt: #161616;--fg: #f5f5f4;--fg-dim: rgba(245, 245, 244, .62);--fg-faint: rgba(245, 245, 244, .35);--line: rgba(245, 245, 244, .12);--accent: #2d74c4;--accent-hover: #3a83d6;--accent-deep: #1d4a75;--accent-text: #5b9ae0;--font-display: "Instrument Serif", serif;--font-body: "Inter", sans-serif;--font-mono: "Geist Mono", ui-monospace, monospace;--radius: .25rem}*{margin:0;padding:0;box-sizing:border-box}html{background-color:var(--bg);-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background-color:var(--bg);color:var(--fg)}h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:1.05;letter-spacing:-.01em}p{font-family:var(--font-body);font-weight:400}img{width:100%;height:100%;object-fit:cover}a{color:inherit}section{position:relative;z-index:1;width:100%;min-height:100svh}.line{position:relative;display:block;will-change:transform}html.is-intro,html.is-intro body,html.is-overlay-open,html.is-overlay-open body{overflow:hidden}.skip-link{position:absolute;top:-100%;left:1rem;z-index:100;padding:.75rem 1rem;background-color:var(--accent);color:#0f0f0f;font-family:var(--font-mono);font-size:.8rem;text-decoration:none;border-radius:var(--radius)}.skip-link:focus-visible{top:1rem}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:.85rem 1.5rem;border-radius:var(--radius);font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;border:1px solid transparent;transition:transform .35s cubic-bezier(.32,.72,0,1),background-color .35s cubic-bezier(.32,.72,0,1),border-color .35s cubic-bezier(.32,.72,0,1)}.btn-primary{background-color:var(--accent);color:#fff;font-weight:700;letter-spacing:.08em}.btn-primary:hover{background-color:var(--accent-hover)}.btn-ghost{border-color:#f5f5f459;color:var(--fg);background-color:#0f0f0f66;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.btn-ghost:hover{border-color:var(--fg)}.btn:active{transform:scale(.98)}.site-nav{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.75rem 2rem;z-index:50}.site-nav p,.site-nav a{text-transform:uppercase;font-family:var(--font-mono);font-size:.75rem;color:var(--fg);text-decoration:none;letter-spacing:.01em}.site-nav .logo,.site-nav .site-info{border:1px solid var(--line);border-radius:var(--radius);background-color:#0f0f0f8c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:.5rem 1rem;overflow:hidden}.site-nav .site-info a{transition:color .25s cubic-bezier(.32,.72,0,1)}.site-nav .site-info a:hover{color:var(--accent-text)}.section-statement{padding:4rem 3rem;display:flex;align-items:center;background-color:var(--bg)}.section-statement h1{max-width:15ch;font-family:var(--font-body);font-weight:700;text-transform:uppercase;font-size:clamp(2.75rem,9vw,7.25rem);line-height:.92;letter-spacing:-.02em}#work-intro{justify-content:flex-start}#work-intro h1{text-align:left}#skills-intro{justify-content:flex-end}#skills-intro h1{text-align:right;margin-left:auto}@media(max-width:1000px){.site-nav{padding:1.25rem 1.5rem}.site-nav .site-info{display:none}.section-statement{padding:4rem 1.5rem}.section-statement h1{max-width:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.btn:active{transform:none}}.is-panning .pan-wrap{position:relative;z-index:1;height:100svh;overflow:hidden}.is-panning .pan-track{display:flex;flex-direction:row;height:100%;width:max-content;will-change:transform}.is-panning .panel{flex:0 0 100vw;width:100vw;height:100%;min-height:0}.intro{position:fixed;inset:0;z-index:100;pointer-events:none}.intro.is-done{display:none}.intro-overlay{position:fixed;inset:0;width:100%;height:100svh;padding:2rem;background-color:#000;color:var(--fg);display:flex;gap:2rem;overflow:hidden}.intro-col,.intro-loader{flex:1;display:flex;flex-direction:column;justify-content:center;gap:1rem}.intro-loader{align-items:center;gap:0}.intro-logo-line{text-align:center;text-transform:uppercase;font-family:var(--font-display);font-size:clamp(1.75rem,4vw,3rem);line-height:.95;letter-spacing:-.02em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(0deg,#3a3a3a,#3a3a3a 50%,#f5f5f4 0);background-size:100% 200%;background-position:0% 100%;color:#3a3a3a}.intro-row{display:flex;gap:2rem;opacity:0;color:#4f4f4f}.intro-row p{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.intro-projects .intro-row>*{flex:1}.intro-focus{align-items:center}.intro-focus .intro-row{width:60%}.intro-grid{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:30%;aspect-ratio:1;display:flex;flex-direction:column;gap:1rem;z-index:2}.intro-grid-row{width:100%;display:flex;gap:1rem}.intro-tile{position:relative;flex:1;aspect-ratio:1;overflow:hidden;clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%)}.intro-tile img{width:100%;height:100%;object-fit:cover}.intro-tile.is-expanding{position:fixed;inset:0;z-index:3;width:100vw;height:100svh;aspect-ratio:auto;flex:none;transform-origin:center center}@media(max-width:900px){.intro-overlay{padding:1.5rem}.intro-col{display:none}.intro-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}.intro-grid{width:72%;gap:.5rem}.intro-grid-row{gap:.5rem}}@media(prefers-reduced-motion:reduce){.intro{display:none}}.hero{display:flex;align-items:flex-end;background-color:var(--bg);overflow:hidden}.hero-bg{position:absolute;inset:0;width:100%;height:100%;transition:opacity .4s linear}.hero.is-webgl .hero-bg{opacity:0}.hero-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}.hero-overlay{position:absolute;inset:0;z-index:2;background:linear-gradient(to top,#0a0e12d1,#0a0e1226 48%,#0a0e1259);pointer-events:none}.hero-content{position:relative;z-index:3;padding:0 2rem 6rem;width:100%;max-width:54rem}.hero-eyebrow{font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-dim);margin-bottom:1.5rem}.hero-title{font-size:clamp(2.25rem,5.5vw,4.25rem);margin-bottom:1.5rem;text-wrap:balance}.hero-sub{font-size:1.1rem;line-height:1.5;color:#f5f5f4c7;max-width:34rem;margin-bottom:2.25rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}@media(max-width:1000px){.hero-content{padding:0 1.5rem 4rem}.hero-sub{font-size:1rem}}.slider{background-color:var(--bg);overflow:hidden}.slider-images{position:absolute;inset:0}.slider-images:after{content:"";position:absolute;inset:0;background-color:#0a0e124d;pointer-events:none}.slide-tile{position:absolute;inset:0;transform-origin:center;will-change:transform,opacity;overflow:hidden;display:flex;align-items:flex-end;padding:3rem}.slide-tile:before{content:"";position:absolute;inset:-10%;background-size:3rem 3rem;background-image:linear-gradient(to right,rgba(245,245,244,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(245,245,244,.05) 1px,transparent 1px)}.slide-tile[data-tone="0"]{background:radial-gradient(circle at 22% 25%,#14303a,#080f14 72%)}.slide-tile[data-tone="1"]{background:radial-gradient(circle at 78% 25%,#2a1f3d,#0b0810 72%)}.slide-tile[data-tone="2"]{background:radial-gradient(circle at 32% 78%,#33220f,#120b05 72%)}.slide-tile-tag{position:relative;z-index:1;display:inline-flex;font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;color:var(--fg-dim);border:1px solid var(--line);border-radius:var(--radius);padding:.5rem .9rem;background-color:#0a0e1273;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:color .3s cubic-bezier(.32,.72,0,1),border-color .3s cubic-bezier(.32,.72,0,1)}a.slide-tile-tag:hover{color:var(--accent-text);border-color:var(--accent-text)}.slide-tile-name{position:absolute;right:2rem;bottom:2rem;z-index:1;font-family:var(--font-display);font-weight:400;font-size:clamp(2.5rem,8vw,6rem);color:#f5f5f41f;line-height:1;letter-spacing:-.01em}.slider-title{position:absolute;top:50%;left:2rem;transform:translateY(-50%);width:46%;z-index:2}.slider-title h1{font-size:clamp(1.75rem,3.2vw,2.85rem);text-wrap:balance}.slider-indicator{position:absolute;top:50%;right:2rem;transform:translateY(-50%);z-index:2}.slider-indices{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.25rem}.slider-indices p{display:flex;align-items:center;gap:1rem;font-family:var(--font-mono);font-size:.85rem}.slider-indices .index{position:relative;width:1.25rem;display:flex;justify-content:flex-end;will-change:opacity}.slider-indices .marker{position:relative;width:.75rem;height:1px;background-color:var(--fg);transform-origin:right;will-change:transform;transform:scaleX(0)}.slider-progress-bar{position:absolute;top:0;right:0;width:1px;height:100%;background-color:var(--line)}.slider-progress{position:absolute;top:0;left:50%;transform:translate(-50%) scaleY(0);width:3px;height:100%;background-color:var(--accent);transform-origin:top;will-change:transform}.repos{background-color:var(--bg);padding:8rem 2rem;display:flex;align-items:center}.repos-inner{width:100%;max-width:1400px;margin:0 auto;max-height:100%;overflow-y:auto}.repos-heading{font-size:clamp(1.75rem,4vw,3rem);margin-bottom:3rem}.repo-grid{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background-color:var(--line);border:1px solid var(--line)}.repo-card{background-color:var(--bg)}.repo-card-body{display:flex;flex-direction:column;gap:.75rem;height:100%;padding:2.5rem;text-decoration:none;background-color:var(--bg);transition:background-color .4s cubic-bezier(.32,.72,0,1)}a.repo-card-body:hover{background-color:var(--bg-alt)}.repo-lang{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-faint)}.repo-name{font-family:var(--font-mono);font-weight:500;font-size:1.35rem;letter-spacing:-.01em;transition:color .3s cubic-bezier(.32,.72,0,1)}a.repo-card-body:hover .repo-name{color:var(--accent-text)}.repo-desc{font-size:.98rem;line-height:1.5;color:var(--fg-dim);max-width:42ch}@media(max-width:1000px){.slider-title{top:5rem;left:0;transform:none;width:100%;padding:2rem}.slider-indicator{top:unset;transform:none;bottom:2rem}.slide-tile{padding:1.5rem}.slide-tile-name{right:1.5rem;bottom:1.5rem}.repos{padding:5rem 1.5rem}.repo-grid{grid-template-columns:1fr}.repo-card-body{padding:1.75rem}}.skills-section{background-color:var(--bg-alt);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3.5rem;padding:4rem 2rem}.skills-intro-text h2{text-align:center;font-size:clamp(1.75rem,4vw,3rem)}.skills-card-container{display:flex;gap:0;width:100%;max-width:58rem}.skills-card{appearance:none;position:relative;flex:1;aspect-ratio:5 / 7;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:1.75rem;border:none;border-radius:0;font:inherit;text-align:left;color:inherit;cursor:pointer;transition:transform .35s cubic-bezier(.32,.72,0,1)}#skills-card-1{border-radius:1.25rem 0 0 1.25rem}#skills-card-3{border-radius:0 1.25rem 1.25rem 0}.skills-card:hover,.skills-card:focus-visible{transform:translateY(-.4rem)}.skills-card:before{content:"";position:absolute;inset:-10%;background-size:3rem 3rem;background-image:linear-gradient(to right,rgba(245,245,244,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(245,245,244,.06) 1px,transparent 1px)}.skills-card[data-tone=stack]{background:radial-gradient(circle at 25% 15%,#14303a,#080f14 75%)}.skills-card[data-tone=agentic]{background:radial-gradient(circle at 50% 15%,#4a90de,var(--accent) 75%)}.skills-card[data-tone=applied]{background:radial-gradient(circle at 75% 15%,#d9d5cd,#a8a39a 75%)}.skills-card[data-tone=applied]:before{background-image:linear-gradient(to right,rgba(15,15,15,.12) 1px,transparent 1px),linear-gradient(to bottom,rgba(15,15,15,.12) 1px,transparent 1px)}.skills-card-eyebrow{position:relative;font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;color:#f5f5f4b8}.skills-card-label{position:relative;font-size:clamp(1.75rem,4vw,3rem);line-height:1}.skills-card[data-tone=applied] .skills-card-eyebrow{color:#0f0f0fad}.skills-card[data-tone=applied] .skills-card-label{color:#0f0f0f}.skills-overlay{position:fixed;inset:0;z-index:90;visibility:hidden;pointer-events:none}.skills-overlay.is-open{visibility:visible;pointer-events:auto}.skills-overlay-backdrop{position:absolute;inset:0;background-color:#0a0e12b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0}.skills-overlay-card{position:absolute;top:50%;left:50%;width:85vw;height:85vh;border-radius:1.5rem;overflow:hidden;padding:3rem;display:flex;flex-direction:column;will-change:transform}.skills-overlay-card:before{content:"";position:absolute;inset:-10%;background-size:3rem 3rem;background-image:linear-gradient(to right,rgba(245,245,244,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(245,245,244,.06) 1px,transparent 1px)}.skills-overlay-card[data-tone=stack]{background:radial-gradient(circle at 25% 15%,#14303a,#080f14 75%)}.skills-overlay-card[data-tone=agentic]{background:radial-gradient(circle at 50% 15%,#4a90de,var(--accent) 75%)}.skills-overlay-card[data-tone=applied]{background:radial-gradient(circle at 75% 15%,#d9d5cd,#a8a39a 75%)}.skills-overlay-card[data-tone=applied]:before{background-image:linear-gradient(to right,rgba(15,15,15,.12) 1px,transparent 1px),linear-gradient(to bottom,rgba(15,15,15,.12) 1px,transparent 1px)}.skills-overlay-card[data-tone=applied]{color:#0f0f0f}.skills-overlay-card[data-tone=applied] .skills-panel-index{color:var(--accent-deep)}.skills-overlay-close{appearance:none;position:absolute;top:1.5rem;right:1.5rem;z-index:1;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border:1px solid rgba(245,245,244,.25);border-radius:50%;background-color:#0a0e1259;color:inherit;font-size:1.4rem;line-height:1;cursor:pointer}.skills-overlay-card[data-tone=applied] .skills-overlay-close{border-color:#0f0f0f40;background-color:#ffffff59}.skills-overlay-detail{position:relative;display:none;flex-direction:column;gap:1.1rem;max-width:42rem;margin:auto 0 0;opacity:0}.skills-overlay-detail.is-active{display:flex}.skills-panel-index{font-family:var(--font-mono);font-size:.85rem;color:var(--accent-text)}.skills-overlay-detail h3{font-size:clamp(2.25rem,5vw,4rem)}.skills-overlay-detail p{font-size:1.05rem;line-height:1.6;color:var(--fg-dim)}.skills-overlay-card[data-tone=applied] .skills-overlay-detail p{color:#0f0f0fb8}.skills-chip-list{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.skills-chip-list li{font-family:var(--font-mono);font-size:.78rem;padding:.45rem .8rem;border:1px solid rgba(245,245,244,.16);border-radius:var(--radius);color:var(--fg-dim);background-color:#f5f5f40a}.skills-overlay-card[data-tone=applied] .skills-chip-list li{border-color:#0f0f0f29;color:#0f0f0fbf;background-color:#0f0f0f0a}.skills-hint{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-faint);opacity:0;transition:opacity .6s ease}.skills-hint.is-visible{opacity:1}@media(max-width:999px){.skills-card-container{flex-direction:column;gap:1rem}.skills-card,#skills-card-1,#skills-card-3{aspect-ratio:16 / 7;border-radius:1.25rem}.skills-overlay-card{width:92vw;height:88vh;padding:2rem}}.footer-revealer{position:relative;width:100%;height:100svh}footer{position:fixed;top:0;left:0;width:100%;height:100svh;background-color:var(--bg);overflow:hidden;z-index:0}.footer-images{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center}.footer-hand-img{position:relative;width:40%;min-width:200px;will-change:transform}.footer-hand-img img{display:block;width:100%;opacity:0}.footer-hand-img canvas{position:absolute;inset:0;width:100%;height:100%}.footer-content{position:absolute;top:0;left:0;width:100%;padding:6rem 2rem 0;display:flex;justify-content:space-between;gap:2rem;color:var(--fg);z-index:1}.footer-links{display:flex;flex-direction:column;gap:.35rem}.footer-links a{color:var(--fg);text-decoration:none;font-family:var(--font-mono);font-size:1rem;transition:color .3s cubic-bezier(.32,.72,0,1)}.footer-links a:hover{color:var(--accent-text)}.footer-text{max-width:26rem}.footer-text p{font-size:1rem;line-height:1.5;color:var(--fg-dim)}.footer-header{position:absolute;bottom:0;left:0;width:100%;padding:2rem;display:flex;justify-content:space-between;align-items:flex-end;color:var(--fg);z-index:1}.footer-header h2{font-size:clamp(4rem,14vw,13rem);line-height:1;overflow:hidden}@media(max-width:1000px){.footer-content{flex-direction:column;padding-top:5rem}.footer-text{max-width:100%}.footer-header h2{font-size:3rem}}