:root{color-scheme:dark;--bg:#191821;--base:#15141d;--panel:#25232f;--panel2:#201e29;--line:#383440;--text:#f2eff5;--muted:#b3aebd;--berry:#a54568;--berryhi:#cc668c;--blue:#8994c6;--gold:#e7b877;--max:1320px;--ease:cubic-bezier(.22,.9,.2,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit}p{margin:0 0 1.05em}h1,h2,h3{line-height:1.27;letter-spacing:-.022em}h1,h2,h3{margin:0;font-weight:760}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px;border-radius:2px}::selection{background:var(--berry);color:white}.shell{width:min(calc(100% - 72px),var(--max));margin-inline:auto}.skip-link{position:absolute;z-index:50;top:-100px;left:16px;padding:8px 16px;background:var(--gold);color:var(--base)}.skip-link:focus{top:10px}.site-header{background:rgba(21,20,29,.96);border-bottom:1px solid rgba(255,255,255,.075);position:relative;z-index:10}.topbar{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo{display:inline-flex;align-items:center;gap:13px;white-space:nowrap}.logo img{width:43px;height:43px;object-fit:contain;border-radius:3px}.logo strong{font-size:20px;letter-spacing:.065em;display:block;line-height:1.45}.logo small{font-size:9px;color:var(--muted);letter-spacing:.21em;display:block;font-weight:700}.primary-nav{display:flex;align-items:center;gap:3px}.primary-nav a{font-size:13px;padding:10px 17px;color:var(--muted);transition:color .2s,background .2s;border-radius:3px}.primary-nav a:hover{background:#302d38;color:var(--text)}.primary-nav a[aria-current="page"]{color:var(--text);background:#35303e;box-shadow:inset 0 -2px var(--berry)}.nav-toggle{display:none}.home-intro{padding-top:62px;padding-bottom:36px}.intro-label,.section-kicker{color:var(--gold);font-size:11px;font-weight:740;letter-spacing:.18em;text-transform:uppercase}.intro-label{display:flex;align-items:center;gap:12px;margin-bottom:17px}.micro-line{width:24px;height:1px;background:var(--gold)}.home-intro h1{max-width:970px;font-size:clamp(30px,3.5vw,54px);letter-spacing:-.055em;line-height:1.25}.headline-muted{color:#c2b9c5;font-weight:470}.home-intro>p{color:var(--muted);max-width:840px;margin-top:20px;font-size:15px}.hero-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.9fr);background:var(--panel);border:1px solid var(--line);min-height:445px}.hero-visual{position:relative;min-width:0;overflow:hidden;background:linear-gradient(140deg,#473346,#202132)}.hero-visual::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(11,9,17,.5),transparent 45%)}.hero-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .6s var(--ease)}.hero-visual:hover img{transform:scale(1.035)}.hero-image-caption{position:absolute;z-index:1;bottom:20px;left:24px;font-size:11px;color:#f5f2f5;letter-spacing:.16em}.hero-content{padding:clamp(28px,3.1vw,53px);align-self:center}.hero-content .section-kicker{margin-bottom:20px}.hero-content h2{font-size:clamp(32px,3.6vw,53px);margin:0 0 18px}.hero-content h2 a:hover{color:var(--gold)}.hero-content .lead{font-size:17px;font-weight:620;line-height:1.8;color:var(--text)}.hero-content>p:not(.lead){font-size:13px;color:var(--muted);line-height:1.95}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:28px}.hero-actions>span{font-size:11px;color:var(--muted)}.button-primary,.button-quiet{display:inline-flex;justify-content:space-between;align-items:center;gap:22px;padding:11px 19px;background:var(--berry);font-size:13px;font-weight:700;min-height:43px;border:1px solid var(--berry);transition:background .2s,transform .2s}.button-primary:hover{background:var(--berryhi);transform:translateY(-2px)}.button-quiet{background:transparent;border-color:#6b5968}.button-quiet:hover{background:#34303d;border-color:var(--gold)}.section-block{padding-top:83px;padding-bottom:13px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:29px}.section-heading .section-kicker{margin-bottom:11px}.section-heading h2{font-size:clamp(24px,2.5vw,35px);letter-spacing:-.035em}.section-heading p:not(.section-kicker){font-size:13px;color:var(--muted);margin:11px 0 0;max-width:690px}.section-count{white-space:nowrap;font-size:11px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:8px}.section-link,.inline-forward,.text-link{color:var(--gold);font-size:12px;font-weight:680}.section-link:hover,.inline-forward:hover,.text-link:hover{color:#ffe0aa}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.work-card{min-width:0;background:var(--panel2);border:1px solid #35313e;transition:background .2s,border-color .2s,transform .25s var(--ease)}.work-card:hover{background:#282330;border-color:#655263;transform:translateY(-3px)}.work-card__image{display:block;position:relative;aspect-ratio:1.48/1;overflow:hidden;background:linear-gradient(140deg,#493443,#1a2434)}.work-card__image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.32),transparent 52%);pointer-events:none}.work-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease)}.work-card:hover img{transform:scale(1.045)}.work-card__kind{position:absolute;bottom:14px;left:15px;z-index:1;padding:3px 10px;background:rgba(17,16,23,.82);font-size:10px;color:#e5dce9;letter-spacing:.05em;border:1px solid rgba(255,255,255,.14)}.work-card__body{padding:19px 20px 22px}.work-card__eyebrow{color:var(--blue);font-size:11px;letter-spacing:.04em;margin:0 0 9px}.work-card h3{font-size:20px;margin-bottom:10px}.work-card h3 a:hover{color:var(--gold)}.work-card__body>p:not(.work-card__eyebrow){font-size:12px;line-height:1.9;color:var(--muted);min-height:68px}.work-card__body>.text-link{display:inline-block;margin-top:2px}.ai-band{padding:78px 0 81px;margin-top:83px;background:linear-gradient(115deg,#252335,#1c1b29 70%);border-top:1px solid #3c3951;border-bottom:1px solid #3c3951}.ai-band .section-kicker{color:var(--blue)}.ai-grid .work-card__kind{border-color:rgba(137,148,198,.32);color:#c7ccef}.inline-forward{margin-top:24px;display:inline-block}.film-notes{padding-bottom:70px}.compact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.work-card--compact{display:grid;grid-template-columns:44% 1fr}.work-card--compact .work-card__image{aspect-ratio:auto;min-height:265px}.work-card--compact .work-card__body{align-self:center;padding:22px}.final-feature{display:grid;grid-template-columns:1fr .9fr;align-items:center;margin-bottom:90px;background:#27232f;border:1px solid var(--line);min-height:330px}.final-feature__image{height:100%;min-height:320px;overflow:hidden}.final-feature__image img{width:100%;height:100%;object-fit:cover}.final-feature__copy{padding:50px clamp(28px,4vw,72px)}.final-feature__copy h2{font-size:clamp(26px,3vw,40px);margin:16px 0}.final-feature__copy p:not(.section-kicker){color:var(--muted);font-size:14px}.final-feature__copy .button-quiet{margin-top:12px}.site-footer{background:var(--base);border-top:1px solid #312c38;padding-top:49px}.footer-grid{display:flex;justify-content:space-between;gap:40px;padding-bottom:45px}.footer-identity{max-width:480px}.footer-title{font-size:21px;font-weight:800}.footer-mark{font-size:12px;color:var(--blue);font-weight:500}.footer-identity p{font-size:12px;color:var(--muted);margin-top:13px;max-width:430px}.footer-links{display:flex;gap:20px;flex-wrap:wrap;align-content:start}.footer-links a{font-size:12px;color:var(--muted)}.footer-links a:hover{color:var(--gold)}.footer-bottom{border-top:1px solid #302c36;padding:19px 0 23px;display:flex;justify-content:space-between;gap:16px;color:#9791a0;font-size:11px}.crumbs{padding:23px 0 16px;font-size:12px;color:var(--muted)}.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:7px;align-items:center;padding:0;margin:0}.crumbs li:not(:last-child):after{content:' / ';margin-left:8px;color:#706b79}.crumbs a:hover{color:var(--gold)}.subpage-head__inner{display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:center;padding:35px 0 52px;border-bottom:1px solid var(--line)}.subpage-head__inner h1{font-size:clamp(33px,4vw,52px);max-width:780px;margin:17px 0 24px}.subpage-head__inner .lead{font-size:17px;color:var(--text);max-width:640px}.subpage-head__inner p:not(.lead):not(.section-kicker){color:var(--muted);max-width:590px}.subpage-head__image{height:335px;background:#292737;overflow:hidden}.subpage-head__image img{width:100%;height:100%;object-fit:cover}.crosslink{margin-top:65px;margin-bottom:87px;padding:34px 37px;background:#282531;border:1px solid var(--line)}.crosslink h2{margin:12px 0 13px;font-size:25px}.crosslink>p:not(.section-kicker){font-size:13px;color:var(--muted)}.crosslink__links{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.crosslink__links a{border:1px solid #55485a;background:#24212b;padding:7px 14px;font-size:12px}.crosslink__links a:hover{border-color:var(--gold)}.detail-shell{padding-bottom:80px}.detail-grid{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);gap:clamp(35px,6vw,95px);align-items:start;padding:25px 0 70px;border-bottom:1px solid var(--line)}.detail-poster{background:#2c2536;max-height:760px;overflow:hidden}.detail-poster img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}.detail-body{padding-top:24px}.detail-body h1{font-size:clamp(36px,4vw,62px);margin:14px 0 20px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.tags span{padding:3px 11px;border:1px solid #4c4051;color:var(--blue);font-size:11px}.detail-lead{font-size:19px;line-height:1.85;color:var(--text);padding-left:20px;border-left:3px solid var(--berry);margin-bottom:36px}.detail-body section{margin:28px 0 32px}.detail-body section h2{font-size:22px;margin-bottom:15px}.detail-body section p{color:var(--muted);font-size:15px;line-height:2.1}.editor-note{padding:18px 22px;background:var(--panel);border-left:2px solid var(--blue);margin-bottom:30px}.editor-note span{font-size:12px;font-weight:700;color:var(--blue)}.editor-note p{font-size:12px;color:var(--muted);margin:6px 0 0}.related-section{padding-top:50px}.not-found{min-height:55vh;padding-top:90px;padding-bottom:110px}.not-found h1{font-size:clamp(34px,4vw,56px);margin:15px 0}.not-found>p:not(.section-kicker){color:var(--muted);margin-bottom:25px}
@media(max-width:1100px){.hero-layout{grid-template-columns:1.1fr 1fr;min-height:420px}.hero-content{padding:30px}.card-grid{gap:15px}.work-card__body{padding:16px}.work-card h3{font-size:18px}.work-card__body>p:not(.work-card__eyebrow){min-height:85px}.work-card--compact .work-card__body{padding:16px}}
@media(max-width:800px){.shell{width:min(calc(100% - 40px),var(--max))}.topbar{min-height:72px}.nav-toggle{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid var(--line);color:var(--text);background:transparent;font-size:12px;cursor:pointer}.nav-toggle__lines{width:19px;height:12px;position:relative;border-block:2px solid currentColor}.nav-toggle__lines:before{position:absolute;content:"";height:2px;background:currentColor;left:0;right:0;top:3px}.primary-nav{display:none;position:absolute;top:100%;left:0;right:0;padding:13px 20px 20px;background:var(--base);border-bottom:1px solid var(--line);box-shadow:0 12px 22px #0005}.primary-nav.is-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.primary-nav a{border:1px solid var(--line);text-align:center}.home-intro{padding-top:39px}.hero-layout{grid-template-columns:1fr}.hero-visual{min-height:340px}.hero-visual img{position:absolute}.hero-content{padding:27px 30px 32px}.section-block{padding-top:60px}.section-heading{gap:18px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-band{margin-top:57px;padding:53px 0}.compact-grid{grid-template-columns:1fr}.final-feature{grid-template-columns:1fr;margin-bottom:60px}.final-feature__image{max-height:290px;min-height:260px}.subpage-head__inner{grid-template-columns:1fr;gap:20px;padding-top:20px}.subpage-head__image{height:270px}.detail-grid{grid-template-columns:.85fr 1.15fr;gap:27px}.detail-body{padding-top:0}.detail-body h1{font-size:34px}.detail-lead{font-size:16px}.footer-grid{display:block}.footer-links{margin-top:20px}}
@media(max-width:560px){body{font-size:14px}.shell{width:calc(100% - 32px)}.logo img{width:36px;height:36px}.logo strong{font-size:17px}.logo small{font-size:8px}.home-intro h1{font-size:31px}.home-intro>p{font-size:13px}.hero-visual{min-height:250px}.hero-content h2{font-size:35px}.hero-content .lead{font-size:15px}.section-heading{align-items:start;flex-direction:column;margin-bottom:23px}.section-heading h2{font-size:27px}.section-count{display:none}.card-grid{grid-template-columns:1fr;gap:14px}.work-card{display:grid;grid-template-columns:40% 1fr;min-height:195px}.work-card__image{aspect-ratio:auto;min-height:195px}.work-card__body{padding:16px 14px;align-self:center}.work-card h3{font-size:17px}.work-card__body>p:not(.work-card__eyebrow){font-size:11px;min-height:0;line-height:1.65;margin-bottom:7px}.work-card__eyebrow{font-size:10px}.work-card__kind{bottom:9px;left:9px;font-size:9px;padding:2px 6px}.work-card--compact{grid-template-columns:40% 1fr}.work-card--compact .work-card__image{min-height:195px}.final-feature__copy{padding:29px 25px}.subpage-head__inner h1{font-size:34px}.subpage-head__inner .lead{font-size:15px}.subpage-head__image{height:215px}.detail-grid{display:block}.detail-poster{max-height:480px;margin-bottom:30px}.detail-poster img{max-height:480px}.detail-body h1{font-size:38px}.detail-body section p{font-size:14px}.crosslink{padding:24px 20px}.crosslink h2{font-size:22px}.footer-bottom{flex-direction:column;gap:3px}}
@media(max-width:390px){.work-card{grid-template-columns:38% 1fr}.work-card__body{padding:11px}.work-card h3{font-size:16px}.work-card__body>p:not(.work-card__eyebrow){font-size:10.5px}.primary-nav.is-open{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
