:root{color-scheme:light;--ink:#232929;--muted:#626e6b;--paper:#fafbf9;--surface:#eef2ee;--line:#d7deda;--accent:#8cddca;--green:#1f6b5b;--dark:#202626;--header:76px;--width:1160px;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:104px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure,dl,dd{margin:0}h1,h2,h3{line-height:1.3;font-weight:650}a{color:inherit}button{font:inherit}img{display:block;max-width:100%;height:auto}section,aside[id]{scroll-margin-top:104px}.wrap{max-width:var(--width);margin-inline:auto;width:calc(100% - 80px)}.eyebrow{font-size:12px;line-height:1.6;font-weight:650;letter-spacing:.16em}.mobile-only{display:none}:focus-visible{outline:3px solid #268b76;outline-offset:6px}::selection{background:#c1e8db;color:#183b32}
.site-header{position:sticky;top:0;z-index:20;background:var(--dark);color:#f3f6f2;border-bottom:1px solid #3c4441}.header-inner{max-width:1328px;width:calc(100% - 64px);margin:auto;min-height:var(--header);display:flex;align-items:center;justify-content:space-between;gap:32px}.brand-lockup{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-lockup>span{font-size:19px;font-weight:650;letter-spacing:.08em;line-height:1.5}.brand-lockup small{display:block;color:#a6b2ad;font-size:9px;letter-spacing:.2em;font-weight:500}.primary-nav{display:flex;align-self:stretch;align-items:stretch;gap:28px}.primary-nav a{text-decoration:none;font-size:14px;display:flex;align-items:center;position:relative;color:#bfc7c3;transition:color .2s}.primary-nav a:after{content:"";position:absolute;bottom:17px;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .2s}.primary-nav a:hover,.primary-nav a[aria-current]{color:#fff}.primary-nav a:hover:after,.primary-nav a[aria-current]:after{transform:scaleX(1)}.primary-nav a:focus-visible{outline-color:var(--accent);outline-offset:6px}.menu-toggle{display:none}
.hero{background:var(--dark);color:#f6f8f4}.hero-heading{text-align:center;padding-top:48px;padding-bottom:42px}.hero .eyebrow{color:var(--accent);letter-spacing:.23em}.accent-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;vertical-align:middle;margin-right:8px}.hero h1{font-size:clamp(68px,8vw,108px);font-weight:650;letter-spacing:.085em;margin:16px 0 17px;padding-left:.085em;line-height:1.18}.hero-statement{font-size:clamp(20px,2.1vw,28px);letter-spacing:.035em;font-weight:400}.hero-intro{font-size:15px;color:#aab9b2;margin-top:17px}.hero-visual{background:#303b36}.hero-visual img{width:100%;aspect-ratio:21/9;object-fit:contain}.hero-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px;font-size:11px;letter-spacing:.1em;color:#b6c4bd}.hero-foot b{color:#7fa394;font-weight:400;margin:0 9px}
.editorial-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,.85fr);gap:72px;padding-block:96px 100px}.section-heading{margin-bottom:42px}.section-heading .eyebrow{color:var(--green);margin-bottom:16px}.section-heading h2{font-size:36px;letter-spacing:-.03em;margin-bottom:14px}.section-heading>p:last-child:not(.eyebrow){color:var(--muted);max-width:720px}.film-topline{display:flex;align-items:center;justify-content:space-between;color:var(--green);font-size:13px;letter-spacing:.04em}.film-number{font-size:13px;font-variant-numeric:tabular-nums;color:#687771;letter-spacing:.08em}.film-lead{background:var(--surface);padding:30px 36px 34px;border-top:2px solid var(--green)}.film-lead h3{font-size:48px;margin-top:14px;letter-spacing:-.03em}.film-original{font-size:13px;color:var(--muted);letter-spacing:.055em;margin-top:7px}.film-summary{font-size:16px;line-height:1.9;color:#45534d;margin-top:20px}.film-facts{font-size:13px;color:#44554d;display:grid;gap:7px;margin-top:24px}.film-facts>div{display:flex;gap:18px}.film-facts dt{color:#66766d;white-space:nowrap}.film-row{display:grid;grid-template-columns:30px minmax(0,1fr);gap:16px;padding:34px 0;border-bottom:1px solid var(--line)}.film-row>.film-number{padding-top:7px}.film-row h3{font-size:29px}.film-row .film-summary{margin-top:14px}.film-row .film-facts{margin-top:16px}.releases{border-left:1px solid var(--line);padding-left:32px}.releases .section-heading h2{font-size:28px}.releases .section-heading{margin-bottom:28px}.releases .section-heading>p:last-child{font-size:14px}.release-date{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:12px;color:#69766f;letter-spacing:.04em}.release-date span{padding:1px 8px;background:#e4eeea;color:#356d5d}.release-entry{border-top:1px solid var(--line);padding-top:25px}.release-entry h3{font-size:21px;line-height:1.6;margin:16px 0}.release-entry>p{font-size:14px;line-height:1.9;color:var(--muted)}.release-entry .release-note{font-size:12px;line-height:1.7;margin-top:16px;color:#68766f}.reading-note{margin-top:64px}.note-rule{display:block;width:34px;height:3px;background:var(--green);margin-bottom:24px}.reading-note .eyebrow{color:var(--green);letter-spacing:.07em}.note-title{font-family:"Songti SC","STSong","Noto Serif CJK SC",serif;font-size:30px;line-height:1.55;margin:16px 0;color:#304c40}.reading-note>p:last-of-type{font-size:14px;color:var(--muted)}.note-index{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.note-index span{font-size:12px;color:#597167;border-bottom:1px solid #b8c9bf;padding:5px 0;margin-right:12px}
.topics{background:#edf2ee;border-block:1px solid var(--line);padding:80px 0 84px}.topic-row{display:grid;grid-template-columns:42px 1fr 2fr 100px;gap:28px;align-items:start;border-top:1px solid #cdd8d0;padding:30px 0}.topic-row:last-child{border-bottom:1px solid #cdd8d0}.topic-number{font-size:14px;color:var(--green);padding-top:6px}.topic-row h3{font-size:23px;line-height:1.6}.topic-row p{color:#536159;font-size:15px}.topic-row .topic-works{font-size:13px;color:var(--green);margin-top:12px}.topic-type{color:#6c7b72;font-size:12px;line-height:1.8;text-align:right;padding-top:7px}
.site-footer{border-top:1px solid #d5ddd8;padding:30px 0;background:#f3f5f1}.site-footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer .wrap>span:first-child{font-size:18px;font-weight:650}.site-footer small{font-size:9px;letter-spacing:.1em;display:block;font-weight:500;color:#6c7971}.site-footer p,.footer-domain{font-size:12px;color:#6d7c73}.footer-domain{letter-spacing:.08em}
.viewing{padding-block:90px}.viewing-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:90px;align-items:end;margin-bottom:45px}.viewing-intro .section-heading{margin:0}.viewing-intro h2{max-width:510px;line-height:1.4}.viewing-intro>p{color:var(--muted);font-size:15px;line-height:1.9;padding-bottom:15px}.device-comparison{border-top:2px solid #475a50}.device-head,.device-row{display:grid;grid-template-columns:1fr 1.15fr 1.5fr;gap:50px;align-items:start}.device-head{font-size:12px;color:#6e7d73;padding:17px 0;border-bottom:1px solid var(--line)}.device-row{padding:26px 0;border-bottom:1px solid var(--line)}.device-row h3{font-size:20px;display:inline;margin-left:9px}.device-index{font-size:11px;color:#71847a;vertical-align:middle}.device-sub{display:block;font-size:9px;letter-spacing:.13em;color:#78867d;margin:7px 0 0 28px}.device-row>p{color:#56655c;font-size:14px;line-height:1.9}.faq{display:grid;grid-template-columns:.8fr 2fr;gap:90px;padding-top:80px}.faq-title .eyebrow{font-size:10px;color:var(--green)}.faq-title h2{font-size:28px;margin-top:15px}.faq-list{display:grid;grid-template-columns:1fr 1fr;gap:34px 40px}.faq-list article{border-top:1px solid var(--line);padding-top:20px}.faq-list h3{font-size:17px;line-height:1.65;margin-bottom:12px}.faq-list p{font-size:14px;line-height:1.9;color:var(--muted)}
.profile{background:#e8eeea;padding:72px 0 46px;border-top:1px solid #d6dfd8}.profile-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:42px 100px;align-items:center}.profile-copy>.eyebrow{font-size:11px;color:var(--green);margin-bottom:16px}.profile-copy h2{font-size:30px}.profile-lead{font-size:35px;line-height:1.5;margin:24px 0;font-family:"Songti SC","STSong","Noto Serif CJK SC",serif;color:#355b4a}.profile-copy>p:not(.eyebrow):not(.profile-lead){font-size:15px;line-height:1.9;color:#506258;margin-top:15px}.profile-details{margin-top:28px;font-size:13px;display:grid;gap:10px}.profile-details>div{display:flex;gap:26px}.profile-details dt{color:#65796d;white-space:nowrap}.profile-details dd{color:#344f40}.profile-visual{padding:12px;border:1px solid #cbd7ce;background:#e0e7e1}.profile-visual img{width:100%;aspect-ratio:1;object-fit:contain}.source-note{grid-column:1/-1;display:grid;grid-template-columns:1fr 3fr;gap:34px;border-top:1px solid #cdd9cf;padding-top:27px}.source-note h3{font-size:14px;font-weight:600;color:#425c4d}.source-note p{font-size:12px;line-height:1.9;color:#62746a}
@media(min-width:1280px){.wrap{width:calc(100% - 120px)}}
@media(max-width:1100px){.primary-nav{gap:21px}.header-inner{gap:20px;width:calc(100% - 48px)}.brand-lockup{gap:8px}.editorial-grid{gap:36px;grid-template-columns:minmax(0,1.8fr) minmax(250px,.9fr)}.releases{padding-left:25px}.topic-row{grid-template-columns:30px 1fr 1.8fr;gap:20px}.topic-type{display:none}}
@media(max-width:900px){.header-inner{flex-wrap:wrap;min-height:70px;gap:0}.brand-lockup{padding-block:15px}.primary-nav{width:100%;justify-content:space-between;gap:16px;min-height:52px;border-top:1px solid #3c4441}.primary-nav a:after{bottom:8px}.js-nav .menu-toggle{display:flex;align-items:center;gap:14px;border:0;background:transparent;color:#f0f5f0;padding:14px 0 14px 18px;min-height:48px;font-size:13px}.menu-toggle>span{display:grid;gap:5px;width:18px}.menu-toggle i{display:block;width:18px;height:1px;background:var(--accent)}.js-nav .primary-nav{display:none;padding-bottom:12px}.js-nav.menu-open .primary-nav{display:flex}.hero-heading{padding-top:44px;padding-bottom:36px}.hero h1{font-size:82px}.hero-intro{font-size:14px}.editorial-grid{grid-template-columns:minmax(0,1.7fr) minmax(215px,1fr);gap:28px;padding-block:72px}.film-lead{padding:26px}.releases{padding-left:22px}.section-heading h2{font-size:31px}.film-lead h3{font-size:42px}.film-facts>div{gap:12px}.topic-row{grid-template-columns:26px 160px 1fr}.topics{padding-block:64px}}
@media(max-width:767px){:root{--header:70px;scroll-padding-top:88px}section,aside[id]{scroll-margin-top:88px}.wrap{width:calc(100% - 40px)}.header-inner{width:calc(100% - 40px)}.brand-lockup img{width:31px;height:31px}.brand-lockup>span{font-size:17px}.brand-lockup small{font-size:8px}.primary-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:0 12px;padding-block:8px}.primary-nav a{padding-block:11px;font-size:14px}.primary-nav a:after{bottom:5px;right:auto;width:32px}.js-nav.menu-open .primary-nav{display:grid}.hero-heading{padding-top:40px;padding-bottom:30px}.hero .eyebrow{font-size:10px}.hero h1{font-size:clamp(55px,14vw,82px);letter-spacing:.035em;padding-left:.035em;margin:16px 0 20px}.hero-statement{font-size:20px;line-height:1.8;max-width:300px;margin-inline:auto;letter-spacing:.02em}.hero-intro{font-size:13px;line-height:1.8;margin-top:16px}.mobile-only{display:block}.hero-foot{padding-block:19px;flex-direction:column;align-items:flex-start;gap:4px;font-size:9px;letter-spacing:.065em}.hero-visual img{aspect-ratio:21/9}.editorial-grid{display:block;padding-block:56px 60px}.section-heading{margin-bottom:28px}.section-heading .eyebrow{font-size:10px;margin-bottom:12px}.section-heading h2{font-size:30px;margin-bottom:12px}.section-heading>p:last-child{font-size:15px;line-height:1.85}.film-lead{padding:23px 24px 25px}.film-lead h3{font-size:40px}.film-summary{font-size:15px}.film-row{padding:28px 0;grid-template-columns:24px minmax(0,1fr);gap:9px}.film-row h3{font-size:27px}.film-facts{font-size:12px;gap:8px}.film-facts>div{gap:10px}.film-facts dt{min-width:24px}.film-original{font-size:12px}.releases{margin-top:48px;border:0;padding:0}.releases .section-heading h2{font-size:29px}.release-entry{padding-top:24px}.release-entry h3{font-size:22px}.release-entry>p{font-size:15px}.reading-note{margin-top:32px;padding:28px;background:#edf2ee}.note-title br{display:none}.note-title{font-size:26px}.note-rule{margin-bottom:18px}.reading-note>p:last-of-type{font-size:15px}.topics{padding-block:52px}.topic-row{grid-template-columns:24px 1fr;gap:12px;padding:26px 0}.topic-row h3{font-size:23px}.topic-row>div{grid-column:2}.topic-number{padding-top:5px}.topic-row p{font-size:15px}.site-footer .wrap{flex-wrap:wrap}.site-footer p{order:3;flex-basis:100%}.site-footer{padding-block:25px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:1100px){.viewing-intro{gap:45px}.device-head,.device-row{gap:28px}.device-row h3{font-size:18px}.faq{gap:44px;grid-template-columns:.8fr 2fr}.faq-list{gap:28px}.profile-grid{gap:40px 50px}}
@media(max-width:767px){.viewing{padding-block:54px}.viewing-intro{display:block;margin-bottom:28px}.viewing-intro h2{font-size:28px;line-height:1.55}.viewing-intro>p{font-size:15px;padding:8px 0 0}.device-head{display:none}.device-row{display:block;padding:25px 0}.device-row h3{font-size:21px}.device-sub{font-size:9px;margin-bottom:18px}.device-row>p{font-size:15px;margin-top:8px}.device-row>p:last-child{color:#6b7970}.faq{display:block;padding-top:47px}.faq-title h2{font-size:28px}.faq-list{display:block;margin-top:26px}.faq-list article{padding-top:20px;margin-top:24px}.faq-list p{font-size:15px}.faq-list h3{font-size:18px}.profile{padding-block:50px 32px}.profile-grid{display:flex;flex-direction:column;gap:36px;align-items:stretch}.profile-copy h2{font-size:28px}.profile-lead{font-size:31px;margin:21px 0}.profile-details{font-size:12px}.profile-details>div{gap:17px}.profile-visual{padding:9px;max-width:400px;width:100%;margin:auto}.source-note{display:block;padding-top:23px}.source-note h3{margin-bottom:12px}.source-note p{font-size:12px}}
/* The root reserves the sticky header; section margins must not double it. */
section,aside[id]{scroll-margin-top:0}
@media(max-width:900px){.site-header:not(.js-nav){position:static}}
