/*
 * DAILY CONTEST / EDITORIAL DESIGN SYSTEM
 * Palette: vermilion #C73532, champagne #B18A49,
 * midnight #19232C, paper #FAF8F3, warm neutral #EEEAE2.
 */
:root {
  color-scheme: light;
  --red: #C73532;
  --red-dark: #A82725;
  --gold: #B18A49;
  --ink: #19232C;
  --paper: #FAF8F3;
  --muted-paper: #EEEAE2;
  --body: #22272B;
  --secondary: #626970;
  --line: #D7D2C9;
  --line-dark: #49545B;
  --font: "Noto Sans SC","Microsoft YaHei","PingFang SC","Hiragino Sans GB",system-ui,sans-serif;
  --number: "Arial Narrow", "Roboto Condensed", "DIN Condensed", Arial, sans-serif;
  --max: 1320px;
  --gutter: clamp(18px,3.4vw,52px);
  --ease: cubic-bezier(.22,.68,0,1);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 28px; }
body { margin:0; background:var(--paper); color:var(--body); font-family:var(--font); font-size:15px; line-height:1.75; -webkit-font-smoothing:antialiased; }
body, button, input { font-family:var(--font); }
img { max-width:100%; display:block; }
a { text-decoration:none; color:inherit; }
a:hover { color:var(--red-dark); }
button { font:inherit; }
:focus-visible { outline:3px solid var(--red); outline-offset:4px; }
::selection { background:var(--red); color:white; }
.wrap { width:min(var(--max), 100% - 2 * var(--gutter)); margin-inline:auto; }
.skip-link { position:absolute; z-index:200; top:-80px; left:var(--gutter); color:#fff; background:var(--ink); padding:10px 20px; }
.skip-link:focus { top:12px; }
.topline { color:#e3e5e6; background:var(--ink); font-size:11px; letter-spacing:.16em; text-transform:uppercase; line-height:1.5; }
.topline__inside { display:flex; justify-content:space-between; gap:16px; padding-block:9px; }
.topline__inside span:last-child { color:#c8aa79; }
.site-header { background:var(--paper); position:relative; z-index:25; }
.header-main { min-height:105px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.brand { display:flex; align-items:center; gap:13px; color:var(--ink); }
.brand:hover { color:var(--ink); }
.brand__logo { width:57px; height:57px; object-fit:contain; flex:none; }
.brand__type { display:flex; flex-direction:column; line-height:1.13; }
.brand__type strong { font-size:31px; font-weight:900; letter-spacing:.03em; }
.brand__type small { font-size:10px; font-weight:700; letter-spacing:.27em; color:var(--red); padding-top:7px; }
.header-note { margin:0; font-size:13px; color:var(--secondary); letter-spacing:.12em; }
.site-nav { border-top:1px solid var(--line); border-bottom:1px solid var(--ink); }
.nav-row { display:flex; align-items:stretch; min-height:55px; }
.nav-row>a { padding:15px 31px; font-weight:750; font-size:14px; border-left:1px solid var(--line); transition:color .2s,background .2s; }
.nav-row>a:last-of-type { border-right:1px solid var(--line); }
.nav-row>a:hover { color:var(--red-dark); background:var(--muted-paper); }
.nav-row>a[aria-current="page"] { color:white; background:var(--red); border-color:var(--red); }
.nav-row__aside { display:flex; align-items:center; justify-content:flex-end; flex:1; text-align:right; color:var(--secondary); font-size:11px; letter-spacing:.12em; }
.nav-toggle { display:none; background:none; border:1px solid var(--ink); padding:7px 12px; cursor:pointer; align-items:center; gap:8px; color:var(--ink); }
.nav-toggle__bars { font-size:20px; line-height:1; }
.home-intro { padding-top:30px; }
.intro-label { display:flex; align-items:center; gap:10px; font-family:var(--number); color:var(--secondary); font-weight:700; font-size:12px; letter-spacing:.16em; padding-bottom:16px; border-bottom:1px solid var(--line); }
.signal { display:inline-block; width:7px; height:7px; background:var(--red); transform:rotate(45deg); }
.intro-grid { display:grid; grid-template-columns:1.16fr 1.12fr .68fr; gap:0; padding-top:24px; }
.intro-heading { padding:25px 38px 22px 0; display:flex; flex-direction:column; align-items:start; }
.hero-overline { color:var(--red); font-family:var(--number); font-size:12px; font-weight:800; letter-spacing:.12em; margin:0 0:20px; }
.intro-heading h1 { color:var(--ink); font-weight:900; font-size:clamp(38px,4.25vw,66px); letter-spacing:-.065em; line-height:1.23; margin:0 0 25px; }
.intro-heading h1 em, .inner-intro h1 em { color:var(--red); font-style:normal; }
.lead { margin:0; max-width:32em; font-size:15px; line-height:2.1; color:#40484c; }
.intro-actions { margin-top:auto; padding-top:33px; display:flex; flex-wrap:wrap; align-items:center; gap:18px; }
.button { min-height:46px; display:inline-flex; align-items:center; justify-content:center; gap:22px; padding:10px 18px; font-weight:800; font-size:13px; transition:transform .25s var(--ease),background .25s; }
.button:hover { transform:translateY(-3px); }
.button--dark { color:white; background:var(--ink); }
.button--dark:hover { color:white; background:var(--red-dark); }
.text-link { border-bottom:1px solid var(--ink); font-size:13px; font-weight:750; padding-bottom:3px; }
.feature-hero { position:relative; background:#ddd6cd; min-width:0; }
.feature-hero__image { display:block; height:425px; overflow:hidden; background:linear-gradient(120deg,#d9cfc2,#a7a9ac); }
.feature-hero__image img { width:100%; height:100%; object-fit:cover; transition:transform .7s var(--ease); }
.feature-hero__image:hover img { transform:scale(1.04); }
.feature-hero__caption { position:absolute; bottom:0; left:0; right:0; background:linear-gradient(transparent,rgba(20,28,33,.93)); padding:82px 23px 21px; color:white; display:grid; gap:8px; }
.feature-hero__caption span { font-family:var(--number); font-size:11px; letter-spacing:.12em; color:#dfc59a; }
.feature-hero__caption strong { font-size:19px; line-height:1.5; letter-spacing:-.02em; }
.feature-hero__caption a { font-size:12px; font-weight:800; color:white; width:max-content; border-bottom:1px solid rgba(255,255,255,.8); }
.intro-rail { background:var(--muted-paper); padding:18px 19px 14px; display:flex; flex-direction:column; border-top:3px solid var(--red); }
.rail-title { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:7px; }
.rail-title span { color:var(--red-dark); font-size:10px; font-weight:800; letter-spacing:.14em; }
.rail-title strong { color:var(--ink); font-size:14px; }
.rail-entry { display:grid; align-content:start; gap:6px; position:relative; border-top:1px solid #cfc8be; padding:15px 12px 16px 0; }
.rail-entry span:first-child { color:var(--red-dark); font-weight:800; font-size:10px; letter-spacing:.08em; }
.rail-entry strong { color:var(--ink); line-height:1.6; font-size:14px; }
.rail-entry:hover strong { color:var(--red-dark); }
.rail-entry span:last-child { position:absolute; right:0; bottom:17px; color:var(--red); }
.rail-end { display:grid; gap:2px; margin-top:auto; padding-top:13px; border-top:1px solid #cfc8be; font-size:10px; color:var(--secondary); }
.rail-end span:first-child { letter-spacing:.14em; font-weight:800; }
.content-section { padding-top:72px; padding-bottom:12px; }
.section-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:25px; padding-bottom:14px; border-bottom:1px solid var(--ink); }
.section-head__title { display:flex; align-items:center; gap:16px; min-width:0; }
.section-index { font-family:var(--number); font-size:34px; line-height:1; font-style:italic; font-weight:900; color:var(--red); letter-spacing:-.08em; white-space:nowrap; }
.section-head h2 { margin:0; color:var(--ink); font-size:clamp(19px,2vw,28px); letter-spacing:-.035em; font-weight:900; line-height:1.4; }
.section-head>a { flex:none; font-size:12px; color:var(--ink); font-weight:800; border-bottom:1px solid var(--red); padding-bottom:3px; }
.section-head>a:hover { color:var(--red); }
.section-head .caption { color:var(--secondary); font-size:11px; letter-spacing:.07em; }
.feature-grid { display:grid; grid-template-columns:1.45fr 1fr 1fr; gap:20px; }
.story-card { min-width:0; overflow:hidden; }
.story-card__visual { display:block; position:relative; aspect-ratio:4/3; overflow:hidden; background:var(--muted-paper); }
.story-card__visual img { width:100%; height:100%; object-fit:cover; transition:transform .6s var(--ease); }
.story-card__visual:hover img { transform:scale(1.05); }
.story-card__type { position:absolute; bottom:0; left:0; padding:4px 11px; color:white; background:var(--red); font-size:11px; font-weight:750; }
.story-card--featured .story-card__visual { aspect-ratio:1.36; }
.story-card__body { padding-top:15px; }
.eyebrow { text-transform:uppercase; color:var(--red-dark); letter-spacing:.095em; font-size:11px; font-weight:850; line-height:1.5; margin:0 0 9px; }
.story-card h3 { margin:0 0 9px; font-size:19px; font-weight:900; line-height:1.5; color:var(--ink); }
.story-card--featured h3 { font-size:23px; }
.story-card__body>p:last-child { font-size:13px; line-height:1.85; color:var(--secondary); margin:0; }
.dark-band { background:var(--ink); color:white; margin-top:70px; padding:42px 0 55px; }
.dark-band__top { display:flex; align-items:center; gap:16px; padding-bottom:25px; margin-bottom:26px; border-bottom:1px solid var(--line-dark); }
.dark-band__top h2 { color:white; font-size:clamp(24px,2.6vw,36px); line-height:1.3; margin:0; letter-spacing:-.03em; }
.dark-band__top>a { color:#f0d7ad; font-size:12px; font-weight:800; margin-left:auto; border-bottom:1px solid #c8ac7e; }
.section-index--light { color:var(--gold); font-size:47px; }
.overline-light { margin:0 0 4px; color:#c6ab7e; letter-spacing:.16em; font-size:10px; font-weight:800; }
.film-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:21px; }
.film-tile__image { display:block; position:relative; aspect-ratio:1.4; overflow:hidden; background:#29353e; }
.film-tile__image img { width:100%; height:100%; object-fit:cover; transition:transform .7s var(--ease); }
.film-tile__image:hover img { transform:scale(1.06); }
.film-tile__corner { position:absolute; left:0; bottom:0; color:var(--ink); background:var(--gold); padding:5px 12px; font-size:11px; font-weight:900; }
.film-tile>div p { font-size:11px; color:#c6ab7e; margin:13px 0 4px; letter-spacing:.05em; }
.film-tile h3 { font-size:17px; font-weight:800; line-height:1.5; margin:0; color:white; }
.film-tile h3 a:hover { color:#e8bf7b; }
.ranking-section { padding-top:73px; }
.ranking-layout { display:grid; grid-template-columns:.82fr 1.35fr; gap:7%; align-items:start; }
.ranking-lede { padding-top:14px; max-width:400px; }
.ranking-lede h3 { font-size:clamp(21px,2.2vw,30px); line-height:1.5; letter-spacing:-.05em; color:var(--ink); margin:0 0 13px; }
.ranking-lede>p:not(.eyebrow) { color:var(--secondary); font-size:14px; line-height:2; margin:0 0 18px; }
.underlined-link { display:inline-block; font-weight:800; color:var(--red-dark); font-size:13px; border-bottom:1px solid var(--red); padding-bottom:3px; }
.rank-list { list-style:none; padding:0; margin:0; }
.rank-list li { display:flex; align-items:center; min-height:92px; border-bottom:1px solid var(--line); padding:10px 0; gap:22px; }
.rank-list li:first-child { border-top:1px solid var(--line); }
.rank-num { font-family:var(--number); font-size:42px; font-style:italic; font-weight:900; line-height:1; letter-spacing:-.07em; color:var(--gold); min-width:55px; }
.rank-list li:first-child .rank-num { color:var(--red); }
.rank-list li strong { font-size:17px; color:var(--ink); font-weight:850; }
.rank-list li p { margin:0; color:var(--secondary); font-size:12px; }
.rank-line { background:var(--gold); width:3px; height:32px; margin-left:auto; transform:skew(-14deg); }
.buzz-home { padding-top:72px; }
.buzz-home__grid { display:grid; grid-template-columns:1.06fr 1fr; gap:35px; }
.story-card--horizontal .story-card__visual { aspect-ratio:1.8; }
.buzz-home__list { display:grid; grid-template-rows:repeat(3,1fr); }
.headline-item { padding:15px 0; border-bottom:1px solid var(--line); }
.headline-item:first-child { border-top:1px solid var(--line); }
.headline-item h3 { color:var(--ink); font-size:17px; line-height:1.6; margin:0 0 7px; }
.headline-item p:last-child { margin:0; color:var(--secondary); font-size:13px; }
.closing-panel { margin-top:74px; margin-bottom:86px; display:grid; grid-template-columns:.83fr 1.17fr; min-height:315px; background:var(--muted-paper); }
.closing-panel__image { overflow:hidden; }
.closing-panel__image img { width:100%; height:100%; max-height:420px; object-fit:cover; }
.closing-panel__text { padding:clamp(28px,4.2vw,64px); display:flex; flex-direction:column; align-items:start; justify-content:center; }
.closing-panel__text h2 { margin:0 0 15px; font-size:clamp(23px,2.7vw,37px); line-height:1.45; color:var(--ink); }
.closing-panel__text>p:not(.eyebrow) { color:var(--secondary); font-size:14px; line-height:1.9; max-width:42em; margin:0; }
.closing-links { margin-top:26px; display:flex; gap:22px; flex-wrap:wrap; }
.closing-links a { color:var(--red-dark); font-weight:800; font-size:12px; border-bottom:1px solid; }
.site-footer { background:var(--ink); color:#ced3d5; padding-top:55px; }
.footer-grid { display:grid; grid-template-columns:1.35fr .6fr 1fr; gap:10%; }
.footer-brand { color:white; font-size:26px; font-weight:900; margin:0 0 15px; }
.footer-brand span { display:block; font-family:var(--number); color:#d8b780; font-size:10px; letter-spacing:.2em; }
.footer-grid h2 { color:white; font-size:15px; margin:0 0 15px; }
.footer-grid p { color:#adb5ba; font-size:12px; line-height:2; margin:0 0 8px; }
.footer-grid a { display:block; color:#ced3d5; font-size:13px; margin:0 0 9px; }
.footer-grid a:hover { color:#e8b66a; }
.footer-bottom { margin-top:45px; border-top:1px solid #41505b; padding-block:17px; display:flex; justify-content:space-between; gap:15px; color:#9caab2; font-size:11px; }
.footer-bottom a:hover { color:white; }
/* Interior layouts: separate editorial rhythm from homepage aggregation */
.inner-intro { padding-top:44px; padding-bottom:22px; border-bottom:1px solid var(--ink); }
.inner-intro .eyebrow { font-family:var(--number); font-size:12px; margin-bottom:16px; }
.inner-intro__row { display:grid; grid-template-columns:1.1fr .9fr; gap:7%; align-items:end; }
.inner-intro h1 { margin:0; color:var(--ink); font-size:clamp(37px,5vw,67px); font-weight:900; letter-spacing:-.065em; line-height:1.32; }
.inner-intro__row>p { color:var(--secondary); font-size:15px; line-height:2.1; max-width:43em; margin:0 0 7px; }
.topic-bar { margin-top:32px; background:var(--muted-paper); padding:13px 17px; display:flex; gap:22px; flex-wrap:wrap; font-size:12px; align-items:center; }
.topic-bar span { margin-right:auto; color:var(--ink); font-weight:900; }
.topic-bar a { color:var(--red-dark); font-weight:800; }
.inner-section { padding-block:50px 75px; }
.editorial-list { display:grid; gap:40px; }
.editorial-item { display:grid; grid-template-columns:.83fr 1.17fr; gap:5%; padding-bottom:35px; border-bottom:1px solid var(--line); scroll-margin-top:35px; }
.editorial-item:nth-child(even) { grid-template-columns:1.17fr .83fr; }
.editorial-item:nth-child(even) .editorial-item__visual { order:2; }
.editorial-item__visual { position:relative; min-height:280px; max-height:380px; overflow:hidden; background:var(--muted-paper); }
.editorial-item__visual img { width:100%; height:100%; object-fit:cover; aspect-ratio:1.5; }
.editorial-number { position:absolute; bottom:0; left:0; background:var(--red); padding:2px 16px; color:white; font-family:var(--number); font-style:italic; font-size:27px; font-weight:900; }
.editorial-item__copy { align-self:center; }
.editorial-item__copy h3 { margin:5px 0 10px; color:var(--ink); font-size:clamp(21px,2.4vw,32px); line-height:1.5; letter-spacing:-.04em; }
.editorial-item__copy p:not(.eyebrow) { color:var(--secondary); font-size:14px; line-height:2.05; margin:0 0 12px; }
.editorial-item__copy .story-summary { color:var(--ink)!important; font-size:15px!important; font-weight:650; }
.related { display:flex; gap:22px; flex-wrap:wrap; align-items:center; margin-top:24px; font-size:12px; padding-top:12px; border-top:1px solid var(--line); }
.related span { color:var(--secondary); }
.related a { color:var(--red-dark); font-weight:800; }
.paper-band { background:var(--muted-paper); padding:52px 0 58px; }
.criteria-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.criteria-grid article { padding:20px; background:var(--paper); border-top:3px solid var(--gold); }
.criteria-grid article:first-child { border-color:var(--red); }
.criteria-grid span { color:var(--red-dark); font-family:var(--number); font-size:34px; font-weight:900; font-style:italic; }
.criteria-grid h3 { color:var(--ink); margin:10px 0; font-size:18px; }
.criteria-grid p { color:var(--secondary); font-size:13px; margin:0; line-height:1.9; }
.section-footnote { font-size:12px; color:var(--secondary); margin:22px 0 0; }
.cross-link { padding-block:75px 85px; display:flex; justify-content:space-between; align-items:center; gap:40px; }
.cross-link div { max-width:720px; }
.cross-link h2 { color:var(--ink); font-size:29px; margin:0 0 13px; }
.cross-link p:last-child { color:var(--secondary); font-size:14px; margin:0; }
.cross-link>.button { flex:none; }
.inner-intro--watch { border-color:var(--red); }
.inner-intro--watch h1 { font-size:clamp(34px,4.5vw,61px); }
.visual-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 24px; }
.visual-article { display:grid; grid-template-columns:.8fr 1.2fr; min-height:285px; border-bottom:1px solid var(--line); padding-bottom:25px; gap:18px; scroll-margin-top:30px; }
.visual-article__cover { position:relative; background:var(--muted-paper); overflow:hidden; }
.visual-article__cover img { width:100%; height:100%; aspect-ratio:3/4; object-fit:cover; }
.visual-article__tag { position:absolute; top:0; left:0; background:var(--red); color:white; font-size:11px; font-weight:850; padding:5px 12px; }
.visual-article__body { align-self:start; }
.visual-article__body h3 { color:var(--ink); font-size:19px; letter-spacing:-.025em; margin:5px 0 10px; line-height:1.55; }
.visual-article__body p { color:var(--secondary); font-size:13px; line-height:1.9; margin:0 0 10px; }
.visual-article__body .visual-article__summary { font-weight:750; color:var(--body); }
.viewing-notes { display:grid; grid-template-columns:.6fr 1.4fr; gap:50px; border-top:3px solid var(--ink); padding-block:30px 85px; }
.viewing-notes__label { color:var(--red-dark); font-size:12px; font-weight:900; letter-spacing:.1em; }
.viewing-notes h2 { color:var(--ink); font-size:28px; margin:0 0 13px; }
.viewing-notes p { color:var(--secondary); font-size:14px; line-height:2.1; max-width:850px; }
.inner-intro--buzz { border-color:var(--gold); }
.buzz-feed { display:grid; gap:0; }
.buzz-article { display:grid; grid-template-columns:1.3fr .7fr; gap:6%; padding:35px 0; border-bottom:1px solid var(--line); scroll-margin-top:35px; }
.buzz-article:nth-child(even) { grid-template-columns:.7fr 1.3fr; }
.buzz-article:nth-child(even) .buzz-article__visual { order:-1; }
.buzz-article__copy { align-self:center; }
.buzz-article h3 { color:var(--ink); font-size:clamp(22px,2.5vw,32px); line-height:1.4; letter-spacing:-.04em; margin:0 0 16px; }
.buzz-article__copy>p:not(.eyebrow) { color:var(--secondary); font-size:14px; line-height:2.05; margin:0 0 11px; }
.buzz-article__copy .buzz-article__summary { color:var(--body)!important; font-size:15px!important; font-weight:750; }
.buzz-article__visual { align-self:stretch; max-height:320px; background:var(--muted-paper); overflow:hidden; }
.buzz-article__visual img { width:100%; height:100%; object-fit:cover; aspect-ratio:1.2; }
.discussion-panel { display:grid; grid-template-columns:.75fr 1.25fr; gap:7%; }
.discussion-panel h2 { font-size:clamp(24px,3vw,37px); color:var(--ink); margin:0; line-height:1.4; }
.discussion-panel p:not(.eyebrow) { color:var(--secondary); font-size:14px; line-height:2.05; margin:0 0 20px; }
/* Responsive: preserve text hierarchy while adapting density and image ratios */
@media (max-width:1160px) {
  .intro-grid { grid-template-columns:1.02fr 1fr; }
  .intro-rail { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; padding:14px 20px; }
  .rail-title,.rail-end { display:none; }
  .rail-entry { border-top:0; border-right:1px solid #cfc8be; padding:5px 18px 5px 0; }
  .rail-entry:last-of-type { border-right:0; }
  .intro-heading { min-height:425px; }
  .visual-article { grid-template-columns:1fr; }
  .visual-article__cover { height:240px; }
  .visual-article__cover img { aspect-ratio:1.7; }
  .visual-article__body { padding-bottom:5px; }
}
@media (max-width:900px) {
  .nav-row>a { padding-inline:21px; }
  .nav-row__aside { display:none; }
  .intro-heading { padding-right:22px; }
  .intro-heading h1 { font-size:43px; }
  .feature-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .story-card--featured { grid-column:1/-1; display:grid; grid-template-columns:1.1fr .9fr; gap:20px; }
  .story-card--featured .story-card__visual { aspect-ratio:1.4; }
  .story-card--featured .story-card__body { align-self:center; }
  .ranking-layout { grid-template-columns:1fr 1.2fr; gap:35px; }
  .footer-grid { gap:35px; grid-template-columns:1.2fr .7fr 1fr; }
  .inner-intro__row { gap:24px; }
  .inner-intro h1 { font-size:44px; }
  .editorial-item, .editorial-item:nth-child(even) { gap:25px; grid-template-columns:1fr 1.1fr; }
  .criteria-grid { grid-template-columns:repeat(2,1fr); }
  .visual-grid { gap:26px 20px; }
}
@media (max-width:680px) {
  :root { --gutter:17px; }
  html { scroll-padding-top:15px; }
  .topline { font-size:9px; }
  .topline__inside { padding-block:7px; }
  .topline__inside span:last-child { display:none; }
  .header-main { min-height:81px; gap:10px; }
  .brand__logo { width:43px; height:43px; }
  .brand__type strong { font-size:24px; }
  .brand__type small { font-size:9px; }
  .header-note { display:none; }
  .nav-toggle { display:flex; }
  .site-nav { border-bottom:1px solid var(--ink); }
  .nav-row { flex-wrap:wrap; justify-content:space-between; }
  .nav-row>a { width:25%; padding:11px 4px; font-size:12px; text-align:center; border-left:0; }
  .nav-row>a:last-of-type { border-right:0; }
  body.js-enabled .site-nav:not(.is-open) { display:none; }
  body.js-enabled .site-nav.is-open { display:block; }
  body.js-enabled .site-nav .nav-row>a { width:50%; }
  .home-intro { padding-top:21px; }
  .intro-label { font-size:10px; }
  .intro-grid { padding-top:16px; grid-template-columns:1fr; }
  .intro-heading { min-height:0; padding:3px 0 28px; }
  .hero-overline { margin-bottom:13px; font-size:10px; }
  .intro-heading h1 { font-size:46px; margin-bottom:15px; }
  .lead { font-size:14px; line-height:1.9; }
  .intro-actions { padding-top:24px; }
  .feature-hero__image { height:380px; }
  .feature-hero__caption { padding:80px 18px 20px; }
  .intro-rail { display:block; grid-column:auto; }
  .rail-title, .rail-end { display:flex; }
  .rail-entry { border-right:0; border-top:1px solid #cfc8be; padding:12px 16px 12px 0; }
  .rail-entry strong { max-width:95%; }
  .content-section { padding-top:54px; }
  .section-head { align-items:flex-start; }
  .section-head__title { gap:10px; }
  .section-index { font-size:28px; }
  .section-head h2 { font-size:20px; }
  .section-head>a { font-size:11px; margin-top:5px; }
  .feature-grid { grid-template-columns:1fr 1fr; gap:15px; }
  .story-card--featured { grid-column:1/-1; grid-template-columns:1fr; gap:0; }
  .story-card--featured .story-card__visual { aspect-ratio:1.6; }
  .story-card__visual { aspect-ratio:4/5; }
  .story-card h3 { font-size:15px; }
  .story-card--featured h3 { font-size:22px; }
  .story-card__body>p:last-child { font-size:12px; }
  .dark-band { margin-top:54px; padding:30px 0 39px; }
  .dark-band__top { gap:11px; flex-wrap:wrap; }
  .section-index--light { font-size:37px; }
  .dark-band__top h2 { font-size:23px; }
  .dark-band__top>a { width:100%; margin-left:0; margin-top:6px; width:max-content; }
  .film-grid { grid-template-columns:1fr; gap:22px; }
  .film-tile__image { aspect-ratio:1.8; }
  .ranking-layout { grid-template-columns:1fr; gap:23px; }
  .rank-list li { min-height:75px; }
  .rank-num { font-size:36px; }
  .buzz-home__grid { grid-template-columns:1fr; gap:23px; }
  .headline-item { padding-block:16px; }
  .closing-panel { margin-top:50px; margin-bottom:55px; grid-template-columns:1fr; }
  .closing-panel__image { height:220px; }
  .closing-panel__text { padding:25px; }
  .closing-panel__text h2 { font-size:26px; }
  .footer-grid { grid-template-columns:1fr 1fr; gap:25px; }
  .footer-grid>div:first-child { grid-column:1/-1; }
  .footer-bottom { flex-wrap:wrap; margin-top:25px; }
  .inner-intro { padding-top:27px; }
  .inner-intro__row { grid-template-columns:1fr; gap:16px; }
  .inner-intro h1, .inner-intro--watch h1 { font-size:39px; }
  .inner-intro__row>p { font-size:14px; line-height:1.95; }
  .topic-bar { margin-top:21px; gap:10px; padding:11px; }
  .topic-bar span { width:100%; }
  .inner-section { padding-block:37px 55px; }
  .editorial-list { gap:26px; }
  .editorial-item, .editorial-item:nth-child(even) { grid-template-columns:1fr; gap:18px; }
  .editorial-item:nth-child(even) .editorial-item__visual { order:0; }
  .editorial-item__visual { min-height:0; max-height:330px; }
  .editorial-item__visual img { aspect-ratio:1.5; }
  .editorial-item__copy h3 { font-size:23px; }
  .paper-band { padding-block:37px 43px; }
  .criteria-grid { gap:10px; }
  .criteria-grid article { padding:15px; }
  .criteria-grid h3 { font-size:16px; }
  .cross-link { padding-block:45px 55px; flex-direction:column; align-items:start; gap:20px; }
  .cross-link h2 { font-size:25px; }
  .visual-grid { grid-template-columns:1fr; }
  .visual-article { grid-template-columns:.8fr 1.2fr; gap:15px; padding-bottom:23px; min-height:0; }
  .visual-article__cover { height:auto; }
  .visual-article__cover img { height:100%; aspect-ratio:3/5; }
  .visual-article__body h3 { font-size:18px; }
  .visual-article__body p { font-size:12px; }
  .visual-article__body .eyebrow { font-size:10px; }
  .viewing-notes { grid-template-columns:1fr; gap:11px; padding-bottom:55px; }
  .viewing-notes h2 { font-size:23px; }
  .buzz-article,.buzz-article:nth-child(even) { grid-template-columns:1fr; gap:18px; padding-block:28px; }
  .buzz-article:nth-child(even) .buzz-article__visual { order:0; }
  .buzz-article__visual { max-height:275px; }
  .buzz-article h3 { font-size:23px; }
  .discussion-panel { grid-template-columns:1fr; gap:15px; }
}
@media (max-width:400px) {
  .intro-heading h1 { font-size:39px; }
  .intro-actions { gap:13px; }
  .button { font-size:12px; padding-inline:13px; }
  .feature-hero__image { height:305px; }
  .feature-grid { grid-template-columns:1fr; }
  .story-card__visual { aspect-ratio:1.7; }
  .story-card h3 { font-size:18px; }
  .criteria-grid { grid-template-columns:1fr; }
  .visual-article { grid-template-columns:1fr; }
  .visual-article__cover { height:260px; }
  .visual-article__cover img { aspect-ratio:1.5; }
  .footer-grid { grid-template-columns:1fr; }
  .footer-grid>div:first-child { grid-column:auto; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; }
}
@media print {
  .topline, .site-nav, .nav-toggle, .intro-actions, .site-footer { display:none!important; }
  body { color:black; background:white; }
  a { color:inherit; text-decoration:underline; }
  .wrap { width:100%; }
  .intro-grid,.feature-grid,.ranking-layout,.visual-grid { display:block; }
  .story-card,.editorial-item,.buzz-article { break-inside:avoid; margin-bottom:22px; }
  img { max-height:220px; width:auto; }
}