:root{--bg:#080a0d;--bg-soft:#0d1115;--panel:#10151a;--line:#e0ebe429;--line-strong:#e0ebe447;--text:#f1f4ef;--muted:#8d9891;--accent:#b9ff4f;--mx:50vw;--my:40vh;color:var(--text);background:var(--bg);font-synthesis:none;font-family:Noto Sans SC,Microsoft YaHei,PingFang SC,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);min-width:320px;color:var(--text);margin:0;overflow-x:hidden}button,a{color:inherit;font:inherit}button{background:0 0;border:0;padding:0}a{text-decoration:none}img{max-width:100%;display:block}::selection{background:var(--accent);color:#071006}.page-shell{width:min(1700px,100% - 96px);margin:0 auto}.mono{letter-spacing:.16em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:11px}.accent{color:var(--accent)}.app-shell,.case-page{background:var(--bg);min-height:100vh}.pointer-halo{z-index:50;width:380px;height:380px;left:var(--mx);top:var(--my);pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle,#b7ff4c0e,#0000 66%);border-radius:50%;position:fixed;transform:translate(-50%,-50%)}.side-nav{z-index:70;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070a0ce0;flex-direction:column;width:64px;transition:width .42s cubic-bezier(.2,.75,.2,1),box-shadow .42s;display:flex;position:fixed;top:76px;bottom:0;left:0;overflow:hidden}.side-nav.is-open{width:350px;box-shadow:28px 0 70px #0000007a}.side-nav-toggle{border-bottom:1px solid var(--line);color:#9aa49d;cursor:pointer;align-items:center;gap:24px;height:68px;min-height:68px;padding:0 23px;display:flex;overflow:hidden}.side-nav-toggle:hover{color:var(--accent)}.side-nav-bars{width:18px;min-width:18px;height:12px;position:relative}.side-nav-bars i{background:currentColor;width:18px;height:1px;transition:transform .35s,top .35s;position:absolute;left:0}.side-nav-bars i:first-child{top:2px}.side-nav-bars i:last-child{top:9px}.side-nav.is-open .side-nav-bars i:first-child{top:5px;transform:rotate(45deg)}.side-nav.is-open .side-nav-bars i:last-child{top:5px;transform:rotate(-45deg)}.side-nav-menu-text{white-space:nowrap;opacity:0;letter-spacing:.18em;font:500 9px/1 IBM Plex Mono,monospace;transition:opacity .25s,transform .35s;transform:translate(-8px)}.side-nav.is-open .side-nav-menu-text{opacity:1;transform:none}.side-nav nav{padding:14px 0}.side-nav nav button{text-align:left;color:#7d8780;cursor:pointer;grid-template-columns:64px 1fr 30px;align-items:center;width:350px;min-height:72px;transition:color .25s,background .25s;display:grid;position:relative}.side-nav nav button:before{content:"";background:var(--accent);opacity:0;width:2px;box-shadow:0 0 12px var(--accent);transition:opacity .25s;position:absolute;top:18px;bottom:18px;left:0}.side-nav nav button:hover,.side-nav nav button.active{color:#edf1ed;background:#b9ff4f0b}.side-nav nav button.active:before{opacity:1}.side-nav-index{color:#626b65;letter-spacing:.08em;justify-self:center;font:500 9px/1 IBM Plex Mono,monospace;transition:color .25s}.side-nav nav button.active .side-nav-index{color:var(--accent)}.side-nav-label{opacity:0;white-space:nowrap;flex-direction:column;gap:7px;min-width:0;transition:opacity .25s,transform .35s;display:flex;transform:translate(-9px)}.side-nav.is-open .side-nav-label{opacity:1;transform:none}.side-nav-label strong{text-overflow:ellipsis;letter-spacing:.04em;font-size:13px;font-weight:500;overflow:hidden}.side-nav-label small{text-overflow:ellipsis;color:#515b54;letter-spacing:.12em;font:500 8px/1 IBM Plex Mono,monospace;overflow:hidden}.side-nav-arrow{opacity:0;color:var(--accent);font-style:normal;transition:opacity .25s,transform .35s;transform:translate(-8px,6px)}.side-nav.is-open .side-nav-arrow{opacity:1;transform:none}.side-nav-foot{border-top:1px solid var(--line);color:#465049;white-space:nowrap;writing-mode:vertical-rl;letter-spacing:.16em;align-items:center;height:52px;margin-top:auto;padding-left:24px;font:500 8px/1 IBM Plex Mono,monospace;display:flex}.side-nav.is-open .side-nav-foot{writing-mode:horizontal-tb}.site-header{z-index:40;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06080abf;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 42px;display:grid;position:fixed;inset:0 0 auto}.brand{cursor:pointer;text-align:left;justify-self:start;align-items:center;gap:13px;display:flex}.brand-mark{border:1px solid var(--line-strong);letter-spacing:.08em;place-items:center;width:42px;height:42px;font:600 11px/1 IBM Plex Mono,monospace;display:grid}.brand-copy{letter-spacing:.16em;color:#aeb7b0;font:600 9px/1.25 IBM Plex Mono,monospace}.brand-back{color:var(--accent);letter-spacing:.12em;margin-left:16px;font:500 10px/1 IBM Plex Mono,monospace}.top-nav{align-items:center;height:100%;display:flex}.top-nav a{color:#cbd1cc;letter-spacing:.15em;align-items:center;gap:7px;height:100%;padding:0 24px;font-size:12px;transition:color .25s,background .25s;display:flex}.top-nav a:hover{color:var(--accent);background:#b9ff4f0a}.top-nav small{color:#59615c;font:500 8px/1 IBM Plex Mono,monospace}.header-cta{border:1px solid var(--line-strong);letter-spacing:.15em;justify-self:end;align-items:center;gap:10px;height:42px;padding:0 17px;font-size:11px;transition:border-color .25s,background .25s;display:flex}.header-cta:hover{border-color:var(--accent);background:#b9ff4f0f}.header-cta i,.contact-status i{background:var(--accent);width:7px;height:7px;box-shadow:0 0 14px var(--accent);border-radius:50%}.hero{background:radial-gradient(circle at 73% 45%,#1930257a,#0000 30%),#080a0d;min-height:100vh;padding-top:76px;position:relative;overflow:hidden}.hero:before,.about:before,.contact:before{content:"";pointer-events:none;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.18;background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 20% 82%,#0000);mask-image:linear-gradient(#0000,#000 20% 82%,#0000)}.hero-noise{opacity:.16;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-layout{grid-template-columns:minmax(0,1.12fr) minmax(460px,.88fr);align-items:center;gap:34px;min-height:calc(100vh - 132px);padding-top:34px;display:grid;position:relative}.hero-copy{z-index:2;position:relative}.hero-kicker{color:#9ca59f;gap:64px;margin-bottom:56px;font-size:13px;display:flex}.hero-kicker span{color:var(--accent);letter-spacing:.16em;font:600 10px/1.5 IBM Plex Mono,monospace}.hero-kicker p{letter-spacing:.08em;margin:0}.hero h1{letter-spacing:-.065em;max-width:1050px;margin:0;font-size:clamp(68px,5vw,98px);font-weight:500;line-height:1.02}.hero h1 span{white-space:nowrap;display:block}.hero h1 i{color:var(--accent);font-style:normal}.hero-bottom{justify-content:space-between;align-items:flex-end;gap:32px;max-width:980px;margin-top:54px;display:flex}.hero-bottom p{color:#a8b0aa;margin:0;font-size:15px;line-height:1.9}.text-link{border-bottom:1px solid var(--line-strong);min-width:160px;color:var(--accent);letter-spacing:.1em;justify-content:space-between;padding-bottom:12px;font:500 11px/1 IBM Plex Mono,monospace;display:flex}.hero-foot{z-index:2;border-top:1px solid var(--line);color:#68706b;letter-spacing:.15em;justify-content:space-between;align-items:center;height:56px;font:500 9px/1 IBM Plex Mono,monospace;display:flex;position:relative}.research-field{aspect-ratio:1;justify-self:end;width:min(650px,100%);position:relative}.field-grid{background-image:radial-gradient(circle,#b9ff4f80 1px,#0000 1px);background-size:28px 28px;border:1px solid #b9ff4f24;border-radius:50%;animation:6s ease-in-out infinite fieldPulse;position:absolute;inset:8%;-webkit-mask-image:radial-gradient(circle,#000 0 57%,#0000 76%);mask-image:radial-gradient(circle,#000 0 57%,#0000 76%)}.field-orbit{border:1px solid #b9ff4f38;border-radius:50%;animation:18s linear infinite orbit;position:absolute}.orbit-one{border-style:dashed;inset:3%}.orbit-two{animation-duration:12s;animation-direction:reverse;inset:20%}.field-orbit:before,.field-orbit:after{content:"";background:var(--accent);width:7px;height:7px;box-shadow:0 0 14px var(--accent);border-radius:50%;position:absolute}.field-orbit:before{top:12%;left:14%}.field-orbit:after{bottom:28%;right:4%}.field-center{background:#080d0adb;border:1px solid #b9ff4f4d;border-radius:50%;align-content:center;place-items:center;display:grid;position:absolute;inset:34%;box-shadow:0 0 80px #b9ff4f14,inset 0 0 45px #b9ff4f0d}.field-center span{color:#89928c;letter-spacing:.25em;font:500 9px/1 IBM Plex Mono,monospace}.field-center strong{color:var(--accent);text-shadow:0 0 30px #b9ff4f4d;margin:-4px 0 -10px;font-size:98px;font-weight:300}.field-center small{color:#687169;text-align:center;letter-spacing:.18em;font:500 8px/1.45 IBM Plex Mono,monospace}.field-node{color:#9ea7a1;letter-spacing:.12em;align-items:center;gap:8px;font-size:11px;display:flex;position:absolute}.field-node i{background:var(--accent);width:5px;height:5px;box-shadow:0 0 10px var(--accent);border-radius:50%}.node-1{top:12%;left:18%}.node-2{top:10%;right:17%}.node-3{top:48%;right:-1%}.node-4{bottom:11%;right:19%}.node-5{bottom:10%;left:17%}.node-6{top:48%;left:-1%}.field-coordinate{writing-mode:vertical-rl;color:#4d5650;letter-spacing:.18em;font:500 8px/1 IBM Plex Mono,monospace;position:absolute;bottom:35%;right:1%}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes fieldPulse{50%{opacity:.58;transform:scale(.985)}}.section{padding:160px 0;position:relative}.section-title{border-top:1px solid var(--line-strong);margin-bottom:92px;padding-top:22px;display:block}.section-title>div{grid-template-columns:150px 1fr;align-content:start;max-width:720px;display:grid}.section-title p{color:#a0aaa3;letter-spacing:.1em;margin:0;font-size:13px}.section-title h2{letter-spacing:-.05em;max-width:760px;margin:48px 0 0;font-size:clamp(48px,4.7vw,82px);font-weight:400;line-height:1.12}.about{background:#090c0f;overflow:hidden}.profile-grid{grid-template-columns:minmax(350px,.72fr) 1.28fr;align-items:center;gap:8.5vw;display:grid;position:relative}.portrait{border:1px solid var(--line-strong);background:#0b0e11;margin:0;padding:14px 14px 0;position:relative}.portrait:after{content:"";pointer-events:none;background:linear-gradient(#0000 60%,#040708b8);position:absolute;inset:14px 14px 45px}.portrait img{aspect-ratio:3/4;object-fit:cover;filter:saturate(.78)contrast(1.03)brightness(.88);width:100%}.portrait figcaption{z-index:2;color:#929a95;letter-spacing:.16em;justify-content:space-between;align-items:center;height:45px;font:500 8px/1 IBM Plex Mono,monospace;display:flex;position:relative}.profile-story h3{letter-spacing:-.07em;margin:32px 0 45px;font-size:clamp(54px,6vw,110px);font-weight:400;line-height:.82}.profile-lead{max-width:980px;margin:0 0 28px;color:#e5e9e5!important;font-size:clamp(24px,2.2vw,38px)!important;line-height:1.55!important}.profile-story>p{color:#9fa8a2;max-width:870px;font-size:16px;line-height:2}.availability{border-top:1px solid var(--line);color:#aeb7b1;letter-spacing:.06em;align-items:center;gap:12px;margin-top:48px;padding-top:24px;font:500 11px/1.4 IBM Plex Mono,monospace;display:flex}.availability i{background:var(--accent);width:7px;height:7px;box-shadow:0 0 12px var(--accent);border-radius:50%}.metric-row{border:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:120px;display:grid}.metric{border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:160px;padding:30px;display:flex}.metric:last-child{border-right:0}.metric strong{letter-spacing:-.05em;font-size:clamp(34px,4vw,68px);font-weight:400}.metric span{color:#89928c;letter-spacing:.08em;font-size:12px}.experience{background:#0b0f12}.timeline{border-top:1px solid var(--line)}.experience-item{border-bottom:1px solid var(--line);grid-template-columns:.7fr 1fr 1.7fr 40px;gap:40px;padding:44px 12px;transition:background .3s,padding .3s;display:grid;position:relative}.experience-item:hover{background:#b9ff4f06;padding-left:28px;padding-right:28px}.experience-item h3{margin:0 0 9px;font-size:23px;font-weight:500}.experience-item p{color:#909a93;margin:0;font-size:14px;line-height:1.9}.experience-item .place{color:#616b64}.experience-item ul,.project-info ul{flex-wrap:wrap;gap:7px;margin:20px 0 0;padding:0;list-style:none;display:flex}.experience-item li,.project-info li{border:1px solid var(--line);color:#98a29b;border-radius:999px;padding:7px 10px;font-size:10px}.row-arrow{color:var(--accent);align-self:center;font-size:20px;font-style:normal;transition:transform .3s}.experience-item:hover .row-arrow{transform:translate(5px,-5px)}.work{background:#080a0d}.project-list{gap:150px;display:grid}.project-card{grid-template-columns:1.25fr .75fr;align-items:center;gap:7vw;display:grid}.project-card:nth-child(2n) .project-media{order:2}.project-card:nth-child(2n) .project-info{order:1}.project-media{border:1px solid var(--line-strong);cursor:pointer;text-align:left;isolation:isolate;background:#111;min-height:620px;position:relative;overflow:hidden}.project-media:before{content:"";z-index:2;background:linear-gradient(145deg,#0000 38%,#020506d9),linear-gradient(#0000 55%,#020506cc);position:absolute;inset:0}.project-media:after,.external-project:after{content:"";z-index:5;pointer-events:none;opacity:0;background:linear-gradient(110deg,#0000 20%,#b9ff4fe6 48%,#0000 68%) 0 0/220% 100% border-box;border:1px solid #0000;transition:opacity .3s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.project-media:hover:after,.external-project:hover:after{opacity:1;animation:2.2s linear infinite edgeGlow}@keyframes edgeGlow{to{background-position:-220% 0}}.project-media img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .8s;position:absolute;inset:0}.project-card:not(:first-child) .project-media img{object-position:top center}.project-media:hover img{filter:brightness(1.08);transform:scale(1.035)}.project-index,.project-en{z-index:4;font-family:IBM Plex Mono,monospace;position:absolute}.project-index{color:var(--accent);font-size:12px;top:25px;left:25px}.project-en{color:#d9ded9;letter-spacing:.18em;font-size:9px;bottom:25px;right:25px}.project-info h3{letter-spacing:-.055em;margin:22px 0 28px;font-size:clamp(42px,4vw,68px);font-weight:400;line-height:1.1}.project-info>p{color:#969f99;max-width:560px;font-size:15px;line-height:1.95}.case-link{border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);cursor:pointer;color:#d8ded9;letter-spacing:.12em;justify-content:space-between;width:100%;margin-top:38px;padding:18px 0;font-size:12px;display:flex}.case-link span{color:var(--accent)}.external-project{border:1px solid var(--line-strong);grid-template-columns:.68fr 1.32fr;align-items:center;gap:6vw;min-height:370px;margin-top:150px;padding:44px;display:grid;position:relative;overflow:hidden}.external-project h3{margin:24px 0 14px;font-size:46px;font-weight:400}.external-project p{color:#87918a}.external-project img{object-fit:contain;object-position:center;opacity:.82;background:#090b0e;width:100%;height:300px;transition:transform .6s,opacity .6s}.external-project:hover img{opacity:1;transform:scale(1.015)}.external-arrow{color:var(--accent);letter-spacing:.12em;font:500 10px/1 IBM Plex Mono,monospace;position:absolute;bottom:20px;right:25px}.capabilities{background:#0b0e11;padding-bottom:0}.capability-grid{border:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.capability-card{border-right:1px solid var(--line);flex-direction:column;justify-content:flex-end;min-height:400px;padding:28px;transition:background .3s,transform .3s;display:flex}.capability-card:last-child{border-right:0}.capability-card:hover{background:#b9ff4f0b;transform:translateY(-5px)}.capability-card>div{color:var(--accent);justify-content:space-between;margin-bottom:auto;font:500 10px/1 IBM Plex Mono,monospace;display:flex}.capability-card small{color:#59635c;letter-spacing:.16em;font:500 9px/1 IBM Plex Mono,monospace}.capability-card h3{margin:14px 0 20px;font-size:30px;font-weight:500}.capability-card p{color:#8e9891;font-size:13px;line-height:1.8}.skill-ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#dce3dd;white-space:nowrap;height:72px;margin-top:110px;font:500 23px/72px IBM Plex Mono,monospace;overflow:hidden}.skill-ticker div{width:max-content;animation:28s linear infinite ticker}.skill-ticker:hover div{animation-play-state:paused}@keyframes ticker{to{transform:translate(-50%)}}.game-section{background:radial-gradient(circle at 16%,#4c307038,#0000 35%),#090b0e;padding:140px 0}.game-layout{grid-template-columns:1fr 1fr;align-items:end;gap:9vw;display:grid}.game-layout h2{letter-spacing:-.055em;margin:32px 0 0;font-size:clamp(48px,5vw,90px);font-weight:400;line-height:1.08}.game-copy p{color:#a0aaa3;font-size:17px;line-height:2}.game-tags{flex-wrap:wrap;gap:8px;margin-top:38px;display:flex}.game-tags span{border:1px solid var(--line);color:#b2bab4;border-radius:99px;padding:10px 14px;font-size:11px}.contact{background:#07090b;min-height:100vh;padding:145px 0 36px;position:relative;overflow:hidden}.contact-glow{filter:blur(20px);background:radial-gradient(circle,#b9ff4f1c,#0000 63%);border-radius:50%;width:800px;height:800px;position:absolute;top:10%;right:0;transform:translate(30%)}.contact-layout{z-index:2;grid-template-columns:1.4fr .6fr;align-items:center;gap:8vw;display:grid;position:relative}.contact-status{color:var(--accent);letter-spacing:.13em;align-items:center;gap:10px;font:500 10px/1 IBM Plex Mono,monospace;display:flex}.contact h2{letter-spacing:-.075em;margin:42px 0 38px;font-size:clamp(76px,9vw,160px);font-weight:400;line-height:.75}.contact h2 em{color:var(--accent);font-style:normal}.contact-layout>div>p{color:#909991;max-width:760px;font-size:16px;line-height:1.9}.contact-card{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141a17b8;border-radius:20px;padding:34px;box-shadow:0 30px 80px #00000040}.contact-card>a,.contact-card>div{border-bottom:1px solid var(--line);padding:24px 0;display:block;position:relative}.contact-card small{color:#69736c;margin-bottom:10px;font-size:10px;display:block}.contact-card strong{font-size:14px;font-weight:500}.contact-card a i{color:var(--accent);font-style:normal;position:absolute;top:44%;right:0}.contact footer{border-top:1px solid var(--line);color:#5d665f;letter-spacing:.14em;grid-column:1/-1;justify-content:space-between;margin-top:120px;padding-top:25px;font:500 9px/1 IBM Plex Mono,monospace;display:flex}.contact footer button{color:#818b84;cursor:pointer;font:inherit;letter-spacing:inherit}[data-reveal]{opacity:0;transition:opacity .85s,transform .85s cubic-bezier(.2,.7,.2,1);transform:translateY(28px)}[data-reveal].visible{opacity:1;transform:none}.theme-emerald{--case-accent:#73ffb5}.theme-violet{--case-accent:#bf8cff}.theme-blue{--case-accent:#64b6ff}.theme-indigo{--case-accent:#a69cff}.theme-amber{--case-accent:#ffcb69}.case-page .accent{color:var(--case-accent)}.detail-header .header-cta i{background:var(--case-accent);box-shadow:0 0 12px var(--case-accent)}.case-hero{min-height:100vh;padding-top:76px;position:relative;overflow:hidden}.case-hero-bg{position:absolute;inset:76px 0 0}.case-hero-bg img{object-fit:cover;filter:brightness(.28)saturate(.7);width:100%;height:100%}.case-hero-bg i{background:linear-gradient(90deg,#06080af0 0%,#06080aab 45%,#06080a40),linear-gradient(#0000 55%,#080a0d);position:absolute;inset:0}.case-hero-inner{z-index:2;grid-template-rows:auto 1fr auto;min-height:calc(100vh - 76px);padding:54px 0 48px;display:grid;position:relative}.case-meta{color:#929b95;letter-spacing:.16em;justify-content:space-between;font:500 9px/1 IBM Plex Mono,monospace;display:flex}.case-title{align-self:center;max-width:1150px}.case-title>span{letter-spacing:.14em;font:500 11px/1 IBM Plex Mono,monospace}.case-title h1{letter-spacing:-.085em;margin:25px 0 32px;font-size:clamp(90px,12vw,210px);font-weight:400;line-height:.8}.case-title p{color:#c1c8c2;max-width:830px;font-size:20px;line-height:1.8}.case-role{border-top:1px solid #fff3;align-self:end;align-items:center;gap:70px;padding-top:22px;display:flex}.case-role span{color:#687169;letter-spacing:.16em;font:500 9px/1 IBM Plex Mono,monospace}.case-role strong{letter-spacing:.08em;font-size:13px;font-weight:500}.case-overview{background:#090c0f;padding:130px 0 170px}.case-metrics{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-bottom:170px;display:grid}.case-page .metric:first-child strong{color:var(--case-accent)}.case-intro-grid{grid-template-columns:.45fr 1.55fr;gap:50px;display:grid}.case-intro-grid h2{letter-spacing:-.05em;max-width:1250px;margin:0;font-size:clamp(40px,4.5vw,78px);font-weight:400;line-height:1.38}.case-challenge{border-top:1px solid var(--line);grid-column:2;grid-template-columns:.4fr 1.6fr;gap:30px;margin-top:70px;padding-top:30px;display:grid}.case-challenge span{color:var(--case-accent);font-size:12px}.case-challenge p{color:#9da69f;margin:0;font-size:17px;line-height:2}.case-process{background:#0c1013;padding:160px 0}.case-section-head{grid-template-columns:.55fr 1.45fr;gap:50px;margin-bottom:100px;display:grid}.case-section-head h2{letter-spacing:-.06em;margin:0;font-size:clamp(48px,5vw,90px);font-weight:400;line-height:1.06}.approach-grid{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.approach-grid article{border-right:1px solid var(--line);flex-direction:column;justify-content:flex-end;min-height:430px;padding:30px;display:flex}.approach-grid article:last-child{border-right:0}.approach-grid span{color:var(--case-accent);margin-bottom:auto;font:500 10px/1 IBM Plex Mono,monospace}.approach-grid h3{font-size:28px;font-weight:500}.approach-grid p{color:#8f9892;font-size:14px;line-height:1.9}.case-gallery{background:#080a0d;padding:160px 0}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.gallery-1{grid-template-columns:1fr}.gallery-1 .gallery-item{min-height:900px}.gallery-item{border:1px solid var(--line);cursor:zoom-in;text-align:left;background:#0d1115;min-height:560px;position:relative;overflow:hidden}.gallery-item img{object-fit:cover;object-position:top;width:100%;height:calc(100% - 56px);transition:transform .7s,filter .7s;position:absolute;inset:0}.gallery-item.contain img{object-fit:contain;background:#090c10}.gallery-item:hover img{filter:brightness(1.08);transform:scale(1.02)}.gallery-item>span{border-top:1px solid var(--line);color:#c3cac4;align-items:center;gap:20px;height:56px;padding:0 18px;font-size:11px;display:flex;position:absolute;inset:auto 0 0}.gallery-item>span i{color:var(--case-accent);font:500 9px/1 IBM Plex Mono,monospace}.gallery-item>span em{color:#69736c;margin-left:auto;font-size:9px;font-style:normal}.case-outcome{background:radial-gradient(circle at 20% 70%, color-mix(in srgb, var(--case-accent) 10%, transparent), transparent 35%), #0b0e11;padding:170px 0}.outcome-grid{grid-template-columns:.45fr 1.55fr;gap:50px;display:grid}.outcome-grid h2{letter-spacing:-.045em;margin:0;font-size:clamp(42px,4.3vw,76px);font-weight:400;line-height:1.45}.next-case{border-top:1px solid var(--line);cursor:pointer;text-align:left;background:#080a0d;grid-template-columns:.5fr 1.5fr auto;align-items:center;width:100%;padding:55px max(48px,50vw - 850px);display:grid}.next-case span{color:#677069;letter-spacing:.16em;font:500 9px/1 IBM Plex Mono,monospace}.next-case strong{font-size:50px;font-weight:400}.next-case i{color:var(--case-accent);font-size:30px;font-style:normal;transition:transform .3s}.next-case:hover i{transform:translate(7px,-7px)}.lightbox{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:zoom-out;background:#000000f0;place-items:center;padding:55px;display:grid;position:fixed;inset:0}.lightbox img{object-fit:contain;max-width:94vw;max-height:90vh;box-shadow:0 20px 90px #000000b3}.lightbox button{color:#fff;cursor:pointer;border:1px solid #ffffff40;border-radius:50%;width:48px;height:48px;font-size:32px;position:absolute;top:22px;right:28px}.not-found{align-content:center;place-items:center;gap:18px;min-height:100vh;display:grid}.not-found span{color:var(--accent);font:500 12px/1 IBM Plex Mono,monospace}.not-found h1{font-size:48px;font-weight:400}.not-found button{border:1px solid var(--line-strong);cursor:pointer;padding:12px 20px}@media (width<=1100px){.page-shell{width:min(100% - 44px,1700px)}.site-header{padding:0 22px}.top-nav a{padding:0 10px}.hero-layout{grid-template-columns:1fr;padding-top:110px}.research-field{opacity:.5;width:550px;position:absolute;right:-140px}.hero-copy{max-width:820px}.hero h1{font-size:clamp(64px,10vw,110px)}.section-title,.profile-grid,.project-card,.project-card:nth-child(2n),.contact-layout{grid-template-columns:1fr}.project-card:nth-child(2n) .project-media,.project-card:nth-child(2n) .project-info{order:initial}.project-media{min-height:520px}.capability-grid{grid-template-columns:repeat(2,1fr)}.capability-card:nth-child(2){border-right:0}.metric-row{grid-template-columns:repeat(2,1fr)}.experience-item{grid-template-columns:.5fr 1fr 1.5fr}.experience-item .row-arrow{display:none}.case-title h1{font-size:120px}.gallery-item{min-height:430px}}@media (width<=720px){.page-shell{width:calc(100% - 32px)}.site-header{grid-template-columns:1fr auto;height:64px}.top-nav,.brand-copy,.brand-back{display:none}.header-cta{height:38px}.pointer-halo{display:none}.hero{padding-top:64px}.hero-layout{min-height:calc(100vh - 110px);padding-top:88px}.hero-kicker{gap:24px;margin-bottom:55px}.hero h1{font-size:clamp(54px,15vw,78px)}.hero h1 .indent{margin-left:0}.hero-bottom{margin-top:48px;display:block}.hero-bottom .text-link{margin-top:30px}.hero-foot span:nth-child(2){display:none}.research-field{opacity:.32;width:420px;top:20%;right:-230px}.section{padding:100px 0}.section-title{margin-bottom:65px}.section-title>div{grid-template-columns:1fr 1fr}.section-title h2{font-size:46px}.profile-grid{gap:60px}.profile-story h3{font-size:54px}.profile-lead{font-size:23px!important}.metric-row{margin-top:70px}.metric{min-height:120px;padding:20px}.experience-item{grid-template-columns:1fr;gap:18px}.project-list{gap:100px}.project-media{min-height:390px}.project-info h3{font-size:50px}.external-project{grid-template-columns:1fr;padding:24px}.external-project img{height:190px}.capability-grid{grid-template-columns:1fr}.capability-card{border-right:0;border-bottom:1px solid var(--line);min-height:300px}.game-layout{grid-template-columns:1fr}.contact{padding-top:100px}.contact-layout{gap:60px}.contact h2{font-size:70px}.contact footer{flex-wrap:wrap;gap:20px}.detail-header{height:64px}.case-hero{padding-top:64px}.case-hero-bg{inset-top:64px}.case-hero-inner{min-height:calc(100vh - 64px);padding:36px 0}.case-title h1{font-size:78px}.case-title p{font-size:16px}.case-role{gap:24px}.case-metrics{grid-template-columns:1fr;margin-bottom:100px}.case-intro-grid,.case-section-head,.outcome-grid{grid-template-columns:1fr}.case-intro-grid h2{font-size:38px}.case-challenge{grid-column:auto;grid-template-columns:1fr}.case-process,.case-gallery,.case-outcome{padding:100px 0}.approach-grid{grid-template-columns:1fr}.approach-grid article{border-right:0;border-bottom:1px solid var(--line);min-height:300px}.gallery-grid{grid-template-columns:1fr}.gallery-item,.gallery-1 .gallery-item{min-height:480px}.next-case{grid-template-columns:1fr auto;gap:12px;padding:34px 18px}.next-case span{grid-column:1/-1}.next-case strong{font-size:34px}.lightbox{padding:18px}.side-nav{border:1px solid var(--line-strong);background:#080b0df0;border-radius:50%;width:48px;height:48px;top:auto;bottom:18px;left:16px;overflow:visible}.side-nav.is-open{border-radius:14px;width:min(330px,100vw - 32px);height:auto;max-height:calc(100vh - 100px);overflow:hidden}.side-nav-toggle{border-bottom-color:#0000;height:46px;min-height:46px;padding:0 14px}.side-nav.is-open .side-nav-toggle{border-bottom-color:var(--line)}.side-nav nav{padding:6px 0 10px;display:none;overflow-y:auto}.side-nav.is-open nav{display:block}.side-nav nav button{grid-template-columns:48px 1fr 28px;width:100%;min-height:58px}.side-nav-index{justify-self:center}.side-nav-foot{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}}@media (width<=720px){.case-hero-bg{inset:64px 0 0}}.case-title.long-title h1{max-width:1320px;font-size:clamp(64px,7.4vw,128px);line-height:.92}.case-intro-grid h2{letter-spacing:-.035em;max-width:1120px;font-size:clamp(28px,3vw,48px);line-height:1.55}.case-notes{border-top:1px solid var(--line);grid-column:2;grid-template-columns:repeat(2,1fr);gap:44px;margin-top:64px;padding-top:28px;display:grid}.case-notes>div{grid-template-columns:94px 1fr;gap:18px;display:grid}.case-notes span{color:var(--case-accent);font-size:12px}.case-notes p{color:#9da69f;margin:0;font-size:15px;line-height:1.9}.case-section-head{margin-bottom:72px;display:block}.case-section-head h2{letter-spacing:-.05em;max-width:760px;margin:40px 0 0;font-size:clamp(42px,4vw,68px);line-height:1.12}@media (width<=1100px){.hero h1 span{white-space:normal}.case-notes{grid-column:auto}}@media (width<=720px){.hero h1{font-size:clamp(48px,13vw,68px);line-height:1.08}.section-title h2{margin-top:34px;font-size:42px}.case-title.long-title h1{font-size:58px;line-height:1}.case-notes,.case-notes>div{grid-template-columns:1fr}}