/* CINEMA EDITORIAL — site styles */
:root{--bg:#10151e;--surface:#19212d;--surface2:#222b37;--muted:#aeb5c0;--text:#f3f0e9;--line:#35404e;--accent:#e8c27e;--accent-dark:#232018;--paper:#ede7db;--ink:#17202b;--max:1216px;--radius:8px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Microsoft YaHei','PingFang SC',sans-serif;background:var(--bg);color:var(--text);line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%;object-fit:cover}p{margin:0 0 1.1em}h1,h2,h3{line-height:1.25;letter-spacing:-.025em;margin:0}h1{font-size:clamp(2.65rem,5vw,5.1rem);font-weight:750}h2{font-size:clamp(1.65rem,2.8vw,2.85rem);font-weight:690}h3{font-size:1.4rem}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.shell{width:min(calc(100% - 64px),var(--max));margin-inline:auto}.skip-link{position:absolute;transform:translateY(-140%);background:var(--accent);color:var(--bg);padding:12px 18px;z-index:99}.skip-link:focus{transform:translateY(0)}.site-header{position:relative;z-index:15;border-bottom:1px solid #303b47;background:#10151ef2}.header-grid{display:flex;justify-content:space-between;align-items:center;gap:28px;min-height:94px}.identity{display:flex;gap:12px;align-items:center;flex-shrink:0}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--accent);border-radius:50%;font-weight:900;font-size:25px;color:var(--accent)}.identity-text{display:flex;flex-direction:column;line-height:1.35}.identity-text strong{font-size:20px;letter-spacing:.06em}.identity-text small{color:var(--muted);font-size:11px;letter-spacing:.08em;margin-top:4px}.primary-nav{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.primary-nav a{display:inline-flex;justify-content:center;white-space:nowrap;padding:12px 13px;font-size:14px;color:#bdc4cd;border-bottom:2px solid transparent}.primary-nav a:hover,.primary-nav a[aria-current]{color:var(--accent);border-bottom-color:var(--accent)}.menu-toggle{display:none;background:transparent;color:var(--text);border:1px solid var(--line);padding:8px 12px;cursor:pointer}.eyebrow,.index-number,.chapter{display:block;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.accent{color:var(--accent)}.lede{font-size:clamp(1.05rem,1.45vw,1.25rem);color:#bfc5ce;line-height:1.9;max-width:740px}.front-intro{display:grid;grid-template-columns:1.07fr .93fr;min-height:625px;gap:42px;align-items:stretch;padding-top:64px;padding-bottom:85px}.front-copy{align-self:center;padding:25px 0}.front-copy h1{margin:32px 0 28px;max-width:730px}.front-copy h1 em{display:block;color:var(--accent);font-style:normal;font-weight:550}.front-copy .lede{max-width:590px}.intro-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:35px}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:11px 24px;border:1px solid var(--accent);font-size:14px;font-weight:700;transition:background-color .2s,color .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--accent);color:#11161e}.button.primary:hover{background:#f5d9a3}.button.ghost{background:transparent;color:var(--accent)}.button.ghost:hover{background:#28303a}.front-art{position:relative;min-height:540px;background:linear-gradient(135deg,#393a3e,#161e28);overflow:hidden;border:1px solid #323c47}.front-art:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#111721 0,transparent 55%);z-index:1;pointer-events:none}.front-art img{width:100%;height:100%;position:absolute;inset:0}.art-caption{position:absolute;z-index:2;bottom:25px;left:30px;right:30px;display:flex;justify-content:space-between;gap:15px;align-items:flex-end}.art-caption b{font-size:12px;letter-spacing:.2em;color:var(--accent)}.art-caption span{font-size:13px;max-width:150px;text-align:right}.editorial-layout{padding-bottom:100px}.section-heading{display:flex;align-items:flex-end;gap:30px;margin-bottom:32px}.section-heading .index-number{width:130px;flex-shrink:0;padding-bottom:12px;color:var(--accent)}.section-heading h2{margin-bottom:8px}.section-heading p{color:var(--muted);margin:0}.section-more{margin-left:auto;font-size:14px;white-space:nowrap;border-bottom:1px solid var(--accent);padding-bottom:5px}.entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.entry{min-width:0;background:var(--surface);border:1px solid #2d3845;transition:transform .2s,border-color .2s}.entry:hover,.entry:focus-within{transform:translateY(-3px);border-color:#9b8869}.entry-main{display:flex;flex-direction:column;height:100%}.entry-main:hover{color:inherit}.entry-poster{position:relative;min-height:182px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 75% 20%,#3f4d57,transparent 60%),linear-gradient(145deg,#293744,#121921);overflow:hidden}.entry:nth-child(3n+2) .entry-poster{background:radial-gradient(ellipse at 22% 22%,#654e45,transparent 60%),linear-gradient(145deg,#3a3134,#131921)}.entry:nth-child(3n) .entry-poster{background:radial-gradient(ellipse at 82% 22%,#434c64,transparent 55%),linear-gradient(145deg,#292f44,#161a23)}.entry-poster:before,.detail-stamp:before{content:'';width:175px;height:175px;border:1px solid #ffffff30;position:absolute;transform:rotate(40deg);border-radius:50%}.entry-poster span{font-weight:850;font-size:77px;color:#f2ddbc;opacity:.82;z-index:1;line-height:1}.entry-poster small{position:absolute;left:20px;bottom:14px;color:#f4e7d8;letter-spacing:.14em;font-size:12px}.entry-info{padding:25px 24px 27px;flex:1}.entry-info .eyebrow{font-size:11px;letter-spacing:.1em;margin-bottom:9px}.entry-info h3{font-size:22px;margin-bottom:12px}.entry-info p:not(.eyebrow){color:#bdc5cc;font-size:14px;line-height:1.85;min-height:76px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span,.chips a{font-size:12px;display:inline-flex;border:1px solid #526071;color:#d1dae1;padding:3px 10px;border-radius:2px}.chips a:hover{border-color:var(--accent);color:var(--accent)}.mood-section{margin-bottom:95px;padding:78px 0 85px;background:var(--paper);color:var(--ink)}.mood-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.mood-grid h2{max-width:340px;margin:20px 0}.mood-grid p{color:#576171;max-width:360px}.mood-grid .index-number{color:#826138}.mood-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.mood-links a{min-height:146px;padding:25px;background:#fffaf1;border:1px solid #dbd3c5;display:grid;grid-template-columns:1fr auto;align-content:center;gap:7px}.mood-links a:hover{background:#fff3db;color:#523c20}.mood-links strong{font-size:20px}.mood-links span{font-size:13px;color:#65707d;grid-column:1}.mood-links b{grid-column:2;grid-row:1 / span 2;align-self:center;font-size:24px;font-weight:400}.reading-feature{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:100px;background:#252f3a;min-height:410px}.reading-image{overflow:hidden;min-height:350px;background:#39434e}.reading-image img{width:100%;height:100%;object-fit:cover}.reading-copy{padding:65px;align-self:center}.reading-copy h2{margin:19px 0 25px}.reading-copy p{color:#c1c9d2}.text-arrow{display:inline-block;margin-top:15px;color:var(--accent);font-weight:650;border-bottom:1px solid var(--accent);padding-bottom:4px}.site-footer{border-top:1px solid var(--line);background:#0c1118;padding:65px 0 22px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:75px}.footer-brand{color:var(--accent);font-weight:750;font-size:25px}.footer-grid p{font-size:14px;color:#c6cbd3;max-width:440px}.footer-grid p.muted{color:#85919d;font-size:12px}.footer-grid h2{font-size:15px;margin:0 0 18px}.footer-grid a{font-size:14px;color:#aeb6c0;display:block;margin:10px 0}.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #26313c;padding-top:22px;margin-top:40px;font-size:12px;color:#85919d}.page-wrap{padding:30px 0 100px}.crumbs{display:flex;gap:13px;align-items:center;flex-wrap:wrap;color:#8d9baa;font-size:12px;margin:8px 0 70px}.crumbs [aria-current]{color:#d4dbe1}.page-title{margin:0 0 65px;max-width:950px}.page-title h1{margin:18px 0 24px}.split-title{display:grid;max-width:none;grid-template-columns:1fr 250px;gap:80px}.side-note{border-top:2px solid var(--accent);padding-top:25px;align-self:end}.side-note span{color:var(--accent);font-size:12px;letter-spacing:.1em}.side-note p{color:#b7c0ca;margin-top:15px;font-size:14px}.bottom-prompt{margin-top:80px;padding:50px 55px;background:var(--surface);border-left:3px solid var(--accent)}.bottom-prompt h2{font-size:30px}.bottom-prompt p{color:var(--muted);margin-top:16px}.movie-heading{max-width:none;display:grid;grid-template-columns:1fr .7fr;gap:60px;align-items:center}.movie-heading img{width:100%;height:380px;background:#273442}.light-note{background:var(--paper);color:var(--ink);padding:40px 50px;margin-top:65px}.light-note h2{font-size:28px}.light-note p{color:#566271;margin-top:15px}.light-note .text-arrow{color:#694820;border-color:#694820}.genre-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:55px}.genre-tags a{border:1px solid var(--line);padding:8px 15px;display:flex;align-items:center;gap:10px;color:#cbd4dd}.genre-tags a:hover,.genre-tags a[aria-current]{background:var(--accent);color:var(--bg);border-color:var(--accent)}.genre-tags small{opacity:.7}.genre-explanation{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:0 0 45px;margin-bottom:45px;border-bottom:1px solid var(--line)}.genre-explanation h2{font-size:23px;margin-bottom:13px}.genre-explanation p{color:var(--muted);font-size:15px}.empty-state{text-align:center;padding:100px 20px 130px}.empty-state h1{font-size:clamp(35px,4vw,55px)}.empty-state p{color:var(--muted);margin:25px 0}.empty-state .intro-actions{justify-content:center}.detail-hero{display:grid;grid-template-columns:300px 1fr;gap:72px;align-items:center;margin-bottom:90px}.detail-stamp{background:radial-gradient(ellipse at top left,#5d4d47,transparent 75%),#27313b;position:relative;height:380px;display:grid;place-items:center;overflow:hidden;border:1px solid #516072}.detail-stamp span{font-size:175px;font-weight:800;color:var(--accent);z-index:1}.detail-stamp small{position:absolute;bottom:20px;left:24px;color:#e5d0ad;letter-spacing:.25em}.detail-heading h1{margin:15px 0 25px}.detail-heading .lede{margin-bottom:22px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:95px}.detail-body section{padding-bottom:45px;margin-bottom:45px;border-bottom:1px solid var(--line)}.detail-body h2{font-size:28px;margin-bottom:23px}.detail-body p{font-size:17px;color:#c1c9d2;line-height:2.05}.point-list{list-style:none;padding:0;margin:0}.point-list li{position:relative;padding:17px 20px 17px 38px;border-bottom:1px solid #283440;color:#c8d1da}.point-list li:before{content:'↗';position:absolute;left:0;color:var(--accent)}.detail-aside{background:var(--surface);border-top:2px solid var(--accent);padding:30px;align-self:start}.detail-aside h2{font-size:21px;margin-bottom:22px}.detail-aside dl{margin:0}.detail-aside dt{color:#8595a3;font-size:12px;margin-top:16px}.detail-aside dd{margin:3px 0 0;color:#e0e5ea;font-size:15px}.detail-aside p{margin-top:26px;font-size:13px;color:var(--muted)}.topic-blocks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.topic-blocks div{border:1px solid var(--line);padding:25px 15px;display:flex;flex-direction:column;gap:15px;min-height:120px}.topic-blocks span{font-size:11px;color:var(--accent)}.topic-blocks strong{font-size:16px}.related-block{margin-top:70px}.reading-page{max-width:var(--max)}.guide-intro{max-width:900px}.reading-columns{display:grid;grid-template-columns:250px minmax(0,1fr);gap:90px}.reading-toc{position:sticky;top:30px;align-self:start;border-top:2px solid var(--accent);padding-top:25px}.reading-toc h2{font-size:17px;margin-bottom:22px}.reading-toc a{display:block;border-bottom:1px solid var(--line);padding:12px 0;color:#b9c1cb;font-size:14px}.reading-toc a:hover{color:var(--accent)}.guide-body section{border-bottom:1px solid var(--line);padding:0 0 55px;margin:0 0 55px}.guide-body h2{margin:14px 0 25px;font-size:clamp(25px,3vw,38px)}.guide-body p{font-size:16px;line-height:2.1;color:#c0cad3}.chapter{color:var(--accent)}.guide-link{border-left:3px solid var(--accent);background:var(--surface);padding:22px 27px;display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:27px}.guide-link strong{font-size:14px}.guide-link a{font-size:13px;color:var(--accent)}.faq-grid{display:grid;grid-template-columns:280px 1fr;gap:80px}.faq-lead img{width:100%;height:265px;background:#283443}.faq-lead p{margin:27px 0 12px;color:#adb9c3}.faq-lead a{display:block;width:max-content}.faq-items{border-top:1px solid var(--line)}.faq-items details{border-bottom:1px solid var(--line);padding:24px 0}.faq-items summary{display:grid;grid-template-columns:45px 1fr 25px;align-items:center;gap:10px;cursor:pointer;list-style:none}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary>span:first-child{font-size:12px;color:var(--accent)}.faq-items strong{font-size:19px;line-height:1.5}.faq-items .plus{color:var(--accent);font-size:25px;transition:transform .2s}.faq-items details[open] .plus{transform:rotate(45deg)}.faq-items details p{padding:18px 45px 0 55px;font-size:15px;line-height:2;color:#bfcbd4;margin:0}
@media(max-width:1100px){.shell{width:min(calc(100% - 48px),var(--max))}.header-grid{flex-wrap:wrap;justify-content:center;gap:8px;padding:15px 0}.front-intro{min-height:550px}.mood-grid{gap:40px}.section-heading{flex-wrap:wrap}.section-more{margin-left:0}.detail-layout{gap:45px}}
@media(max-width:820px){.header-grid{justify-content:space-between;flex-wrap:nowrap}.menu-toggle{display:block}.primary-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#17202b;padding:14px 24px 24px;border-bottom:1px solid var(--line);box-shadow:0 20px 30px #0008;flex-direction:column;align-items:stretch}.primary-nav.nav-open{display:flex}.primary-nav a{justify-content:flex-start;font-size:16px;padding:12px}.front-intro{grid-template-columns:1fr;padding-top:35px;gap:20px}.front-copy{padding:0}.front-art{min-height:330px}.front-art img{height:100%;width:100%}.entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mood-grid{grid-template-columns:1fr;gap:28px}.reading-feature{grid-template-columns:1fr}.reading-image{height:340px}.reading-copy{padding:40px}.split-title,.movie-heading{grid-template-columns:1fr;gap:24px}.side-note{max-width:600px}.detail-hero{grid-template-columns:220px 1fr;gap:35px}.detail-stamp{height:280px}.detail-stamp span{font-size:110px}.detail-layout{grid-template-columns:1fr}.detail-aside{max-width:500px}.reading-columns{grid-template-columns:1fr;gap:45px}.reading-toc{position:static}.reading-toc a{display:inline-block;margin-right:18px}.faq-grid{grid-template-columns:1fr;gap:30px}.faq-lead img{height:230px;max-width:420px}.faq-lead .text-arrow{display:inline-block;margin-right:20px}.footer-grid{gap:25px}}
@media(max-width:560px){.shell{width:calc(100% - 34px)}.header-grid{min-height:75px}.identity-text strong{font-size:17px}.identity-text small{font-size:10px}.brand-mark{width:40px;height:40px;font-size:22px}.front-copy h1{margin:20px 0;font-size:clamp(2.15rem,10vw,3.6rem)}.front-intro{padding-bottom:60px}.front-art{min-height:285px}.art-caption{bottom:16px;left:17px;right:17px}.art-caption span{font-size:11px}.intro-actions{gap:8px}.button{padding:10px 14px;gap:9px;min-height:48px}.entry-grid{grid-template-columns:1fr;gap:15px}.entry-poster{min-height:185px}.entry-info{padding:21px}.entry-info p:not(.eyebrow){min-height:auto}.editorial-layout{padding-bottom:65px}.section-heading{display:block;margin-bottom:23px}.section-heading .index-number{width:auto;margin-bottom:12px}.section-heading .section-more{display:inline-block;margin-top:15px}.mood-section{margin-bottom:65px;padding:55px 0}.mood-links{grid-template-columns:1fr}.mood-links a{min-height:100px;padding:20px}.reading-feature{margin-bottom:65px}.reading-image{min-height:230px;height:230px}.reading-copy{padding:30px 22px}.footer-grid{grid-template-columns:1fr 1fr;gap:22px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:4px}.site-footer{padding-top:45px}.page-wrap{padding-top:12px;padding-bottom:65px}.crumbs{margin-bottom:40px}.page-title{margin-bottom:45px}.page-title h1{font-size:clamp(2.2rem,9vw,3.5rem)}.movie-heading img{height:200px}.genre-explanation{grid-template-columns:1fr;gap:15px}.genre-tags{margin-bottom:40px}.light-note,.bottom-prompt{padding:30px 22px;margin-top:45px}.detail-hero{grid-template-columns:1fr;gap:25px;margin-bottom:55px}.detail-stamp{height:210px}.detail-stamp span{font-size:100px}.detail-heading h1{font-size:45px}.detail-body section{margin-bottom:35px;padding-bottom:35px}.topic-blocks{grid-template-columns:1fr}.topic-blocks div{min-height:auto}.reading-toc a{font-size:12px;margin-right:10px}.guide-link{align-items:flex-start;flex-direction:column}.faq-items summary{grid-template-columns:26px 1fr 22px;gap:8px}.faq-items strong{font-size:16px}.faq-items details p{padding-left:35px;padding-right:6px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}