:root{--c-bg: #0c0c0d;--c-bg-raised: #131315;--c-panel: #16161a;--c-bone: #e8e4dc;--c-stone: #8a857b;--c-stone-dim: #55524c;--c-bronze: #c08a3e;--c-bronze-dim: #6e5227;--c-line: rgba(232, 228, 220, .12);--c-line-soft: rgba(232, 228, 220, .06);--font-display: "Syne", "Arial Black", sans-serif;--font-body: "Manrope", "Helvetica Neue", sans-serif;--font-mono: "Space Mono", "Courier New", monospace;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--gutter: clamp(1.25rem, 4vw, 4rem);--max-w: 88rem;--nav-h: 4.5rem;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:auto}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{margin:0;background:var(--c-bg);color:var(--c-bone);font-family:var(--font-body);font-weight:300;font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}body.has-cursor,body.has-cursor a,body.has-cursor button{cursor:none}::selection{background:var(--c-bronze);color:#0c0c0d}:focus-visible{outline:2px solid var(--c-bronze);outline-offset:3px;border-radius:1px}img,svg,canvas{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0}.section{position:relative;padding:clamp(6rem,14vh,11rem) var(--gutter)}.section-inner{max-width:var(--max-w);margin:0 auto;position:relative}.mono-label{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.22em;text-transform:uppercase;color:var(--c-stone);display:inline-flex;align-items:center;gap:.75em}.mono-label:before{content:"";width:1.75em;height:1px;background:var(--c-bronze);flex:none}.eyebrow-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:clamp(2.5rem,6vh,4.5rem)}.scene-canvas{position:fixed;inset:0;z-index:0;pointer-events:none}.page-content{position:relative;z-index:1}.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 120% 90% at 50% 45%,transparent 55%,rgba(6,6,7,.75) 100%),linear-gradient(to bottom,rgba(12,12,13,.35),transparent 18%,transparent 82%,rgba(12,12,13,.55))}.grain{position:fixed;inset:-100px;z-index:60;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain-shift .9s steps(4) infinite}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-30px,20px)}50%{transform:translate(20px,-35px)}75%{transform:translate(-15px,-20px)}to{transform:translate(0)}}.skip-link{position:fixed;top:1rem;left:1rem;z-index:110;background:var(--c-bone);color:var(--c-bg);padding:.75rem 1.25rem;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.15em;text-transform:uppercase;transform:translateY(-250%);transition:transform .3s var(--ease-out)}.skip-link:focus-visible{transform:translateY(0)}.loader{position:fixed;inset:0;z-index:100;background:var(--c-bg);display:flex;align-items:center;justify-content:center}.loader-inner{width:min(80vw,26rem)}.loader-count{font-family:var(--font-display);font-weight:800;font-size:clamp(4rem,14vw,8rem);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.loader-meta{display:flex;justify-content:space-between;margin-bottom:1rem}.loader-bar{height:1px;background:var(--c-line);position:relative;overflow:hidden}.loader-bar-fill{position:absolute;inset:0;background:var(--c-bone);transform-origin:left}.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:1.5rem var(--gutter);mix-blend-mode:difference}.nav-logo{font-family:var(--font-display);font-weight:800;font-size:1.0625rem;letter-spacing:.14em}.nav-links{display:flex;gap:2.25rem;list-style:none;margin:0;padding:0}.nav-link{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;color:var(--c-bone);position:relative;padding:.25em 0;display:inline-block}.nav-link:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease-out)}.nav-link:hover:after,.nav-link:focus-visible:after{transform:scaleX(1);transform-origin:left}.nav-burger{display:none;flex-direction:column;gap:5px;padding:.5rem}.nav-burger span{display:block;width:22px;height:1.5px;background:var(--c-bone);transition:transform .35s var(--ease-out),opacity .3s}.nav-burger[aria-expanded=true] span:nth-child(1){transform:translateY(3.25px) rotate(45deg)}.nav-burger[aria-expanded=true] span:nth-child(2){transform:translateY(-3.25px) rotate(-45deg)}.mobile-menu{position:fixed;inset:0;z-index:45;background:#0a0a0beb;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:center}.mobile-menu-links{display:flex;flex-direction:column;gap:1.75rem;text-align:center;list-style:none;margin:0;padding:0}.mobile-menu-link{font-family:var(--font-display);font-weight:700;font-size:clamp(2.25rem,10vw,3.5rem);letter-spacing:.02em;color:var(--c-bone)}.scroll-progress{position:fixed;top:0;left:0;height:2px;width:100%;z-index:55;transform-origin:left;background:linear-gradient(to right,var(--c-bronze-dim),var(--c-bronze))}.cursor{position:fixed;top:0;left:0;z-index:90;pointer-events:none;mix-blend-mode:difference}.cursor-dot{position:absolute;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--c-bone)}.cursor-ring{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:1px solid rgba(232,228,220,.5);display:flex;align-items:center;justify-content:center;transition:width .3s var(--ease-out),height .3s var(--ease-out),margin .3s var(--ease-out),border-color .3s,background-color .3s}.cursor[data-state=link] .cursor-ring{width:52px;height:52px;margin:-26px 0 0 -26px;border-color:#e8e4dce6}.cursor[data-state=view] .cursor-ring{width:84px;height:84px;margin:-42px 0 0 -42px;background:#e8e4dcf2;border-color:transparent}.cursor-label{font-family:var(--font-mono);font-size:.5625rem;letter-spacing:.2em;text-transform:uppercase;color:#0c0c0d;opacity:0;transition:opacity .25s}.cursor[data-state=view] .cursor-label{opacity:1}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:clamp(2rem,6vh,4rem)}.hero-title{font-family:var(--font-display);font-weight:800;font-size:clamp(4rem,17.5vw,17rem);line-height:.88;letter-spacing:-.015em;margin:0;text-transform:uppercase;display:flex;overflow:hidden}.hero-title .char{display:inline-block;will-change:transform}.hero-meta{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-top:clamp(1.5rem,4vh,3rem);flex-wrap:wrap}.hero-role{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--c-stone);max-width:18rem;line-height:1.8}.hero-statement{font-size:clamp(1rem,1.6vw,1.25rem);font-weight:400;color:var(--c-bone);max-width:26rem;line-height:1.5;margin:0}.hero-scroll-hint{position:absolute;bottom:clamp(2rem,6vh,4rem);left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:.625rem;letter-spacing:.3em;text-transform:uppercase;color:var(--c-stone-dim);display:flex;flex-direction:column;align-items:center;gap:.75rem}.hero-scroll-hint:after{content:"";width:1px;height:2.5rem;background:linear-gradient(to bottom,var(--c-stone),transparent);animation:hint-drop 2.2s var(--ease-in-out) infinite}@keyframes hint-drop{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.intro-line{font-family:var(--font-display);font-weight:700;font-size:clamp(1.75rem,4.6vw,4.25rem);line-height:1.12;letter-spacing:-.01em;margin:0;max-width:56rem}.intro-line .word{display:inline-block;overflow:hidden;vertical-align:top}.intro-line .word>span{display:inline-block;will-change:transform}.intro-line em{font-style:normal;color:var(--c-bronze)}.intro-side{max-width:22rem;margin-top:clamp(2.5rem,6vh,4rem);margin-left:auto;color:var(--c-stone);font-size:.9375rem}.work-list{display:flex;flex-direction:column}.project-row{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(1.5rem,4vw,4rem);padding:clamp(2.25rem,5vh,3.75rem) 0;border-bottom:1px solid var(--c-line-soft);isolation:isolate}.project-row:first-child{border-top:1px solid var(--c-line-soft)}.project-index{font-family:var(--font-mono);font-size:.75rem;color:var(--c-stone-dim);letter-spacing:.15em}.project-main{min-width:0}.project-title{font-family:var(--font-display);font-weight:800;font-size:clamp(2.25rem,6.5vw,5.5rem);line-height:.95;letter-spacing:-.01em;text-transform:uppercase;margin:0 0 .75rem;transition:transform .55s var(--ease-out),color .4s}.project-row:hover .project-title{transform:translate(clamp(.5rem,1.5vw,1.5rem))}.project-meta{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c-stone)}.project-row:hover .project-meta .p-cat{color:var(--c-bronze)}.p-cat{transition:color .4s}.project-year{font-family:var(--font-mono);font-size:.75rem;color:var(--c-stone-dim);letter-spacing:.15em;align-self:start;padding-top:.75em}.project-preview{position:fixed;z-index:30;width:min(26vw,24rem);aspect-ratio:16 / 10;pointer-events:none;overflow:hidden;opacity:0;transform-origin:center}.project-preview-inner{position:absolute;inset:0}.pv{position:absolute;inset:0;overflow:hidden;background:linear-gradient(160deg,#17171a,#0e0e10)}.pv:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px var(--c-line)}.pv-svg{position:absolute;inset:0;width:100%;height:100%}.pv-caption{position:absolute;left:1rem;bottom:.875rem;font-family:var(--font-mono);font-size:.5625rem;letter-spacing:.25em;text-transform:uppercase;color:#e8e4dc8c}.showcase{position:relative;height:340vh}.showcase-sticky{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;align-items:center}.showcase-visual{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.showcase-visual-frame{width:34vw;aspect-ratio:16 / 10;max-width:40rem;overflow:hidden;will-change:transform,width}.showcase-copy{position:relative;z-index:2;width:100%;padding:0 var(--gutter);pointer-events:none}.showcase-copy-inner{max-width:var(--max-w);margin:0 auto;display:flex;flex-direction:column;gap:clamp(2rem,6vh,4.5rem)}.showcase-step{max-width:24rem;margin-left:auto}.showcase-step h3{font-family:var(--font-display);font-weight:700;font-size:clamp(1.375rem,2.4vw,2rem);line-height:1.15;margin:0 0 .875rem}.showcase-step p{margin:0;color:var(--c-stone);font-size:.9375rem}.showcase-header{position:absolute;top:clamp(5rem,14vh,8rem);left:var(--gutter);right:var(--gutter);z-index:2;display:flex;justify-content:space-between;align-items:baseline}.showcase-title{font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,6vw,5rem);text-transform:uppercase;letter-spacing:-.01em;line-height:.95;margin:0}.showcase-tech{display:flex;gap:1rem;flex-wrap:wrap;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c-stone)}.skills-field{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center}.skills-stack{position:relative;width:100%;height:clamp(26rem,60vh,34rem)}.skill-item{position:absolute;top:50%;left:50%;display:flex;align-items:baseline;gap:.875rem;will-change:transform}.skill-name{font-family:var(--font-display);font-weight:700;line-height:1;letter-spacing:-.01em;text-transform:uppercase;color:var(--c-bone);transition:color .4s,opacity .4s}.tier-1 .skill-name{font-size:clamp(2.5rem,6vw,5.25rem)}.tier-2 .skill-name{font-size:clamp(1.5rem,3.4vw,2.875rem)}.tier-3 .skill-name{font-size:clamp(1rem,2vw,1.5rem);color:var(--c-stone)}.skill-meta{font-family:var(--font-mono);font-size:.5625rem;letter-spacing:.2em;text-transform:uppercase;color:var(--c-stone-dim)}.skill-item:hover .skill-name{color:var(--c-bronze)}.about-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(3rem,8vw,8rem);align-items:start}.about-lede{font-family:var(--font-display);font-weight:700;font-size:clamp(1.5rem,3.2vw,2.875rem);line-height:1.2;letter-spacing:-.01em;margin:0 0 2.5rem}.about-block h3{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.22em;text-transform:uppercase;color:var(--c-bronze);margin:2.5rem 0 .875rem}.about-block h3:first-child{margin-top:0}.about-block p{margin:0;color:var(--c-stone);font-size:.9375rem;max-width:30rem}.about-facts{display:flex;flex-direction:column;border-top:1px solid var(--c-line)}.about-fact{display:flex;justify-content:space-between;gap:1.5rem;padding:1.25rem 0;border-bottom:1px solid var(--c-line-soft);font-size:.875rem}.about-fact dt{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;color:var(--c-stone);padding-top:.2em}.about-fact dd{margin:0;text-align:right;color:var(--c-bone)}.timeline{position:relative;max-width:48rem;margin:0 auto;padding-left:clamp(2.5rem,6vw,5rem)}.timeline-rail{position:absolute;left:.5rem;top:0;bottom:0;width:1px;background:var(--c-line)}.timeline-rail-fill{position:absolute;inset:0;background:var(--c-bronze);transform-origin:top;transform:scaleY(0)}.timeline-item{position:relative;padding:clamp(2rem,5vh,3.5rem) 0}.timeline-item:before{content:"";position:absolute;left:calc(-1*clamp(2.5rem,6vw,5rem) + .5rem);top:calc(clamp(2rem,5vh,3.5rem) + .55em);width:9px;height:9px;border-radius:50%;border:1px solid var(--c-stone);background:var(--c-bg);transform:translate(-4px);transition:border-color .4s,background-color .4s}.timeline-item.is-active:before{border-color:var(--c-bronze);background:var(--c-bronze)}.timeline-period{font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.2em;color:var(--c-stone);margin-bottom:.625rem}.timeline-role{font-family:var(--font-display);font-weight:700;font-size:clamp(1.375rem,2.6vw,2.125rem);margin:0 0 .375rem}.timeline-company{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--c-bronze);margin-bottom:.875rem}.timeline-summary{margin:0;color:var(--c-stone);font-size:.9375rem;max-width:32rem}.contact{min-height:100svh;display:flex;flex-direction:column;justify-content:center}.contact-statement{font-family:var(--font-display);font-weight:800;font-size:clamp(2.5rem,8.5vw,8rem);line-height:.95;letter-spacing:-.015em;text-transform:uppercase;margin:0 0 clamp(3rem,8vh,5rem)}.contact-statement em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--c-bone)}.contact-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:2.5rem;flex-wrap:wrap}.contact-links{display:flex;flex-direction:column;gap:.625rem;list-style:none;margin:0;padding:0}.contact-link{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--c-stone);display:inline-flex;gap:.75em;align-items:baseline;transition:color .35s}.contact-link:hover,.contact-link:focus-visible{color:var(--c-bone)}.contact-link .idx{color:var(--c-stone-dim);font-size:.625rem}.cta{display:inline-flex;align-items:center;gap:1rem;font-family:var(--font-mono);font-size:.8125rem;letter-spacing:.2em;text-transform:uppercase;color:var(--c-bone);padding:1.25rem 2.25rem;border:1px solid var(--c-line);border-radius:999px;position:relative;overflow:hidden;isolation:isolate;will-change:transform}.cta:before{content:"";position:absolute;inset:0;background:var(--c-bone);transform:translateY(101%);transition:transform .5s var(--ease-out);z-index:-1}.cta:hover:before,.cta:focus-visible:before{transform:translateY(0)}.cta:hover,.cta:focus-visible{color:var(--c-bg)}.cta .cta-arrow{transition:transform .4s var(--ease-out)}.cta:hover .cta-arrow{transform:translate(4px)}.reveal-line{display:block;overflow:hidden}.reveal-line>span{display:inline-block;will-change:transform}@media (max-width: 900px){.about-grid{grid-template-columns:1fr;gap:3.5rem}.showcase-step{margin-left:0}.showcase-visual-frame{width:72vw}}@media (max-width: 768px){.nav-links{display:none}.nav-burger{display:flex}.hero-meta{flex-direction:column;align-items:flex-start;gap:1.25rem}.hero-statement{font-size:.9375rem}.project-row{grid-template-columns:auto 1fr}.project-year,.project-preview{display:none}.skill-item{position:static;transform:none!important}.skills-stack{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem;height:auto}.showcase{height:300vh}.showcase-copy-inner{display:grid;place-items:center end;height:52svh;gap:0}.showcase-step{grid-area:1 / 1;max-width:min(24rem,88vw)}.contact-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion: reduce){.grain{animation:none}.hero-scroll-hint:after{animation:none}.showcase-copy-inner{display:flex;flex-direction:column;gap:2.5rem;height:auto}.showcase-step{grid-area:auto}@media (max-width: 768px){.showcase{height:auto}.showcase-sticky{position:static;height:auto;overflow:visible;padding:20vh 0}}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}