html.jc-theme{--bg:#0c0c0e;--ink:#f5f5f2;--muted:#9b9ca3;--dim:#63656e;--line:#222328;--accent:#a8b8ff;--accent-2:#b7f56a;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--pad:clamp(1.15rem, 4vw, 3rem)}html.jc-theme,html.jc-theme body{background:var(--bg);color:var(--ink);font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}html.jc-theme a{color:inherit}html.jc-theme a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}html.jc-theme button{font:inherit}html.jc-theme h1,html.jc-theme h2,html.jc-theme h3,html.jc-theme h4{text-wrap:balance}@scope(.jc-site){:scope{background:var(--bg);min-height:100svh}.site-header,.hero__inner,.page-group__head,.page-group__placeholder,.project-entry__head,.skill-entry,.section-block,.site-footer{width:min(1180px, calc(100% - var(--pad) * 2));margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;min-height:72px;display:flex}.site-wordmark{color:var(--ink);letter-spacing:-.03em;font-weight:650;text-decoration:none}.site-header nav{flex-wrap:wrap;justify-content:flex-end;gap:clamp(.75rem,2vw,1.5rem);display:flex}.site-header nav a{color:var(--muted);font-size:.88rem;text-decoration:none}.site-header nav a:hover{color:var(--ink)}.hero{padding:clamp(5rem,12vw,9rem) 0}.hero h1{letter-spacing:-.065em;max-width:14ch;margin:0;font-size:clamp(3.4rem,10vw,7rem);font-weight:680;line-height:.94}.hero__role{color:var(--accent);letter-spacing:-.025em;margin:1.5rem 0 0;font-size:clamp(1.25rem,2.8vw,1.8rem);font-weight:560}.hero__statement{max-width:38rem;color:var(--ink);margin:1.25rem 0 0;font-size:clamp(1.15rem,2vw,1.4rem);line-height:1.55}.hero__location{max-width:40rem;color:var(--muted);margin:.85rem 0 0;font-size:1rem;line-height:1.6}.hero__actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.button{min-height:2.8rem;color:var(--ink);border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;padding:.7rem 1.1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .22s,border-color .22s,transform .22s;display:inline-flex}.button:hover{background:#ffffff0f;border-color:#fff3;transform:translateY(-2px)}.button--primary{color:#0c0c0e;background:var(--accent);border-color:var(--accent)}.button--primary:hover{background:#c1cbff;border-color:#c1cbff}.page-group{border-top:1px solid var(--line);padding:clamp(4.5rem,10vw,7.5rem) 0}.page-group__head{margin-bottom:clamp(2.5rem,5vw,3.5rem)}.page-group__head h2{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0;font-size:clamp(.82rem,1.4vw,.92rem);font-weight:550}.page-group__placeholder{min-height:4rem}.project-entry{border-top:1px solid var(--line);padding-top:clamp(2.5rem,5vw,3.5rem)}.project-entry:first-of-type{border-top:0;padding-top:0}.project-entry__head{margin-bottom:clamp(2rem,5vw,3rem)}.project-entry__head h3{letter-spacing:-.04em;margin:0;font-size:clamp(2.3rem,5.5vw,3.6rem);font-weight:640;line-height:1.04}.project-entry__head h3+.lede,.project-title-line+.lede,.project-entry__head h3+.highlights{margin-top:1.25rem}.eyebrow{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--dim);align-items:baseline;gap:.75rem;margin:0 0 1.5rem;font-size:.72rem;font-weight:500;display:flex}.eyebrow span{color:var(--accent)}.title-tag{vertical-align:.45em;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;color:var(--muted);border:1px solid var(--line);border-radius:999px;margin:0;padding:.32rem .75rem;font-size:.68rem;font-weight:500}.project-title-line{align-items:baseline;gap:.9rem;display:flex}.lede{max-width:40rem;color:var(--muted);text-wrap:pretty;margin:0;font-size:clamp(1.02rem,1.6vw,1.12rem);line-height:1.65}.lede+.highlights,.lede+.lede{margin-top:1.1rem}.highlights{max-width:40rem;color:var(--muted);margin:0;padding:0 0 0 1.15rem;font-size:1rem;line-height:1.65}.highlights li+li{margin-top:.4rem}.highlights li::marker{color:var(--dim)}.project-role{color:var(--ink);margin:1.25rem 0 .8rem;font-size:1rem}.project-role strong{color:var(--accent)}.proof-points{flex-wrap:wrap;gap:.65rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.proof-points li{color:var(--ink);background:#b7f56a12;border:1px solid #b7f56a38;border-radius:999px;padding:.6rem .85rem;font-size:.86rem}.work-style{border-top:1px solid var(--line);padding-top:clamp(1.75rem,3.5vw,2.5rem)}.work-style>h3{margin:0 0 1.4rem;font-size:1.1rem;font-weight:600}.work-style__grid{background:var(--line);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.work-style__grid>div{background:var(--bg);padding:clamp(1.1rem,2.5vw,1.5rem)}.work-style__grid h4{margin:0 0 .45rem;font-size:.95rem}.work-style__grid p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.6}.sub-label{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin:0 0 1.4rem;font-size:.74rem;font-weight:550}.contribution-label{margin-top:1.4rem;margin-bottom:.6rem}.section-block+.section-block{margin-top:clamp(2rem,4.5vw,3rem)}.stack-block{border-top:1px solid var(--line);padding-top:clamp(1.75rem,3.5vw,2.5rem)}.media-block .video-embed{width:100%;max-width:42rem;margin-right:auto;box-shadow:0 12px 32px #0000004d}.project-link a{color:var(--ink);text-underline-offset:.3rem}.stack-groups{flex-direction:column;gap:1.25rem;display:flex}.stack-group ul{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.stack-group__label{letter-spacing:.08em;text-transform:uppercase;margin:0 0 .5rem;font-size:.72rem;font-weight:500}.stack-group__label--frontend{color:#7eb0ff}.stack-group__label--backend{color:#7dcea0}.stack-group__label--infra{color:#a8adb8}.stack-group__label--analytics{color:#c4a0ff}.stack-group__label--gameplay{color:#ffb07e}.stack-group__label--audio{color:#7ecfc4}.stack-group__label--ml{color:#c9a7ff}.stack-pill{border:1px solid #0000;border-radius:999px;padding:.4rem .75rem;font-size:.88rem}.stack-pill--frontend{color:#c8dcff;background:#7eb0ff1f;border-color:#7eb0ff47}.stack-pill--backend{color:#b8e6c8;background:#7dcea01f;border-color:#7dcea047}.stack-pill--infra{color:#d0d3da;background:#a8adb81f;border-color:#a8adb847}.stack-pill--analytics{color:#ddc8ff;background:#c4a0ff1f;border-color:#c4a0ff47}.stack-pill--gameplay{color:#ffd0b8;background:#ffb07e1f;border-color:#ffb07e47}.stack-pill--audio{color:#b8ebe4;background:#7ecfc41f;border-color:#7ecfc447}.stack-pill--ml{color:#e4d0ff;background:#c9a7ff1f;border-color:#c9a7ff47}.screenshot-row{justify-content:center;align-items:flex-end;gap:clamp(.4rem,1.2vw,.85rem);width:100%;padding:1.5rem 0 1rem;display:flex}.screenshot-row__item{cursor:zoom-in;transform-origin:bottom;background:0 0;border:0;flex:1 1 0;min-width:0;max-width:160px;margin:0;padding:0;transition:transform .32s cubic-bezier(.2,.7,0,1),opacity .28s,filter .28s;position:relative}.screenshot-row__item img{border:1px solid #ffffff1a;border-radius:14px;width:100%;height:auto;display:block;box-shadow:0 12px 32px #00000059}.screenshot-row__item.is-hovered{z-index:2;transform:scale(1.18)}.screenshot-row__item.is-dimmed{opacity:.55;filter:brightness(.85)}.screenshot-row__item:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.screenshot-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:clamp(1rem,2.5vw,1.75rem);width:100%;display:grid}.screenshot-grid__column h4{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 .9rem;font-size:.78rem;font-weight:550}.screenshot-grid__column>p{min-height:4.6em;color:var(--muted);margin:-.35rem 0 1rem;font-size:.88rem;line-height:1.5}.screenshot-grid .screenshot-row__item{transform-origin:50%;flex:none;width:100%;max-width:none}.screenshot-grid .screenshot-row__item img{aspect-ratio:1920/1024;object-fit:cover}.video-embed{aspect-ratio:16/9;border:1px solid #ffffff1a;border-radius:14px;width:100%;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000059}.video-embed iframe,.video-embed video{border:0;width:100%;height:100%;position:absolute;inset:0}.video-embed video{object-fit:contain;background:#000000d9}.skill-entry{border-top:1px solid var(--line);padding-top:clamp(2.5rem,5vw,3.5rem)}.skill-entry:first-of-type{border-top:0;padding-top:0}.skill-entry h3{letter-spacing:-.035em;margin:0 0 .6rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:640}.skill-entry p{max-width:40rem;color:var(--muted);margin:0 0 1.75rem;font-size:1.02rem;line-height:1.6}#skills.page-group{padding-block:clamp(3.5rem,8vw,5rem)}.soundboard{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.5vw,1.75rem);display:grid}.soundboard__list--two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.soundboard__item.is-active{grid-column:1/-1}.soundboard__column h4{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 .9rem;font-size:.74rem;font-weight:550}.soundboard__list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.soundboard__item.is-active .soundboard__clip{border-bottom-right-radius:0;border-bottom-left-radius:0}.soundboard__clip{width:100%;color:var(--ink);text-align:left;border:1px solid var(--line);cursor:pointer;background:#ffffff08;border-radius:10px;align-items:flex-start;gap:.75rem;padding:.75rem .85rem;transition:border-color .22s,background .22s,transform .22s;display:flex}.soundboard__clip:hover{background:#ffffff0f;border-color:#ffffff2e}.soundboard__clip.is-playing{border-color:var(--accent);background:#ffffff14;transform:translateY(-1px)}.soundboard__icon{width:1.25rem;color:var(--accent);flex:none;font-size:.72rem;line-height:1.6}.soundboard__meta{gap:.2rem;min-width:0;display:grid}.soundboard__label{font-size:.92rem}.soundboard__note{color:var(--dim);font-size:.78rem;line-height:1.4}.soundboard__timeline{border:1px solid var(--line);background:#ffffff0a;border-top:0;border-radius:0 0 10px 10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;padding:.55rem .85rem .7rem;display:grid}.soundboard__time{min-width:2.4rem;color:var(--dim);font-family:var(--mono);font-size:.72rem}.soundboard__seek{appearance:none;background:linear-gradient(var(--accent), var(--accent)) no-repeat, #ffffff1f;cursor:pointer;border-radius:99px;width:100%;height:4px;margin:0}.soundboard__seek::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:grab;border:2px solid #030406e6;border-radius:50%;width:12px;height:12px}.soundboard__seek::-moz-range-track{background:#ffffff1f;border:0;border-radius:99px;height:4px}.soundboard__seek::-moz-range-progress{background:var(--accent);border-radius:99px;height:4px}.soundboard__seek::-moz-range-thumb{background:var(--accent);cursor:grab;border:2px solid #030406e6;border-radius:50%;width:12px;height:12px}.site-footer{border-top:1px solid var(--line);padding:2rem 0 3rem}.site-footer a{color:var(--muted);text-decoration:none}.site-footer a:hover{color:var(--ink)}.activity-privacy{width:min(1180px, calc(100% - var(--pad) * 2));margin:0 auto;padding:0 0 3rem}.activity-privacy p{max-width:42rem;color:var(--dim);margin:0;font-size:.82rem;line-height:1.6}.activity-privacy a{color:var(--muted)}.activity-privacy a:hover{color:var(--ink)}.reveal{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.2,.7,0,1);transform:translateY(32px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (width<=760px){.site-header{flex-direction:column;align-items:stretch;padding-block:1rem}.site-header nav{justify-content:flex-start;row-gap:.4rem;max-width:none}.site-header nav a{font-size:.78rem}.title-tag{vertical-align:baseline;width:fit-content}.project-title-line{flex-direction:column;align-items:flex-start;gap:.9rem}.work-style__grid{grid-template-columns:1fr}.soundboard{grid-template-columns:1fr;gap:1.75rem}.soundboard__list--two-col{grid-template-columns:1fr}.screenshot-grid{grid-template-columns:1fr;gap:2rem}.screenshot-grid__column>p{min-height:0}.screenshot-grid .screenshot-row__item.is-hovered{transform:scale(1.12)}.screenshot-row{-webkit-overflow-scrolling:touch;justify-content:flex-start;padding-bottom:1.5rem;overflow-x:auto}.screenshot-row__item{flex:0 0 88px;max-width:88px}.screenshot-row__item.is-hovered{transform:scale(1.12)}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}}html.jc-theme body.modal-open{overflow:hidden}html.jc-theme .jc-site .hero h1{font-family:inherit}html.jc-theme .jc-site .contact-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.85rem,2vw,1.25rem);max-width:52rem;display:grid}html.jc-theme .jc-site .contact-action-card{min-width:0}html.jc-theme .jc-site .contact-action-card--delay.reveal{transition-delay:90ms}html.jc-theme .jc-site .contact-action{width:100%;min-height:100%;color:var(--ink);border:1px solid var(--line);background:#ffffff08;border-radius:14px;flex-direction:column;gap:.35rem;padding:1.35rem 3.25rem 1.35rem 1.45rem;text-decoration:none;transition:border-color .22s,background .22s,transform .22s;display:flex;position:relative}html.jc-theme .jc-site .contact-action:hover{background:#ffffff0f;border-color:#ffffff2e;transform:translateY(-2px)}html.jc-theme .jc-site .contact-action__label{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--dim);font-size:.72rem;font-weight:500}html.jc-theme .jc-site .contact-action__value{letter-spacing:-.02em;overflow-wrap:anywhere;font-size:clamp(1.05rem,2vw,1.3rem);font-weight:600;line-height:1.35}html.jc-theme .jc-site .contact-action__arrow{color:var(--dim);font-size:.95rem;line-height:1;transition:color .22s,transform .22s;position:absolute;top:1.2rem;right:1.3rem}html.jc-theme .jc-site .contact-action:hover .contact-action__arrow{color:var(--accent);transform:translate(2px,-2px)}html.jc-theme .gallery-modal{z-index:1000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:zoom-out;background:#030406f5;grid-template-rows:auto minmax(0,1fr) auto;gap:.75rem;padding:clamp(.75rem,2vw,1.5rem);animation:.26s both jc-modal-in;display:grid;position:fixed;inset:0}html.jc-theme .gallery-close{color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:99px;justify-self:end;padding:.6rem .85rem}html.jc-theme .gallery-focus{cursor:default;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(.5rem,2vw,1rem);min-height:0;display:grid}html.jc-theme .gallery-focus figure{grid-template-rows:minmax(0,1fr) auto;justify-items:center;height:100%;min-height:0;margin:0;display:grid}html.jc-theme .gallery-focus figure img{object-fit:contain;cursor:default;border-radius:14px;width:auto;max-width:min(100%,1600px);min-height:0;max-height:calc(100vh - 11rem);animation:.28s both jc-image-in;box-shadow:0 24px 64px #00000073}html.jc-theme .gallery-focus figcaption{width:min(440px,100%);color:var(--muted);justify-content:space-between;padding-top:.8rem;font-size:.82rem;display:flex}html.jc-theme .gallery-focus figcaption span{font-family:var(--mono)}html.jc-theme .gallery-arrow{width:2.8rem;height:2.8rem;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#ffffff0f;border-radius:50%}html.jc-theme .gallery-thumbs{justify-content:center;gap:.6rem;padding-top:1rem;display:flex}html.jc-theme .gallery-thumbs button{opacity:.4;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;width:40px;height:52px;padding:0;overflow:hidden}html.jc-theme .gallery-thumbs button.is-active{border-color:var(--accent);opacity:1}html.jc-theme .gallery-thumbs img{object-fit:cover;object-position:top;width:100%;height:100%}@keyframes jc-modal-in{0%{opacity:0}}@keyframes jc-image-in{0%{opacity:0;transform:scale(.96)}}@media (width<=760px){html.jc-theme .jc-site .contact-actions,html.jc-theme .gallery-focus{grid-template-columns:1fr}html.jc-theme .gallery-arrow{z-index:2;position:absolute;top:50%}html.jc-theme .gallery-arrow-left{left:.5rem}html.jc-theme .gallery-arrow-right{right:.5rem}}:root{--paper:#efe8dc;--paper-2:#e6ddce;--ink:#1c1915;--muted:#5a5449;--rule:#c8bdaa;--accent:#24382f;--focus:#1f3d4d;--max:68rem;--text:38rem;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Times New Roman", Georgia, serif;--sans:"Segoe UI", system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--sans);text-rendering:optimizelegibility;margin:0;font-size:1.05rem;line-height:1.6}#root{min-height:100vh}a{color:var(--focus);text-underline-offset:.18em}a:hover{color:var(--ink)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.skip{background:var(--ink);color:var(--paper);z-index:10;padding:.4rem .7rem;position:absolute;top:-3rem;left:.8rem}.skip:focus{top:.8rem}.shell{flex-direction:column;min-height:100vh;display:flex}.wrap{width:min(var(--max), calc(100% - 2.4rem));margin-inline:auto}.site-header{border-bottom:1px solid var(--rule);padding:1.4rem 0 1.1rem}.site-header .wrap,.site-footer .wrap{justify-content:space-between;align-items:baseline;gap:1.2rem;display:flex}.wordmark{color:inherit;align-items:center;gap:.65rem;text-decoration:none;display:flex}.wordmark-mark{flex:none;width:1.35rem;height:1.35rem}.wordmark-text{flex-direction:column;line-height:1.05;display:flex}.wordmark-name{font-family:var(--serif);letter-spacing:-.01em;font-size:1.15rem}.wordmark-ltd{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.68rem}.nav{flex-wrap:wrap;gap:1rem 1.25rem;font-size:.95rem;display:flex}.nav a{color:var(--muted);text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--ink);text-decoration:underline}.shell main{flex:1;padding:2.6rem 0 4rem}.hero h1{font-family:var(--serif);letter-spacing:-.03em;max-width:14ch;margin:0 0 1.2rem;font-size:clamp(2.4rem,6vw,4.1rem);font-weight:500;line-height:1.08}.lede{max-width:38rem;color:var(--ink);margin:0 0 2.4rem;font-size:1.15rem}.lede p{margin:0 0 .9rem}.split{border-top:1px solid var(--rule);grid-template-columns:1fr 1fr;gap:2rem 3rem;padding-top:2rem;display:grid}.split h2,.page h1,.legal h1{font-family:var(--serif);letter-spacing:-.02em;font-weight:500}.split h2{margin:0 0 .6rem;font-size:1.35rem}.split p,.split ul{color:var(--muted);margin:0}.kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 .85rem;font-size:.72rem}.page h1{max-width:18ch;margin:0 0 1rem;font-size:clamp(2rem,4vw,2.8rem)}.page .intro{max-width:40rem;margin:0 0 2rem}.stack{gap:1.6rem;max-width:42rem;display:grid}.stack h2{font-family:var(--serif);margin:0 0 .45rem;font-size:1.4rem;font-weight:500}.stack p,.stack li{color:var(--muted)}.stack p{margin:0 0 .7rem}.stack ul{margin:0;padding-left:1.15rem}.product{border-top:1px solid var(--rule);padding-top:1.6rem}.product h2{font-family:var(--serif);margin:0 0 .35rem;font-size:2rem}.product .tag{color:var(--muted);margin:0 0 1rem}.links{flex-wrap:wrap;gap:.8rem 1.4rem;margin-top:1.2rem;display:flex}.contact-list{max-width:28rem;margin:0;padding:0;list-style:none}.contact-list li{border-top:1px solid var(--rule);padding:.95rem 0}.contact-list li:last-child{border-bottom:1px solid var(--rule)}.contact-list span{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.25rem;font-size:.72rem;display:block}.legal{max-width:var(--text)}.legal h1{margin:0 0 .4rem;font-size:2rem}.legal .meta{color:var(--muted);margin:0 0 1.6rem;font-size:.95rem}.legal h2{font-family:var(--serif);margin:1.8rem 0 .5rem;font-size:1.25rem;font-weight:500}.legal h3{margin:1.1rem 0 .4rem;font-size:1rem}.legal p,.legal li{color:var(--ink)}.legal ul{padding-left:1.15rem}.site-footer{border-top:1px solid var(--rule);color:var(--muted);padding:1.3rem 0 1.8rem;font-size:.86rem}.footer-legal{max-width:46rem;margin:.7rem 0 0}.footer-nav{flex-wrap:wrap;gap:.75rem 1.1rem;display:flex}.footer-nav a{color:var(--muted);text-decoration:none}.footer-nav a:hover{color:var(--ink);text-decoration:underline}@media (width<=720px){.site-header .wrap,.site-footer .wrap{flex-direction:column;align-items:flex-start}.split{grid-template-columns:1fr}.shell main{padding-top:2rem}}