:root { color-scheme: light; --paper:#f1efe8; --ink:#0a0a0a; --orange:#0a0a0a; --acid:#334dff; --pad:clamp(18px,3vw,48px); --sans:"PingFang SC","PingFang TC",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif; --mono:"PingFang SC","PingFang TC",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; background:var(--paper); color:var(--ink); font-family:var(--sans); }
a { color:inherit; text-decoration:none; }
button { color:inherit; font:inherit; }
img { display:block; width:100%; height:100%; object-fit:cover; }
::selection { background:var(--orange); }
[hidden] { display:none !important; }
.news-noise { position:fixed; inset:0; z-index:20; pointer-events:none; opacity:.035; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
.news-topbar { height:72px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:20px; padding:0 var(--pad); border-bottom:1px solid rgba(0,0,0,.28); background:var(--ink); color:#fff; }
.news-logo { width:130px; }
.news-logo img { height:auto; object-fit:contain; }
.news-topbar > p { display:flex; align-items:center; gap:8px; margin:0; font:500 9px/1 var(--mono); letter-spacing:.07em; }
.news-topbar > p i { width:6px; height:6px; border-radius:50%; background:var(--acid); }
.news-topbar nav { justify-self:end; display:flex; align-items:center; gap:24px; font-size:10px; font-weight:700; text-transform:uppercase; }
.news-topbar button { padding:6px 0; border:0; background:none; cursor:pointer; font:500 9px/1 var(--mono); }
.news-masthead { display:grid; grid-template-columns:minmax(0,1fr) minmax(220px,.38fr); align-items:end; gap:clamp(24px,4vw,64px); min-height:62vh; padding:90px var(--pad) 46px; border-bottom:1px solid rgba(0,0,0,.28); background:linear-gradient(90deg,rgba(4,4,4,.78) 0%,rgba(4,4,4,.38) 58%,rgba(4,4,4,.18) 100%),linear-gradient(0deg,rgba(4,4,4,.64) 0%,rgba(4,4,4,.04) 62%),url("assets/site/M6.jpg") center 58% / cover no-repeat; color:#fff; }
.news-eyebrow { margin:0 0 24px; font:500 9px/1 var(--mono); text-transform:uppercase; }
.news-masthead h1 { max-width:1000px; margin:0; font-family:"PingFang SC","PingFang TC",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif; font-size:clamp(48px,6.8vw,108px); font-weight:600; line-height:.88; letter-spacing:-.05em; }
.news-title .normal-amp { display:inline-block; margin:0 .03em; font:inherit; letter-spacing:-.03em; }
.news-content-lang { margin-top:32px; padding:7px 0 4px; border:0; border-bottom:1px solid currentColor; background:transparent; cursor:pointer; font:500 9px/1 var(--mono); letter-spacing:.05em; }
.news-deck { max-width:460px; margin:0; color:rgba(255,255,255,.88); font-size:clamp(12px,1vw,16px); line-height:1.65; }
.news-index { padding:0 var(--pad) 120px; }
.news-toolbar { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:28px 0 70px; }
.news-filters { display:flex; flex-wrap:wrap; gap:8px; }
.news-filters button { padding:10px 14px; border:1px solid rgba(0,0,0,.5); border-radius:99px; background:none; cursor:pointer; font:500 9px/1 var(--mono); text-transform:uppercase; }
.news-filters button.active { background:var(--ink); color:#fff; }
.news-toolbar > p { margin:0; font:500 8px/1 var(--mono); }
.news-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:90px clamp(24px,5vw,80px); }
.news-card-lead { grid-column:1 / span 2; }
.news-card figure { aspect-ratio:1.55; margin:0 0 18px; overflow:hidden; background:#ccc; }
.news-card:not(.news-card-lead) figure { aspect-ratio:1.2; }
.news-card figure img { transition:transform .8s cubic-bezier(.2,.7,.1,1); }
.news-card:hover figure img { transform:scale(1.04); }
.card-top { display:grid; grid-template-columns:32px 1fr auto; gap:12px; padding-top:2px; font:500 8px/1 var(--mono); text-transform:uppercase; color:rgba(0,0,0,.52); }
.card-top p { margin:0; }
.news-card h2 { max-width:1000px; margin:18px 0 10px; font-size:clamp(27px,3.7vw,60px); line-height:1; letter-spacing:-.045em; }
.news-card:not(.news-card-lead) h2 { font-size:clamp(24px,2.45vw,39px); }
.card-excerpt { max-width:620px; margin:0; color:rgba(0,0,0,.6); font-size:11px; line-height:1.65; }
.story-view { background:var(--paper); }
.story-header { position:relative; padding:80px var(--pad) 60px; }
.story-back { position:absolute; top:82px; left:var(--pad); font:500 9px/1 var(--mono); text-transform:uppercase; }
.story-header > p:not(.story-excerpt) { width:min(760px,100%); margin:0 auto 24px; font:500 9px/1 var(--mono); text-transform:uppercase; }
.story-header > p span { color:rgba(0,0,0,.35); }
.story-header h1 { width:min(1060px,100%); margin:0 auto; font-size:clamp(40px,5vw,78px); font-weight:600; line-height:1.03; letter-spacing:-.035em; text-align:center; text-wrap:balance; }
.story-title-composed span { display:block; }
.story-title-composed span + span { margin-top:5px; }
.story-title-composed small { display:block; margin-top:18px; font-size:clamp(18px,1.9vw,32px); font-weight:600; line-height:1.18; letter-spacing:-.015em; }
.story-excerpt { width:min(760px,100%); margin:40px auto 0; font-size:clamp(15px,1.35vw,20px); line-height:1.55; }
.story-hero { height:min(78vw,900px); margin:0; }
.story-hero.story-image-original { height:auto; background:#0a0a0a; }
.story-hero.story-image-original img { height:auto; object-fit:contain; }
.story-body { position:relative; padding:clamp(70px,10vw,150px) var(--pad); }
.story-body aside { position:absolute; top:clamp(70px,10vw,150px); left:var(--pad); width:180px; font:500 8px/1.5 var(--mono); text-transform:uppercase; }
.story-body aside p { color:rgba(0,0,0,.48); }
.story-copy { width:min(760px,100%); margin:0 auto; }
.story-body > div p { margin:0 0 30px; font-size:clamp(15px,1.08vw,18px); line-height:1.85; text-indent:2em; }
.story-body > div p:has(> strong:only-child) { text-indent:0; }
.story-body > div p > strong:only-child { display:block; margin:58px 0 12px; font-size:clamp(23px,2.4vw,36px); line-height:1.12; letter-spacing:-.025em; }
.story-inline-media { width:min(1080px,100%); margin:38px auto 70px; }
.story-inline-media img { height:auto; object-fit:contain; }
.story-copy-continuation { padding-top:0; }
.article-credits { display:grid; gap:7px; margin-top:70px; padding-top:20px; border-top:1px solid rgba(0,0,0,.3); color:rgba(0,0,0,.58); }
.article-credits p { margin:0 !important; font-size:clamp(12px,.9vw,14px) !important; line-height:1.6 !important; text-indent:0 !important; }
.story-secondary { width:min(1080px,calc(100% - 2 * var(--pad))); aspect-ratio:1.45; margin:0 auto clamp(80px,12vw,170px); }
.related-stories { padding:clamp(54px,7vw,96px) var(--pad); background:var(--ink); color:#fff; }
.related-stories > header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-bottom:18px; border-bottom:1px solid rgba(255,255,255,.3); }
.related-stories > header p, .related-stories > header a, .related-stories nav span { margin:0; font:500 9px/1.2 var(--mono); letter-spacing:.04em; }
.related-stories > header a { padding-bottom:4px; border-bottom:1px solid rgba(255,255,255,.65); }
.related-stories nav > a { display:grid; grid-template-columns:150px minmax(0,1fr) minmax(150px,220px) 30px; align-items:center; gap:clamp(20px,3vw,50px); padding:18px 0; border-bottom:1px solid rgba(255,255,255,.24); }
.related-stories nav span { color:rgba(255,255,255,.55); }
.related-stories nav h2 { margin:0; font-size:clamp(22px,2.7vw,40px); line-height:1.08; letter-spacing:-.03em; transition:color .25s; }
.related-stories nav figure { aspect-ratio:1.8; margin:0; overflow:hidden; background:#222; }
.related-stories nav img { transition:transform .6s cubic-bezier(.2,.7,.1,1); }
.related-stories nav b { justify-self:end; font-size:24px; font-weight:400; }
.related-stories nav > a:hover h2, .related-stories nav > a:focus-visible h2 { color:var(--acid); }
.related-stories nav > a:hover img, .related-stories nav > a:focus-visible img { transform:scale(1.045); }
.news-footer { display:grid; grid-template-columns:1fr auto auto; align-items:end; gap:50px; padding:65px var(--pad) 30px; background:var(--ink); color:#fff; }
.news-footer p { margin:0; font:500 8px/1.6 var(--mono); }
.news-footer p span { color:rgba(255,255,255,.45); }
.news-footer a { font-size:9px; font-weight:700; text-transform:uppercase; }
@media (max-width:1180px) {
  .story-body aside { position:static; width:auto; margin-bottom:55px; }
}
@media (max-width:900px) {
  .news-masthead { grid-template-columns:minmax(0,1fr) minmax(220px,.38fr); }
}
@media (max-width:650px) {
  .news-topbar { height:60px; grid-template-columns:1fr auto; padding:0 18px; }
  .news-topbar > p, .news-topbar nav a { display:none; }
  .news-topbar nav { display:block; }
  .news-logo { width:104px; }
  .news-masthead { display:block; min-height:auto; padding:70px 18px 35px; }
  .news-masthead h1 { max-width:320px; font-size:13vw; line-height:.9; }
  .news-deck { margin-top:40px; }
  .news-index { padding:0 18px 80px; }
  .news-toolbar { align-items:flex-end; padding:22px 0 50px; }
  .news-toolbar > p { display:none; }
  .news-grid { grid-template-columns:1fr; gap:62px; }
  .news-card-lead { grid-column:auto; }
  .news-card figure, .news-card:not(.news-card-lead) figure { aspect-ratio:1.1; }
  .news-card h2, .news-card:not(.news-card-lead) h2 { font-size:30px; }
  .story-header { display:block; padding:50px 18px 35px; }
  .story-back { position:static; display:block; margin-bottom:65px; }
  .story-header h1 { font-size:10vw; line-height:1.05; letter-spacing:-.025em; }
  .story-title-composed small { margin-top:13px; font-size:5vw; line-height:1.2; }
  .story-excerpt { margin-top:32px; }
  .story-hero { height:70vh; }
  .story-body { display:block; padding:70px 18px; }
  .story-body aside { position:static; width:auto; margin-bottom:55px; }
  .story-secondary { width:calc(100% - 36px); aspect-ratio:.9; }
  .related-stories { padding:52px 18px; }
  .related-stories > header { align-items:flex-end; }
  .related-stories > header p { max-width:145px; line-height:1.45; }
  .related-stories nav > a { grid-template-columns:78px minmax(0,1fr) 22px; gap:14px; padding:22px 0; }
  .related-stories nav h2 { font-size:20px; line-height:1.15; }
  .related-stories nav figure { display:none; }
  .related-stories nav b { font-size:19px; }
  .news-footer { grid-template-columns:1fr; align-items:start; padding:50px 18px 24px; }
}
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; transition-duration:.01ms !important; } }