:root{--bg:#0a0a0b;--surface:#18181b;--raised:#232326;--border:#333336;--grey:#5a5f6b;--blue:#4c8dff;--blue-hover:#2e5cb8;--text:#e4e4e7;--muted:#8b8b8f;--blue-wash:#4c8dff14;--font-sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:clamp(1.125rem, 2.1vw, 1.5rem);--text-xl:clamp(1.375rem, 2.4vw, 1.625rem);--text-2xl:clamp(1.5rem, 3vw, 1.875rem);--text-hero:clamp(2.25rem, 7.5vw, 5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--container:68rem;--gutter:clamp(1.25rem, 5vw, 2.5rem);--nav-h:4rem;--section-pad:clamp(3.5rem, 6vw, 5.5rem);--perspective:1200px;--depth-xs:6px;--depth-sm:12px;--depth-md:20px;--tilt-hover:1.5deg;--radius-sm:4px;--radius:6px;--radius-lg:12px;--shadow-raised:0 1px 2px #0000008c, 0 6px 16px #00000080;--shadow-raised-hover:0 2px 4px #0009, 0 12px 28px #0000008c;--ease:cubic-bezier(.2, 0, .2, 1);--dur:.16s}@media (width<=640px){:root{--nav-h:3.5rem}}@media (prefers-reduced-motion:reduce){:root{--dur:0s}}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background-color:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.65}h1,h2,h3{letter-spacing:-.02em;text-wrap:balance;font-weight:600;line-height:1.15}p{text-wrap:pretty}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}::selection{background-color:var(--blue);color:var(--bg)}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:var(--radius-sm)}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.skip-link{top:var(--space-2);left:var(--space-2);z-index:100;padding:var(--space-2) var(--space-4);background-color:var(--raised);border:1px solid var(--blue);border-radius:var(--radius);font-size:var(--text-sm);color:var(--text);position:absolute;transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius);font-size:var(--text-base);white-space:nowrap;cursor:pointer;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), transform var(--dur) var(--ease);border:1px solid #0000;padding:.7rem 1.25rem;font-weight:500;line-height:1.2;display:inline-flex}.btn.depth-lift{--lift:calc(var(--depth-xs) / 2)}.btn--primary{background-color:var(--blue);color:var(--bg)}.btn--primary:hover{background-color:var(--blue-hover);color:var(--text)}.btn--secondary{border-color:var(--border);color:var(--text);background-color:#0000}.btn--secondary:hover{border-color:var(--blue);color:var(--blue);background-color:var(--blue-wash)}.mono-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.scramble-text--active{font-family:var(--font-mono)}.scramble__glyph--live{color:var(--blue)}.depth-scene{perspective:var(--perspective);perspective-origin:50%}.depth-object{transform-style:preserve-3d}.depth-xs{transform:translateZ(var(--depth-xs))}.depth-sm{transform:translateZ(var(--depth-sm))}.depth-md{transform:translateZ(var(--depth-md))}.depth-lift{--lift:var(--depth-xs);--turn:0deg;transition:transform var(--dur) var(--ease)}.depth-lift:hover{transform:perspective(var(--perspective)) translateZ(var(--lift)) rotateX(calc(-1 * var(--turn))) rotateY(var(--turn))}@media (hover:none),(pointer:coarse){.depth-lift{transition:none}.depth-lift:hover{transform:none}}@media (prefers-reduced-motion:reduce){.depth-scene{perspective:none}.depth-object{transform-style:flat}.depth-xs,.depth-sm,.depth-md{transform:none}.depth-lift{transition:none}.depth-lift:hover{transform:none}}.about{row-gap:var(--space-6);grid-template-columns:minmax(0,1fr);display:grid}.about__body{max-width:62ch}.about__paragraph{font-size:var(--text-base);color:var(--muted);line-height:1.7}.about__paragraph+.about__paragraph{margin-top:var(--space-4)}.about__paragraph--lead{font-size:var(--text-md);color:var(--text);line-height:1.65}.about__aside-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.about__aside-value{margin-top:var(--space-2);font-size:var(--text-base);color:var(--text)}@media (width>=900px){.about{grid-template-columns:minmax(0,1fr) 14rem;align-items:start;column-gap:clamp(2rem,5vw,4rem)}.about__aside{padding-left:var(--space-5);border-left:1px solid var(--border)}}.contact__panel{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);--turn:var(--tilt-hover);transition:box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);padding:clamp(1.75rem,2.6vw,2rem)}.contact__panel:hover{box-shadow:var(--shadow-raised-hover)}.contact__heading{font-size:var(--text-xl);letter-spacing:-.02em;color:var(--text);font-weight:600;line-height:1.2}.contact__invite{max-width:52ch;margin-top:var(--space-4);font-size:var(--text-md);color:var(--muted);line-height:1.65}.contact__links{padding-top:var(--space-5);border-top:1px solid var(--border);margin-top:clamp(1.75rem,3vw,2.5rem)}.contact__row{column-gap:var(--space-4);grid-template-columns:5.5rem minmax(0,1fr);align-items:baseline;display:grid}.contact__row+.contact__row{margin-top:var(--space-3)}.contact__label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.contact__value{margin:0}.contact__link{min-height:2.25rem;font-size:var(--text-base);color:var(--text);--lift:calc(var(--depth-xs) / 2);transition:color var(--dur) var(--ease), transform var(--dur) var(--ease);align-items:center;display:inline-flex}.contact__link:hover{color:var(--blue)}@media (width<=640px){.contact__link{min-height:2.75rem}}.footer{border-top:1px solid var(--border)}.footer__inner{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-5);display:flex}.footer__copy{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted)}.footer__link{min-height:2.25rem;font-size:var(--text-sm);color:var(--muted);--lift:calc(var(--depth-xs) / 2);transition:color var(--dur) var(--ease), transform var(--dur) var(--ease);align-items:center;display:inline-flex}.footer__link:hover{color:var(--blue)}@media (width<=640px){.footer__link{min-height:2.75rem}}.hero{min-height:clamp(30rem, calc(100svh - var(--nav-h)), 46rem);align-items:center;padding-block:clamp(3.5rem,10vh,6rem);display:flex;position:relative}.hero__inner{row-gap:var(--space-7);grid-template-columns:minmax(0,1fr);display:grid;position:relative}.hero__identity{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.hero__label{align-items:center;gap:var(--space-4);width:100%;margin-bottom:var(--space-5);display:flex}.hero__label-rule{background-color:var(--border);flex:auto;height:1px}.hero__name{font-size:var(--text-hero);letter-spacing:-.03em;text-transform:uppercase;color:var(--text);cursor:pointer;perspective:800px;font-weight:600;line-height:1.02;position:relative}.hero__name-inner{transform-style:preserve-3d;transform:translateZ(0) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .22s var(--ease);display:inline-block;position:relative}.hero__name:hover .hero__name-inner{transform:translateZ(var(--depth-sm)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}.hero__name-inner:before{content:attr(data-text);color:var(--border);transform:translateZ(calc(-1 * var(--depth-sm)));position:absolute;inset:0}.hero__name:after{content:"";inset-inline:0;background-color:var(--blue);transform-origin:0;height:2px;transition:transform var(--dur) var(--ease);position:absolute;bottom:-.06em;transform:scaleX(0)}.hero__name:hover:after{transform:scaleX(1)}.hero__intro{max-width:56ch;margin-top:var(--space-5);font-size:var(--text-md);color:var(--muted);line-height:1.7}.hero__actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.hero__facts{gap:var(--space-5) var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border);flex-wrap:wrap;margin:0;display:flex}.hero__fact{min-width:0}.hero__fact-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.hero__fact-value{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--text)}@media (width>=1024px){.hero__inner{grid-template-columns:minmax(0,1fr) 12rem;column-gap:clamp(2.5rem,7vw,7rem)}.hero__facts{justify-content:flex-end;gap:var(--space-4);padding-top:0;padding-left:var(--space-5);border-top:0;border-left:1px solid var(--border);flex-flow:column}}@media (width<=640px){.hero{min-height:clamp(28rem, calc(100svh - var(--nav-h)), 36rem)}.hero__intro{max-width:100%}.hero__actions{width:100%}.hero__actions .btn{flex:10rem;min-height:2.75rem}.hero__facts{gap:var(--space-4) var(--space-5)}}@media (hover:none),(pointer:coarse){.hero__name{perspective:none}.hero__name-inner,.hero__name:hover .hero__name-inner{transform:none}.hero__name-inner:before{display:none}}@media (prefers-reduced-motion:reduce){.hero__name{perspective:none}.hero__name-inner,.hero__name:hover .hero__name-inner{transition:none;transform:none}.hero__name-inner:before{display:none}}.navbar{z-index:50;height:var(--nav-h);background-color:var(--bg);border-bottom:1px solid var(--border);position:sticky;top:0}.navbar__inner{justify-content:space-between;align-items:center;gap:var(--space-4);height:100%;display:flex}.navbar__brand{align-items:center;gap:var(--space-3);min-width:0;display:inline-flex}.navbar__mark{background-color:var(--raised);border:1px solid var(--border);border-radius:var(--radius-sm);width:1.875rem;height:1.875rem;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;color:var(--text);transition:border-color var(--dur) var(--ease);flex:none;place-items:center;font-weight:600;display:grid}.navbar__brand:hover .navbar__mark{border-color:var(--blue)}.navbar__name{min-width:8em;font-size:var(--text-base);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;font-weight:500;display:inline-block}@media (prefers-reduced-motion:reduce){.navbar__name:hover{color:var(--blue)}}.navbar__links{align-items:center;gap:var(--space-5);padding:0;list-style:none;display:flex}.navbar__link{font-size:var(--text-sm);color:var(--muted);transition:color var(--dur) var(--ease);padding-block:.35rem;display:block;position:relative}.navbar__link:after{content:"";inset-inline:0;background-color:var(--blue);transform-origin:0;height:2px;transition:transform var(--dur) var(--ease);position:absolute;bottom:0;transform:scaleX(0)}.navbar__link:hover,.navbar__link[aria-current=true]{color:var(--text)}.navbar__link[aria-current=true]:after{transform:scaleX(1)}@media (width<=640px){.navbar__name{display:none}.navbar__links{gap:var(--space-4)}}@media (width<=380px){.navbar__links{gap:var(--space-3)}.navbar__link{font-size:var(--text-xs)}}.projects{grid-template-columns:minmax(0,1fr);gap:clamp(1.25rem,2.2vw,1.75rem);display:grid}@media (width>=680px){.projects{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.projects{grid-template-columns:repeat(3,minmax(0,1fr))}}.projects>.depth-scene{display:flex}.project-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);transform:translate3d(0, 0, 0) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform var(--dur) var(--ease), background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease);flex-direction:column;flex:1;padding:clamp(1.5rem,2.4vw,1.75rem);display:flex;position:relative}.project-card:before{content:"";border-radius:inherit;background-image:radial-gradient(16rem circle at var(--mx,50%) var(--my,50%), #e4e4e712, transparent 70%);opacity:0;transition:opacity var(--dur) var(--ease);pointer-events:none;position:absolute;inset:0}.project-card:hover:before{opacity:1}.project-card:hover{transform:translate3d(0, -3px, var(--depth-sm)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));background-color:var(--raised);border-color:var(--grey);box-shadow:var(--shadow-raised-hover)}.project-card__number{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;color:var(--muted)}.project-card__name{margin-top:var(--space-4);font-size:var(--text-lg);letter-spacing:-.015em;color:var(--text);transition:color var(--dur) var(--ease);font-weight:600}.project-card:hover .project-card__name{color:var(--blue)}.project-card__description{margin-top:var(--space-3);font-size:var(--text-base);color:var(--muted);line-height:1.6}.project-card__tags{gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;padding:0;list-style:none;display:flex}.project-card__tag{border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted);padding:.2rem .5rem}.project-card__links{gap:var(--space-2) var(--space-5);padding-top:var(--space-5);flex-wrap:wrap;margin-top:auto;display:flex}.project-card__link{align-items:center;gap:var(--space-2);min-height:2.25rem;font-size:var(--text-sm);white-space:nowrap;color:var(--muted);transition:color var(--dur) var(--ease);display:inline-flex}.project-card__arrow{color:var(--grey);transition:color var(--dur) var(--ease), transform var(--dur) var(--ease)}.project-card:hover .project-card__link{color:var(--text)}.project-card:hover .project-card__arrow{color:var(--blue);transform:translate(3px)}.project-card:hover .project-card__link:hover{color:var(--blue)}@media (width<=640px){.project-card__link{min-height:2.75rem}}@media (prefers-reduced-motion:reduce){.project-card{transform:translateY(0)}.project-card:hover{transform:translateY(-3px)}}.section{padding-block:var(--section-pad);border-top:1px solid var(--border);scroll-margin-top:var(--nav-h)}.section__header{margin-bottom:var(--space-6)}.section__heading{align-items:baseline;gap:var(--space-3);--turn:var(--tilt-hover);display:flex}.section__index{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted)}.section__title{font-size:var(--text-2xl);color:var(--text)}.section__lead{max-width:62ch;margin-top:var(--space-3);font-size:var(--text-md);color:var(--muted)}.skills{border-bottom:1px solid var(--border)}.skills__group{row-gap:var(--space-3);padding-block:var(--space-5);border-top:1px solid var(--border);--turn:var(--tilt-hover);grid-template-columns:minmax(0,1fr);display:grid}.skills__label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:400}.skills__items{row-gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.skills__item:not(:last-child):after{content:"·";margin-inline:var(--space-2);color:var(--grey)}.skills__tech{border-radius:var(--radius-sm);font-size:var(--text-base);color:var(--muted);--lift:calc(var(--depth-xs) / 2);transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease), transform var(--dur) var(--ease);padding:.2rem .45rem;display:inline-block}.skills__tech:hover{background-color:var(--raised);color:var(--blue)}@media (width>=700px){.skills__group{column-gap:var(--space-5);grid-template-columns:9rem minmax(0,1fr);align-items:baseline}}