:root{--bg:#f5f8fb;--ink:#121212;--ink-muted:#5a5a5a;--ascii-dark:#1a1a1a;--ascii-mid:#6e6e6e;--accent:#6eb8dc;--accent-soft:#d0ebf7;--accent-wash:color-mix(in srgb, var(--accent-soft) 55%, transparent);--mono:"IBM Plex Mono", "JetBrains Mono", ui-monospace, monospace;--display:"Fraunces", "Iowan Old Style", "Palatino Linotype", Palatino, serif;--sans:"Source Sans 3", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;--max-width:1120px;--nav-height:56px;--grain:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E")}@media (width<=720px){:root{--nav-height:84px}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background-color:var(--bg);background-image:radial-gradient(ellipse 80% 50% at 10% -10%, var(--accent-wash), transparent 55%), radial-gradient(ellipse 60% 40% at 90% 20%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 50%), var(--grain);min-height:100vh;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.55}#root{min-height:100vh}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}a:hover{color:var(--accent)}img{max-width:100%;display:block}button{font:inherit;cursor:pointer}::selection{background:var(--accent-soft);color:var(--ink)}.section{padding:clamp(4rem,10vh,7rem) 1.5rem}.section__inner{width:min(var(--max-width), 100%);margin:0 auto}.scan-link{color:var(--ink);text-decoration:none;display:inline-block;position:relative}.scan-link:after{content:"";background:var(--accent);transform-origin:0;opacity:0;height:1px;transition:none;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.scan-link:hover{color:var(--ink)}.scan-link:hover:after{animation:.55s link-scan}@keyframes link-scan{0%{opacity:1;top:0;transform:scaleX(0)}40%{transform:scaleX(1)}to{opacity:0;top:100%;transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.scan-link:hover:after{opacity:1;animation:none;top:auto;bottom:-2px;transform:scaleX(1)}}.loading-screen{min-height:60vh;font-family:var(--mono);letter-spacing:.08em;color:var(--ink-muted);text-transform:uppercase;place-items:center;font-size:.85rem;display:grid}.site-nav{z-index:50;height:var(--nav-height);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in srgb, var(--accent) 28%, transparent);justify-content:space-between;align-items:center;gap:1rem;padding:0 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.site-nav__brand{min-width:0;font-family:var(--display);letter-spacing:-.01em;color:var(--ink);flex-shrink:0;align-items:center;gap:.55rem;font-size:1.05rem;font-weight:500;text-decoration:none;display:inline-flex}.site-nav__mark{width:22px;height:22px;image-rendering:pixelated;image-rendering:crisp-edges;flex-shrink:0;display:block}.site-nav__brand:hover{color:var(--accent)}.site-nav__links{flex-wrap:nowrap;gap:1.25rem;min-width:0;display:flex}.site-nav__link{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);font-size:.75rem;text-decoration:none;position:relative}.site-nav__link:after{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform .25s;position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.site-nav__link:hover,.site-nav__link.is-active{color:var(--ink)}.site-nav__link.is-active:after,.site-nav__link:hover:after{transform:scaleX(1)}@media (width<=720px){.site-nav{height:auto;min-height:var(--nav-height);flex-wrap:wrap;align-items:center;row-gap:.45rem;padding:.7rem 1rem .65rem}.site-nav__brand{font-size:.95rem}.site-nav__links{flex:100%;justify-content:center;gap:1rem}.site-nav__link{letter-spacing:.04em;font-size:.68rem}.site-nav__mark{width:18px;height:18px}}.site-footer{border-top:1px solid color-mix(in srgb, var(--accent) 28%, transparent);background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--accent-soft) 40%, transparent));padding:2.5rem 1.5rem}.site-footer__inner{justify-content:center;align-items:center;display:flex}.site-footer__copy{font-family:var(--mono);color:var(--ink-muted);margin:0;font-size:.75rem}.cursor-wake{pointer-events:none;z-index:40;mix-blend-mode:multiply;width:100%;height:100%;position:fixed;inset:0}@media (pointer:coarse){.cursor-wake{display:none}}@media (prefers-reduced-motion:reduce){.cursor-wake{display:none}}.portrait-stage{min-height:100vh;padding:calc(var(--nav-height) + 1.5rem) 1.5rem 2rem;align-items:center;display:flex;position:relative;overflow:hidden}.portrait-stage__burst{z-index:3;pointer-events:none;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;position:absolute;inset:0}.portrait-stage__burst[hidden]{display:none}.portrait-stage__inner{width:min(var(--max-width), 100%);min-height:calc(100vh - var(--nav-height) - 3.5rem);grid-template-columns:minmax(200px,420px) 1fr;align-items:center;gap:clamp(1.5rem,4vw,3.5rem);margin:0 auto;display:grid;position:relative}.portrait-stage__face{z-index:2;backface-visibility:hidden;width:fit-content;max-width:min(420px,44vw)}.portrait-stage__canvas{width:auto;height:auto;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.portrait-stage__fallback{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.portrait-stage__copy{z-index:1;opacity:0;justify-self:start;max-width:36rem}.portrait-stage__eyebrow{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0 0 .75rem;font-size:.8rem}.portrait-stage__name{font-family:var(--display);letter-spacing:-.02em;white-space:nowrap;margin:0;font-size:clamp(2.4rem,5.5vw,3.75rem);font-weight:500;line-height:1.05}.portrait-stage__tagline{color:var(--ink-muted);white-space:nowrap;margin:1.1rem 0 0;font-size:1.05rem}.portrait-stage__socials{font-family:var(--mono);flex-wrap:wrap;gap:1.15rem;margin:1.5rem 0 0;padding:0;font-size:.82rem;list-style:none;display:flex}.portrait-stage__socials a{color:var(--ink);text-decoration:none}.portrait-stage__socials a:hover{color:var(--accent)}@media (width<=768px){.portrait-stage{min-height:auto;padding-top:calc(var(--nav-height) + 1rem);overflow:hidden}.portrait-stage__inner{text-align:center;grid-template-columns:1fr;justify-items:center;gap:1.75rem;min-height:auto}.portrait-stage__face{justify-self:center;max-width:min(300px,78vw)}.portrait-stage__copy{justify-self:center;max-width:100%}.portrait-stage__name,.portrait-stage__tagline{white-space:normal}.portrait-stage__tagline{margin-inline:auto}.portrait-stage__socials{justify-content:center}}@media (prefers-reduced-motion:reduce){.portrait-stage__copy{opacity:1;visibility:visible;transform:none}}.ascii-heading{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);margin:0 0 1.5rem;padding-bottom:.45rem;font-size:clamp(1.35rem,3vw,1.75rem);font-weight:500;display:inline-block;position:relative}.ascii-heading:after{content:"";background:var(--accent);width:2.5rem;height:2px;position:absolute;bottom:0;left:0}.signal-field{background:0 0;width:100%;height:100%;min-height:100%;position:relative;overflow:hidden}.signal-field canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.experience__grid{grid-template-columns:minmax(0,1.2fr) minmax(180px,.7fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);display:grid}.experience__items{flex-direction:column;gap:1.75rem;margin:0;padding:0;list-style:none;display:flex}.experience__item{border-bottom:1px solid color-mix(in srgb, var(--ink) 10%, transparent);padding-bottom:1.75rem}.experience__item:last-child{border-bottom:none;padding-bottom:0}.experience__role-row{align-items:flex-start;gap:.85rem;display:flex}.experience__logo{object-fit:contain;filter:grayscale();opacity:.85;flex-shrink:0;width:36px;height:36px}.experience__item:hover .experience__logo{filter:none;opacity:1}.experience__title{font-family:var(--sans);margin:0;font-size:1.15rem;font-weight:600}.experience__company{font-family:var(--mono);color:var(--ink-muted);font-size:.85rem;text-decoration:none}.experience__dates{font-family:var(--mono);color:var(--ink);margin:.45rem 0 0;font-size:.75rem}.experience__body{flex-direction:column;gap:1rem;margin-top:.85rem;display:flex}.experience__project{font-family:var(--mono);letter-spacing:.03em;color:var(--ink);margin:0 0 .4rem;font-size:.78rem;font-weight:600}.experience__bullets{color:var(--ink-muted);margin:0;padding-left:1.1rem;font-size:.95rem}.experience__bullets li+li{margin-top:.35rem}.experience__visual{top:var(--nav-height);width:100%;height:calc(100vh - var(--nav-height));min-height:calc(100vh - var(--nav-height));background:0 0;border:none;align-self:start;padding:0;position:sticky}@media (width<=860px){.experience__grid{grid-template-columns:1fr}.experience__visual{border:none;order:-1;height:240px;min-height:240px;padding:0;position:relative;top:auto}}.indie__grid{grid-template-columns:minmax(220px,.95fr) minmax(0,1.1fr);align-items:center;gap:clamp(1.75rem,4vw,3.5rem);display:grid}.indie__mosaic{aspect-ratio:1;width:100%;max-width:420px;position:relative}.indie__tile{border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);background:color-mix(in srgb, var(--accent-soft) 55%, var(--bg));place-items:center;padding:0;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid;position:absolute;overflow:hidden}.indie__tile--logo img{object-fit:contain;opacity:.95;width:58%;height:58%}.indie__tile--shot img{object-fit:cover;object-position:top center;opacity:.9;filter:grayscale(.15)contrast(1.02);width:100%;height:100%}.indie__tile-label{font-family:var(--mono);color:var(--ink-muted);font-size:1.4rem}.indie__tile.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.indie__tile.is-active img{opacity:1;filter:none}.indie__tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.indie__lightbox{z-index:80;background:color-mix(in srgb, var(--ink) 55%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.indie__lightbox-close{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:0 0;border:1px solid #ffffff8c;padding:.45rem .7rem;font-size:.78rem;position:absolute;top:1.1rem;right:1.25rem}.indie__lightbox-close:hover{background:#ffffff1f}.indie__lightbox-frame{background:var(--bg);border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);width:min(960px,92vw);max-height:min(82vh,720px);box-shadow:0 24px 80px color-mix(in srgb, var(--ink) 35%, transparent);place-items:center;display:grid;overflow:hidden}.indie__lightbox-frame.is-logo{aspect-ratio:1;background:color-mix(in srgb, var(--accent-soft) 70%, var(--bg));width:min(420px,80vw);padding:2.5rem}.indie__lightbox-frame img{object-fit:contain;object-position:top center;width:100%;height:100%;max-height:min(82vh,720px);display:block}.indie__lightbox-frame.is-logo img{object-fit:contain;max-height:none}.indie__empty{color:var(--ink-muted);font-family:var(--mono);font-size:.9rem}.indie__status-row{flex-wrap:wrap;align-items:center;gap:.65rem;margin-bottom:.75rem;display:flex}.indie__status{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid;padding:.2rem .45rem;font-size:.7rem}.indie__status--live{color:var(--accent)}.indie__status--building{color:var(--ink-muted)}.indie__status--sunset{color:var(--ascii-mid)}.indie__highlight{font-family:var(--mono);color:var(--accent);font-size:.75rem}.indie__title{font-family:var(--display);margin:0;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:500;line-height:1.1}.indie__title a{color:inherit;text-decoration:none}.indie__title a:hover{color:var(--accent)}.indie__one-liner{color:var(--ink-muted);margin:.65rem 0 0;font-size:1.05rem}.indie__bullets{color:var(--ink-muted);margin:1rem 0 0;padding-left:1.1rem}.indie__bullets li+li{margin-top:.35rem}.indie__tech{flex-wrap:wrap;gap:.4rem;margin:1.1rem 0 0;padding:0;list-style:none;display:flex}.indie__tech li{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-muted);border-bottom:1px solid color-mix(in srgb, var(--accent) 50%, transparent);padding-bottom:1px;font-size:.7rem}.indie__links{font-family:var(--mono);align-items:center;gap:1.25rem;margin-top:1.25rem;font-size:.85rem;display:flex}.indie__visit{color:var(--ink);background:color-mix(in srgb, var(--accent-soft) 75%, transparent);border:1px solid var(--accent);letter-spacing:.02em;align-items:center;padding:.55rem .95rem;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.indie__visit:hover{background:var(--accent);color:#0f1a22}.indie__picker{flex-wrap:wrap;gap:.5rem;margin-top:1.75rem;display:flex}.indie__picker button{font-family:var(--mono);letter-spacing:.04em;border:1px solid color-mix(in srgb, var(--ink) 18%, transparent);color:var(--ink-muted);background:0 0;padding:.35rem .55rem;font-size:.72rem}.indie__picker button.is-active,.indie__picker button:hover{border-color:var(--accent);color:var(--ink)}@media (width<=860px){.indie__grid{grid-template-columns:1fr}.indie__mosaic{max-width:320px;margin-inline:auto}}.projects__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.75rem;display:grid}.projects__card{flex-direction:column;gap:.9rem;display:flex}.projects__media{aspect-ratio:16/10;background:color-mix(in srgb, var(--ink) 6%, var(--bg));border:1px solid color-mix(in srgb, var(--ink) 10%, transparent);position:relative;overflow:hidden}.projects__media img{object-fit:cover;filter:grayscale(.85)contrast(1.05);width:100%;height:100%;transition:filter .3s,transform .4s}.projects__card.is-hover .projects__media img{filter:grayscale(.2);transform:scale(1.02)}.projects__scan{pointer-events:none;background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--accent) 35%, transparent) 50%, transparent 100%);opacity:0;position:absolute;inset:0;transform:translateY(-100%)}.projects__card.is-hover .projects__scan{animation:.7s forwards project-scan}@keyframes project-scan{0%{opacity:.8;transform:translateY(-100%)}to{opacity:0;transform:translateY(100%)}}.projects__media-placeholder{background:repeating-linear-gradient(-45deg, transparent, transparent 6px, color-mix(in srgb, var(--ink) 6%, transparent) 6px, color-mix(in srgb, var(--ink) 6%, transparent) 7px);width:100%;height:100%}.projects__date{font-family:var(--mono);letter-spacing:.05em;color:var(--ink-muted);text-transform:uppercase;margin:0;font-size:.72rem}.projects__title{margin:.2rem 0 0;font-size:1.15rem;font-weight:600}.projects__sub{color:var(--ink-muted);margin:.25rem 0 0;font-size:.92rem}.projects__desc-wrap{margin:.65rem 0 0}.projects__desc{color:var(--ink-muted);-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:.9rem;display:-webkit-box;overflow:hidden}.projects__desc.is-expanded{-webkit-line-clamp:unset;display:block;overflow:visible}.projects__more{font-family:var(--mono);letter-spacing:.04em;color:var(--accent);text-underline-offset:3px;background:0 0;border:none;margin-top:.35rem;padding:0;font-size:.72rem;text-decoration:underline}.projects__more:hover{color:var(--ink)}.projects__made{font-family:var(--mono);color:var(--ink);letter-spacing:.02em;margin:.55rem 0 0;font-size:.7rem}.projects__links{font-family:var(--mono);flex-wrap:wrap;gap:.85rem;margin-top:.75rem;font-size:.78rem;display:flex}@media (prefers-reduced-motion:reduce){.projects__card.is-hover .projects__scan{animation:none}.projects__card.is-hover .projects__media img{transform:none}}.past__note{max-width:42ch;color:var(--ink-muted);margin:-.5rem 0 1.75rem;font-size:.95rem}.past__row{border-top:1px solid color-mix(in srgb, var(--accent) 35%, transparent);border-bottom:1px solid color-mix(in srgb, var(--accent) 35%, transparent);flex-wrap:wrap;align-items:center;gap:1.25rem;padding:1.25rem 0;display:flex}.past__year{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);font-size:2rem;font-weight:500}.past__button{font-family:var(--mono);letter-spacing:.04em;color:var(--ink);background:color-mix(in srgb, var(--accent-soft) 70%, transparent);border:1px solid var(--accent);justify-content:center;align-items:center;padding:.65rem 1.15rem;font-size:.8rem;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.past__button:hover{background:var(--accent);color:#0f1a22}