@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_assets/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_assets/inter-cyrillic-wght-normal.DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_assets/inter-greek-ext-wght-normal.DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_assets/inter-greek-wght-normal.CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_assets/inter-vietnamese-wght-normal.CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_assets/inter-latin-ext-wght-normal.DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_assets/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_assets/space-grotesk-vietnamese-wght-normal.D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_assets/space-grotesk-latin-ext-wght-normal.D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_assets/space-grotesk-latin-wght-normal.BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#0a0e13;--bg-deep:#070a0e;--panel:#111821;--panel-raised:#16212c;--panel-soft:#0d131a;--text:#f2f8fa;--text-soft:#d4dee3;--text-muted:#a3b0b8;--border:#2a3742;--border-strong:#40505d;--blue:#78c9f4;--blue-bright:#a9ddf8;--blue-rgb:120, 201, 244;--orange:#ff5a2c;--orange-bright:#ff8a68;--orange-rgb:255, 90, 44;--green:#78d6a1;--shell:1240px;--gutter:clamp(1.25rem, 4vw, 3rem);--font-display:"Space Grotesk Variable", "Space Grotesk", sans-serif;--font-body:"Inter Variable", Inter, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--border-strong) var(--bg)}body{background:linear-gradient(#ffffff05 1px, transparent 1px), linear-gradient(90deg, #ffffff05 1px, transparent 1px), var(--bg);min-width:320px;color:var(--text);font-family:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background-size:80px 80px;margin:0;font-size:1rem;line-height:1.65;overflow-x:hidden}body:before{z-index:-1;content:"";pointer-events:none;background:linear-gradient(#0a0e1300 0%,#070a0e85 70%);position:fixed;inset:0}body.menu-open{overflow:hidden}::selection{background:var(--blue);color:var(--bg-deep)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img,svg{max-width:100%;display:block}p,h1,h2,h3,h4,ul,ol,dl,dd{margin-top:0}h1,h2,h3,h4{color:var(--text);font-family:var(--font-display);line-height:1.06}h1,h2{letter-spacing:-.055em}h3,h4{letter-spacing:-.025em}.shell{width:min(calc(100% - var(--gutter) * 2), var(--shell));margin-inline:auto}.section-pad{padding-block:clamp(5rem,10vw,9rem)}.section-divider{border-top:1px solid var(--border)}.skip-link{z-index:1000;background:var(--text);color:var(--bg);padding:.75rem 1rem;font-weight:700;transition:transform .16s;position:fixed;top:1rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.eyebrow,.micro-label{color:var(--blue);font-family:var(--font-display);letter-spacing:.17em;text-transform:uppercase;align-items:center;gap:.65rem;margin-bottom:1.2rem;font-size:.72rem;font-weight:650;line-height:1.3;display:flex}.eyebrow:before{content:"";background:currentColor;width:1.5rem;height:1px}.status-dot{background:var(--green);border-radius:50%;width:.48rem;height:.48rem;animation:2.5s infinite status-pulse;box-shadow:0 0 #78d6a180}.eyebrow:has(.status-dot):before{display:none}.button-row{flex-wrap:wrap;gap:.8rem;display:flex}.button{min-height:3.6rem;font-family:var(--font-display);letter-spacing:.02em;transition:color .24s var(--ease), background .24s var(--ease), border-color .24s var(--ease), transform .24s var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:1rem;padding:.95rem 1.35rem;font-size:.82rem;font-weight:700;line-height:1;display:inline-flex}.button span{transition:transform .24s var(--ease);font-size:1rem}.button:hover{transform:translateY(-2px)}.button:hover span{transform:translate(2px,-2px)}.button-primary{background:var(--blue);color:#061018;box-shadow:0 12px 36px rgba(var(--blue-rgb), .13)}.button-primary:hover{background:var(--blue-bright)}.button-secondary{border-color:var(--border-strong);color:var(--text);background:#0d131aa6}.button-secondary:hover{border-color:var(--text-muted);background:var(--panel-raised)}.button-light{background:var(--text);color:var(--bg)}.button-light:hover{background:#fff}.text-link{border-bottom:1px solid var(--border-strong);color:var(--text);font-family:var(--font-display);letter-spacing:.02em;align-items:center;gap:.65rem;font-size:.82rem;font-weight:650;line-height:1.5;transition:border-color .22s,color .22s;display:inline-flex}.text-link span{transition:transform .22s var(--ease)}.text-link:hover{border-color:var(--blue);color:var(--blue)}.text-link:hover span{transform:translate(.25rem)}.site-header{z-index:100;height:5.4rem;transition:height .26s var(--ease), background .26s ease, border-color .26s ease, backdrop-filter .26s ease;background:#070a0e00;border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.site-header.scrolled{backdrop-filter:blur(18px);background:#0a0e13e6;border-color:#32404cb3;height:4.65rem}.header-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.brand-link,.footer-brand>a{display:inline-flex}.primary-nav{align-items:center;gap:1rem;display:flex}.nav-links{border:1px solid var(--border);background:#0d131ab8;align-items:center;gap:0;padding:.22rem;display:flex}.nav-links a{border-right:1px solid var(--border);color:var(--text-soft);font-family:var(--font-display);letter-spacing:.035em;align-items:center;gap:.45rem;padding:.55rem .72rem;font-size:.72rem;font-weight:570;transition:color .18s,background .18s;display:flex;position:relative}.nav-links a:last-child{border-right:0}.nav-links a>span{color:var(--text-muted);letter-spacing:.1em;font-size:.48rem;font-weight:650}.nav-links a>strong{font:inherit;font-weight:650}.nav-links a:after{transform-origin:100%;background:var(--blue);content:"";height:1px;transition:transform .22s var(--ease);position:absolute;bottom:0;left:.65rem;right:.65rem;transform:scaleX(0)}.nav-links a:hover,.nav-links a[aria-current=page]{background:var(--panel-raised);color:var(--text)}.nav-links a:hover:after,.nav-links a[aria-current=page]:after{transform-origin:0;transform:scaleX(1)}.nav-contact{border:1px solid var(--border-strong);color:var(--text);font-family:var(--font-display);letter-spacing:.035em;align-items:center;gap:.8rem;padding:.72rem .9rem;font-size:.76rem;font-weight:620;display:inline-flex;position:relative}.nav-contact:hover{border-color:var(--blue);color:var(--blue)}.scroll-progress{height:2px;position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.scroll-progress i{transform-origin:0;background:linear-gradient(90deg, var(--blue), var(--orange));width:100%;height:100%;box-shadow:0 0 10px rgba(var(--blue-rgb), .35);will-change:transform;display:block;transform:scaleX(0)}.menu-button{border:1px solid var(--border);background:var(--panel);width:2.75rem;height:2.75rem;padding:0;display:none}.menu-button span{background:var(--text);width:1rem;height:1px;margin:.32rem auto;transition:transform .22s;display:block}.menu-button[aria-expanded=true] span:first-child{transform:translateY(3px)rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-3px)rotate(-45deg)}.home-hero{border-bottom:1px solid var(--border);align-items:center;min-height:min(940px,100svh);padding-top:clamp(8.5rem,13vw,11rem);display:flex;position:relative;overflow:hidden}.hero-ambient{opacity:.105;filter:blur(130px);pointer-events:none;border-radius:50%;width:38rem;height:38rem;position:absolute}.ambient-blue{background:var(--blue);bottom:-19rem;left:-14rem}.ambient-orange{background:var(--orange);top:-22rem;right:-16rem}.hero-grid{grid-template-columns:minmax(0,1.04fr) minmax(400px,.96fr);align-items:center;gap:clamp(3rem,7vw,6rem);display:grid;position:relative}.hero-copy h1{max-width:760px;margin-bottom:1.7rem;font-size:clamp(3.55rem,7.4vw,7.35rem);line-height:.98}.hero-copy h1 span{color:var(--blue)}.hero-lede{max-width:650px;color:var(--text-soft);margin-bottom:2.25rem;font-size:clamp(1.02rem,1.5vw,1.2rem);line-height:1.75}.hero-lede strong{color:var(--text);font-weight:570}.hero-proof{flex-wrap:wrap;gap:0;margin:3.25rem 0 0;padding:0;list-style:none;display:flex}.hero-proof li{color:var(--text-muted);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.55rem;padding-right:1.15rem;font-size:.68rem;display:flex}.hero-proof li+li{border-left:1px solid var(--border);padding-left:1.15rem}.hero-proof span{color:var(--blue)}.build-index{--tilt-x:0deg;--tilt-y:0deg;--pointer-x:50%;--pointer-y:50%;border:1px solid var(--border-strong);transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform .25s var(--ease), border-color .25s ease;background:#080c11e0;position:relative;overflow:hidden;box-shadow:0 35px 100px #00000057}.build-index:after{z-index:0;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y), rgba(var(--blue-rgb), .09), transparent 35%);content:"";pointer-events:none;position:absolute;inset:0}.index-topbar{z-index:2;border-bottom:1px solid var(--border);color:var(--text-muted);font-family:var(--font-display);letter-spacing:.12em;justify-content:space-between;align-items:center;padding:.72rem .9rem;font-size:.6rem;display:flex;position:relative}.index-signal{align-items:center;gap:.45rem;display:flex}.index-signal i{background:var(--green);border-radius:50%;width:.35rem;height:.35rem}.index-canvas{z-index:1;min-height:27rem;position:relative;overflow:hidden}.canvas-grid,.portrait-grid{background-image:linear-gradient(#78c9f413 1px,#0000 1px),linear-gradient(90deg,#78c9f413 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;mask-image:radial-gradient(circle,#000 15%,#0000 74%)}.index-canvas:before,.index-canvas:after{z-index:1;content:"";position:absolute}.index-canvas:before{background:linear-gradient(90deg, transparent, rgba(var(--blue-rgb), .3), transparent);height:1px;top:50%;left:0;right:0}.index-canvas:after{background:linear-gradient(transparent, rgba(var(--orange-rgb), .25), transparent);width:1px;top:0;bottom:0;left:50%}.orbit{border:1px solid #78c9f429;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-one{width:19rem;height:19rem}.orbit-two{border-color:#ff5a2c2e;width:13.5rem;height:13.5rem}.index-monogram{z-index:3;color:var(--text);font-family:var(--font-display);letter-spacing:0;text-shadow:0 0 50px rgba(var(--blue-rgb), .13);align-items:center;gap:.07em;font-size:clamp(4.4rem,8vw,7rem);font-weight:690;line-height:1;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.index-monogram span:first-child{color:var(--blue)}.index-monogram span:last-child{color:var(--orange)}.index-monogram i{color:var(--border-strong);margin-inline:.04em;font-size:.5em;font-style:normal;font-weight:420}.axis-label{z-index:2;color:var(--text-muted);font-family:var(--font-display);letter-spacing:.17em;font-size:.52rem;position:absolute}.axis-x{bottom:.8rem;right:1rem}.axis-y{top:.8rem;left:1rem}.index-node{z-index:3;color:var(--text-muted);font-family:var(--font-display);letter-spacing:.12em;align-items:center;gap:.4rem;font-size:.52rem;display:flex;position:absolute}.index-node i{background:currentColor;border-radius:50%;width:.42rem;height:.42rem;box-shadow:0 0 12px}.node-a{color:var(--blue);top:27%;left:10%}.node-b{color:var(--orange);bottom:23%;right:15%}.index-lanes{z-index:2;border-top:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid;position:relative}.index-lane{align-content:center;min-height:7.2rem;padding:1.1rem 1.2rem;transition:background .22s;display:grid;position:relative}.index-lane+.index-lane{border-left:1px solid var(--border)}.index-lane span{color:var(--text-muted);font-family:var(--font-display);letter-spacing:.14em;font-size:.55rem}.index-lane strong{font-family:var(--font-display);margin-top:.35rem;font-size:.9rem}.index-lane>i{color:var(--text-muted);transition:transform .22s var(--ease), color .22s ease;font-style:normal;position:absolute;top:1rem;right:1rem}.index-lane:after{transform-origin:0;content:"";height:2px;transition:transform .26s var(--ease);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.lane-blue:after{background:var(--blue)}.lane-orange:after{background:var(--orange)}.index-lane:hover{background:var(--panel-raised)}.index-lane:hover:after{transform:scaleX(1)}.index-lane:hover>i{color:var(--text);transform:translate(2px,-2px)}.discipline-ticker{border-bottom:1px solid var(--border);background:var(--panel-soft);color:var(--text-soft);font-family:var(--font-display);letter-spacing:.16em;white-space:nowrap;padding-block:.95rem;font-size:.66rem;font-weight:650;overflow:hidden}.ticker-track{will-change:transform;width:max-content;display:flex}.ticker-group{flex:none;align-items:center;gap:clamp(3.25rem,5vw,5.5rem);padding-right:clamp(3.25rem,5vw,5.5rem);display:flex}.discipline-ticker i{color:var(--orange);font-style:normal}.section-heading{margin-bottom:clamp(2.8rem,5vw,4.5rem)}.section-heading h2,.approach-intro h2,.about-copy h2,.technical-grid h2,.systems-panel h2,.principles-grid h2{margin-bottom:0;font-size:clamp(2.7rem,5vw,5.2rem)}.split-heading{grid-template-columns:1.25fr .75fr;align-items:end;gap:clamp(2rem,7vw,7rem);display:grid}.split-heading>p,.work-heading>p{max-width:34rem;color:var(--text-muted);margin:0}.lane-cards{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:1fr 1fr;display:grid}.lane-card{border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-height:38rem;transition:background .32s ease, transform .32s var(--ease), border-color .32s ease;background:#090e14bd;padding:clamp(1.5rem,4vw,3rem);position:relative;overflow:hidden}.lane-card:before{z-index:0;opacity:0;filter:blur(90px);content:"";border-radius:50%;width:28rem;height:28rem;transition:opacity .32s;position:absolute;bottom:-13rem;right:-11rem}.web-lane:before{background:var(--blue)}.game-lane:before{background:var(--orange)}.lane-card:hover{background:var(--panel-raised);border-color:var(--border-strong);transform:translateY(-4px)}.lane-card:hover:before{opacity:.13}.lane-card>*{z-index:1;position:relative}.lane-card-top{justify-content:space-between;align-items:center;display:flex}.lane-number,.lane-arrow{font-family:var(--font-display);font-size:.72rem}.lane-number{color:var(--text-muted);letter-spacing:.16em}.lane-arrow{border:1px solid var(--border-strong);width:2.7rem;height:2.7rem;color:var(--text);transition:transform .25s var(--ease), border-color .25s ease;place-items:center;font-size:1rem;display:grid}.lane-card:hover .lane-arrow{transform:translate(2px,-2px)}.web-lane:hover .lane-arrow{border-color:var(--blue)}.game-lane:hover .lane-arrow{border-color:var(--orange)}.lane-icon{width:8.5rem;margin:clamp(3.8rem,8vw,6.5rem) auto clamp(3rem,7vw,5rem)}.lane-icon svg{fill:none;stroke:var(--border-strong);stroke-linecap:square;stroke-width:1.25px;overflow:visible}.web-lane .accent-path{stroke:var(--blue)}.game-lane .accent-path{stroke:var(--orange)}.lane-card .micro-label{margin-bottom:.8rem}.game-lane .micro-label{color:var(--orange)}.lane-card h3{margin-bottom:1rem;font-size:clamp(2.3rem,4vw,4rem)}.lane-card>p:not(.micro-label){max-width:34rem;color:var(--text-muted);font-size:.95rem}.lane-card ul{flex-wrap:wrap;gap:.5rem;margin:1.7rem 0 0;padding:0;list-style:none;display:flex}.lane-card li{border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;padding:.4rem .6rem;font-size:.59rem}.work-section{border-top:1px solid var(--border);background:#05080b7a}.work-heading{justify-content:space-between;align-items:end;gap:2rem;display:flex}.work-heading h2{margin-bottom:0;font-size:clamp(3rem,6vw,6.2rem)}.home-projects,.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(3.5rem,7vw,7rem) clamp(1.25rem,3vw,2.4rem);display:grid}.home-projects .project-card:first-child{grid-column:1/-1}.project-card{--project-accent:var(--blue);min-width:0;transition:transform .32s var(--ease)}.project-card:hover{transform:translateY(-4px)}.project-card.lane-games{--project-accent:var(--orange)}.project-image-link{display:block}.project-image-wrap{aspect-ratio:1.52;border:1px solid var(--border);background:var(--panel);position:relative;overflow:hidden}.project-card.featured .project-image-wrap,.home-projects .project-card:first-child .project-image-wrap{aspect-ratio:1.92}.project-image-wrap:after{content:"";border:1px solid #0000;transition:border-color .26s;position:absolute;inset:0}.project-image-wrap img{object-fit:cover;object-position:top center;filter:saturate(.86)brightness(.89);width:100%;height:100%;transition:transform .7s var(--ease), filter .35s ease}.image-grid{pointer-events:none;background:linear-gradient(#0000 65%,#05070a7a);position:absolute;inset:0}.project-open{background:var(--project-accent);width:3.1rem;height:3.1rem;color:var(--bg-deep);opacity:0;transition:opacity .25s ease, transform .25s var(--ease);place-items:center;font-size:1.1rem;display:grid;position:absolute;bottom:1rem;right:1rem;transform:translateY(.5rem)}.project-image-link:hover img{filter:saturate()brightness();transform:scale(1.025)}.project-image-link:hover .project-image-wrap:after{border-color:var(--project-accent)}.project-image-link:hover .project-open{opacity:1;transform:translateY(0)}.project-info{padding-top:1.3rem}.project-meta{color:var(--text-muted);font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:1rem;margin-bottom:1.15rem;font-size:.6rem;display:flex}.project-meta span:first-child{color:var(--project-accent)}.project-info h3{margin-bottom:.65rem;font-size:clamp(1.7rem,3vw,2.65rem)}.project-info h3 a{transition:color .2s}.project-info h3 a:hover{color:var(--project-accent)}.project-info>p{max-width:43rem;color:var(--text-muted);margin-bottom:1.3rem}.tech-list{flex-wrap:wrap;gap:.55rem .95rem;margin:0 0 1.4rem;padding:0;list-style:none;display:flex}.tech-list li{color:var(--text-soft);font-family:var(--font-display);letter-spacing:.09em;text-transform:uppercase;font-size:.58rem}.tech-list li+li:before{color:var(--border-strong);content:"·";margin-right:.95rem}.project-card .text-link:hover{border-color:var(--project-accent);color:var(--project-accent)}.approach-section{border-top:1px solid var(--border)}.approach-grid{grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,8rem);display:grid}.approach-intro{align-self:start;position:sticky;top:7rem}.approach-intro h2{margin-bottom:1.5rem}.approach-intro>p:last-child{max-width:31rem;color:var(--text-muted)}.process-list{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.process-list li{border-bottom:1px solid var(--border);grid-template-columns:3rem 1fr;gap:1.5rem;padding:2rem 0;display:grid}.process-list>li>span,.feature-grid article>span,.capability-grid article>span{color:var(--blue);font-family:var(--font-display);letter-spacing:.14em;font-size:.66rem}.process-list h3{margin-bottom:.5rem;font-size:1.5rem}.process-list p{max-width:39rem;color:var(--text-muted);margin-bottom:0}.home-about{padding-top:0}.about-panel{border:1px solid var(--border);background:var(--panel-soft);grid-template-columns:.78fr 1.22fr;min-height:31rem;display:grid}.about-mark{border-right:1px solid var(--border);background:linear-gradient(rgba(var(--blue-rgb), .06) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--blue-rgb), .06) 1px, transparent 1px), #090e14;background-size:36px 36px;place-items:center;display:grid;position:relative;overflow:hidden}.about-mark:before,.about-mark:after{border:1px solid var(--border-strong);content:"";border-radius:50%;width:14rem;height:14rem;position:absolute}.about-mark:after{border-color:rgba(var(--orange-rgb), .32);width:9rem;height:9rem}.about-initials{z-index:2;font-family:var(--font-display);letter-spacing:0;align-items:center;gap:.08em;font-size:clamp(4.5rem,9vw,8rem);font-weight:680;line-height:1;display:flex;position:relative}.about-initials span:first-child{color:var(--blue)}.about-initials span:last-child{color:var(--text)}.about-mark i{color:var(--text-muted);font-family:var(--font-display);letter-spacing:.14em;font-size:.52rem;font-style:normal;position:absolute;bottom:1rem;right:1rem}.about-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(2rem,6vw,5.5rem);display:flex}.about-copy h2{margin-bottom:1.3rem}.about-copy>p:not(.eyebrow){max-width:43rem;color:var(--text-muted);margin-bottom:1.7rem;font-size:1.05rem}.cta-section{padding-top:0}.cta-panel{background:var(--blue);color:#061018;padding:clamp(3rem,8vw,7rem);position:relative;overflow:hidden}.cta-panel:after{content:"";border:1px solid #06101833;border-radius:50%;width:26rem;height:26rem;position:absolute;top:50%;right:-8rem;transform:translateY(-50%);box-shadow:0 0 0 4rem #0610180a,0 0 0 8rem #06101806}.cta-panel>*{z-index:1;position:relative}.cta-panel .eyebrow{color:#17394b}.cta-panel h2{color:#061018;margin-bottom:1rem;font-size:clamp(3.4rem,8vw,7.5rem)}.cta-panel>p:not(.eyebrow){color:#17394b;max-width:37rem;margin-bottom:2rem;font-weight:520}.site-footer{border-top:1px solid var(--border);background:var(--bg-deep);padding-block:clamp(3.5rem,7vw,6rem) 1.7rem}.footer-grid{grid-template-columns:1fr .7fr 1fr;gap:3rem;padding-bottom:4.5rem;display:grid}.footer-brand p{color:var(--text-muted);margin:1rem 0 0;font-size:.82rem}.footer-links{align-content:start;justify-items:start;gap:.65rem;display:grid}.footer-links a{color:var(--text-muted);font-size:.82rem;transition:color .16s}.footer-links a:hover{color:var(--text)}.footer-contact{flex-direction:column;align-items:flex-start;display:flex}.footer-contact .micro-label{color:var(--text-muted)}.footer-contact>a{border-bottom:1px solid var(--border-strong);width:100%;font-family:var(--font-display);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.65rem;font-size:clamp(1rem,2vw,1.3rem);transition:border-color .18s,color .18s;display:flex}.footer-contact>a:hover{border-color:var(--blue);color:var(--blue)}.footer-base{border-top:1px solid var(--border);color:var(--text-muted);font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:1rem;padding-top:1.4rem;font-size:.56rem;display:flex}.footer-base p{margin:0}.footer-base a{border-bottom:1px solid var(--border-strong);color:var(--text-soft)}.footer-base a:hover{border-color:var(--blue);color:var(--blue)}.page-hero{padding-top:clamp(10rem,17vw,14rem);padding-bottom:clamp(5rem,9vw,8rem);position:relative;overflow:hidden}.page-hero-grid{z-index:1;grid-template-columns:1.1fr .9fr;align-items:end;gap:clamp(3rem,8vw,8rem);display:grid;position:relative}.page-hero h1,.about-hero h1,.not-found h1{margin-bottom:0;font-size:clamp(4rem,9vw,9rem);line-height:.97}.page-hero h1 span,.about-hero h1 span,.not-found h1 span{color:var(--blue)}.lane-page-games h1 span,.lane-page-games .eyebrow{color:var(--orange)}.page-hero-aside>p{max-width:38rem;color:var(--text-soft);margin-bottom:2.2rem;font-size:clamp(1rem,1.5vw,1.15rem)}.filter-nav{border-top:1px solid var(--border)}.filter-nav a{border-bottom:1px solid var(--border);color:var(--text-muted);font-family:var(--font-display);letter-spacing:.045em;transition:color .18s ease, padding .22s var(--ease);justify-content:space-between;align-items:center;gap:1rem;padding:.78rem 0;font-size:.69rem;display:flex}.filter-nav a:after{color:var(--text-muted);content:"↗";transition:transform .22s var(--ease);font-size:.7rem}.filter-nav a:hover:after{transform:translate(2px,-2px)}.filter-nav a:hover,.filter-nav a.active{color:var(--text);padding-left:.5rem}.filter-nav a.active:before{background:var(--blue);content:"";border-radius:50%;width:.42rem;height:.42rem;margin-right:-.2rem}.lane-page-games .filter-nav a.active:before{background:var(--orange)}.work-index{padding-top:clamp(4rem,7vw,7rem)}.work-index .project-grid .project-card:first-child:last-child{grid-column:1/-1}.work-index .project-grid .project-card:first-child:last-child .project-image-wrap{aspect-ratio:1.9}.systems-note{padding-top:0}.systems-panel{border:1px solid var(--border);background:radial-gradient(circle at 90% 10%, rgba(var(--orange-rgb), .1), transparent 30%), var(--panel-soft);grid-template-columns:1fr 1fr;gap:4rem;padding:clamp(2rem,5vw,4rem);display:grid}.systems-panel>p{color:var(--text-muted);align-self:end;margin:0}.systems-panel .eyebrow{color:var(--orange)}.case-study{--case-accent:var(--blue)}.case-study.case-games{--case-accent:var(--orange)}.case-hero{padding-top:clamp(10rem,16vw,13.5rem);padding-bottom:clamp(4rem,7vw,6.5rem);position:relative;overflow:hidden}.case-hero:after{background:var(--case-accent);content:"";filter:blur(150px);opacity:.09;border-radius:50%;width:37rem;height:37rem;position:absolute;top:-16rem;right:-11rem}.case-breadcrumb{z-index:1;color:var(--text-muted);font-family:var(--font-display);letter-spacing:.05em;flex-wrap:wrap;gap:.55rem;margin-bottom:clamp(3rem,6vw,5rem);font-size:.65rem;display:flex;position:relative}.case-breadcrumb a:hover{color:var(--case-accent)}.case-breadcrumb>span:last-child{color:var(--text-soft)}.case-title-grid{z-index:1;grid-template-columns:1.25fr .75fr;align-items:end;gap:clamp(3rem,8vw,8rem);display:grid;position:relative}.case-title-grid .eyebrow{color:var(--case-accent)}.case-title-grid h1{max-width:850px;margin-bottom:1.8rem;font-size:clamp(3.7rem,8vw,8.4rem);line-height:.9}.case-summary{max-width:47rem;color:var(--text-soft);margin-bottom:2rem;font-size:clamp(1.05rem,1.5vw,1.22rem)}.case-study .button-primary{background:var(--case-accent)}.case-study .button-primary:hover{filter:brightness(1.14)}.case-facts{border-top:1px solid var(--border);margin:0}.case-facts div{border-bottom:1px solid var(--border);grid-template-columns:4rem 1fr;gap:1rem;padding:1rem 0;display:grid}.case-facts dt{color:var(--text-muted);font-family:var(--font-display);letter-spacing:.09em;text-transform:uppercase;font-size:.59rem}.case-facts dd{color:var(--text-soft);margin:0;font-size:.83rem;line-height:1.45}.case-image-shell{z-index:2;position:relative}.case-image{border:1px solid var(--border-strong);background:var(--panel);overflow:hidden;box-shadow:0 40px 120px #00000061}.browser-bar{border-bottom:1px solid var(--border);min-height:3rem;color:var(--text-muted);font-family:var(--font-display);letter-spacing:.06em;background:#0a0e13;grid-template-columns:1fr auto 1fr;align-items:center;padding-inline:1rem;font-size:.56rem;display:grid}.browser-bar>span{gap:.38rem;display:flex}.browser-bar i{background:var(--border-strong);border-radius:50%;width:.45rem;height:.45rem}.browser-bar i:first-child{background:var(--orange)}.browser-bar em{font-style:normal}.browser-bar b{color:var(--case-accent);justify-self:end;font-weight:600}.case-image img{aspect-ratio:1.73;object-fit:cover;object-position:top center;width:100%}.case-overview{padding-top:clamp(6rem,11vw,10rem)}.prose-grid{grid-template-columns:.38fr 1.62fr;gap:clamp(2rem,8vw,8rem);display:grid}.case-study .prose-grid .eyebrow,.case-study .story-grid .eyebrow,.case-study .features-section .eyebrow,.case-study .technical-section .eyebrow,.case-study .result-section .eyebrow{color:var(--case-accent)}.prose-lead>p{max-width:58rem;color:var(--text-soft);font-family:var(--font-display);letter-spacing:-.035em;margin-bottom:0;font-size:clamp(1.75rem,3.5vw,3.35rem);line-height:1.32}.story-grid{background:var(--border);grid-template-columns:1fr 1fr;gap:1px;display:grid}.story-grid>div{background:var(--bg);padding:clamp(2rem,5vw,4.5rem)}.story-grid h2{max-width:30rem;margin-bottom:1.5rem;font-size:clamp(2.2rem,4vw,3.8rem)}.story-grid>div>p:last-child{max-width:36rem;color:var(--text-muted);margin:0}.feature-grid{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(2,1fr);display:grid}.feature-grid article{border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:#0a0f1573;min-height:18rem;padding:clamp(1.6rem,4vw,3rem)}.case-games .feature-grid article>span{color:var(--orange)}.feature-grid h3{margin:clamp(2.5rem,5vw,4.5rem) 0 .8rem;font-size:clamp(1.5rem,2.4vw,2.1rem)}.feature-grid p{max-width:29rem;color:var(--text-muted);margin:0}.technical-grid{grid-template-columns:1fr .9fr;gap:clamp(3rem,8vw,8rem);display:grid}.technical-grid h2{max-width:42rem}.technical-list{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.technical-list li{border-bottom:1px solid var(--border);color:var(--text-soft);font-family:var(--font-display);grid-template-columns:3rem 1fr;gap:1rem;padding:.9rem 0;font-size:.9rem;display:grid}.technical-list span{color:var(--case-accent);letter-spacing:.12em;font-size:.58rem}.result-section{padding-top:0}.result-panel{border:1px solid var(--border);background:radial-gradient(circle at 95% 5%, color-mix(in srgb, var(--case-accent) 15%, transparent), transparent 32%), var(--panel-soft);padding:clamp(2.5rem,7vw,6rem)}.result-copy{max-width:58rem;color:var(--text-soft);font-family:var(--font-display);letter-spacing:-.04em;margin:clamp(2.5rem,6vw,5rem) 0 0;font-size:clamp(1.8rem,4vw,3.7rem);line-height:1.28}.next-project{padding-top:0}.next-link{border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-family:var(--font-display);letter-spacing:-.04em;justify-content:space-between;align-items:center;gap:2rem;padding-block:clamp(2.5rem,6vw,5rem);font-size:clamp(1.8rem,4vw,4rem);font-weight:600;transition:color .22s;display:flex}.next-link small{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.55rem;font-size:.59rem;font-weight:580;display:block}.next-link i{color:var(--case-accent);transition:transform .26s var(--ease);font-style:normal}.next-link:hover{color:var(--case-accent)}.next-link:hover i{transform:translate(.5rem)}.about-hero{padding-top:clamp(10rem,16vw,14rem);position:relative;overflow:hidden}.about-hero-grid{z-index:1;grid-template-columns:1.17fr .83fr;align-items:center;gap:clamp(3rem,8vw,8rem);display:grid;position:relative}.about-hero h1{max-width:850px;font-size:clamp(3.6rem,8vw,7.8rem);line-height:.99}.about-portrait{aspect-ratio:.82;border:1px solid var(--border-strong);background:radial-gradient(circle at 50% 45%, rgba(var(--blue-rgb), .12), transparent 37%), var(--panel-soft);position:relative;overflow:hidden}.portrait-initials{font-family:var(--font-display);letter-spacing:0;align-items:center;gap:.07em;font-size:clamp(5rem,10vw,9rem);font-weight:680;line-height:1;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portrait-initials i{color:var(--text);font-style:normal}.portrait-initials i:first-child{color:var(--blue)}.portrait-label{color:var(--text-muted);font-family:var(--font-display);letter-spacing:.13em;align-items:center;gap:.55rem;font-size:.55rem;display:flex;position:absolute;bottom:1rem;left:1rem;right:1rem}.portrait-label i{background:var(--orange);width:.4rem;height:.4rem;box-shadow:0 0 12px rgba(var(--orange-rgb), .7);border-radius:50%}.portrait-corner{width:3rem;height:3rem;position:absolute}.corner-one{border-top:1px solid var(--blue);border-left:1px solid var(--blue);top:1rem;left:1rem}.corner-two{border-right:1px solid var(--orange);border-bottom:1px solid var(--orange);bottom:1rem;right:1rem}.about-prose>p+p{margin-top:2rem}.capabilities-section{background:#05080b80}.capability-grid{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(2,1fr);display:grid}.capability-grid article{border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:#0a0f158c;min-height:25rem;padding:clamp(1.7rem,4vw,3.2rem)}.capability-grid article:nth-child(2n)>span,.capability-grid article:nth-child(3)>span{color:var(--orange)}.capability-grid h3{margin:clamp(3rem,6vw,5rem) 0 1rem;font-size:clamp(1.8rem,3vw,2.7rem)}.capability-grid p{max-width:33rem;color:var(--text-muted)}.capability-grid ul{flex-wrap:wrap;gap:.45rem;margin:1.5rem 0 0;padding:0;list-style:none;display:flex}.capability-grid li{border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-display);letter-spacing:.07em;text-transform:uppercase;padding:.35rem .55rem;font-size:.57rem}.principles-grid{grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,8rem);display:grid}.principles-grid ol{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.principles-grid li{border-bottom:1px solid var(--border);grid-template-columns:3rem 1fr;gap:1.2rem;padding:1.6rem 0;display:grid}.principles-grid li>span{color:var(--blue);font-family:var(--font-display);letter-spacing:.12em;font-size:.6rem}.principles-grid h3{margin-bottom:.4rem;font-size:1.25rem}.principles-grid li p{color:var(--text-muted);margin:0}.contact-section{border-top:1px solid var(--border);background:radial-gradient(circle at 8% 100%, rgba(var(--blue-rgb), .09), transparent 30%), var(--bg-deep)}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(3rem,8vw,8rem);display:grid}.contact-grid h2{margin-bottom:0;font-size:clamp(3.5rem,7vw,7rem)}.contact-grid h2 span{color:var(--blue)}.contact-card{border:1px solid var(--border);background:var(--panel-soft);padding:clamp(1.6rem,4vw,3rem)}.contact-card>p{color:var(--text-soft);margin-bottom:2.5rem;font-size:1.05rem}.contact-email,.contact-github{border-top:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);font-family:var(--font-display);justify-content:space-between;align-items:center;gap:1rem;padding-block:1rem;font-size:clamp(1rem,2.2vw,1.45rem);font-weight:600;transition:color .18s,border-color .18s;display:flex}.contact-email i,.contact-github i{font-style:normal}.contact-email:hover,.contact-github:hover{border-color:var(--blue);color:var(--blue)}.contact-github{color:var(--text-soft);border-top:0;font-size:clamp(.85rem,1.6vw,1.05rem);font-weight:560}.contact-meta{color:var(--text-muted);font-family:var(--font-display);letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;gap:1rem;margin-top:1.5rem;font-size:.56rem;display:flex}.not-found{align-items:center;min-height:86svh;padding-top:10rem;display:flex}.not-found-grid{grid-template-columns:1.2fr .8fr;align-items:end;gap:4rem;display:grid}.not-found-grid>div:last-child p{max-width:28rem;color:var(--text-muted);margin-bottom:2rem}[data-reveal]{opacity:0;transition:transform .7s var(--ease), opacity .65s ease;transform:translateY(1.3rem)}[data-reveal][data-delay="1"]{transition-delay:.1s}[data-reveal][data-delay="2"]{transition-delay:.18s}[data-reveal].revealed{opacity:1;transform:translateY(0)}@keyframes status-pulse{0%,65%,to{box-shadow:0 0 #78d6a100}15%{box-shadow:0 0 0 6px #78d6a114}}@media (width<=980px){.hero-grid{grid-template-columns:1fr;gap:4rem}.home-hero{min-height:0}.build-index{width:min(100%,680px)}.index-canvas{min-height:24rem}.page-hero-grid,.about-hero-grid,.case-title-grid,.approach-grid,.principles-grid,.contact-grid{grid-template-columns:1fr;gap:3rem}.page-hero-aside{max-width:42rem}.about-portrait{aspect-ratio:1.15;width:min(100%,34rem)}.approach-intro{position:static}.split-heading{grid-template-columns:1fr;gap:2rem}.footer-grid{grid-template-columns:1fr 1fr}.footer-contact{grid-column:1/-1}.case-facts{margin-top:1rem}.case-image img{aspect-ratio:1.5}.prose-grid{grid-template-columns:1fr;gap:2rem}.technical-grid{grid-template-columns:1fr;gap:3rem}}@media (width<=780px){:root{--gutter:1.15rem}.site-header,.site-header.scrolled{height:4.7rem}.menu-button{display:block}.primary-nav{z-index:-1;visibility:hidden;padding:6rem var(--gutter) 2rem;opacity:0;transition:opacity .22s ease, transform .28s var(--ease), visibility .22s;background:#0a0e13fa;flex-direction:column;justify-content:center;align-items:stretch;gap:2.5rem;display:flex;position:fixed;inset:0;transform:translateY(-1rem)}.primary-nav.open{visibility:visible;opacity:1;transform:translateY(0)}.nav-links{border-top:1px solid var(--border);background:0 0;border-bottom:0;border-left:0;border-right:0;flex-direction:column;align-items:stretch;gap:0;padding:0}.nav-links a{border-right:0;border-bottom:1px solid var(--border);padding:1rem 0;font-size:1.1rem}.nav-links a>span{min-width:1.75rem;font-size:.58rem}.nav-links a:after{display:none}.nav-contact{justify-content:space-between;padding:1rem;font-size:.9rem}.hero-copy h1{font-size:clamp(3.4rem,17vw,5.8rem)}.home-hero{padding-top:8rem}.hero-proof{grid-template-columns:1fr;width:100%;display:grid}.hero-proof li,.hero-proof li+li{border-top:1px solid var(--border);border-left:0;padding:.55rem 0}.hero-proof li:last-child{border-bottom:1px solid var(--border)}.index-canvas{min-height:20rem}.index-lanes{grid-template-columns:1fr}.index-lane+.index-lane{border-top:1px solid var(--border);border-left:0}.index-lane{min-height:6rem}.lane-cards,.home-projects,.project-grid,.story-grid,.feature-grid,.capability-grid,.systems-panel,.about-panel{grid-template-columns:1fr}.lane-card{min-height:auto}.lane-icon{width:7rem;margin:3.5rem auto}.home-projects .project-card:first-child,.work-index .project-grid .project-card:first-child:last-child{grid-column:auto}.project-card.featured .project-image-wrap,.home-projects .project-card:first-child .project-image-wrap,.work-index .project-grid .project-card:first-child:last-child .project-image-wrap,.project-image-wrap{aspect-ratio:1.28}.project-image-wrap img{object-position:top center}.project-open{opacity:1;transform:none}.work-heading{flex-direction:column;align-items:flex-start}.about-mark{border-right:0;border-bottom:1px solid var(--border);min-height:21rem}.systems-panel{gap:2rem}.footer-grid{grid-template-columns:1fr}.footer-contact{grid-column:auto}.footer-base,.contact-meta{flex-direction:column;align-items:flex-start}.page-hero,.about-hero,.case-hero{padding-top:8.5rem}.page-hero h1,.not-found h1{font-size:clamp(3.8rem,19vw,6rem)}.case-title-grid h1{font-size:clamp(3.3rem,16vw,5.8rem)}.case-facts div{grid-template-columns:4rem 1fr}.browser-bar{grid-template-columns:1fr auto}.browser-bar em{display:none}.case-image img{aspect-ratio:1.12}.story-grid>div{padding:2rem 1.5rem}.feature-grid article{min-height:16rem}.result-panel{padding:2rem 1.5rem}.about-hero h1{font-size:clamp(3.2rem,15vw,5.6rem)}.about-portrait{width:100%}.capability-grid article{min-height:22rem}.not-found-grid{grid-template-columns:1fr}}@media (width<=520px){.section-pad{padding-block:4.7rem}.button-row{flex-direction:column;align-items:stretch}.button{justify-content:space-between}.index-canvas{min-height:17rem}.orbit-one{width:15rem;height:15rem}.orbit-two{width:10.5rem;height:10.5rem}.axis-y{display:none}.project-meta{flex-direction:column;align-items:flex-start;gap:.35rem}.tech-list{gap:.4rem .65rem}.tech-list li+li:before{margin-right:.65rem}.project-image-wrap,.project-card.featured .project-image-wrap,.home-projects .project-card:first-child .project-image-wrap{aspect-ratio:1.08}.project-open{width:2.65rem;height:2.65rem}.prose-lead>p{font-size:1.55rem}.next-link{align-items:flex-end;font-size:1.55rem}.contact-email{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}}.brand-lockup[data-astro-cid-f7espo7c]{align-items:center;gap:.72rem;display:inline-flex}.brand-symbol[data-astro-cid-f7espo7c]{flex:none;width:2.45rem;height:2.45rem}.symbol-frame[data-astro-cid-f7espo7c]{fill:#0d131a;stroke:#33404c;stroke-width:1.5px}.symbol-blue[data-astro-cid-f7espo7c]{fill:#78c9f4}.symbol-orange[data-astro-cid-f7espo7c]{fill:#ff5a2c}.symbol-letter[data-astro-cid-f7espo7c]{font-family:var(--font-display);letter-spacing:-.08em;font-size:20px;font-weight:750}.symbol-corner[data-astro-cid-f7espo7c]{fill:#ff5a2c}.brand-words[data-astro-cid-f7espo7c]{font-family:var(--font-display);letter-spacing:.09em;text-transform:uppercase;font-size:.68rem;line-height:.92;display:grid}.brand-words[data-astro-cid-f7espo7c] span[data-astro-cid-f7espo7c]{color:var(--text-muted)}.brand-words[data-astro-cid-f7espo7c] strong[data-astro-cid-f7espo7c]{color:var(--text);letter-spacing:.055em;margin-top:.3rem;font-size:.92rem}.compact[data-astro-cid-f7espo7c] .brand-words[data-astro-cid-f7espo7c]{display:none}