/* ════════════════════════════════════════════════════════════════════════
   NEWS — a sports-desk front page (Kit Launch, 2026/27)
   The drenched yellow masthead, then ONE lead story full width — its
   photograph large, its headline in Bebas — then the running order: date,
   category, headline on hairlines. No card grid, no source chips, no dots.
   ════════════════════════════════════════════════════════════════════════ */

/* Title card: shorter than a campaign page — the lead story is the picture. */
.nw-ph{min-height:clamp(340px,54svh,600px)}
.nw-ph__upd{font-weight:600;white-space:nowrap}

/* Source filter — words on a hairline, the active one underlined. */
.nw-tabs{background:#080808;border-bottom:1px solid var(--ed-line-2,rgba(245,243,237,.16))}
.nw-tabs__row{display:flex;gap:clamp(4px,2vw,28px);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.nw-tabs__row::-webkit-scrollbar{display:none}
.source-tab{flex:none;min-height:56px;padding:0 4px;background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;
  font-family:var(--font-body);font-weight:800;font-size:15px;letter-spacing:.01em;color:#AAAAAA;cursor:pointer;
  transition:color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard);-webkit-tap-highlight-color:transparent}
.source-tab:hover{color:var(--white)}
.source-tab.active{color:var(--white);border-bottom-color:var(--yellow)}
.source-tab:focus-visible{outline:3px solid var(--yellow);outline-offset:-3px}
@media (max-width:420px){.source-tab{font-size:14px}}

/* ── THE LEAD ─────────────────────────────────────────────────────────── */
.nw-lead{background:#080808;color:var(--white)}
.nw-loading{font-family:var(--font-body);font-weight:700;font-size:15px;color:#AAAAAA;margin:0;padding:clamp(48px,8vw,96px) 0}
.nw-lead__story{padding-bottom:clamp(40px,6vw,80px)}
.nw-lead__link{display:block;color:inherit;text-decoration:none}
.nw-lead__media{position:relative;overflow:hidden;background:#141414;aspect-ratio:16/9;max-height:78svh;width:100%}
.nw-lead__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;
  transition:transform var(--dur-slow) var(--ease-out)}
.nw-lead__body{padding-top:clamp(24px,4vw,44px);display:grid;gap:16px}
.is-type .nw-lead__body{padding-top:clamp(48px,7vw,96px)}
.nw-lead__meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;font-family:var(--font-body);font-size:14px;line-height:1.4;color:#AAAAAA;font-weight:700}
.nw-lead__meta b{color:var(--white);font-weight:800}
.nw-lead__title{font-family:var(--font-display);font-weight:400;text-transform:uppercase;margin:0;color:var(--white);
  font-size:clamp(2.9rem,7.2vw,7.5rem);line-height:.86;letter-spacing:-.005em;max-width:16ch;
  transition:color var(--dur-fast) var(--ease-standard)}
.is-type .nw-lead__title{font-size:clamp(3.4rem,10vw,10.5rem);line-height:.84;max-width:14ch}
.nw-lead__ex{font-family:var(--font-body);font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.6;color:rgba(245,243,237,.78);max-width:62ch;margin:6px 0 0}
.nw-lead__go{justify-self:start;font-family:var(--font-body);font-weight:800;font-size:15px;color:var(--white);
  text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:2px;text-underline-offset:6px;min-height:44px;display:inline-flex;align-items:center}
.nw-lead__link:hover .nw-lead__title,.nw-lead__link:focus-visible .nw-lead__title{color:var(--yellow)}
.nw-lead__link:hover .nw-lead__media img{transform:scale(1.015)}
.nw-lead__link:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
.nw-lead__bar{margin-top:14px}
.nw-lead__share{min-height:48px;padding:10px 20px;font-size:14px}
.nw-none{padding:clamp(48px,8vw,96px) 0}
.nw-none__h{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,4rem);line-height:.9;text-transform:uppercase;margin:0 0 12px;color:var(--white)}

/* ── THE RUNNING ORDER ────────────────────────────────────────────────── */
.nw-order{background:#080808;padding:clamp(48px,7vw,96px) 0 clamp(56px,8vw,112px);border-top:1px solid var(--ed-line-2,rgba(245,243,237,.16))}
.nw-order__h{margin-bottom:clamp(20px,3vw,36px)}
.nw-rows{list-style:none;margin:0;padding:0;border-top:2px solid var(--white)}
.nw-row{display:flex;align-items:stretch;border-bottom:1px solid var(--ed-line-2,rgba(245,243,237,.16))}
.nw-row__link{flex:1;min-width:0;display:grid;grid-template-columns:8.5rem 10rem minmax(0,1fr);align-items:baseline;gap:8px 24px;
  padding:22px 0;color:var(--white);text-decoration:none}
.nw-row__date{font-family:var(--font-body);font-weight:700;font-size:14px;color:#AAAAAA;font-variant-numeric:tabular-nums;white-space:nowrap}
.nw-row__cat{font-family:var(--font-body);font-weight:800;font-size:14px;color:var(--white);overflow-wrap:anywhere}
.nw-row__title{margin:0;font-family:var(--font-display);font-weight:400;text-transform:uppercase;font-size:clamp(1.6rem,2.5vw,2.3rem);line-height:.95;
  letter-spacing:.005em;color:var(--white);transition:color var(--dur-fast) var(--ease-standard);text-wrap:balance}
.nw-row__link:hover .nw-row__title,.nw-row__link:focus-visible .nw-row__title{color:var(--yellow)}
.nw-row__link:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
.nw-row__share{flex:none;align-self:center;min-height:44px;min-width:44px;margin-left:16px;padding:0 4px;background:none;border:0;cursor:pointer;
  font-family:var(--font-body);font-weight:800;font-size:14px;color:#AAAAAA;text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(245,243,237,.3)}
.nw-row__share:hover{color:var(--yellow);text-decoration-color:var(--yellow)}
.nw-row__share:disabled{opacity:.6}
@media (max-width:759px){
  .nw-row__link{grid-template-columns:auto minmax(0,1fr);gap:8px 14px;padding:18px 0}
  .nw-row__title{grid-column:1/-1}
}
.nw-more{margin-top:clamp(24px,4vw,40px)}

/* ── SOURCES ──────────────────────────────────────────────────────────── */
.nw-src{background:#080808}
.nw-src__grid{display:grid;gap:clamp(28px,5vw,64px);align-items:start}
@media (min-width:900px){.nw-src__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}}
.nw-src__p{color:rgba(245,243,237,.78);margin-top:18px}
.nw-src__acts{display:flex;flex-wrap:wrap;gap:10px}
.nw-src__list li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 16px;font-family:var(--font-body);font-size:15px;line-height:1.4}
.nw-src__list b{font-weight:800;color:var(--white)}
.nw-src__list span{color:#AAAAAA;font-weight:600}
@media (max-width:420px){.nw-src__acts .kl-btn{width:100%}}

@media (prefers-reduced-motion:reduce){.nw-lead__media img{transition:none}.nw-lead__link:hover .nw-lead__media img{transform:none}}
html.a11y-reduce-motion .nw-lead__link:hover .nw-lead__media img{transform:none}

/* One word — let it fill the poster. */
.nw-ph .kl-ph__title{font-size:min(clamp(6rem,21vw,22rem),32svh)}
@media (max-width:699px){.nw-ph{min-height:46svh}.nw-ph .kl-ph__title{font-size:min(44vw,30svh)}}

/* A typographic lead on a wide screen: the headline owns the left, the
   standfirst sits at its foot on the right — a front page, not a column. */
@media (min-width:1000px){
  .is-type .nw-lead__body{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);column-gap:clamp(32px,4vw,64px);align-items:end}
  .is-type .nw-lead__meta,.is-type .nw-lead__title{grid-column:1}
  .is-type .nw-lead__title{grid-row:2 / span 3;max-width:none}
  .is-type .nw-lead__ex{grid-column:2;grid-row:3;margin:0}
  .is-type .nw-lead__go{grid-column:2;grid-row:4}
  .is-type .nw-lead__body::before{content:none}
  .has-photo .nw-lead__body{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);column-gap:clamp(32px,4vw,64px);align-items:end}
  .has-photo .nw-lead__meta{grid-column:1/-1}
  .has-photo .nw-lead__title{grid-column:1;grid-row:2 / span 2;max-width:none}
  .has-photo .nw-lead__ex{grid-column:2;grid-row:2;margin:0;align-self:end}
  .has-photo .nw-lead__go{grid-column:2;grid-row:3}
}
@media (min-width:700px) and (max-width:1099px){.nw-ph .kl-ph__title{font-size:min(30vw,24svh)}}
@media (max-width:380px){.nw-tabs__row{gap:14px}.source-tab{font-size:13.5px}}