@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--paper:#f3f0e8;--ink:#20211e;--muted:#74746b;--orange:#f05a2a;--line:#d5d3c9;--display:'Space Grotesk','Arial',sans-serif;--body:'DM Sans','Microsoft YaHei',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--orange);outline-offset:7px}::selection{background:var(--orange);color:var(--paper)}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}button,a{-webkit-tap-highlight-color:transparent}main:focus{outline:0}.header{height:100px;margin:0 5%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-family:var(--display);font-size:43px;font-weight:700;letter-spacing:-5px;display:flex;align-items:center;gap:8px}.brand-dot{color:var(--orange);font-size:45px}.brand-word{font-family:var(--body);font-size:11px;font-weight:600;letter-spacing:2px;margin-left:10px}.header nav{display:flex;gap:35px}.header nav a{font-size:13px;font-weight:600;display:flex;gap:7px;align-items:center}.header nav a span{font-size:10px;font-weight:400;color:var(--muted)}.header nav a:hover,.header [aria-current]{color:var(--orange)}.header-contact{font-size:11px;letter-spacing:1px}.header-contact span{font-size:21px;margin-left:16px}.eyebrow,.hero-year,.section-label,.row-no,.row-count,.art-index,.art-label,.footer-bottom{font-family:var(--display);font-size:11px;letter-spacing:1px;line-height:1.5}.hero{position:relative;margin:0 5%;padding:40px 0 38px;overflow:hidden}.hero-top{display:flex;justify-content:space-between}.hero h1{position:relative;z-index:1;font-family:var(--display);font-size:clamp(80px,10.8vw,168px);font-weight:500;line-height:.87;letter-spacing:-.075em;margin:57px 0 43px;width:max-content}.hero h1>span{display:block}.orange{color:var(--orange)}.hero h1 .orange{margin-left:12px;font-weight:400}.hero-bottom{display:flex;align-items:center;gap:20px;padding-top:24px;border-top:1px solid var(--line)}.intro-mark{font-size:35px;align-self:flex-start}.intro-name{font-size:15px;margin-bottom:9px}.intro-name strong{font-family:var(--display);font-weight:500}.hero-bottom p:not(.intro-name){font-size:12px;color:var(--muted);line-height:1.9;max-width:460px}.text-link{font-size:11px;letter-spacing:.6px;border-bottom:1px solid currentColor;padding-bottom:5px;display:inline-block}.hero-bottom>.text-link{margin-left:auto;white-space:nowrap}.hero-note{position:absolute;right:0;top:160px;font-size:12px;line-height:1.6;letter-spacing:.6px}.orbit{position:absolute;right:5%;top:235px;width:285px;height:285px;border:1px solid var(--line);border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(-18deg)}.orbit:after{content:'';position:absolute;inset:22px;border:1px solid var(--line);border-radius:50%}.orbit>span{font-size:180px;color:var(--orange);line-height:.9;font-family:Arial;display:block}.orbit small{font-size:9px;margin-top:25px;letter-spacing:2px}.discipline,.work-section,.concept-section{margin:0 5%;padding:60px 0}.section-label{display:flex;gap:32px;align-items:center;margin-bottom:35px}.section-label>span:first-child{color:var(--orange)}.discipline-row{border-top:1px solid var(--line);padding:33px 0;display:flex;align-items:center;gap:32px}.discipline-row:last-child{border-bottom:1px solid var(--line)}.row-no{align-self:flex-start;padding-top:13px;color:var(--muted)}.discipline-row h2{font-family:var(--display);font-size:clamp(28px,3.5vw,50px);font-weight:500;letter-spacing:-2px}.discipline-row h2 span{font-family:var(--body);font-size:14px;letter-spacing:0;margin-left:25px;color:var(--muted)}.discipline-row p{font-size:12px;color:var(--muted);margin-top:12px}.row-count{margin-left:auto;color:var(--muted)}.row-arrow{font-size:52px;margin-left:30px;transition:transform .25s}.discipline-row:hover .row-arrow{transform:translate(5px,-5px);color:var(--orange)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:36px}.section-heading h2{font-family:var(--display);font-size:clamp(28px,3.5vw,46px);letter-spacing:-1.8px;font-weight:500}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 28px}.project-card{display:block}.art{height:auto;aspect-ratio:1.42;position:relative;overflow:hidden;background:#343d36;color:var(--paper)}.art img{width:100%;height:100%;position:absolute;inset:0;transition:transform .6s}.project-card:hover .art img{transform:scale(1.035)}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:40px 40px}.art-index{position:absolute;top:22px;left:25px;font-size:9px;z-index:2}.art-label{position:absolute;bottom:19px;left:25px;font-size:8px;opacity:.7;z-index:2}.art-type{position:absolute;font-family:var(--display);font-size:clamp(50px,7vw,100px);font-weight:700;line-height:.83;letter-spacing:-.07em;left:27px;top:25%;z-index:2;transition:transform .4s}.project-card:hover .art-type{transform:translateX(8px)}.art-shape{position:absolute;right:10%;top:15%;width:48%;height:70%;background:var(--orange);clip-path:polygon(45% 0,100% 20%,58% 48%,92% 100%,30% 75%,0 25%);opacity:.9}.stamp{background:#c9b997;color:#38392e}.stamp .art-shape{background:#efe5ce;clip-path:none;transform:rotate(12deg);top:20%;right:8%;height:62%;width:53%;border:1px solid #80735e;box-shadow:7px 9px 0 #8b7b5d44}.stamp .art-shape:before{content:'';position:absolute;width:34%;height:28%;right:10%;top:10%;border:2px dashed #7f735b;background:#b5bd9e}.stamp .art-shape:after{content:'';position:absolute;left:12%;right:12%;bottom:20%;height:32%;background:repeating-linear-gradient(transparent 0 13px,#998c73 14px 15px)}.jaguar{background:#bccc3f;color:#263226}.jaguar .art-shape{background:#344436;width:65%;height:120%;top:-5%;right:-10%;clip-path:polygon(45% 0,100% 0,100% 100%,0 100%,60% 48%,15% 48%)}.jaguar .art-grid{background-image:radial-gradient(#30442a33 3px,transparent 4px);background-size:25px 25px}.relic{background:#443952;color:#eee8da}.relic .art-type{font-size:clamp(36px,5vw,72px);line-height:.94;letter-spacing:-.055em}.relic .art-shape{border-radius:50% 50% 10% 10%;clip-path:none;background:linear-gradient(135deg,#b2a385,#81709b);height:74%;width:34%;top:20%;right:12%;transform:rotate(16deg);box-shadow:15px 12px 0 #292332}.relic .art-shape:after{content:'';position:absolute;inset:30px 20px;border:1px solid #efe5d04d;border-radius:50% 50% 0 0}.card-bottom{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--line)}.card-bottom .eyebrow{font-size:9px;color:var(--muted)}.card-bottom h3{font-family:var(--display);font-size:27px;letter-spacing:-.8px;font-weight:500;margin-top:6px}.circle-arrow{border:1px solid var(--line);border-radius:50%;width:40px;height:40px;display:grid;place-content:center;font-size:23px;transition:background .2s}.project-card:hover .circle-arrow{background:var(--orange);color:var(--paper);border-color:var(--orange)}footer{background:var(--ink);color:var(--paper);padding:65px 5% 24px;margin-top:60px}.footer-brand{font-family:var(--display);font-size:clamp(30px,5.3vw,76px);line-height:1.05;letter-spacing:-3px;display:block;position:relative}.footer-brand i{font-family:Georgia,serif;font-weight:400}.footer-brand>span{position:absolute;right:0;top:0;color:var(--orange);font-size:100px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff26;margin-top:55px;padding-top:23px;font-size:9px;color:#c2c2b4}.page-head{margin:0 5%;padding:65px 0 40px}.page-head h1,.about-page h1{font-family:var(--display);font-size:clamp(65px,8vw,120px);font-weight:500;letter-spacing:-.06em;line-height:1.02;margin:30px 0 40px}.page-head h1 i,.about-page h1 i{font-family:Georgia,serif;font-weight:400}.page-sub{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--line);padding-top:23px}.page-sub p{font-size:18px;line-height:2}.page-sub p span{font-size:13px;color:var(--muted)}.game-list{padding-top:10px}.concept-section{padding-top:10px}.concept-placeholder{background:#e7e6dc;min-height:440px;padding:70px 6%;position:relative;overflow:hidden}.concept-placeholder>.eyebrow{color:var(--muted)}.concept-placeholder h2{position:relative;font-size:32px;font-weight:500;margin:35px 0 16px}.concept-placeholder p{font-size:14px;color:var(--muted);position:relative}.button{background:var(--ink);color:var(--paper);display:inline-block;padding:15px 22px;font-size:12px;margin-top:30px;position:relative}.button:hover{background:var(--orange)}.concept-lines{position:absolute;right:8%;top:5%;width:40%;height:110%;transform:rotate(25deg);opacity:.3}.concept-lines span{position:absolute;inset:0;border:1px solid #72796a;border-radius:50%}.concept-lines span:nth-child(2){inset:30px}.concept-lines span:nth-child(3){inset:60px}.concept-lines span:nth-child(4){inset:90px}.concept-work img{width:100%;aspect-ratio:1.3}.concept-work figcaption{padding:18px 0}.project-head{margin:0 5%;padding:36px 0}.project-title-line{display:flex;justify-content:space-between;margin-top:55px}.project-head h1{font-family:var(--display);font-size:clamp(45px,7.5vw,110px);line-height:1.1;font-weight:500;letter-spacing:-.06em;margin:20px 0}.project-tagline{font-size:17px;color:var(--muted);margin-bottom:40px}.art.large{aspect-ratio:2.25}.art.large .art-type{font-size:clamp(80px,11vw,160px);top:20%}.art.large.relic .art-type{font-size:clamp(50px,8vw,110px);top:16%}.case-study{margin:0 5%;display:grid;grid-template-columns:1fr 3fr;gap:8%;padding:35px 0}.case-study aside{align-self:start;position:sticky;top:35px;display:flex;flex-direction:column;gap:20px}.case-study aside>.eyebrow{color:var(--muted);margin-bottom:10px}.case-study aside a{font-size:12px}.case-study aside a span{color:var(--muted);margin-right:10px}.case-study aside a:hover{color:var(--orange)}.summary{font-size:22px;line-height:1.9;max-width:800px;margin-bottom:50px}.case-section{scroll-margin-top:30px;border-top:1px solid var(--line);padding:35px 0 45px}.case-section>.eyebrow{color:var(--muted)}.case-section h2{font-size:27px;font-weight:500;margin:18px 0}.case-section p{font-size:15px;line-height:2.1;color:#62645b}.case-section figure{margin:20px 0}.case-section img{width:100%}.case-section figcaption{font-size:12px;color:var(--muted);padding-top:10px}.gallery-placeholder{background:#e8e5dc;min-height:260px;border:1px dashed #c2c0b3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;margin-top:25px}.gallery-placeholder>span{font-size:35px;color:#9b9d8d}.gallery-placeholder small{font-size:9px;letter-spacing:1px;color:var(--muted)}.next-project{display:block;margin:30px 5%;border-top:1px solid var(--line);padding-top:30px}.next-project>span:last-child{display:flex;justify-content:space-between;font-size:clamp(30px,5vw,70px);font-family:var(--display);letter-spacing:-2px;margin-top:20px}.next-project b{font-weight:400;color:var(--orange)}.about-page{margin:0 5%;padding:65px 0}.about-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:10%;margin-top:50px;align-items:center}.portrait-placeholder{background:#e1dfd2;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.portrait-placeholder>span{font-size:180px;color:var(--orange);line-height:1}.portrait-placeholder small{font-size:9px;letter-spacing:2px;margin-top:25px;color:var(--muted)}.about-layout h2{font-size:45px;font-family:var(--display);font-weight:500;margin:15px 0}.about-role{font-family:var(--display);font-size:15px;margin-bottom:25px}.about-layout p:not(.about-role){font-size:14px;line-height:2;color:var(--muted)}.about-details{margin:28px 0}.about-details>div{padding:15px 0;border-top:1px solid var(--line)}.about-details span{font-size:11px}.about-details p,.about-details a{display:block;font-size:13px;margin-top:4px}.muted{color:var(--muted)}
@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:1000px){.orbit{right:0;top:240px;width:210px;height:210px}.orbit>span{font-size:130px}.hero-note{top:140px}.brand-word{display:none}.header nav{gap:20px}.hero h1{font-size:12vw}.row-count{display:none}.summary{font-size:19px}}@media(max-width:650px){.header{height:80px;gap:15px}.brand{font-size:33px}.brand-dot{font-size:34px}.header nav{gap:19px}.header nav a{font-size:12px}.header nav a span,.header-contact{display:none}.hero{padding-top:26px}.hero-top .eyebrow{font-size:9px}.hero-year{font-size:8px}.hero h1{font-size:18vw;margin:50px 0 34px}.hero-note{display:none}.orbit{width:100px;height:100px;top:160px;right:0}.orbit>span{font-size:65px}.orbit:after{inset:10px}.orbit small{display:none}.hero-bottom{gap:10px;flex-wrap:wrap}.hero-bottom>.text-link{margin:10px 0 0 34px}.hero-bottom p:not(.intro-name){font-size:11px;max-width:280px}.intro-name{font-size:13px}.intro-mark{font-size:25px}.discipline,.work-section{padding:36px 0}.section-label{font-size:9px;gap:20px;margin-bottom:23px}.discipline-row{gap:13px;padding:25px 0}.row-no{font-size:8px;padding-top:8px}.discipline-row h2{font-size:29px;letter-spacing:-1px}.discipline-row h2 span{display:block;font-size:12px;margin:5px 0 0}.discipline-row p{font-size:10px;max-width:230px;line-height:1.7}.row-arrow{font-size:36px;margin-left:auto}.section-heading{align-items:start;flex-direction:column}.section-heading h2{font-size:31px;letter-spacing:-1px}.project-grid{grid-template-columns:1fr;gap:30px}.art-type{font-size:23vw}.relic .art-type{font-size:16vw}.card-bottom h3{font-size:25px}.card-bottom{padding:16px 0}.page-head{padding-top:40px}.page-head h1,.about-page h1{font-size:16vw}.page-sub{gap:15px}.page-sub>.eyebrow{font-size:8px;text-align:right}.page-sub p{font-size:15px}.page-sub p span{font-size:11px}.concept-placeholder{padding:45px 25px;min-height:360px}.concept-placeholder h2{font-size:24px;line-height:1.5}.concept-placeholder p{font-size:12px}.concept-lines{width:80%;right:-25%}.project-head h1{font-size:14vw}.project-title-line{margin-top:35px}.project-title-line .eyebrow{font-size:8px}.project-tagline{font-size:14px;line-height:1.8}.art.large{aspect-ratio:1.3}.art.large .art-type{font-size:23vw}.art.large.relic .art-type{font-size:16vw}.case-study{display:block;padding-top:0}.case-study aside{position:static;flex-direction:row;flex-wrap:wrap;gap:15px;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:28px}.case-study aside>.eyebrow{width:100%;margin-bottom:0}.case-study aside a{font-size:10px}.case-study aside a span{margin-right:3px}.summary{font-size:18px;margin-bottom:30px}.case-section{padding:26px 0}.case-section p{font-size:14px}.case-section h2{font-size:23px}.gallery-placeholder{min-height:200px}.about-page{padding:40px 0}.about-layout{grid-template-columns:1fr;gap:35px}.portrait-placeholder{aspect-ratio:1.4}.about-layout h2{font-size:36px}footer{padding-top:40px;margin-top:35px}.footer-brand{font-size:9vw;letter-spacing:-1px}.footer-brand>span{font-size:60px}.footer-bottom{flex-wrap:wrap;font-size:8px;margin-top:35px}.footer-bottom>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}