@import "https://fonts.googleapis.com/css2?family=VT323&family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";.navbar{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:var(--border-w) solid transparent;transition:border-color .25s var(--ease-out), background .25s var(--ease-out);background:#0a0d1ab8;position:sticky;top:0}.navbar--scrolled{border-bottom-color:var(--color-border)}.navbar__inner{justify-content:space-between;align-items:center;height:80px;display:flex}.navbar__logo{font-family:var(--font-display);background:var(--color-orange);color:#14090a;padding:var(--space-2) var(--space-4);border-radius:var(--radius);font-size:1.5rem;line-height:1.2}.navbar__links{gap:var(--space-10);font-family:var(--font-mono);font-size:var(--fs-small);letter-spacing:.05em;text-transform:uppercase;display:flex}.navbar__links a{color:var(--color-off-white-dim);transition:color .2s var(--ease-out);position:relative}.navbar__links a:hover{color:var(--color-mint)}.navbar__burger{padding:var(--space-2);background:0 0;border:none;flex-direction:column;gap:5px;display:none}.navbar__burger span{background:var(--color-off-white);width:20px;height:2px}.navbar__links--mobile{gap:var(--space-5);padding:var(--space-5) var(--gutter) var(--space-6);border-top:var(--border-w) solid var(--color-border);flex-direction:column}@media (width<=720px){.navbar__links--desktop{display:none}.navbar__burger{display:flex}}.footer{border-top:var(--border-w) solid var(--color-border);padding-top:var(--space-16);padding-bottom:var(--space-8);margin-top:var(--space-24);z-index:1;position:relative}.footer__inner{padding-bottom:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.footer__signature{color:var(--color-off-white-dim)}.footer__links{gap:var(--space-6);display:flex}.footer__links a{color:var(--color-off-white-dim);transition:color .2s var(--ease-out)}.footer__links a:hover{color:var(--color-mint)}.footer__bottom{justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width<=560px){.footer__inner{flex-direction:column;align-items:flex-start}.footer__bottom{justify-content:flex-start}}.ambient-bg{z-index:0;pointer-events:none;opacity:.55;position:fixed;inset:0;overflow:hidden}.ambient-bg__item{will-change:transform, opacity;display:block;position:absolute}.ambient-bg__square{background:currentColor;display:block}.ambient-bg__rect,.ambient-bg__line{border-radius:1px;display:block}@media (width<=640px){.ambient-bg{opacity:.35}}@media (prefers-reduced-motion:reduce){.ambient-bg{opacity:.3}}.workstation{width:100%;max-width:460px;margin-left:auto}.workstation__svg{width:100%;height:auto}@media (width<=900px){.workstation{max-width:320px;margin:0 auto}}.hero{padding-top:var(--space-24);padding-bottom:var(--space-16)}.hero__grid{align-items:center;gap:var(--space-16);grid-template-columns:1.1fr .9fr;display:grid}.hero__name{font-family:var(--font-display);font-size:var(--fs-hero);color:var(--color-off-white);margin-top:var(--space-4);margin-bottom:var(--space-8);letter-spacing:var(--tracking-display-lg);line-height:.92}.hero__desc{max-width:44ch;color:var(--color-off-white-dim);margin-bottom:var(--space-10);font-size:1.1rem;line-height:1.7}.hero__cta{margin-bottom:0}@media (width<=900px){.hero__grid{gap:var(--space-12);grid-template-columns:1fr}.hero__art{order:-1}}@media (width<=640px){.hero{padding-top:var(--space-12)}.hero__name{margin-top:var(--space-3);margin-bottom:var(--space-6)}.hero__desc{margin-bottom:var(--space-8)}.hero__cta{margin-bottom:0}}.skill-badge{gap:var(--space-3);flex-direction:column;display:flex}.skill-badge__code{background:var(--color-card-bg);width:56px;height:56px;color:var(--color-card-text);font-family:var(--font-mono);border-radius:var(--radius);transition:transform .2s var(--ease-out);justify-content:center;align-items:center;font-size:.95rem;font-weight:600;display:flex}.skill-badge:hover .skill-badge__code{transform:translateY(-3px)}.skill-badge__name{color:var(--color-off-white-dim)}.loadout{padding-top:0}.loadout__label{margin-bottom:var(--space-5)}.loadout__badges{gap:var(--space-4);flex-wrap:wrap;display:flex}.about-portrait{justify-self:center;width:clamp(260px,26vw,320px);height:clamp(320px,32vw,380px);margin:0 auto;position:relative}.about-portrait__frame{aspect-ratio:4/5;border:var(--border-w) solid var(--color-border-strong);border-radius:var(--radius);background:var(--color-bg-raised);width:clamp(150px,15vw,180px);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)rotate(-3deg);box-shadow:0 12px 32px #00000059}.about-portrait__img{object-fit:cover;width:100%;height:100%;display:block}.about-portrait__placeholder{background-image:repeating-linear-gradient(45deg,#f2efe614,#f2efe614 10px,#0000 10px 20px);width:100%;height:100%}.about-portrait__icon{pointer-events:none;filter:drop-shadow(0 4px 10px #00000073);width:42px;height:42px;display:block;position:absolute}.about-portrait__icon-svg{width:100%;height:100%}.about-portrait__icon--coffee{top:-4%;left:38%}.about-portrait__icon--headphones{width:38px;height:38px;top:-2%;right:4%}.about-portrait__icon--camera{top:40%;right:-8%}.about-portrait__icon--football{width:40px;height:40px;bottom:4%;right:-4%}.about-portrait__icon--vinyl{width:40px;height:40px;bottom:-6%;left:40%}.about-portrait__icon--controller{bottom:6%;left:-8%}.about-portrait__icon--code{width:38px;height:38px;top:40%;left:-10%}.about-portrait__icon--laptop{top:-2%;left:0%}.about-portrait__badge--custom{object-fit:contain;filter:drop-shadow(0 4px 10px #00000073);width:40px;height:40px;position:absolute;bottom:24%;left:-12%}@media (width<=560px){.about-portrait{width:clamp(230px,62vw,280px);height:clamp(280px,76vw,340px)}.about-portrait__icon{width:36px;height:36px}}.about__grid{gap:var(--space-12);border-top:var(--border-w) solid var(--color-border);padding-top:var(--space-16);grid-template-columns:1.2fr auto .7fr;align-items:center;display:grid}.about__text{font-family:var(--font-body);color:var(--color-off-white);max-width:46ch;font-size:clamp(1.1rem,2.1vw,1.35rem);line-height:1.65}.about__text+.about__text{margin-top:var(--space-5)}.about__meta{gap:var(--space-10);flex-direction:column;display:flex}.about__meta-block{border-left:2px solid var(--color-orange);padding-left:var(--space-4)}.about__meta-value{color:var(--color-off-white-dim);font-family:var(--font-mono);font-size:var(--fs-small);margin-top:var(--space-2);line-height:1.5}@media (width<=1040px){.about__grid{gap:var(--space-10);grid-template-columns:1fr;align-items:stretch}.about-portrait{margin-bottom:var(--space-4);order:-1}}.resume-cta{align-items:center;gap:var(--space-2);transition:color .2s var(--ease-out), border-color .2s var(--ease-out), background .2s var(--ease-out);display:inline-flex}.resume-cta--inline{color:var(--color-orange);border-bottom:var(--border-w) solid transparent;padding-bottom:2px}.resume-cta--inline:hover{border-bottom-color:var(--color-orange)}.resume-section{border-top:var(--border-w) solid var(--color-border);border-bottom:var(--border-w) solid var(--color-border)}.resume-section__inner{justify-content:space-between;align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.resume-section__label{color:var(--color-orange);margin-bottom:var(--space-2)}.resume-section__text{font-family:var(--font-body);color:var(--color-off-white);font-size:1.15rem}@media (width<=560px){.resume-section__inner{flex-direction:column;align-items:flex-start}.resume-section__inner>:last-child{width:100%}.resume-section .resume-cta--button{justify-content:center;width:100%}}.project-card{border:var(--border-w) solid var(--color-border);border-radius:var(--radius);background:var(--color-bg-raised);transition:border-color .25s var(--ease-out), transform .25s var(--ease-out);overflow:hidden}.project-card:hover{border-color:var(--color-border-strong);transform:translateY(-4px)}.project-card__link{display:block}.project-card__media{aspect-ratio:4/3;background:var(--color-card-bg);position:relative;overflow:hidden}.project-card__media img{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease-out)}.project-card:hover .project-card__media img{transform:scale(1.04)}.project-card__media--contain img{object-fit:contain;box-sizing:border-box;padding:var(--space-0)}.project-card:hover .project-card__media--contain img{transform:scale(1.02)}.project-card__placeholder{background-image:repeating-linear-gradient(45deg,#14161f24,#14161f24 10px,#0000 10px 20px);width:100%;height:100%}.project-page__hero--contain img{object-fit:contain;box-sizing:border-box;padding:var(--space-0)}.project-card__badge{top:var(--space-3);right:var(--space-3);color:var(--color-off-white);padding:var(--space-1) var(--space-2);border:var(--border-w) solid var(--color-border-strong);border-radius:var(--radius);background:#0a0d1ad9;position:absolute}.project-card__body{padding:var(--space-8)}.project-card__category{margin-bottom:var(--space-3);color:var(--color-mint)}.project-card__title{font-family:var(--font-display);color:var(--color-off-white);margin-bottom:var(--space-4);letter-spacing:var(--tracking-display);text-transform:uppercase;font-size:1.9rem;line-height:1.1}.project-card__desc{color:var(--color-off-white-dim);font-size:var(--fs-small);line-height:1.7}.project-carousel{position:relative}.project-carousel__track{gap:var(--space-6);scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:var(--space-2);display:flex;overflow-x:auto}.project-carousel__track::-webkit-scrollbar{display:none}.project-carousel__slide{scroll-snap-align:start;flex:0 0 min(360px,82vw)}.project-carousel__controls{justify-content:center;align-items:center;gap:var(--space-6);margin-top:var(--space-8);display:flex}.project-carousel__arrow{border:var(--border-w) solid var(--color-border-strong);border-radius:var(--radius);width:40px;height:40px;color:var(--color-off-white);font-family:var(--font-mono);transition:border-color .2s var(--ease-out), color .2s var(--ease-out);background:0 0;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.project-carousel__arrow:hover:not(:disabled){border-color:var(--color-mint);color:var(--color-mint)}.project-carousel__arrow:disabled{opacity:.3;cursor:default}.project-carousel__count{color:var(--color-off-white-dim);text-align:center;min-width:68px}.skill-item.mono-label{border:var(--border-w) solid var(--color-border-strong);border-radius:var(--radius);padding:var(--space-3) var(--space-4);color:var(--color-off-white);letter-spacing:.03em;transition:border-color .2s var(--ease-out), color .2s var(--ease-out), background .2s var(--ease-out), transform .2s var(--ease-out);font-size:.85rem;font-weight:500}.skill-item:hover{border-color:var(--color-mint);color:var(--color-mint);background:var(--color-mint-dim);transform:translateY(-2px)}.skill-group{border-top:var(--border-w) solid var(--color-border);padding-top:var(--space-6)}.skill-group__label.mono-label{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);letter-spacing:.08em;font-size:.95rem;font-weight:600;display:flex}.skill-group__index{font-family:var(--font-mono);opacity:.9;font-weight:500}.skill-group__list{gap:var(--space-3);flex-wrap:wrap;display:flex}.skills{border-top:var(--border-w) solid var(--color-border)}.skills .skills__grid{margin-top:var(--space-8);gap:var(--space-10) var(--space-12);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=760px){.skills .skills__grid{gap:var(--space-8);grid-template-columns:1fr}}.final-cta{border-top:var(--border-w) solid var(--color-border)}.final-cta__inner{text-align:center;flex-direction:column;align-items:center;max-width:640px;margin:0 auto;display:flex}.final-cta__system{margin-bottom:var(--space-6)}.final-cta__title{font-family:var(--font-display);letter-spacing:var(--tracking-display-lg);text-transform:uppercase;color:var(--color-off-white);margin-bottom:var(--space-6);font-size:clamp(2.75rem,8vw,4.5rem);line-height:1}.final-cta__text{color:var(--color-off-white-dim);max-width:40ch;margin-bottom:var(--space-10);font-size:1.1rem;line-height:1.7}.final-cta__actions{align-items:center;gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}@media (width<=480px){.final-cta__actions{flex-direction:column;width:100%}.final-cta__actions>*{justify-content:center;width:100%}}.project-meta{border-top:var(--border-w) solid var(--color-border);flex-direction:column;display:flex}.project-meta__row{gap:var(--space-4);padding:var(--space-5) 0;border-bottom:var(--border-w) solid var(--color-border);grid-template-columns:120px 1fr;display:grid}.project-meta__row dt{color:var(--color-mint);line-height:1.5}.project-meta__row dd{color:var(--color-off-white);font-size:var(--fs-small);line-height:1.6}@media (width<=480px){.project-meta__row{grid-template-columns:90px 1fr}}.media-carousel{position:relative}.media-carousel__track{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}.media-carousel__track::-webkit-scrollbar{display:none}.media-carousel__slide{scroll-snap-align:start;align-items:center;gap:var(--space-3);flex-direction:column;flex:0 0 100%;display:flex}.media-carousel__frame{aspect-ratio:4/3;object-fit:cover;border:var(--border-w) solid var(--color-border);border-radius:var(--radius);background:var(--color-card-bg);width:100%;max-width:560px;position:relative}.media-carousel__frame--video{background:var(--color-bg-raised);overflow:hidden}.media-carousel__frame--video video{object-fit:cover;width:100%;height:100%}.media-carousel__frame--video video:fullscreen{object-fit:contain;background:#000}.media-carousel__frame--video video:fullscreen{object-fit:contain;background:#000}.media-carousel__placeholder{background-image:repeating-linear-gradient(45deg,#14161f24,#14161f24 10px,#0000 10px 20px)}.media-carousel__tag{top:var(--space-3);left:var(--space-3);padding:var(--space-1) var(--space-2);border:var(--border-w) solid var(--color-border-strong);border-radius:var(--radius);color:var(--color-orange);pointer-events:none;background:#0a0d1ad9;position:absolute}.media-carousel__caption{color:var(--color-off-white-dim);text-align:center}.media-carousel__controls{justify-content:center;align-items:center;gap:var(--space-6);margin-top:var(--space-6);display:flex}.media-carousel__arrow{border:var(--border-w) solid var(--color-border-strong);border-radius:var(--radius);width:40px;height:40px;color:var(--color-off-white);font-family:var(--font-mono);transition:border-color .2s var(--ease-out), color .2s var(--ease-out);background:0 0;justify-content:center;align-items:center;font-size:1rem;display:inline-flex}.media-carousel__arrow:hover:not(:disabled){border-color:var(--color-mint);color:var(--color-mint)}.media-carousel__arrow:disabled{opacity:.3;cursor:default}.media-carousel__count{color:var(--color-off-white-dim);text-align:center;min-width:68px}.project-page__top{padding-top:var(--space-16);padding-bottom:var(--space-16)}.project-page__back{margin-bottom:var(--space-10)}.project-page__title{font-family:var(--font-display);font-size:var(--fs-h1);letter-spacing:var(--tracking-display-lg);text-transform:uppercase;margin-bottom:var(--space-6);line-height:1.1}.project-page__desc{max-width:60ch;color:var(--color-off-white-dim);font-size:1.05rem;line-height:1.7}.project-page__body{gap:var(--space-16);padding-top:var(--space-4);padding-bottom:var(--space-16);border-top:var(--border-w) solid var(--color-border);grid-template-columns:1fr 260px;display:grid}.project-page__content{gap:var(--space-12);flex-direction:column;display:flex}.project-page__block-label{color:var(--color-mint);margin-bottom:var(--space-4)}.project-page__block-text{color:var(--color-off-white);max-width:70ch;font-size:1.05rem;line-height:1.75}.project-page__sidebar{align-self:start;position:sticky;top:96px}.project-page__nav{border-top:var(--border-w) solid var(--color-border);grid-template-columns:1fr 1fr;display:grid}.project-page__nav-link{gap:var(--space-2);padding:var(--space-8) var(--space-4);transition:background .2s var(--ease-out);flex-direction:column;display:flex}.project-page__nav-link:hover{background:var(--color-bg-raised)}.project-page__nav-link--right{text-align:right;border-left:var(--border-w) solid var(--color-border);align-items:flex-end}.project-page__nav-title{font-family:var(--font-display);letter-spacing:var(--tracking-display);text-transform:uppercase;color:var(--color-off-white);font-size:1.6rem;line-height:1.2}@media (width<=820px){.project-page__body{grid-template-columns:1fr}.project-page__sidebar{position:static}}:root{--color-bg:#0a0d1a;--color-bg-raised:#0e1224;--color-grid-line:#788cc817;--color-off-white:#f2efe6;--color-off-white-dim:#f2efe699;--color-off-white-faint:#f2efe659;--color-border:#f2efe629;--color-border-strong:#f2efe652;--color-orange:#ff5f2e;--color-orange-dim:#ff5f2e29;--color-mint:#6fe3c4;--color-mint-dim:#6fe3c429;--color-yellow:#e8b84b;--color-green:#3f6b52;--color-card-bg:#efe9da;--color-card-text:#14161f;--font-display:"VT323", "IBM Plex Mono", monospace;--font-body:"Space Grotesk", -apple-system, sans-serif;--font-mono:"IBM Plex Mono", "JetBrains Mono", monospace;--fs-hero:clamp(3.5rem, 10vw, 7.5rem);--fs-h1:clamp(2.5rem, 6vw, 4rem);--fs-h2:clamp(1.9rem, 4.2vw, 2.75rem);--fs-h3:1.4rem;--fs-body:1rem;--fs-small:.85rem;--fs-micro:.72rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--space-32:8rem;--max-width:1280px;--gutter:clamp(1.25rem, 4vw, 3rem);--radius:2px;--border-w:1px;--ease-out:cubic-bezier(.16, 1, .3, 1);--tracking-display:.02em;--tracking-display-lg:.03em}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-off-white);font-family:var(--font-body);font-size:var(--fs-body);background-image:linear-gradient(var(--color-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--color-grid-line) 1px, transparent 1px);background-position:top;background-size:48px 48px;line-height:1.65;position:relative;overflow-x:hidden}#root{z-index:1;position:relative}.app-shell{position:relative}.app-shell>main{z-index:1;position:relative}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img,video{max-width:100%;display:block}ul,ol{list-style:none}::selection{background:var(--color-orange);color:var(--color-bg)}a:focus-visible,button:focus-visible{outline:2px solid var(--color-mint);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.shell{max-width:var(--max-width);padding-left:var(--gutter);padding-right:var(--gutter);margin:0 auto}.section{padding-top:var(--space-24);padding-bottom:var(--space-24)}.section--tight{padding-top:var(--space-16);padding-bottom:var(--space-16)}.eyebrow{font-family:var(--font-mono);font-size:var(--fs-small);letter-spacing:.08em;color:var(--color-mint);text-transform:uppercase;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);display:inline-flex}.section-title{font-family:var(--font-display);font-size:var(--fs-h1);color:var(--color-off-white);text-transform:uppercase;letter-spacing:var(--tracking-display-lg);line-height:1.1}.section-title+*{margin-top:var(--space-6)}.mono-label{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.06em;text-transform:uppercase;color:var(--color-off-white-dim);line-height:1.5}.thin-border{border:var(--border-w) solid var(--color-border)}.btn-primary{align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--fs-small);letter-spacing:.04em;text-transform:uppercase;background:var(--color-orange);color:#14090a;padding:var(--space-4) var(--space-6);border:var(--border-w) solid var(--color-orange);border-radius:var(--radius);transition:transform .2s var(--ease-out), background .2s var(--ease-out);font-weight:500;display:inline-flex}.btn-primary:hover{background:#ff7748;transform:translate(-2px,-2px)}.btn-ghost{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--fs-small);letter-spacing:.04em;text-transform:uppercase;color:var(--color-off-white);padding:var(--space-3) var(--space-6);border:var(--border-w) solid var(--color-border-strong);border-radius:var(--radius);transition:border-color .2s var(--ease-out), color .2s var(--ease-out);background:0 0;display:inline-flex}.btn-ghost:hover{border-color:var(--color-mint);color:var(--color-mint)}.btn-outline{align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--fs-small);letter-spacing:.04em;text-transform:uppercase;color:var(--color-orange);padding:var(--space-4) var(--space-6);border:var(--border-w) solid var(--color-orange);border-radius:var(--radius);transition:background .2s var(--ease-out), color .2s var(--ease-out);background:0 0;font-weight:500;display:inline-flex}.btn-outline:hover{background:var(--color-orange);color:#14090a}.tag-pill{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.05em;text-transform:uppercase;border:var(--border-w) solid var(--color-border-strong);border-radius:var(--radius);padding:var(--space-1) var(--space-3);color:var(--color-off-white-dim)}.geo-cross{flex-shrink:0;width:16px;height:16px;position:relative}.geo-cross:before,.geo-cross:after{content:"";background:currentColor;position:absolute}.geo-cross:before{width:2px;height:100%;top:0;left:50%;transform:translate(-50%)}.geo-cross:after{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)}.geo-square{background:currentColor;width:12px;height:12px}.status-tag{font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.06em;padding:var(--space-2) var(--space-3);border:var(--border-w) solid;border-radius:var(--radius);white-space:nowrap;width:fit-content}.status-tag--added{color:var(--color-mint);border-color:var(--color-mint)}.status-tag--improved{color:var(--color-orange);border-color:var(--color-orange)}.status-tag--shipped{color:var(--color-yellow);border-color:var(--color-yellow)}.selected-builds__head{align-items:center;gap:var(--space-4);margin-bottom:var(--space-10);display:flex}.selected-builds__mark{color:var(--color-orange);border-color:var(--color-orange);justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:.6rem;display:inline-flex}@media (width<=640px){.section{padding-top:var(--space-16);padding-bottom:var(--space-16)}.section--tight{padding-top:var(--space-12);padding-bottom:var(--space-12)}}