*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f4e9;color:#161615;font-family:Arial,"Microsoft YaHei",sans-serif}.page{max-width:1800px;margin:auto}a{color:inherit;text-decoration:none}header{display:flex;align-items:center;gap:28px;padding:26px 3.3%;position:relative;z-index:2}.name{font-size:clamp(19px,2vw,29px);font-weight:900;white-space:nowrap;letter-spacing:1px}.name span{margin-left:10px}.rule{flex:1;height:1px;background:#222;margin-left:12px;position:relative}.rule span{position:absolute;top:-22px;left:-12px;font-size:38px;background:#f7f4e9;padding-right:14px}nav{display:flex;align-items:center;gap:34px;font-size:20px;font-weight:900}nav a{position:relative}nav a:after{content:'';position:absolute;bottom:-7px;left:0;width:0;height:4px;background:#ff3286;transition:width .2s}nav a:hover:after{width:100%}#replay{font:inherit;font-size:40px;color:#ff3286;background:none;border:0;cursor:pointer;transition:transform .3s}#replay:hover{transform:rotate(90deg)}.hero{position:relative;aspect-ratio:1586/450;overflow:hidden;margin-top:5px}.letter-strip{position:absolute;inset:0;transform-origin:50% 90%;animation:pop-in 1s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i)*.085s)}svg{width:100%;height:100%;display:block}.tagline{position:relative;display:flex;gap:30px;align-items:center;justify-content:center;margin:6px 0 46px}.tagline p{font-size:clamp(10px,1.2vw,19px);letter-spacing:6px;font-weight:900;margin:0}.tagline span{font-size:28px}.tagline i{position:absolute;width:230px;height:5px;bottom:-14px;background:linear-gradient(100deg,#ff3286 0 40%,transparent 40% 46%,#00c5e9 46% 75%,transparent 75% 80%,#ffdf65 80%);transform:skew(-20deg);animation:underline .6s 1.15s both}.categories{display:grid;grid-template-columns:1.5fr 1fr .73fr;gap:14px;padding:0 2.5%;align-items:end;scroll-margin-top:30px}.category{display:block;position:relative;transform-origin:50% 100%;animation:folder-in .7s cubic-bezier(.2,1.4,.5,1) both;animation-delay:1.25s;transition:filter .25s,translate .25s,rotate .25s}.category.environment{animation-delay:1.4s}.category.concept{animation-delay:1.55s}.category.game{aspect-ratio:700/282}.category.environment{aspect-ratio:464/253}.category.concept{aspect-ratio:350/244}.category:hover{translate:0 -12px;rotate:-1deg;filter:drop-shadow(5px 9px 0 #181818)}.category:active{translate:0 -3px}.explore{display:flex;gap:25px;align-items:center;justify-content:center;padding:30px 10px 20px;font-size:11px;font-weight:bold;letter-spacing:4px}.explore span{font-size:22px;color:#ff3286}.explore span:last-child{color:#161615;animation:point 1.7s 2s infinite}.about{border-top:2px solid #222;margin:65px 4% 0;padding:55px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.about small{letter-spacing:3px}.about h1{font-size:44px;margin:12px 0}.about p{font-size:14px;line-height:1.9}.about>a{padding:12px 20px;background:#ffdc69;border:2px solid #161615;border-radius:30px;white-space:nowrap}footer{padding:25px 4%;border-top:1px solid #222;display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}a:focus-visible,button:focus-visible{outline:4px solid #00bddf;outline-offset:7px}.leaving .hero{opacity:.35;transition:opacity .3s}.leaving .category.chosen{translate:0 -18px;scale:1.025}.skip-intro .letter-strip,.skip-intro .category,.skip-intro .tagline i{animation:none}@keyframes pop-in{0%{opacity:0;transform:translateY(110%) rotate(var(--angle)) scale(.75)}60%{opacity:1;transform:translateY(-5%) rotate(0) scale(1.015)}80%{transform:translateY(2%) scale(.995)}100%{opacity:1;transform:none}}@keyframes folder-in{from{opacity:0;transform:translateY(65px) rotate(4deg)}to{opacity:1;transform:none}}@keyframes underline{from{scale:0 1}to{scale:1 1}}@keyframes point{50%{transform:translateY(5px)}}@media(max-width:700px){header{gap:12px;padding:18px 5%}nav{gap:14px;font-size:12px}.name{font-size:18px}.name span{font-size:13px;margin-left:4px}.rule{margin-left:0}.rule span{font-size:25px;top:-14px;padding-right:8px}#replay{font-size:27px}.hero{margin-top:30px}.tagline{gap:12px;margin-bottom:32px}.tagline p{letter-spacing:2px;font-size:9px}.tagline span{font-size:17px}.categories{grid-template-columns:1fr 1fr;padding:0 5%;gap:18px}.category.game{grid-column:1/-1}.category.environment{aspect-ratio:464/253}.category.concept{aspect-ratio:350/244}.category:hover{translate:0 -4px;filter:none}.explore{font-size:8px;letter-spacing:2px;gap:12px}.about{margin-top:30px;display:block;padding:30px 0}.about>a{display:inline-block;margin-top:10px}footer{font-size:8px;gap:15px}.about h1{font-size:34px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.ink-motion{position:absolute;inset:0;z-index:1;pointer-events:none;translate:var(--ink-x,0px) var(--ink-y,0px);transition:translate .6s ease-out}.ink-drop{transform-box:fill-box;transform-origin:center;animation:ink-burst 1.3s cubic-bezier(.12,.7,.25,1) var(--delay) both,ink-drift var(--duration) ease-in-out calc(1.5s + var(--delay)) infinite alternate}.ink-streak{transform-box:fill-box;transform-origin:center;animation:ink-stroke 1.2s cubic-bezier(.16,1,.3,1) .2s both,ink-breathe 4s ease-in-out 1.5s infinite alternate}.ink-streak.second{animation-delay:.4s,1.7s;opacity:.7}.ink-replay .ink-drop{animation-name:none}.ink-replay .ink-streak{animation-name:none}@keyframes ink-burst{0%{opacity:0;transform:translate(calc(var(--dx)*-2),calc(var(--dy)*-2)) scale(0)}40%{opacity:1;transform:translate(var(--dx),var(--dy)) scale(1.3)}100%{opacity:.85;transform:translate(0,0) scale(1)}}@keyframes ink-drift{to{transform:translate(calc(var(--dx)*.3),calc(var(--dy)*.35)) scale(.8);opacity:.55}}@keyframes ink-stroke{0%{opacity:0;transform:scaleX(0) scaleY(.1)}60%{opacity:1;transform:scaleX(1.15) scaleY(1.3)}100%{transform:scale(1)}}@keyframes ink-breathe{to{transform:scale(1.05) translateX(5px)}}.ink-paused .ink-drop,.ink-paused .ink-streak{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.ink-motion{translate:0 0!important}}

.category.doodle{grid-column:1/-1;min-height:160px;margin-top:15px;background:#e4cdf9;border:3px solid #1a1917;border-radius:8px 25px 8px 8px;box-shadow:4px 4px 0 #1a1917;overflow:hidden;animation-delay:1.7s;display:flex;align-items:center;justify-content:space-between;padding:24px 40px}.doodle-copy{display:flex;flex-direction:column;gap:6px;position:relative;z-index:1}.doodle-copy strong{font-size:36px;font-weight:900}.doodle-copy small{font-size:13px;letter-spacing:3px;font-weight:800}.doodle-arrow{font-size:27px;background:#fff9e8;border:2px solid #1a1917;border-radius:30px;line-height:28px;text-align:center;width:70px;margin-top:10px}.egg-art{width:180px;height:150px;rotate:-12deg;transition:rotate .4s}.doodle:hover .egg-art{rotate:8deg}@media(max-width:700px){.category.doodle{padding:18px 22px;min-height:140px}.doodle-copy strong{font-size:29px}.egg-art{width:140px;height:120px}}

.flow{margin-top:38px;scroll-margin-top:25px}.flow-intro{padding:32px 5% 40px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #29291f;margin:0 4%}.flow-intro>span{font-size:12px;font-weight:900;letter-spacing:3px}.flow-intro p{font-size:14px}.flow-intro>a{font-size:30px}.project{padding:65px 5% 75px;scroll-margin-top:20px}.project-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:32px}.project-head small{font-size:12px;letter-spacing:2px}.project-head h2{font-size:clamp(34px,5vw,66px);margin:15px 0 0;font-weight:900;letter-spacing:-2px}.project-head p{font-size:14px;line-height:1.9;max-width:460px}.troy{background:#e7e4dc}.troy-lead{display:grid;grid-template-columns:3fr 1fr;gap:35px;align-items:center}.art-image{background:none;border:0;padding:0;display:block;width:100%;text-align:left;cursor:zoom-in;color:inherit;font:inherit}.art-image img{display:block;width:100%;height:auto}.art-image>span{font-size:11px;display:block;margin-top:12px;letter-spacing:1px}.side-note>span{font-size:27px;font-weight:900;line-height:1.6}.side-note p{font-size:13px;line-height:1.9}.side-note>a{font-size:13px;font-weight:700;border-bottom:3px solid #ff3286;padding-bottom:5px;display:inline-block;margin-top:15px}.character-line{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin:45px 0}.character-line img{height:340px;object-fit:contain;object-position:center bottom}.character-line .art-image>span{text-align:center}.film-block{display:grid;grid-template-columns:1fr 2.2fr;gap:45px;align-items:center;padding-top:35px}.film-block small{letter-spacing:3px;font-size:11px}.film-block h3{font-size:29px;line-height:1.5}.film-block p{font-size:13px;line-height:1.9}.film-block video,.play-layout video{width:100%;max-height:75vh;background:#151a16}.process-details{margin-top:40px;border-top:1px solid #999e90;padding-top:20px}summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:bold;list-style:none;padding:15px 0}summary::-webkit-details-marker{display:none}summary>span:last-child{font-size:25px}details[open]>summary>span:last-child{rotate:45deg}.pose-grid,.image-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:30px 0}.pose{background:#f1eee7;padding:20px}.pose h2{font-size:24px}.stage{position:relative;height:350px;overflow:hidden}.stage img{position:absolute;width:180%;height:180%;top:-40%;left:-40%;object-fit:contain}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button{padding:8px 12px;border:1px solid #919b88;background:none;cursor:pointer}.tabs button[aria-pressed=true]{background:#223126;color:white}.landscape{background:#f5f0e4}.landscape .project-head h2{font-size:clamp(32px,4vw,52px)}.landscape-note{display:flex;justify-content:space-between;font-size:11px;letter-spacing:2px;margin-top:20px}.play{background:#e9dff4}.play-layout{display:grid;grid-template-columns:1fr 2.2fr;gap:45px;align-items:center}.egg-copy h3{font-size:48px;margin:15px 0}.egg-copy p{font-size:13px}.egg-mark{font-size:80px;color:#e9a716}.extra{padding-top:35px;padding-bottom:35px}.extra summary{font-size:20px}.extra small{font-size:12px;color:#727469;font-weight:400}.extra-inner{max-width:950px;margin:30px auto}.extra-inner h3{font-size:26px}.extra-inner p{font-size:13px}.art-dialog{background:#141714;border:0;padding:45px 16px 16px;width:1400px;max-width:95vw}.art-dialog::backdrop{background:#000d}.art-dialog img{width:100%;max-height:84vh;object-fit:contain;display:block}.art-dialog button{position:absolute;right:15px;top:7px;color:white;background:none;border:0;font-size:28px;cursor:pointer}.flow-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.flow-reveal.arrived{opacity:1;transform:none}@media(max-width:700px){.flow-intro{display:flex;flex-wrap:wrap;padding:22px 0;gap:12px}.flow-intro p{font-size:12px;order:3;width:100%;margin:0}.project{padding:40px 5%}.project-head{display:block;margin-bottom:23px}.project-head p{font-size:13px}.troy-lead,.film-block,.play-layout{grid-template-columns:1fr;gap:20px}.side-note{display:none}.character-line{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:28px 0}.character-line img{height:150px}.character-line .art-image>span{font-size:10px}.film-block{padding-top:10px}.film-block h3{font-size:25px;margin:10px 0}.film-block p{margin-bottom:0}.pose-grid,.image-pair{grid-template-columns:1fr}.stage{height:300px}.play-layout{gap:15px}.egg-copy{display:flex;align-items:center;gap:20px}.egg-mark{font-size:45px}.egg-copy h3{font-size:30px}.egg-copy p{margin-left:auto}.landscape-note{font-size:9px;letter-spacing:0}.extra summary{font-size:17px}.extra small{font-size:10px}}@media(prefers-reduced-motion:reduce){.flow-reveal{opacity:1;transform:none}}

.studies{background:#f0ece6;padding-top:45px;padding-bottom:50px}.studies-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:25px}.studies-head small{font-size:10px;letter-spacing:2px}.studies-head h2{font-size:30px;margin:12px 0 0;letter-spacing:-1px}.studies-head p{font-size:12px;color:#737468}.study-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.study-card{min-width:0;scroll-margin-top:20px}.study-media,.study-card .island-stack{aspect-ratio:16/9;position:relative;background:#d4d8d4;width:100%;overflow:hidden}.study-media video,.study-media>img{width:100%;height:100%;display:block;object-fit:contain;background:#252824}.study-media.art-image>span.study-expand{position:absolute;right:8px;bottom:8px;background:#f7f4e9;color:#222;padding:3px 8px;margin:0;font-size:16px}.study-caption{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:13px}.study-caption h3{font-size:17px;margin:0;font-weight:700}.study-caption>span{font-size:10px;color:#777c70}.study-note{font-size:10px;color:#8a8c80;margin:9px 0 0}.study-card .island-controls{margin-top:9px;gap:5px}.study-card .island-controls>div{gap:4px}.study-card .island-controls button{padding:5px 8px;font-size:10px}.study-card .island-status{display:none}.study-more summary{font-size:11px;padding:10px 0;color:#777c70;font-weight:400}.study-more summary>span:last-child{font-size:16px}.study-more-images{display:grid;grid-template-columns:1fr 1fr;gap:8px}.study-more-images img{height:90px;object-fit:contain}.study-card .island-stack{cursor:zoom-in}.study-card .island-layer{object-fit:contain}@media(min-width:1400px){.study-grid{max-width:1200px}}@media(max-width:700px){.studies-head{display:block}.studies-head h2{font-size:27px}.studies-head p{font-size:11px;margin-top:12px}.study-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.study-caption{display:block;margin-top:9px}.study-caption h3{font-size:15px}.study-caption>span{display:block;margin-top:5px}.study-card .island-controls{flex-wrap:wrap}.study-card .island-controls button{font-size:9px;padding:4px 6px}.study-note{font-size:9px;line-height:1.5}.study-more-images{grid-template-columns:1fr}} 

.maple-process{margin-top:26px;border-top:1px solid #c5bca8;padding-top:10px}.maple-process summary{font-size:13px}.maple-process .image-pair{align-items:start}
.other-game{margin-top:45px;padding-top:25px;border-top:1px solid #999e90}.other-game>small{display:block;margin-bottom:16px;font-size:12px;letter-spacing:2px}.other-game .art-image{max-width:360px}.other-game img{border-radius:6px;transition:transform .2s}.other-game button:hover img{transform:translateY(-3px)}.other-game button:focus-visible{outline:3px solid #ff3286;outline-offset:6px}
.other-game .art-image{width:260px;max-width:100%}.other-game .art-image>span{font-size:15px;font-weight:700;letter-spacing:1px;margin-top:12px}.other-game .art-image img{width:100%;height:auto}
.other-game .art-image{display:block;width:195px;max-width:48%;flex:none}.other-game .art-image img{display:block;width:100%;max-width:195px;aspect-ratio:618/331;object-fit:cover;border-radius:0}.other-game .art-image>span{font-size:16px;margin-top:10px;letter-spacing:0}@media(max-width:700px){.other-game .art-image{width:calc((100% - 20px)/2);max-width:195px}.other-game .art-image>span{font-size:15px}}
.other-game .more-game-grid>.art-image{width:100%;max-width:190px}.more-game-grid .baigui-card img{border-radius:0}.more-game-grid{max-width:402px}
.interior-project{background:#f5f0e4;border-top:1px solid #d8d0c0}.interior-project .project-head h2{font-size:clamp(28px,4vw,44px)}.interior-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.interior-grid img{aspect-ratio:16/9;object-fit:contain;background:#e5e2d8}@media(max-width:700px){.interior-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}}