:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#030303;--panel:#0d0d0d;--text:#f4f4f4;--muted:#a6a6a6;--quiet:#727272;--line:#272727;--strong-line:#f4f4f4;--radius:8px;--space:clamp(16px, 3vw, 36px);--max:1360px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;color:var(--text);margin:0;position:relative;overflow-x:hidden}.pixel-beam-background{z-index:0;pointer-events:none;width:100vw;height:100vh;image-rendering:pixelated;opacity:1;position:fixed;inset:0}a{color:inherit;text-decoration:none}button{font:inherit}.page-shell{z-index:1;width:min(100%, var(--max));border-left:1px solid var(--line);border-right:1px solid var(--line);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:linear-gradient(#03030380,#030303a3),radial-gradient(circle at 20% 0,#ffffff1a,#0000 34%);min-height:100vh;margin:0 auto;position:relative}.site-header{z-index:10;min-height:72px;padding:0 var(--space);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030303eb;justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.header-actions{flex:auto;justify-content:flex-start;align-items:center;gap:12px;min-width:0;display:flex}.menu-toggle{display:none}.menu-panel{flex:auto;align-items:center;gap:12px;min-width:0;display:flex}.nav-links{color:var(--muted);text-transform:uppercase;align-items:center;gap:14px;font-size:.88rem;font-weight:900;display:flex}.nav-links a{border-bottom:1px solid #0000;padding:10px 0;transition:color .16s,border-color .16s}.nav-links a:hover,.nav-links a:focus-visible,.nav-links a.is-active{color:var(--text);border-color:var(--text);outline:none}.header-link{border:1px solid var(--line);min-height:36px;color:var(--muted);text-transform:none;border-radius:999px;align-items:center;margin-left:auto;padding:0 12px;font-size:.82rem;font-weight:900;transition:background .16s,color .16s,border-color .16s;display:inline-flex}.header-link:hover,.header-link:focus-visible{background:var(--text);color:var(--bg);border-color:var(--text);outline:none}.language-switcher{border:1px solid var(--line);border-radius:999px;display:inline-flex;overflow:hidden}.language-button{border:0;border-right:1px solid var(--line);min-width:40px;height:36px;color:var(--muted);cursor:pointer;letter-spacing:0;background:0 0;padding:0 10px;font-size:.78rem;font-weight:900;transition:background .16s,color .16s}.language-button:last-child{border-right:0}.language-button:hover,.language-button:focus-visible,.language-button.is-active{background:var(--text);color:var(--bg);outline:none}.about-section{min-height:calc(100vh - 242px);padding:clamp(72px, 12vw, 150px) var(--space) clamp(54px, 8vw, 96px);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,.8fr) minmax(320px,.58fr);gap:clamp(32px,7vw,96px);display:grid}.about-section>div:first-child{align-content:start;gap:18px;display:grid}.eyebrow{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:900;line-height:1.2}h1,h2,h3{overflow-wrap:normal;word-break:normal;-webkit-hyphens:manual;hyphens:manual}p,a{overflow-wrap:break-word}h1,h2{letter-spacing:0;margin:0;line-height:.94}h1{margin-top:14px;font-size:clamp(4.6rem,16vw,14rem);font-weight:900}.about-section h1{margin-top:0;font-size:clamp(2.6rem,6.2vw,5.8rem);line-height:1.08}.about-copy{align-content:end;gap:20px;display:grid}.about-copy p{color:var(--muted);margin:0;font-size:clamp(1rem,1.45vw,1.2rem);line-height:1.55}.about-copy .about-lead{color:var(--text);font-size:clamp(1.5rem,3vw,3rem);font-weight:850;line-height:1.08}.about-contact-link{width:fit-content;color:var(--text);text-transform:none;border-bottom:1px solid var(--text);font-size:.82rem;font-weight:900}.about-contact-link:hover,.about-contact-link:focus-visible{color:var(--muted);border-color:var(--muted);outline:none}.skills-section{padding:clamp(32px, 5vw, 60px) var(--space) clamp(28px, 4vw, 48px);border-bottom:1px solid var(--line);gap:22px;display:grid}.skill-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,4vw,54px);display:grid}.skill-group{border-top:1px solid var(--line);align-content:start;gap:16px;min-width:0;padding-top:18px;display:grid}.skill-group h2{color:var(--text);margin:0;font-size:clamp(1.35rem,2.25vw,2.2rem);font-weight:900;line-height:1}.skill-group ul{border-top:1px solid #f4f4f41f;margin:0;padding:0;list-style:none;display:grid}.skill-group li{min-width:0;color:var(--muted);border-bottom:1px solid #f4f4f41f;padding:12px 0;font-size:clamp(.92rem,1.35vw,1.08rem);font-weight:750;line-height:1.25}.works-list{display:grid}.work-item{gap:var(--space);padding:var(--space);border-bottom:1px solid var(--line);grid-template-columns:minmax(300px,.42fr) minmax(0,1fr);display:grid}.work-item>*{min-width:0}.work-meta{flex-direction:column;justify-content:flex-start;gap:14px;display:flex}.work-meta span{color:var(--quiet);font-size:.78rem;font-weight:900}.work-meta h2{text-wrap:balance;font-size:clamp(2.2rem,4.4vw,4.8rem);font-weight:900}.work-meta p{max-width:460px;color:var(--muted);margin:0;font-size:.98rem;line-height:1.5}.contribution-list{flex-wrap:wrap;gap:6px;max-width:520px;display:flex}.contribution-list span{text-transform:uppercase;border-radius:999px;align-items:center;min-height:28px;padding:0 9px;font-size:.68rem;font-weight:900;display:inline-flex}.contribution-list span:nth-child(6n+1){color:#030303;background:#f4f4f4;border:1px solid #f4f4f4}.contribution-list span:nth-child(6n+2){color:#050505;background:#c9c9c9;border:1px solid #c9c9c9}.contribution-list span:nth-child(6n+3){color:#050505;background:#8f8f8f;border:1px solid #8f8f8f}.contribution-list span:nth-child(6n+4){color:#f4f4f4;background:#1f1f1f;border:1px solid #5f5f5f}.contribution-list span:nth-child(6n+5){color:#d9d9d9;background:#101010;border:1px solid #3b3b3b}.contribution-list span:nth-child(6n+6){color:#f4f4f4;background:0 0;border:1px solid #707070}.work-meta a,.app-card a,.site-footer a{width:fit-content;color:var(--text);text-transform:uppercase;border-bottom:1px solid var(--text);font-size:.78rem;font-weight:900}.site-footer a{text-transform:none}.work-meta a:hover,.work-meta a:focus-visible,.app-card a:hover,.app-card a:focus-visible,.site-footer a:hover,.site-footer a:focus-visible{color:var(--muted);border-color:var(--muted);outline:none}.video-frame{aspect-ratio:16/9;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:100%;min-width:0;overflow:hidden}.video-frame iframe,.inline-video{background:#000;border:0;width:100%;height:100%;display:block}.video-load-button{width:100%;height:100%;color:var(--text);cursor:pointer;text-align:center;background:linear-gradient(135deg,#ffffff1c,#0000 42%),#070707;border:0;place-items:center;padding:0;display:grid;position:relative}.video-load-button:hover,.video-load-button:focus-visible{outline:none}.video-thumbnail{object-fit:cover;filter:brightness(.82);width:100%;height:100%;transition:filter .18s,transform .18s;position:absolute;inset:0;transform:scale(1.01)}.video-load-button:hover .video-thumbnail,.video-load-button:focus-visible .video-thumbnail{filter:brightness();transform:scale(1.04)}.video-load-overlay{z-index:1;background:linear-gradient(#0000001a,#000000ad),radial-gradient(circle,#0003,#000000bd);place-content:center;gap:12px;width:100%;height:100%;padding:24px;display:grid;position:relative}.video-load-icon{aspect-ratio:1;border:1px solid var(--text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000006b;border-radius:50%;place-content:center;place-self:center;width:clamp(48px,7vw,74px);display:grid}.video-load-icon:before{content:"";border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:16px solid var(--text);width:0;height:0;margin-left:4px}.video-load-title{max-width:min(480px,100%);color:var(--text);font-size:clamp(1.45rem,3vw,2.8rem);font-weight:900;line-height:1}.video-load-label{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:900}.video-placeholder{width:100%;height:100%;color:var(--muted);text-align:center;place-content:center;gap:10px;padding:24px;display:grid}.video-placeholder span{color:var(--text);font-size:clamp(1.4rem,3vw,3rem);font-weight:900;line-height:1}.video-placeholder p,.video-placeholder a{max-width:460px;color:var(--muted);margin:0 auto;font-size:.95rem;line-height:1.45}.production-section,.sample-pack-section,.apps-section{padding:clamp(54px, 8vw, 96px) var(--space);border-bottom:1px solid var(--line)}.inset-list{border-top:1px solid var(--line)}.inset-list .work-item{padding-left:0;padding-right:0}.inset-list .work-item:last-child{border-bottom:0}.section-heading{gap:18px var(--space);grid-template-columns:minmax(0,.54fr) minmax(280px,.46fr);align-items:end;margin-bottom:28px;display:grid}.section-heading .eyebrow{grid-column:1/-1}.section-heading h2{font-size:clamp(2.8rem,8vw,7rem);font-weight:900}.section-heading-copy{gap:12px;display:grid}.section-heading-copy p{color:var(--muted);margin:0;line-height:1.5}.credits-links{flex-wrap:wrap;gap:10px;display:flex}.credit-link{border:1px solid var(--line);width:fit-content;min-height:40px;color:var(--text);text-transform:uppercase;border-radius:999px;align-items:center;gap:10px;padding:0 12px 0 6px;font-size:.78rem;font-weight:900;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.credit-link:hover,.credit-link:focus-visible{border-color:var(--text);background:#ffffff14;outline:none}.credit-logo{letter-spacing:0;border-radius:5px;place-items:center;min-width:72px;height:28px;padding:0 9px;line-height:1;display:inline-grid}.credit-logo-discogs{color:#050505;background:#f4f4f4;font-size:.72rem}.credit-logo-imdb{color:#050505;background:#f5c518;font-size:.82rem;font-weight:950}.apps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.sample-pack-grid{display:grid}.sample-pack-card{gap:var(--space);border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);grid-template-columns:minmax(180px,.28fr) minmax(0,1fr);padding:20px;display:grid}.sample-pack-card>*{min-width:0}.sample-pack-card img{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);border-radius:var(--radius);width:100%}.sample-pack-copy{flex-direction:column;justify-content:center;gap:14px;min-width:0;display:flex}.sample-pack-copy span{color:var(--quiet);text-transform:uppercase;font-size:.72rem;font-weight:900}.sample-pack-copy h3{max-width:860px;color:var(--text);margin:0;font-size:clamp(2rem,5vw,5rem);line-height:.98}.sample-pack-copy p{max-width:680px;color:var(--muted);margin:0;line-height:1.5}.sample-pack-copy a{width:fit-content;color:var(--text);text-transform:uppercase;border-bottom:1px solid var(--text);font-size:.78rem;font-weight:900}.sample-pack-copy a:hover,.sample-pack-copy a:focus-visible{color:var(--muted);border-color:var(--muted);outline:none}.app-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);grid-template-columns:76px minmax(0,1fr);gap:18px;min-height:190px;padding:20px;display:grid}.app-card>*{min-width:0}.app-card img{border:1px solid var(--line);border-radius:18px;width:76px;height:76px}.app-card div{flex-direction:column;gap:12px;min-width:0;display:flex}.app-card span{color:var(--quiet);text-transform:uppercase;font-size:.72rem;font-weight:900}.app-card h3{color:var(--text);margin:0;font-size:clamp(1.45rem,2.4vw,2.35rem);line-height:1}.app-card p{color:var(--muted);margin:0;line-height:1.45}.site-footer{justify-content:space-between;align-items:center;gap:var(--space);min-height:170px;padding:var(--space);display:flex}.site-footer p{max-width:560px;color:var(--muted);margin:0;line-height:1.5}@media (max-width:900px){.about-section,.work-item,.section-heading{grid-template-columns:1fr}.work-meta{max-width:760px}.apps-grid,.sample-pack-card{grid-template-columns:1fr}.sample-pack-card img{max-width:360px}}@media (max-width:640px){.page-shell{background:#030303ad;border:0}.pixel-beam-background{opacity:.9}.site-header{gap:10px;min-height:64px;padding:0 12px}.header-actions{justify-content:flex-end;gap:0}.menu-toggle{border:1px solid var(--line);width:42px;height:42px;color:var(--text);cursor:pointer;background:#030303b8;border-radius:999px;place-content:center;gap:4px;margin-left:auto;display:inline-grid}.menu-toggle span{background:currentColor;border-radius:999px;width:18px;height:2px;transition:opacity .16s,transform .16s;display:block}.menu-toggle.is-active span:first-child{transform:translateY(6px)rotate(45deg)}.menu-toggle.is-active span:nth-child(2){opacity:0}.menu-toggle.is-active span:last-child{transform:translateY(-6px)rotate(-45deg)}.menu-toggle:hover,.menu-toggle:focus-visible{border-color:var(--text);outline:none}.menu-panel{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030303f5;flex-direction:column;align-items:stretch;gap:12px;padding:12px;display:none;position:absolute;top:100%;left:0;right:0}.menu-panel.is-open{display:flex}.nav-links{flex-direction:column;align-items:stretch;gap:0;font-size:.92rem}.nav-links a{border-bottom:1px solid var(--line);padding:14px 0}.header-link{text-align:center;overflow-wrap:anywhere;justify-content:center;width:100%;min-height:42px;margin-left:0;font-size:.78rem}.language-switcher{align-self:flex-start}.language-button{min-width:34px;height:32px;padding:0 8px}.about-section{padding-top:62px}h1{font-size:clamp(3.4rem,22vw,6.4rem)}.about-section h1{font-size:clamp(2.2rem,11vw,3.6rem);line-height:1.12}.skills-section{gap:18px;padding-top:24px;padding-bottom:28px}.skill-groups{grid-template-columns:1fr;gap:24px}.skill-group{gap:12px;padding-top:14px}.skill-group h2{font-size:clamp(1.45rem,7vw,2rem)}.skill-group li{padding:11px 0;font-size:.95rem}.contribution-list{gap:7px}.work-item{padding:28px var(--space)}.work-meta{gap:12px}.work-meta h2{font-size:clamp(2rem,10vw,3rem)}.contribution-list span{min-height:27px;padding:0 8px;font-size:.64rem}.production-section,.sample-pack-section,.apps-section{padding-top:44px;padding-bottom:44px}.section-heading{margin-bottom:22px}.section-heading h2{font-size:clamp(2.35rem,14vw,4rem)}.sample-pack-card{padding:16px}.sample-pack-copy{gap:12px}.sample-pack-copy h3{font-size:clamp(1.7rem,10vw,2.8rem)}.app-card{grid-template-columns:58px minmax(0,1fr);min-height:0;padding:16px}.app-card img{border-radius:14px;width:58px;height:58px}.site-footer{flex-direction:column;align-items:flex-start}}@media (max-width:380px){.nav-links{gap:0;font-size:.86rem}.language-button{min-width:31px;height:30px;padding:0 6px;font-size:.66rem}.work-item{padding-left:14px;padding-right:14px}.app-card{grid-template-columns:1fr}}
