@charset "UTF-8";
:root {
  --red:#C73532; --red-deep:#A82725; --gold:#B18A49; --ink:#19232C;
  --paper:#FAF8F3; --surface:#EEEAE2; --body:#22272B; --muted:#626970;
  --rule:#d4d0c8; --white:#fff; --max:1280px;
  font-family: "Noto Sans CJK SC", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  color:var(--body); background:var(--paper); font-synthesis:none;
}
*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-width:320px; font-size:15px; line-height:1.72; }
a { color:inherit; text-decoration:none; }
a:hover { color:var(--red-deep); }
a:focus-visible,button:focus-visible { outline:3px solid var(--red); outline-offset:4px; }
img { display:block; width:100%; max-width:100%; height:auto; object-fit:cover; }
button { font:inherit; cursor:pointer; }
h1,h2,h3,p,figure { margin-top:0; }
h1,h2,h3 { line-height:1.32; letter-spacing:-.025em; }
small { font-size:.8rem; }
.wrap { width:min(calc(100% - 68px),var(--max)); margin-inline:auto; }
.skip-link { position:absolute; z-index:100; top:-100px; left:10px; padding:12px 20px; background:var(--ink); color:white; }
.skip-link:focus { top:10px; }
.site-header { background:var(--paper); border-bottom:1px solid var(--rule); }
.header-top { display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:100px; }
.brand { display:inline-flex; gap:14px; align-items:center; min-width:0; }
.brand img { width:54px; height:54px; object-fit:contain; }
.brand strong { display:block; font-size:26px; color:var(--ink); line-height:1.2; letter-spacing:.08em; }
.brand small { display:block; color:var(--muted); letter-spacing:.09em; font-size:10px; margin-top:7px; }
.header-stamp { display:flex; align-items:center; gap:12px; font-size:12px; font-weight:650; letter-spacing:.08em; color:var(--muted); }
.stamp-square { width:12px; height:12px; background:var(--red); transform:skew(-12deg); }
.site-nav { background:var(--ink); color:var(--paper); }
.nav-inner { display:flex; align-items:stretch; }
.site-nav a { display:flex; align-items:center; justify-content:space-between; gap:20px; min-width:190px; padding:15px 22px; font-weight:650; border-right:1px solid #39434a; transition:background .18s,color .18s; }
.site-nav a:first-child { border-left:1px solid #39434a; }
.site-nav a:hover,.site-nav a[aria-current="page"] { background:var(--red); color:white; }
.site-nav a span { color:#bec2c3; font:12px ui-monospace,monospace; }
.site-nav a:hover span,.site-nav a[aria-current="page"] span { color:#fff; }
.eyebrow,.section-num,.hero-label { font-size:11px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.eyebrow { color:var(--red-deep); margin-bottom:12px; }
.red-dot { display:inline-block; width:8px; height:8px; background:var(--red); border-radius:50%; margin-right:8px; }
.lead-area { padding-block:35px 62px; }
.lead-intro { display:grid; grid-template-columns:1fr .6fr; grid-template-areas:"eyebrow eyebrow" "title desc" "links links"; column-gap:50px; }
.lead-intro .eyebrow { grid-area:eyebrow; }
.lead-intro h1 { grid-area:title; font-size:clamp(30px,4vw,56px); font-weight:900; margin-bottom:8px; color:var(--ink); }
.lead-intro h1 span { color:var(--red); }
.lead-desc { grid-area:desc; max-width:510px; margin-bottom:8px; color:var(--muted); font-size:15px; }
.lead-linkrow { grid-area:links; display:flex; gap:32px; border-top:1px solid var(--rule); padding-top:16px; margin-top:20px; font-weight:750; font-size:13px; }
.lead-linkrow a span { color:var(--red); }
.lead-layout { display:grid; grid-template-columns:minmax(0,1.75fr) minmax(300px,.82fr); gap:26px; margin-top:30px; }
.spotlight { min-width:0; position:relative; background:var(--ink); color:white; }
.spotlight-media { display:block; position:relative; aspect-ratio:1.7; overflow:hidden; }
.spotlight-media img { height:100%; transition:transform .5s; }
.spotlight-media:hover img { transform:scale(1.035); }
.spotlight-index { position:absolute; bottom:14px; left:18px; padding:5px 9px; color:var(--ink); background:var(--paper); font:700 11px ui-monospace,monospace; letter-spacing:.08em; }
.spotlight-text { padding:25px 30px 28px; }
.spotlight-text .eyebrow { color:#eac5a0; }
.spotlight-text h2 { font-size:clamp(22px,2.4vw,32px); max-width:800px; margin-bottom:10px; }
.spotlight-text h2 a:hover { color:#ffb9b2; }
.spotlight-text p:last-child { color:#bbc1c3; margin-bottom:0; }
.lead-side { border-top:3px solid var(--red); border-bottom:1px solid var(--rule); }
.side-heading { display:flex; justify-content:space-between; padding:13px 0 15px; gap:10px; border-bottom:1px solid var(--rule); font-size:15px; }
.side-heading span { color:var(--red); font:800 11px ui-monospace,monospace; }
.mini-feature { display:grid; grid-template-columns:118px 1fr; gap:15px; border-bottom:1px solid var(--rule); padding:15px 0; }
.mini-feature img { height:130px; }
.mini-feature h3 { font-size:16px; margin-bottom:0; }
.mini-feature .eyebrow { font-size:10px; margin:0 0 8px; }
.side-note { display:grid; grid-template-columns:80px 1fr; gap:8px 18px; padding:20px 0; }
.digit-mark { grid-row:span 2; font:900 60px/.9 ui-monospace,monospace; color:var(--gold); }
.side-note p { margin:0; font-weight:600; font-size:14px; }
.side-note a { font-size:12px; font-weight:800; color:var(--red); }
.band { padding-block:30px 74px; border-top:1px solid var(--rule); }
.section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:18px; padding-bottom:19px; border-bottom:1px solid var(--rule); margin-bottom:24px; }
.section-heading h2 { font-size:clamp(23px,2.7vw,34px); margin:3px 0 0; font-weight:850; color:var(--ink); }
.section-num { color:var(--red); font-family:ui-monospace,monospace; }
.thin { font-weight:450; color:var(--muted); }
.section-more { border-bottom:1px solid var(--red); padding-bottom:4px; color:var(--red-deep); font-weight:700; white-space:nowrap; font-size:13px; }
.story-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.story-card { border-bottom:1px solid var(--rule); min-width:0; }
.image-link { display:block; aspect-ratio:1.34; overflow:hidden; background:var(--surface); }
.image-link img { height:100%; transition:transform .3s; }
.image-link:hover img { transform:scale(1.04); }
.story-copy { padding:18px 0 21px; }
.story-copy h3 { font-size:19px; margin-bottom:10px; }
.story-copy p:not(.eyebrow) { color:var(--muted); font-size:14px; line-height:1.7; }
.read-link { font-size:12px; color:var(--red-deep); font-weight:800; letter-spacing:.02em; }
.dark-band { background:var(--ink); color:var(--paper); padding:54px 0 62px; }
.section-heading.light { border-color:#3d474e; }
.section-heading.light h2 { color:var(--paper); }
.section-heading.light .thin { color:#afb7ba; }
.section-heading.light .section-num { color:#eeaaa1; }
.section-heading.light .section-more { color:#efb8a4; }
.visual-grid { display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:22px; }
.visual-tile { min-width:0; }
.visual-tile a { display:block; position:relative; }
.visual-tile img { height:auto; aspect-ratio:1.1; }
.visual-tile:first-child img { aspect-ratio:.94; }
.visual-tag { position:absolute; top:12px; left:12px; background:var(--red); padding:4px 9px; color:white; font:800 10px ui-monospace,monospace; }
.visual-tile h3 { font-size:19px; color:var(--paper); margin-top:17px; }
.visual-tile a:hover h3 { color:#edaaa3; }
.visual-tile p { color:#b9bfc2; font-size:13px; }
.gallery-footnote { font-size:12px; color:#c5c9ca; border-top:1px solid #3d474e; padding-top:20px; margin:22px 0 0; }
.editorial-split { display:grid; grid-template-columns:1.12fr .88fr; gap:7%; padding-block:77px; }
.editorial-split .section-heading { margin-bottom:18px; }
.editorial-lede { max-width:560px; font-size:17px; font-weight:550; }
.editorial-portrait { margin-top:25px; height:295px; overflow:hidden; }
.editorial-portrait img { height:100%; }
.editorial-right { padding-top:48px; }
.editorial-index { list-style:none; padding:0; margin:12px 0 28px; border-top:1px solid var(--rule); }
.editorial-index li { display:grid; grid-template-columns:65px 1fr; gap:12px; border-bottom:1px solid var(--rule); padding:20px 0; }
.editorial-index li span { font:800 28px ui-monospace,monospace; color:var(--gold); }
.editorial-index h3 { margin-bottom:6px; }
.editorial-index p { margin:0; color:var(--muted); font-size:14px; }
.button { display:inline-block; padding:12px 22px; color:white; background:var(--red); border:1px solid var(--red); font-size:13px; font-weight:800; }
.button:hover { background:var(--red-deep); color:white; }
.button.secondary { background:transparent; color:var(--ink); border-color:var(--ink); }
.button.secondary:hover { background:var(--ink); color:white; }
.news-section { padding-block:32px 83px; border-top:1px solid var(--rule); }
.news-layout { display:grid; grid-template-columns:1.22fr .78fr; gap:48px; }
.story-card.horizontal { display:grid; grid-template-columns:.9fr 1fr; gap:25px; border:0; }
.story-card.horizontal .image-link { height:100%; aspect-ratio:auto; }
.story-card.horizontal .story-copy { padding-top:0; }
.news-list ol { padding:0; list-style:none; margin:0; }
.news-list li a { display:grid; grid-template-columns:90px 1fr 75px; align-items:baseline; gap:12px; border-bottom:1px solid var(--rule); padding:16px 0; }
.news-list li:first-child a { padding-top:0; }
.list-label { color:var(--red); font-size:11px; font-weight:750; }
.news-list strong { font-size:15px; }
.news-list small { color:var(--muted); text-align:right; }
.news-context { padding:22px; background:var(--surface); margin-top:25px; }
.news-context strong { color:var(--ink); font-size:16px; }
.news-context p { color:var(--muted); margin:8px 0 0; }
.closing-rail { display:grid; grid-template-columns:1fr 1fr auto; align-items:center; gap:30px; padding-block:30px 52px; border-top:2px solid var(--red); }
.closing-rail h2 { margin-bottom:0; }
.closing-rail p { font-size:13px; color:var(--muted); margin:0; }
.closing-rail>a { color:var(--red-deep); white-space:nowrap; font-weight:800; }
.site-footer { background:var(--ink); color:#d2d5d7; }
.footer-grid { display:grid; grid-template-columns:1.1fr .65fr 1fr; gap:8%; padding:58px 0 46px; }
.footer-grid h2 { font-size:13px; color:#fff; margin-bottom:18px; }
.footer-grid p { font-size:13px; line-height:1.8; }
.footer-grid a { display:block; padding:4px 0; font-size:13px; }
.footer-grid a:hover { color:#ffbcb6; }
.footer-brand { font-size:26px!important; font-weight:900; color:white; }
.footer-brand span { display:block; font:700 10px ui-monospace,monospace; letter-spacing:.12em; color:#aab0b4; }
.footer-bottom { border-top:1px solid #495058; padding:14px 0 22px; display:flex; justify-content:space-between; font-size:12px; }
.footer-bottom a:hover { color:#fff; }
.internal-hero { padding:32px 0 42px; border-bottom:3px solid var(--ink); }
.breadcrumbs { display:flex; flex-wrap:wrap; gap:10px; color:var(--muted); font-size:12px; margin-bottom:32px; }
.breadcrumbs a { color:var(--red-deep); }
.hero-label { display:inline-block; color:white; padding:5px 12px; background:var(--red); margin-bottom:16px; }
.internal-hero h1 { max-width:1050px; font-size:clamp(31px,4.6vw,58px); font-weight:900; color:var(--ink); margin:0 0 18px; }
.internal-hero p { max-width:810px; color:var(--muted); font-size:16px; line-height:1.85; margin:0; }
.watch-hero { border-color:var(--red); }
.hot-hero { border-color:var(--gold); }
.page-section { padding-block:43px 65px; }
.story-grid.two-columns { grid-template-columns:repeat(2,minmax(0,1fr)); gap:31px; }
.two-columns .story-card { display:grid; grid-template-columns:40% 1fr; gap:22px; padding-bottom:20px; }
.two-columns .story-card .image-link { aspect-ratio:.84; }
.two-columns .story-copy { padding:0; align-self:center; }
.info-strip { display:grid; grid-template-columns:.3fr 1fr; gap:40px; padding-block:42px 62px; border-top:1px solid var(--rule); }
.index-xl { font:900 56px/.95 ui-monospace,monospace; color:var(--gold); }
.info-strip h2 { margin:20px 0 0; font-size:25px; }
.info-columns { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.info-columns article { border-left:2px solid var(--red); padding-left:17px; }
.info-columns h3 { font-size:16px; }
.info-columns p { font-size:13px; color:var(--muted); margin-bottom:0; }
.bottom-link { margin-bottom:70px; padding:28px 34px; display:grid; align-items:center; grid-template-columns:1fr 1fr auto; gap:25px; background:var(--surface); }
.bottom-link h2 { font-size:21px; margin:0; }
.bottom-link p { font-size:13px; color:var(--muted); margin:0; }
.visual-feature-layout { display:grid; grid-template-columns:1.02fr 1fr; gap:38px; }
.visual-feature-primary>a { display:block; }
.visual-feature-primary img { aspect-ratio:1.3; }
.visual-feature-primary .eyebrow { margin-top:16px; }
.visual-feature-primary h3 { font-size:25px; }
.visual-feature-primary>p:last-child { color:var(--muted); }
.visual-feature-side { display:flex; flex-direction:column; gap:17px; }
.story-card.compact { display:grid; grid-template-columns:39% 1fr; gap:20px; }
.story-card.compact .image-link { aspect-ratio:1.35; }
.story-card.compact .story-copy { padding:0 0 12px; }
.story-card.compact h3 { font-size:17px; }
.story-card.compact .story-copy p:not(.eyebrow) { font-size:12px; margin-bottom:6px; }
.small-dark { margin-bottom:65px; }
.three-notes { display:grid; grid-template-columns:repeat(3,1fr); gap:27px; }
.three-notes article { border-top:2px solid var(--gold); padding-top:17px; }
.three-notes b { font:800 29px ui-monospace,monospace; color:var(--gold); }
.three-notes h3 { margin:10px 0 8px; }
.three-notes p { color:#bcbfc1; font-size:14px; }
.hot-list { border-top:1px solid var(--rule); }
.hot-story { display:grid; grid-template-columns:68px 225px 1fr; gap:25px; padding:26px 0; border-bottom:1px solid var(--rule); }
.hot-rank { font:900 38px ui-monospace,monospace; color:var(--gold); }
.hot-image { display:block; }
.hot-image img { aspect-ratio:1.4; }
.hot-story h3 { font-size:23px; margin-bottom:10px; }
.hot-story p:not(.eyebrow) { max-width:620px; color:var(--muted); }
.article-page { padding-bottom:85px; }
.article-page .breadcrumbs { margin:35px 0 45px; }
.article-header { max-width:970px; margin:0 auto 33px; text-align:center; }
.article-header h1 { font-size:clamp(30px,4.2vw,51px); margin-bottom:18px; color:var(--ink); }
.article-deck { font-size:17px; color:var(--muted); max-width:780px; margin:0 auto; }
.article-layout { display:grid; grid-template-columns:minmax(0,1fr) 285px; gap:62px; align-items:start; }
.article-body { min-width:0; }
.article-figure img { max-height:560px; aspect-ratio:1.7; }
.article-figure figcaption { font-size:12px; padding:10px 0; color:var(--muted); border-bottom:1px solid var(--rule); }
.article-body>p { font-size:17px; line-height:2.05; margin:27px 0; letter-spacing:.012em; }
.article-note { margin-top:40px; background:var(--surface); padding:23px 28px; border-left:4px solid var(--red); }
.article-note strong { color:var(--ink); }
.article-note p { margin:6px 0 0; color:var(--muted); font-size:13px; }
.article-sidebar { position:sticky; top:20px; border-top:3px solid var(--red); }
.sidebar-title { display:flex; justify-content:space-between; align-items:center; padding:18px 0; font-weight:900; }
.sidebar-title span { font:700 10px ui-monospace,monospace; color:var(--red); }
.article-sidebar ul { list-style:none; padding:0; margin:0; }
.article-sidebar li { border-top:1px solid var(--rule); }
.article-sidebar li a { display:block; padding:18px 0; }
.article-sidebar li small { display:block; color:var(--red-deep); margin-bottom:8px; }
.article-sidebar li strong { display:block; font-size:16px; line-height:1.5; }
.article-sidebar li span { font-size:11px; color:var(--red); }
.back-collection { display:inline-block; padding:14px 0; color:var(--red); font-weight:800; }
.not-found { padding-block:90px 130px; }
.not-found h1 { font-size:clamp(32px,5vw,56px); }
.not-found>p:not(.eyebrow) { color:var(--muted); max-width:600px; }
.action-row { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
/* Tablet: preserve the reading sequence while reducing horizontal competition. */
@media(max-width:1100px) {
 .wrap { width:min(calc(100% - 44px),var(--max)); }
 .site-nav a { min-width:0; flex:1; padding-inline:17px; }
 .lead-layout { grid-template-columns:1.45fr 1fr; gap:20px; }
 .mini-feature { grid-template-columns:95px 1fr; gap:10px; }
 .mini-feature img { height:115px; }
 .mini-feature h3 { font-size:14px; }
 .news-layout { gap:25px; }
 .news-list li a { grid-template-columns:1fr 55px; }
 .news-list .list-label { display:none; }
 .closing-rail { grid-template-columns:1fr 1fr; }
 .closing-rail>a { grid-column:2; }
 .info-strip { grid-template-columns:1fr; }
 .bottom-link { grid-template-columns:1fr 1fr; }
 .bottom-link .button { justify-self:start; }
 .story-card.compact .story-copy p:not(.eyebrow) { display:none; }
}
/* Mobile navigation enhancement is hidden by default without JavaScript. */
@media(max-width:760px) {
 body { font-size:14px; }
 .wrap { width:calc(100% - 34px); }
 .header-top { min-height:75px; }
 .brand img { width:42px; height:42px; }
 .brand strong { font-size:20px; }
 .brand small { font-size:9px; }
 .header-stamp { display:none; }
 .nav-toggle:not([hidden]) { display:inline-flex; align-items:center; gap:10px; padding:8px; border:1px solid var(--rule); color:var(--ink); background:transparent; font-size:12px; font-weight:700; }
 .nav-toggle[hidden] { display:none; }
 .site-nav .nav-inner { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .site-nav a { padding:10px 12px; min-width:0; font-size:12px; border-bottom:1px solid #39434a; }
 .site-nav a:first-child { border-left:0; }
 .site-nav:has(+ *) { position:relative; }
 .site-nav:not(.is-open) { display:none; }
 body:not(:has(.nav-toggle:not([hidden]))) .site-nav { display:block; }
 .lead-area { padding-top:25px; padding-bottom:40px; }
 .lead-intro { display:block; }
 .lead-intro h1 { font-size:35px; }
 .lead-desc { margin-top:12px; }
 .lead-linkrow { flex-wrap:wrap; gap:15px; }
 .lead-layout { grid-template-columns:1fr; }
 .spotlight-media { aspect-ratio:1.35; }
 .spotlight-text { padding:20px; }
 .lead-side { display:grid; grid-template-columns:1fr 1fr; gap:0 15px; }
 .lead-side .side-heading { grid-column:1/-1; }
 .mini-feature { grid-template-columns:1fr; }
 .mini-feature img { height:145px; }
 .side-note { grid-column:1/-1; }
 .section-heading { align-items:start; }
 .section-heading h2 { font-size:24px; }
 .section-more { font-size:11px; }
 .story-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; }
 .story-grid .story-card:last-child:nth-child(odd) { grid-column:1/-1; max-width:500px; }
 .story-copy h3 { font-size:16px; }
 .story-copy p:not(.eyebrow) { font-size:12px; }
 .dark-band { padding-block:40px; }
 .visual-grid { grid-template-columns:1fr 1fr; gap:17px; }
 .visual-grid .visual-tile:first-child { grid-column:1/-1; }
 .visual-tile:first-child img { aspect-ratio:1.5; }
 .visual-tile h3 { font-size:16px; }
 .editorial-split { grid-template-columns:1fr; gap:12px; padding-block:48px; }
 .editorial-right { padding-top:10px; }
 .news-layout { grid-template-columns:1fr; }
 .news-section { padding-block:30px 50px; }
 .closing-rail { grid-template-columns:1fr; gap:12px; }
 .closing-rail>a { grid-column:auto; }
 .footer-grid { grid-template-columns:1fr 1fr; gap:28px; padding-top:40px; }
 .footer-identity { grid-column:1/-1; }
 .internal-hero { padding:25px 0 32px; }
 .internal-hero h1 { font-size:33px; }
 .internal-hero p { font-size:14px; }
 .story-grid.two-columns { grid-template-columns:1fr; gap:20px; }
 .two-columns .story-card { grid-template-columns:38% 1fr; }
 .info-columns { grid-template-columns:1fr; }
 .bottom-link { grid-template-columns:1fr; margin-bottom:40px; }
 .visual-feature-layout { grid-template-columns:1fr; }
 .three-notes { grid-template-columns:1fr; gap:12px; }
 .hot-story { grid-template-columns:40px 125px 1fr; gap:12px; }
 .hot-story h3 { font-size:17px; }
 .hot-story p:not(.eyebrow) { font-size:12px; }
 .hot-rank { font-size:24px; }
 .article-layout { grid-template-columns:1fr; gap:28px; }
 .article-sidebar { position:static; }
 .article-body>p { font-size:15px; }
}
@media(max-width:480px) {
 .brand { gap:8px; }
 .brand small { letter-spacing:0; }
 .lead-intro h1 { font-size:30px; }
 .lead-intro .lead-desc { font-size:13px; }
 .section-heading { gap:10px; }
 .section-heading h2 { font-size:21px; }
 .section-more { white-space:normal; text-align:right; }
 .story-grid { grid-template-columns:1fr; }
 .story-grid .story-card:last-child:nth-child(odd) { grid-column:auto; }
 .image-link { aspect-ratio:1.55; }
 .visual-grid { grid-template-columns:1fr; }
 .visual-grid .visual-tile:first-child { grid-column:auto; }
 .visual-tile img,.visual-tile:first-child img { aspect-ratio:1.5; }
 .story-card.horizontal { grid-template-columns:1fr; }
 .story-card.horizontal .image-link { aspect-ratio:1.5; }
 .news-list li a { grid-template-columns:1fr; gap:3px; }
 .news-list small { text-align:left; }
 .footer-grid { grid-template-columns:1fr; }
 .footer-identity { grid-column:auto; }
 .footer-brand { font-size:22px!important; }
 .two-columns .story-card { display:block; }
 .two-columns .story-card .image-link { aspect-ratio:1.5; }
 .two-columns .story-copy { padding-top:15px; }
 .story-card.compact { grid-template-columns:36% 1fr; gap:14px; }
 .story-card.compact h3 { font-size:15px; }
 .hot-story { grid-template-columns:36px 1fr; }
 .hot-image { grid-column:2; grid-row:1; }
 .hot-story>div { grid-column:2; }
 .hot-rank { grid-row:1/3; }
 .article-figure img { aspect-ratio:1.22; }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 *,*::before,*::after { transition:none!important; animation:none!important; }
}