:root{color-scheme:dark;--bg:#101113;--surface:#181a1d;--text:#f2f1ef;--muted:#a8a9af;--accent:#cf3049;--accent-hover:#b6233b;--line:#303237;--header:rgba(16,17,19,.96);font-family:"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:92px}
html[data-theme=light]{color-scheme:light;--bg:#f4f5f6;--surface:#e8eaed;--text:#181a1d;--muted:#5b5e66;--line:#d0d3d9;--header:rgba(244,245,246,.97)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;width:100%;object-fit:cover}p{line-height:1.85}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent);outline-offset:5px}a:hover{color:var(--accent)}.wrap{width:min(1240px,calc(100% - 104px));margin-inline:auto}.skip{position:fixed;left:15px;top:-100px;padding:15px;background:var(--surface);z-index:30}.skip:focus{top:10px}
/* Layers: header 10, skip link 30, native dialog in top layer. */
.header{position:sticky;top:0;z-index:10;background:var(--header);border-bottom:1px solid var(--line)}.header-inner{height:80px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:750;letter-spacing:2px;white-space:nowrap}.brand:hover{color:var(--text)}.brand small{display:block;font-size:8px;letter-spacing:2.8px;font-weight:500;line-height:1.7;margin-top:4px;color:var(--muted)}.mark{font-size:41px;color:var(--accent);line-height:1}.header nav{display:flex;gap:36px;margin-left:auto;font-size:13px;color:var(--muted)}.header nav a{padding-block:12px}.theme-toggle{border:1px solid var(--line);border-radius:50%;background:transparent;width:36px;height:36px;display:grid;place-items:center;font-size:21px}.theme-toggle:hover{background:var(--surface)}
.hero{position:relative;isolation:isolate;min-height:610px;height:min(720px,calc(100svh - 80px));overflow:hidden}.hero-image{position:absolute;inset:0;height:100%;z-index:-2;object-position:70% 50%}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(16,17,19,.76),rgba(16,17,19,.15) 60%,transparent),linear-gradient(0deg,var(--bg),transparent 24%)}.hero-inner{height:100%;display:flex;align-items:center}.hero-copy{padding-bottom:25px;max-width:660px;color:#f2f1ef}.eyebrow{font-size:12px;letter-spacing:4px;color:#d5babd;margin-bottom:29px}h1{font-size:clamp(44px,4.7vw,68px);font-weight:650;line-height:1.28;letter-spacing:1px}.hero-description{font-size:16px;color:#c1bfc0;margin-top:27px}.hero-actions{margin-top:36px;display:flex;align-items:center;gap:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;min-height:54px;padding:0 28px;border:0;background:var(--accent);color:#fffafa;border-radius:7px;font-size:14px;font-weight:650;white-space:nowrap;transition:background .2s,transform .2s}.button:hover{color:#fffafa;background:var(--accent-hover);transform:translateY(-2px)}.button span:last-child:not(:first-child){font-size:23px;font-weight:400}.quiet-link{font-size:13px;display:inline-flex;align-items:center;gap:15px}.quiet-link:hover{color:var(--accent)}
.section{padding-top:94px;padding-bottom:94px}.section-title{margin-bottom:34px}h2{font-size:clamp(28px,2.7vw,38px);font-weight:600;line-height:1.45;letter-spacing:.4px}.section-title p,.guide>div>p{color:var(--muted);font-size:14px;margin-top:15px}.mobile-break{display:none}.genre-tabs{display:flex;gap:28px;margin-bottom:30px}.genre-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font-size:14px;padding:12px 0}.genre-tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--text)}.genre-tabs button:hover{color:var(--text)}.world-panel{display:grid;grid-template-columns:1.5fr 1fr;background:var(--surface);border-radius:10px;overflow:hidden}.world-panel figure{overflow:hidden}.world-panel img{height:420px;transition:transform .6s;object-position:center}.world-panel:hover img{transform:scale(1.025)}.world-copy{display:flex;flex-direction:column;justify-content:center;padding:42px}.world-kicker{color:var(--muted);font-size:12px;letter-spacing:2px}.world-copy h3{font-size:30px;line-height:1.5;font-weight:550;margin:19px 0}.world-copy>p:not(.world-kicker){font-size:14px;color:var(--muted)}.world-rule{height:2px;background:var(--accent);width:30px;margin:28px 0 18px}.world-copy .world-motto{font-size:12px!important}.art-note{color:var(--muted);font-size:11px;margin-top:19px}
.moment{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding-top:12px;padding-bottom:80px}.moment-image{border-radius:10px;overflow:hidden}.moment-image img{height:460px;object-position:65% 50%}.moment-copy{padding-right:30px}.heart-outline{color:var(--accent);font-size:54px;line-height:1;display:block;margin-bottom:25px}.moment-copy p{color:var(--muted);margin-top:24px;font-size:15px}.download{display:flex;justify-content:space-between;align-items:center;gap:50px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:66px}.download-intro{display:flex;align-items:center;gap:32px}.app-mark{display:grid;place-items:center;width:100px;height:100px;border-radius:23px;background:var(--accent);color:#fffafa;font-size:68px;flex:none}.download h2{font-size:30px}.download-intro p{color:var(--muted);font-size:12px;margin-top:15px}.download-action p{font-size:11px;text-align:center;color:var(--muted);margin-top:17px}.guide{display:grid;grid-template-columns:1fr 1.4fr;gap:100px}.faq details{border-bottom:1px solid var(--line);padding:23px 0}.faq details:first-child{padding-top:8px}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:15px;font-size:15px;line-height:1.7}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent);font-size:22px;line-height:1}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted);font-size:13px;margin:17px 30px 0 0}.footer{border-top:1px solid var(--line);padding-top:35px;padding-bottom:28px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-top p{font-size:13px;color:var(--muted)}.footer .brand{font-size:19px}.footer .mark{font-size:33px}.copyright{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;margin-top:35px}
dialog{width:min(430px,calc(100% - 40px));padding:36px;background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:12px}dialog::backdrop{background:rgba(0,0,0,.7)}dialog h2{font-size:23px;margin-top:10px}dialog p{font-size:14px;color:var(--muted);margin:20px 0 26px}.dialog-close{position:absolute;top:10px;right:13px;background:transparent;border:0;font-size:28px;width:36px;height:36px}
html[data-theme=light] .hero-shade{background:linear-gradient(90deg,rgba(16,17,19,.72),rgba(16,17,19,.13) 65%,transparent)}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:enter .8s both}@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.hero{min-height:560px;height:620px}.hero-image{object-position:65% center}.world-panel{grid-template-columns:1.2fr 1fr}.world-copy{padding:30px}.world-copy h3{font-size:27px}.download{gap:30px}.download-intro{gap:20px}.app-mark{width:76px;height:76px;font-size:52px}.download h2{font-size:25px}.guide{gap:50px}}
@media(max-width:700px){:root{scroll-padding-top:85px}.wrap{width:calc(100% - 40px)}.header-inner{height:70px;gap:16px}.brand{font-size:19px;gap:8px}.brand small{font-size:7px;letter-spacing:1.8px}.mark{font-size:33px}.header nav{gap:0}.header nav a{display:none}.header nav a[href="#download"]{display:block;font-size:12px;white-space:nowrap}.theme-toggle{width:32px;height:32px;flex:none}.hero{min-height:600px;height:calc(88svh - 70px);max-height:740px}.hero-inner{align-items:flex-start;padding-top:48px}.hero-image{object-position:82% 50%}.hero-shade{background:linear-gradient(180deg,rgba(16,17,19,.78),rgba(16,17,19,.33) 50%,transparent 75%),linear-gradient(0deg,var(--bg),transparent 20%)}html[data-theme=light] .hero-shade{background:linear-gradient(180deg,rgba(16,17,19,.82),rgba(16,17,19,.2) 70%,transparent)}.hero-copy{padding-bottom:0}.eyebrow{font-size:10px;letter-spacing:3px;margin-bottom:21px}h1{font-size:44px;line-height:1.32}.hero-description{font-size:13px;line-height:1.9;margin-top:19px}.hero-actions{margin-top:26px;gap:20px}.button{font-size:13px;padding-inline:21px;min-height:50px;gap:20px}.quiet-link{font-size:12px}.section{padding-block:55px}h2{font-size:28px}.mobile-break{display:block}.section-title p{font-size:13px;margin-top:12px}.section-title{margin-bottom:23px}.genre-tabs{gap:27px;margin-bottom:22px}.genre-tabs button{font-size:13px}.world-panel{grid-template-columns:1fr}.world-panel img{height:260px}.world-copy{padding:28px}.world-copy h3{font-size:26px;margin:13px 0}.world-copy>p:not(.world-kicker){font-size:13px}.world-rule{margin-block:21px 16px}.art-note{font-size:10px}.moment{grid-template-columns:1fr;gap:30px;padding-top:0;padding-bottom:52px}.moment-image img{height:290px}.moment-copy{padding:0 5px}.heart-outline{font-size:40px;margin-bottom:14px}.moment-copy p{font-size:13px;margin-top:18px}.download{flex-direction:column;align-items:flex-start;gap:28px;padding-block:40px}.download-intro{gap:20px}.download h2{font-size:25px}.app-mark{width:70px;height:70px;border-radius:17px;font-size:46px}.download-action{width:100%}.download-action .button{width:100%}.download-action p{margin-top:13px}.guide{grid-template-columns:1fr;gap:30px}.guide>div>p{font-size:13px}.faq summary{font-size:14px}.faq details p{font-size:12px}.footer-top{flex-wrap:wrap;gap:21px}.footer-top p{order:3;width:100%;font-size:12px}.copyright{flex-wrap:wrap;gap:10px;margin-top:25px;font-size:10px}.footer{padding-top:28px}.footer-top>.quiet-link{margin-left:auto}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Poster catalogue: full-width promotional banner followed by genre filters. */
.hero{height:390px;min-height:390px;max-height:none}.hero-image{object-position:70% 43%}.hero-inner{padding-top:0;align-items:center}.hero-copy{padding:0}.hero h1{font-size:48px;line-height:1.22}.hero .eyebrow{margin-bottom:16px;font-size:11px}.hero-description{margin-top:16px;font-size:14px}.hero-actions{margin-top:23px}.hero-shade{background:linear-gradient(90deg,rgba(16,17,19,.84),rgba(16,17,19,.2) 65%,transparent),linear-gradient(0deg,var(--bg),transparent 18%)}
.movie-library{padding-block:48px 62px}.library-heading h2{font-size:28px;line-height:1.4}.library-heading p{font-size:13px;color:var(--muted);margin-top:9px}.filter-bar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:27px 0 30px;padding-bottom:24px;border-bottom:1px solid var(--line)}.movie-filters{display:flex;gap:9px;flex-wrap:wrap}.movie-filters button{min-height:38px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);padding:0 20px;font-size:13px;transition:background .2s}.movie-filters button:hover{background:var(--surface);color:var(--text)}.movie-filters button[aria-pressed=true]{background:var(--accent);color:#fffafa}.filter-bar>p{color:var(--muted);font-size:12px;white-space:nowrap}.movie-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 24px}.movie-card[hidden]{display:none}.movie-link{display:block;border-radius:9px}.movie-link:hover{color:var(--text)}.poster{position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:9px;background:var(--surface)}.poster img{height:100%;transition:transform .4s}.movie-link:hover .poster img{transform:scale(1.045)}.play-overlay{position:absolute;inset:0;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;background:rgba(9,10,12,.5);color:#fffafa;font-size:13px;opacity:0;transition:opacity .2s}.play-circle{width:58px;height:58px;display:grid;place-items:center;padding-left:4px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:var(--accent);font-size:22px}.movie-link:hover .play-overlay,.movie-link:focus-visible .play-overlay{opacity:1}.movie-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px}.movie-meta h3{font-size:18px;font-weight:600;letter-spacing:.5px}.movie-genre{font-size:11px;color:var(--muted)}.movie-description{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.7}.movie-action{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted);margin-top:13px}.movie-action>span{color:var(--accent);font-size:17px}.movie-library .art-note{margin-top:32px}.download{padding-block:42px}.guide{padding-block:58px}
@media(max-width:1050px){.movie-grid{gap:28px 20px}.movie-meta h3{font-size:16px}.movie-description{font-size:11px}.hero{height:370px;min-height:370px}}
@media(max-width:700px){.hero{height:340px;min-height:340px}.hero-image{object-position:78% 48%}.hero-inner{align-items:center;padding-top:0}.hero-copy{width:100%}.hero h1{font-size:38px}.hero .eyebrow{font-size:9px;margin-bottom:13px}.hero-description{font-size:12px;max-width:240px;margin-top:14px}.hero-actions{margin-top:20px;gap:20px}.hero .button{min-height:44px;font-size:12px}.hero-shade{background:linear-gradient(90deg,rgba(16,17,19,.82),rgba(16,17,19,.28)),linear-gradient(0deg,var(--bg),transparent 15%)}html[data-theme=light] .hero-shade{background:linear-gradient(90deg,rgba(16,17,19,.8),rgba(16,17,19,.24))}.movie-library{padding-block:30px 38px}.library-heading h2{font-size:24px}.library-heading p{font-size:12px}.filter-bar{align-items:flex-start;flex-direction:column;gap:12px;margin:19px 0 23px;padding-bottom:17px}.movie-filters{gap:5px}.movie-filters button{padding-inline:12px;min-height:34px;font-size:12px}.filter-bar>p{font-size:11px}.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.poster{border-radius:7px}.movie-meta{gap:5px;margin-top:12px}.movie-meta h3{font-size:16px;letter-spacing:0}.movie-genre{font-size:10px}.movie-description{font-size:11px;margin-top:6px}.movie-action{font-size:10px;margin-top:8px}.play-overlay{opacity:1;background:linear-gradient(transparent 65%,rgba(9,10,12,.65));justify-content:flex-end;align-items:flex-end;padding:12px;gap:0}.play-overlay>span:last-child{display:none}.play-circle{width:34px;height:34px;font-size:13px;border-color:rgba(255,255,255,.6);background:rgba(16,17,19,.55);padding-left:2px}.movie-library .art-note{margin-top:25px}.download{padding-block:35px}.guide{padding-block:40px}}

/* Real theatrical posters, a denser 24-film catalogue. */
.movie-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:30px 20px}.poster{border-radius:6px}.poster img{object-fit:cover}.poster-year{position:absolute;top:10px;left:10px;padding:2px 7px;border-radius:3px;background:rgba(0,0,0,.75);color:white;font-size:10px;letter-spacing:.5px}.movie-meta{margin-top:12px;min-width:0}.movie-meta h3{font-size:15px;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.movie-description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;margin-top:5px}.movie-action{margin-top:8px}.movie-action>span{font-size:11px}.play-circle{width:46px;height:46px;font-size:17px}
@media(max-width:1100px){.movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.movie-meta h3{font-size:15px}.play-circle{width:34px;height:34px;font-size:13px}.poster-year{top:8px;left:8px}.movie-filters button{padding-inline:11px}}