*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:#141719;color:#efefea;font-family:Arial,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}header{height:85px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;border-bottom:1px solid #363b3e;background:#141719}.brand{width:178px;height:45px;background:url('assets/brand.png') center/400% auto no-repeat;mix-blend-mode:screen}nav{display:flex;align-items:center;gap:38px;font-size:12px;font-weight:700;letter-spacing:1px}nav a:hover{border-bottom:2px solid}button{border:1px solid #51575a;border-radius:0;background:none;padding:9px 12px;cursor:pointer}button:hover{background:#dafa4b;color:#191c1e}.mast{display:flex;justify-content:space-between;align-items:center;padding:28px 4%;font-size:11px;letter-spacing:2px}.edition{display:flex;align-items:center;gap:28px}.edition i{font-style:normal;font-size:28px;color:#dafa4b}.project{margin:0 4%}.art{position:relative;overflow:hidden;background:#252c30}.art img{display:block;width:100%;height:auto;aspect-ratio:5/3;object-fit:cover;transition:transform .8s}.art:hover img{transform:scale(1.012)}.art-mark{position:absolute;bottom:22px;left:22px;background:#dafa4b;color:#191c1e;width:32px;height:32px;display:grid;place-items:center;font-size:24px}.project-info{display:grid;grid-template-columns:20% 1fr auto;gap:24px;padding:28px 0 36px;border-bottom:1px solid #363b3e;align-items:start}.index{font-size:10px;letter-spacing:2px;padding-top:7px}h1,h2{font-size:clamp(24px,2.7vw,42px);line-height:1.2;font-weight:500;letter-spacing:-1px;margin:0}p{margin:12px 0 0;font-size:13px;color:#aeb6b9}.action{display:flex;flex-direction:column;align-items:flex-end;gap:21px}.action span{font-size:10px;letter-spacing:1px;color:#aeb6b9}.action a{font-size:12px;font-weight:700;background:#efefea;color:#191c1e;padding:15px 24px;transition:background .2s,color .2s}.action a:hover{background:#dafa4b;color:#191c1e}.interlude{display:flex;align-items:center;justify-content:space-between;padding:55px 4%;font-size:10px;letter-spacing:2px}.interlude span:nth-child(2){font-size:32px}.project:nth-of-type(2) .art img{aspect-ratio:16/9}footer{margin-top:85px;background:#0d1012;color:#efefea;padding:44px 4% 28px}.footer-word{font-size:clamp(48px,12vw,170px);letter-spacing:-.07em;font-weight:800;line-height:1;display:flex;justify-content:space-between;align-items:center}.footer-word span{font-size:.6em;color:#dafa4b}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #555957;padding-top:23px;margin-top:40px;font-size:10px;color:#b8bbb5}:focus-visible{outline:3px solid #dafa4b;outline-offset:5px}@media(min-width:1500px){main{max-width:1700px;margin:auto}}@media(max-width:700px){header{height:70px}.brand{width:132px;height:34px}nav{gap:15px;font-size:10px}.mast{padding-top:22px;padding-bottom:22px;font-size:9px;letter-spacing:1px}.edition{gap:10px}.project-info{grid-template-columns:1fr;gap:15px;padding-top:20px}.index{font-size:9px}.action{align-items:flex-start;gap:15px}.action a{width:100%;text-align:center}.art img{aspect-ratio:5/3}.art-mark{left:12px;bottom:12px;width:25px;height:25px;font-size:18px}.interlude{padding-top:30px;padding-bottom:30px;font-size:8px}.footer-bottom{flex-direction:column;gap:15px;margin-top:25px}footer{margin-top:50px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art img,.action a{transition:none}.art:hover img{transform:none}}

/* Graphic composition: offset numbering, cut corners and asymmetric rhythm. */
.mast{padding-top:40px;padding-bottom:40px}.edition i{display:inline-block;transition:transform .5s}.edition:hover i{transform:rotate(90deg)}
.project{position:relative;padding-left:6%}.project:before{content:'01';position:absolute;left:0;top:24px;font-size:clamp(50px,7vw,110px);font-weight:800;letter-spacing:-.09em;line-height:1;color:#dafa4b;writing-mode:vertical-rl;z-index:1}.project#godrop:before{content:'02';color:#efefea}.art{clip-path:polygon(0 0,calc(100% - 42px) 0,100% 42px,100% 100%,42px 100%,0 calc(100% - 42px))}.art:after{content:'ENTROWING — WORLD / 01';position:absolute;right:18px;top:22px;font-size:9px;letter-spacing:2px;color:white;background:#141719b8;padding:9px 12px}.project#godrop .art:after{content:'ENTROWING — WORLD / 02'}.art-mark{border-radius:50%;width:42px;height:42px;left:auto;right:20px;bottom:20px}.project-info{grid-template-columns:17% 1fr auto;padding-top:32px;padding-bottom:42px}.index{color:#dafa4b}.interlude{padding:65px 4% 65px 10%;position:relative}.interlude:before{content:'';height:1px;width:26%;background:#41474a;position:absolute;left:30%;top:50%;transform:rotate(-7deg)}.interlude span:nth-child(2){color:#dafa4b;transform:rotate(-35deg)}#godrop{margin-right:10%;padding-left:0;padding-right:6%}#godrop:before{left:auto;right:0;top:24px}#godrop .index{color:#b8c0c4}.footer-word{font-style:italic}.footer-word span{font-style:normal}.action a{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}
@media(max-width:700px){.mast{padding-top:26px;padding-bottom:26px}.project{padding-left:0;padding-top:32px}.project:before{writing-mode:horizontal-tb;font-size:34px;top:-4px;left:0}.art{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px))}.art:after{font-size:7px;top:12px;right:12px;padding:5px 7px;letter-spacing:1px}.art-mark{width:28px;height:28px;bottom:12px;right:12px}.project-info{grid-template-columns:1fr;padding-top:22px;padding-bottom:28px}.interlude{padding:38px 4%}.interlude:before{width:15%;left:38%}#godrop{margin-right:4%;padding-right:0;padding-top:32px}#godrop:before{top:-4px;right:0}.footer-word{font-size:12vw}}
@media(prefers-reduced-motion:reduce){.edition i{transition:none}}
/* Selected direction: Navigator C / GoDrop B. */
main{max-width:none!important}.mast{display:none}#navigator{margin:0;padding:0;min-height:calc(100svh - 85px);position:relative}#navigator:before{display:none}#navigator .art{height:calc(100svh - 85px);clip-path:none}#navigator .art img{height:100%;width:100%;object-fit:cover;object-position:center;aspect-ratio:auto}#navigator .art:after{content:'';inset:0;background:linear-gradient(0deg,#0d1012e8 0%,transparent 50%);padding:0;pointer-events:none}#navigator .art-mark{display:none}#navigator .project-info{position:absolute;bottom:0;left:4%;right:4%;z-index:2;border:0;grid-template-columns:1fr auto;padding-bottom:42px}#navigator .index{grid-column:1/-1;color:#c8dce8;letter-spacing:4px}#navigator h1{font-size:clamp(36px,5vw,80px);font-weight:400}#navigator .action a{background:none;color:white;border:1px solid #8b9da8;clip-path:none}#navigator .action a:hover{background:#efefea;color:#191c1e}.interlude{padding:75px 6%}.interlude:before{background:#842b28}.interlude span:nth-child(2){color:#d04a3e}#godrop{margin:0 6%;padding:110px 0 0 13%;position:relative}#godrop:before{content:'GODROP';writing-mode:vertical-rl;left:0;right:auto;top:115px;font-size:clamp(60px,9vw,150px);color:#efefea;line-height:.9;letter-spacing:-.055em}#godrop:after{content:'GODROP';position:absolute;top:0;left:13%;font-size:clamp(65px,10vw,155px);font-weight:900;line-height:.85;letter-spacing:-.06em;z-index:2;color:#efefea}#godrop .art{clip-path:none;border-top:5px solid #ac352d}#godrop .art img{aspect-ratio:16/9}#godrop .art:after{display:none}#godrop .art-mark{background:#c43d31;color:white;border-radius:0}#godrop .project-info{grid-template-columns:1fr auto}#godrop .index{grid-column:1/-1;color:#d8665d}#godrop .action a:hover{background:#c43d31;color:white}
@media(max-width:700px){#navigator{min-height:calc(100svh - 70px)}#navigator .art{height:calc(100svh - 70px)}#navigator .art img{object-position:38% center}#navigator .project-info{grid-template-columns:1fr;padding-bottom:26px;gap:12px}#navigator .action span{display:none}#navigator h1{font-size:36px}#godrop{margin:0 4%;padding:65px 0 0 0}#godrop:before{display:none}#godrop:after{left:0;font-size:75px}#godrop .project-info{grid-template-columns:1fr}.interlude{padding:35px 4%}}
/* Original game assets remain independent layers. */
#godrop{padding:0;margin:0 4%}#godrop:before,#godrop:after{display:none}#godrop .art{height:78svh;min-height:620px;border:0;background:#121a26;overflow:hidden}#godrop .art img{aspect-ratio:auto;transition:none}#godrop .art:hover img{transform:none}.godrop-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,#080d16b3,transparent 70%),url('assets/godrop-background-v2.webp') center/cover}.godrop-orbit{position:absolute;width:80%;height:170%;border:1px solid #8aaac638;border-radius:50%;left:28%;top:-45%;transform:rotate(-25deg)}#godrop .art .godrop-character{position:absolute;width:76%;height:150%;right:-8%;top:-23%;object-fit:contain;filter:drop-shadow(0 0 28px #192a38aa)}.godrop-logo-frame{position:absolute;left:5%;top:18%;width:40%;height:40%;overflow:hidden}#godrop .art .godrop-logo{position:absolute;width:160%;height:auto;left:-30%;top:50%;transform:translateY(-50%);object-fit:contain}.godrop-label{position:absolute;left:6%;bottom:16%;font-size:10px;letter-spacing:5px;color:#d2deeb}.godrop-label:before{content:'';display:block;width:36px;height:3px;background:#b93636;margin-bottom:25px}#godrop .project-info{padding-bottom:30px}#navigator .art img{object-position:48% center}
@media(max-width:700px){#godrop .art{height:78svh;min-height:590px}#godrop .art .godrop-character{width:155%;height:120%;right:-40%;top:-5%}.godrop-logo-frame{left:4%;top:2%;width:65%;height:23%}.godrop-label{bottom:5%;font-size:7px;letter-spacing:2px}#navigator .art img{object-position:35% center}}
.godrop-logo-frame{mix-blend-mode:screen}#godrop .art .godrop-logo{width:140%;left:-20%}.character-portrait img{height:190%;top:-45%}@media(max-width:700px){.character-portrait img{height:180%;top:-37%}}
/* Both games use the same full-screen poster and bottom action hierarchy. */
#godrop{margin:0;padding:0;min-height:calc(100svh - 85px)}#godrop .art{height:calc(100svh - 85px);min-height:620px}#godrop .project-info{position:absolute;bottom:0;left:4%;right:4%;z-index:4;border:0;grid-template-columns:1fr auto;padding-bottom:42px}#godrop h2{font-size:clamp(36px,5vw,80px)}#godrop .art:after{display:block;content:'';inset:0;background:linear-gradient(0deg,#0d1012eb,transparent 50%);pointer-events:none}#godrop .index{color:#c8dce8}#godrop .action a{background:none;color:white;border:1px solid #8b9da8;clip-path:none}#godrop .action a:hover{background:#efefea;color:#191c1e}.godrop-logo-frame{top:14%;height:260px;width:clamp(250px,32vw,600px);left:5%;overflow:visible;z-index:3;pointer-events:none}#godrop .art .godrop-logo{height:100%;width:100%;position:static;object-fit:contain;transform:scale(1.6);aspect-ratio:auto}.godrop-label{display:none}#navigator .action,#godrop .action{margin-right:330px}.project-dock{position:fixed;right:25px;bottom:25px;z-index:20;width:290px;padding:12px;background:#111820e8;border:1px solid #8fabb044;backdrop-filter:blur(14px);box-shadow:0 8px 30px #0004}.dock-caption{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:2px;margin-bottom:10px}.dock-caption button{padding:0;width:26px;height:24px;margin-left:4px;border-color:#899da844}.dock-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}.dock-track::-webkit-scrollbar{display:none}.dock-card{flex:0 0 100%;scroll-snap-align:start;display:grid;grid-template-columns:75px 1fr;gap:12px;align-items:center;font-size:10px;line-height:1.8}.dock-image{display:block;height:68px;overflow:hidden;background-color:#253442;background-repeat:no-repeat;background-size:350%;background-position:50% 33%}.navigator-thumb{background-image:url('assets/zero.webp')}.godrop-thumb{background-image:url('assets/godrop-sophon.webp');background-size:220%;background-position:50% 18%}.dock-card:hover{color:#bce5f4}.dock-card:focus-visible{outline-offset:-3px}
@media(max-width:700px){#godrop{min-height:calc(100svh - 70px)}#godrop .art{height:calc(100svh - 70px);min-height:600px}.godrop-logo-frame{height:160px;width:230px;top:8%;left:8%}#godrop .project-info{grid-template-columns:1fr;padding-bottom:26px;gap:12px}#godrop .action span{display:none}#godrop h2{font-size:32px}#navigator .action,#godrop .action{margin-right:0}#navigator .project-info,#godrop .project-info{bottom:120px}.project-dock{right:12px;bottom:12px;width:230px;padding:9px}.dock-image{height:48px}.dock-card{grid-template-columns:55px 1fr}.dock-caption{margin-bottom:7px}.interlude{padding:28px 4%}}
.project#godrop .art:after{content:''}#godrop .art .godrop-logo,#godrop .art:hover .godrop-logo{position:absolute;width:160%;height:auto;left:-30%;top:50%;transform:translateY(-50%);object-fit:contain;max-width:none}.godrop-logo-frame{width:38%;height:300px;top:12%}@media(max-width:700px){.godrop-logo-frame{width:65%;height:150px;top:6%}}
#godrop .art{overflow:clip}.godrop-logo-frame{width:clamp(280px,30vw,600px);left:6%;height:300px}#godrop .art .godrop-logo,#godrop .art:hover .godrop-logo{aspect-ratio:auto}@media(max-width:700px){.godrop-logo-frame{width:65%;left:8%;height:150px}}
/* Poster-local detail windows and larger editorial controls. */
#godrop .art .godrop-poster{width:100%;height:100%;object-fit:cover;object-position:center;aspect-ratio:auto;transform:none}#godrop .art:hover .godrop-poster{transform:none}#godrop .art:after{background:linear-gradient(0deg,#0d1012b0,transparent 35%)}.project-dock{position:absolute;right:4%;bottom:42px;width:clamp(320px,26vw,440px);padding:20px;background:#0e1724ed;border:1px solid #a2c3d566;border-radius:12px;box-shadow:0 12px 40px #0004}.dock-caption{font-size:13px;letter-spacing:1px;font-weight:700;margin-bottom:15px}.dock-caption button{width:36px;height:34px;border-radius:6px;font-size:18px;margin-left:7px}.dock-caption button:hover{background:#b9dbea;color:#10202c}.dock-card{font-size:15px;font-weight:700;grid-template-columns:115px 1fr;gap:18px}.dock-image{height:105px;border-radius:7px}.action a,.detail-download{font-size:16px!important;font-weight:700;min-height:52px;display:inline-flex;align-items:center;justify-content:center;padding:15px 27px!important;border-radius:7px;clip-path:none!important;letter-spacing:1px}.action span{font-size:12px!important}.project-info p{font-size:17px}.project-info .index{font-size:12px}#navigator .action,#godrop .action{margin-right:calc(clamp(320px,26vw,440px) + 35px)}#godrop .project-info>div:nth-child(2){max-width:43%}#godrop h2{font-size:clamp(30px,3.5vw,58px)}
@media(max-width:1000px){#navigator .project-info,#godrop .project-info{bottom:210px}#navigator .action,#godrop .action{margin-right:0}.project-dock{bottom:24px;width:320px}.dock-image{height:85px}.dock-card{grid-template-columns:95px 1fr;font-size:14px}#godrop .project-info>div:nth-child(2){max-width:none}}@media(max-width:700px){.project-dock{left:4%;right:4%;width:auto;padding:15px;bottom:20px}.dock-caption{font-size:12px}.dock-card{grid-template-columns:90px 1fr}.dock-image{height:75px}#navigator .project-info,#godrop .project-info{bottom:190px}.project-info p{font-size:15px}#godrop .art .godrop-poster{object-position:35% center}}
/* Three poster pages, one fixed brand frame. */
body:has(.page-rail){overflow:hidden}body:has(.page-rail) header{position:fixed;inset:0 0 auto;z-index:30;height:85px;background:#11171de8;backdrop-filter:blur(18px)}.page-rail{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;height:calc(100svh - 143px);margin-top:85px!important;scrollbar-width:none}.page-rail::-webkit-scrollbar{display:none}.page-rail>section{flex:0 0 100%;width:100%;height:100%;min-height:0!important;scroll-snap-align:start;scroll-snap-stop:always;margin:0!important}.page-rail .mast,.page-rail .interlude{display:none}.page-rail #navigator .art,.page-rail #godrop .art{height:100%;min-height:0}.page-rail #godrop .art .godrop-poster{object-fit:contain;background:#070c11}.page-rail #navigator .project-info,.page-rail #godrop .project-info{padding-bottom:32px;left:6%;right:6%}.page-rail .project-dock{bottom:32px;right:6%;width:clamp(320px,26vw,440px)}body:has(.page-rail) footer{position:fixed;inset:auto 0 0;height:58px;padding:0 4%;margin:0;background:#11171d;z-index:30;display:flex;align-items:center}body:has(.page-rail) .footer-word{display:none}body:has(.page-rail) .footer-bottom{width:100%;margin:0;padding:0;border:0;font-size:12px}.rail-navigation button{position:fixed;top:calc(50% - 20px);z-index:25;width:44px;height:64px;border-radius:8px;background:#101820b3;border:1px solid #a5bfd455;backdrop-filter:blur(10px);font-size:26px;padding:0}.rail-prev{left:18px}.rail-next{right:18px}.rail-navigation button:disabled{opacity:.2;cursor:default}.rail-navigation button:hover:not(:disabled){background:#b9dbea;color:#14202b}.company-page{position:relative;overflow:hidden;padding:9svh 11%;background:radial-gradient(ellipse at 82% 60%,#264a5b 0%,#121d2a 38%,#10161f 70%)}.company-kicker{font-size:14px;letter-spacing:4px;color:#a8c7d7}.company-page h1{font-weight:800;font-size:clamp(60px,7vw,112px);line-height:1.35;letter-spacing:3px;margin:30px 0}.company-page p{font-size:20px;line-height:2;font-weight:600;color:#b9cad3}.company-explore{display:inline-flex;margin-top:40px;font-size:18px;font-weight:700;border-bottom:2px solid #a5cbdc;padding:12px 0}.company-word{position:absolute;right:-2%;bottom:8%;font-size:17vw;font-weight:900;color:#c9e2ef07;letter-spacing:-.075em;pointer-events:none}.company-stars{position:absolute;right:8%;top:12%;width:40vw;height:40vw;border:1px solid #8bb4cc35;border-radius:50%;box-shadow:0 0 0 70px #8bb4cc06,0 0 0 71px #8bb4cc17;transform:rotate(-22deg) scaleY(.7);pointer-events:none}.company-stars:after{content:'✦';position:absolute;right:10%;top:4%;font-size:40px;color:#bad9ea}
@media(max-width:1000px){.page-rail #navigator .project-info,.page-rail #godrop .project-info{bottom:190px}.page-rail .project-dock{bottom:25px}.company-page{padding-top:8svh}.company-page h1{font-size:70px}}@media(max-width:700px){body:has(.page-rail) header{height:70px}.page-rail{margin-top:70px!important;height:calc(100svh - 132px)}body:has(.page-rail) footer{height:62px}.footer-bottom{gap:4px!important}body:has(.page-rail) .footer-bottom{font-size:9px}.rail-navigation button{width:30px;height:48px;font-size:20px}.rail-prev{left:6px}.rail-next{right:6px}.company-page{padding:8svh 12%}.company-page h1{font-size:48px;letter-spacing:1px;margin:30px 0}.company-page p{font-size:15px}.company-kicker{font-size:9px;letter-spacing:2px}.company-explore{font-size:16px;margin-top:25px}.page-rail .project-dock{left:6%;right:6%;width:auto}.page-rail #godrop .art .godrop-poster{object-fit:cover;object-position:35%}.company-stars{width:70vw;height:70vw;right:-30%;top:25%}}
@media(prefers-reduced-motion:reduce){.page-rail{scroll-behavior:auto}}