:root{color-scheme:dark;--night:#08172a;--blue:#102b46;--frost:#e7f2f8;--ice:#98cbdc;--gold:#e8bd68;--muted:#b1c6d7;--line:#345069;--text:Trebuchet MS,Segoe UI,sans-serif;--display:Palatino Linotype,Book Antiqua,Georgia,serif}
:lang(zh-Hans){--text:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;--display:"PingFang SC","Microsoft YaHei","Noto Serif CJK SC",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--night);color:var(--frost);font-family:var(--text);font-size:17px;line-height:1.7}img{display:block;max-width:100%;height:auto}a{color:inherit;text-underline-offset:.25em}a:hover{color:var(--gold)}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--gold);outline-offset:5px}h1,h2,h3,p,figure,dl{margin:0}h1,h2,h3{line-height:1.13;font-family:var(--display);font-weight:500;text-wrap:balance}h2{font-size:clamp(2rem,3.5vw,3.4rem);letter-spacing:-.035em}h3{font-size:1.65rem}p{max-width:70ch}p+p{margin-top:1em}.wrap{width:min(1240px,calc(100% - 88px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip{position:fixed;z-index:20;top:-100px;left:16px;padding:12px 24px;background:var(--gold);color:var(--night)}.skip:focus{top:12px}
.site-header{border-bottom:1px solid #25415a;background:var(--night)}.header-inner{max-width:1500px;margin:auto;padding:18px 44px;display:flex;align-items:center;gap:36px;min-height:78px}.studio{display:flex;align-items:center;gap:12px;font-size:.95rem;text-decoration:none;white-space:nowrap}.studio img{width:36px;height:36px;border-radius:50%}.site-header nav{display:flex;gap:30px;margin-left:auto;font-size:.9rem}.site-header nav a{text-decoration:none}.language{display:flex;align-items:center;gap:9px;font-size:.83rem}.language a{text-decoration:none;color:var(--muted);padding:6px 0}.language a[aria-current=page]{color:var(--gold);text-decoration:underline}.language span{color:#536b81}
.hero-art{width:100%;height:auto}.hero-intro{text-align:center;padding:32px 0 78px}.hero-intro h2{font-size:clamp(2.1rem,3.4vw,3.4rem);margin:10px auto 16px}.hero-intro>p{margin-inline:auto;max-width:670px;color:var(--muted)}.hero-intro .release{color:var(--gold);font-size:.9rem}.hero-actions{display:flex;align-items:center;justify-content:center;gap:32px;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;background:var(--gold);border:1px solid var(--gold);border-radius:5px;padding:10px 26px;color:var(--night);font-weight:700;text-decoration:none;line-height:1.5}.button:hover{background:#f3cf8a;color:var(--night)}.text-link{font-size:.95rem}
.story{display:grid;grid-template-columns:.84fr 1.16fr;gap:70px;align-items:center;padding-block:72px 112px;border-top:1px solid var(--line)}.story h2{margin-bottom:25px}.story p{font-size:1rem;color:var(--muted)}.story figure{border-bottom:2px solid var(--gold)}.story figure img{width:100%;border-radius:3px}.story figcaption{color:var(--muted);font-size:.85rem;padding:16px 0 18px}
.gallery{padding-bottom:96px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.section-heading p{font-size:1rem;color:var(--muted);margin-top:16px}.gallery-controls{display:flex;gap:10px}.gallery-controls[hidden]{display:none}.gallery-controls button{width:48px;height:48px;line-height:1;border:1px solid var(--line);background:transparent;border-radius:50%;font-size:1.25rem}.gallery-controls button:hover{background:var(--blue);border-color:var(--ice)}.gallery-main>a{position:relative;display:block;background:#142537;border:1px solid var(--line)}.gallery-main img{width:100%;aspect-ratio:16/9;object-fit:contain}.enlarge-mark{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:42px;height:42px;border:1px solid #cfdfed88;border-radius:4px;background:#08172add;color:white;font-size:27px;line-height:1}.gallery-main figcaption{display:flex;justify-content:space-between;gap:25px;min-height:112px;padding:22px 0 24px}.gallery-main h3{font-size:1.5rem}.gallery-main p{color:var(--muted);font-size:.93rem;margin-top:7px}.gallery-main figcaption>span{white-space:nowrap;color:var(--ice);font-size:.9rem}.scene-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.scene-choice{display:block;text-decoration:none;border-bottom:2px solid transparent;padding-bottom:12px;color:var(--muted);font-size:.9rem;line-height:1.4}.scene-choice img{width:100%;aspect-ratio:16/9;object-fit:contain;border-radius:3px;opacity:.66;transition:opacity .15s ease}.scene-choice span{display:block;padding-top:12px}.scene-choice:hover img,.scene-choice[aria-current=true] img{opacity:1}.scene-choice[aria-current=true]{border-color:var(--gold);color:var(--gold)}.gallery-note{font-size:.78rem;color:var(--muted);margin-top:20px}
.play{background:var(--frost);color:var(--night);padding:84px 0 60px}.play h2{text-align:center;margin-bottom:50px}.actions{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.actions h3{font-size:1.8rem}.actions p{margin-top:18px;font-size:1rem;color:#375069}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;border-top:1px solid #b8cddc;margin-top:52px;padding-top:28px}.facts dt{font-weight:700;font-size:.95rem}.facts dd{margin:4px 0 0;font-size:.85rem;color:#526a7b}
.faq{display:grid;grid-template-columns:.82fr 1.18fr;gap:85px;padding-block:100px}.faq h2{max-width:420px}.faq details{border-bottom:1px solid var(--line)}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{cursor:pointer;padding:21px 30px 21px 0;font-size:1rem;font-weight:700;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';position:absolute;right:2px;top:16px;color:var(--gold);font-size:1.5rem;font-weight:400}.faq details[open] summary::after{content:'−'}.faq details p{font-size:.95rem;color:var(--muted);padding:0 30px 24px 0}.contact{padding:68px 0 76px;background:var(--blue);text-align:center}.contact h2{font-size:clamp(1.8rem,3.5vw,2.7rem);max-width:760px;margin:auto}.contact p{margin:18px auto 0;color:var(--muted)}.email-link{display:inline-block;font-size:clamp(1.05rem,2.2vw,1.5rem);color:var(--gold);margin-top:16px}.site-footer{padding-block:32px;display:flex;gap:25px;align-items:center;flex-wrap:wrap;font-size:.77rem;color:var(--muted)}.footer-studio{font-size:.9rem;color:var(--frost);text-decoration:none}.site-footer p{margin-right:auto}.site-footer nav{display:flex;gap:24px}
dialog{width:min(1500px,96vw);max-height:96dvh;padding:16px;border:1px solid var(--line);border-radius:6px;background:var(--night);color:var(--frost);overflow:auto}dialog::backdrop{background:#020913ed}body:has(dialog[open]){overflow:hidden}.lightbox-top,.lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.lightbox-top{padding:0 0 12px}.lightbox-top h2{font-size:1.35rem}.lightbox-top button,.lightbox-bottom button{background:transparent;border:1px solid var(--line);border-radius:4px;padding:7px 14px;font-size:.88rem;min-height:44px}.lightbox-top button span{font-size:1.2rem;margin-left:12px}.lightbox-bottom{padding-top:12px;font-size:.85rem}#lightbox-image{width:100%;max-height:calc(96dvh - 140px);object-fit:contain}
.document{max-width:850px;padding-block:55px 90px}.back-link{color:var(--ice);font-size:.9rem}.document h1{font-size:clamp(2.8rem,6vw,4.1rem);margin-top:30px}.document h2{font-size:1.8rem;margin-top:38px;margin-bottom:14px}.document p{color:var(--muted);font-size:1rem;margin-top:18px}.document p a{color:var(--frost);overflow-wrap:anywhere}.document .document-date{font-size:.82rem;margin:12px 0 28px;color:var(--ice)}.document .document-lead{font-family:var(--display);font-size:1.7rem;color:var(--frost)}.document .button{margin-top:26px}.document ul{color:var(--muted);font-size:1rem;max-width:70ch;margin:14px 0 0;padding-left:24px}.document li{margin-top:10px}.document li strong{color:var(--frost)}.document+.site-footer{border-top:1px solid var(--line)}
@media(min-width:1800px){.hero picture{display:block;max-width:1800px;margin:auto}.hero-intro{padding-top:40px}}
@media(max-width:1000px){.header-inner{padding:16px 28px;gap:24px}.studio{font-size:.83rem}.site-header nav{gap:20px}.wrap{width:calc(100% - 56px)}.story{gap:32px}.faq{gap:38px}.actions,.facts{gap:28px}.site-footer p{order:3;width:100%}.site-footer nav{margin-left:auto}}
@media(max-width:700px){.header-inner{flex-wrap:wrap;gap:8px 18px;padding:12px 22px}.studio{font-size:.82rem}.studio img{width:30px;height:30px}.language{margin-left:auto}.site-header nav{order:3;width:100%;margin:4px 0 0;justify-content:center;gap:28px;font-size:.8rem}.wrap{width:calc(100% - 40px)}.hero-intro{padding:24px 0 45px}.hero-intro h2{font-size:2.15rem}.hero-intro>p{font-size:.97rem}.hero-actions{gap:22px;flex-wrap:wrap;margin-top:22px}.story{grid-template-columns:1fr;padding:44px 0 56px;gap:28px}.story h2{max-width:500px;font-size:2.25rem}.story-copy p{font-size:.96rem}.story figcaption{font-size:.8rem}.section-heading{align-items:center;margin-bottom:22px}.section-heading h2{font-size:2.15rem}.section-heading p{font-size:.94rem}.gallery-controls{flex-direction:column;gap:8px}.gallery-controls button{width:42px;height:42px}.gallery-main figcaption{min-height:126px;padding:18px 0}.gallery-main h3{font-size:1.35rem}.gallery-main p{font-size:.87rem}.scene-strip{display:flex;overflow-x:auto;gap:12px;padding-bottom:10px;scroll-snap-type:x proximity}.scene-choice{flex:0 0 130px;scroll-snap-align:start;font-size:.85rem}.enlarge-mark{width:34px;height:34px;right:10px;bottom:10px;font-size:24px}.gallery{padding-bottom:50px}.play{padding:50px 0}.play h2{font-size:2.2rem;margin-bottom:34px}.actions{grid-template-columns:1fr;gap:29px}.actions h3{font-size:1.6rem}.actions p{margin-top:10px}.facts{grid-template-columns:1fr;gap:20px;margin-top:36px}.faq{grid-template-columns:1fr;gap:28px;padding:55px 0}.faq h2{font-size:2.2rem}.faq summary{font-size:.95rem}.contact{padding:48px 0}.site-footer{gap:18px;padding:27px 0}.site-footer nav{margin-left:0;width:100%}.site-footer p{order:4}.document{padding-block:35px 60px}.lightbox-top{gap:10px}.lightbox-top h2{font-size:1.05rem}.lightbox-top button{font-size:.75rem;white-space:nowrap;padding:6px 10px}.lightbox-bottom button{font-size:.75rem;padding:6px 8px}.lightbox-bottom{gap:8px}dialog{padding:10px;width:98vw}.gallery-note{font-size:.74rem}}
@media(max-width:420px){.language{order:2;width:100%;margin-left:0;justify-content:center}.site-header nav{gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.trailer{padding-bottom:96px}.trailer-card{position:relative;display:block;max-width:1000px;margin:0 auto;border:1px solid var(--line);background:#142537;color:var(--frost);text-decoration:none}.trailer-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.trailer-play{position:absolute;left:50%;top:72%;transform:translate(-50%,-50%);display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:#08172acc;border:2px solid var(--gold);color:var(--gold);font-size:34px;padding-left:6px;transition:transform .2s,background .2s,color .2s}.trailer-card:hover .trailer-play,.trailer-card:focus-visible .trailer-play{background:var(--gold);color:var(--night);transform:translate(-50%,-50%) scale(1.06)}.trailer-label{position:absolute;left:16px;bottom:16px;padding:8px 14px;border-radius:4px;background:#08172add;border:1px solid #cfdfed88;font-size:.95rem}@media(max-width:600px){.trailer{padding-bottom:64px}.trailer-play{width:64px;height:64px;font-size:26px}.trailer-label{position:static;display:block;border:0;border-top:1px solid var(--line);border-radius:0;padding:10px 12px;font-size:.9rem}}
.trailer .section-heading p{text-wrap:balance;max-width:40rem}
.trailer-media{position:relative;display:block}
#scene-image,#lightbox-image{touch-action:pan-y pinch-zoom}
.site-footer nav{flex-wrap:wrap;row-gap:12px}
.press{padding-block:46px 64px}
.press-intro{display:grid;grid-template-columns:1fr 1.2fr;gap:44px;align-items:center;padding-bottom:32px}
.press-intro h1{font-size:clamp(2.8rem,5vw,4.8rem);margin:20px 0 16px}
.press-intro p,.press-section>p,.press-about p,.press-features p{color:var(--muted);font-size:1rem}
.press-intro>img{width:100%;border-radius:3px}
.press-jumps{display:flex;flex-wrap:wrap;gap:12px 28px;padding-block:20px;border-block:1px solid var(--line);font-size:.95rem;color:var(--ice)}
.press-jumps a{padding-block:5px}
.press-overview{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;padding-block:48px 16px}
.press h2{font-size:clamp(1.8rem,2.8vw,2.7rem);margin-bottom:24px}
.press-facts>div{padding-block:13px;border-bottom:1px solid var(--line)}
.press-facts dt{font-size:.82rem;color:var(--ice)}
.press-facts dd{font-size:1rem;margin:4px 0 0;overflow-wrap:anywhere}
.press-features{margin-top:40px}
.press-features ul{margin:0;padding-left:24px}
.press-features li{padding-left:8px;margin-block:24px}
.press-features li::marker{color:var(--gold)}
.press-features h3{font-size:1.4rem;margin-bottom:10px}
.press-section{margin-top:48px;padding-top:36px;border-top:1px solid var(--line)}
.press-trailer{margin:0;max-width:940px}
.press-trailer .trailer-label{position:static;display:block;border:0;border-top:1px solid var(--line);border-radius:0;padding:12px 18px}
.press-trailer .trailer-play{top:50%}
.press-request{margin-top:20px;overflow-wrap:anywhere}
.press-shots,.press-artwork{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 28px;margin-top:32px}
.press-image,.press-art-image{display:block;background:var(--blue);border:1px solid var(--line);border-radius:3px}
.press-image img{width:100%;aspect-ratio:16/9;object-fit:contain}
.press figcaption{padding-top:18px}
.press figcaption h3{font-size:1.35rem}
.press figcaption p{font-size:.9rem;margin-top:8px;color:var(--muted)}
.press-download{display:inline-block;color:var(--gold);font-size:.95rem;padding-block:10px;margin-top:6px}
.press-artwork{grid-template-columns:repeat(3,minmax(0,1fr))}
.press-art-image{height:220px;padding:16px;display:grid;place-items:center}
.press-art-image img{max-height:186px;max-width:100%;width:auto;object-fit:contain}
.press-store .hero-actions{justify-content:flex-start;flex-wrap:wrap}
.press+.site-footer{border-top:1px solid var(--line)}
@media(max-width:1000px){.press-intro{gap:28px;grid-template-columns:1fr 1fr}.press-overview{gap:36px}.press-artwork{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.press{padding-top:30px}.press-intro,.press-overview{grid-template-columns:1fr;gap:32px}.press-intro h1{margin-top:18px}.press-overview{padding-top:32px}.press-shots,.press-artwork{grid-template-columns:1fr;gap:32px}.press-section{margin-top:36px;padding-top:30px}.press-store .hero-actions{align-items:flex-start;flex-direction:column}.press-art-image{height:240px}.press-art-image img{max-height:206px}}
