/* WebNAS v2 · News & Media page additions. Uses the site.css tokens only. */

/* highlights: date sits in the red meta line */
.post .meta time,.post .meta .tbc{font:inherit;letter-spacing:inherit;color:inherit}
.news{margin-top:0}
@media(min-width:961px){.news .post:not(.feature) img{height:240px}}

/* covered by */
.press-band{padding:56px 0;border-top:1px solid var(--ln);border-bottom:1px solid var(--ln)}
.press-band .wrap{display:flex;align-items:center;gap:48px}
.press-h{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mut-2);white-space:nowrap;margin:0}
.press-list{list-style:none;display:flex;flex-wrap:wrap;gap:14px 40px;align-items:center}
.press-list li{font-family:var(--disp);font-weight:800;font-size:clamp(16px,1.6vw,20px);letter-spacing:-.01em;color:var(--ink);opacity:.5;transition:opacity .3s}
.press-list li:hover{opacity:1}
@media(max-width:760px){.press-band .wrap{flex-direction:column;align-items:flex-start;gap:18px}.press-list{gap:10px 24px}}

/* timeline head + filters */
.nt-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:44px}
@media(max-width:900px){.nt-head{grid-template-columns:1fr;gap:18px}}
.chips{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:28px;border-bottom:2px solid var(--ink)}
.chip{font:600 13.5px/1 var(--body);padding:11px 16px;border:1.5px solid var(--ln-2);border-radius:2px;background:#fff;color:var(--mut);cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.chip span{opacity:.55;margin-left:4px;font-weight:500}
.chip:hover{border-color:var(--ink);color:var(--ink)}
.chip[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.chip:focus-visible{outline:2px solid var(--red);outline-offset:2px}
@media(max-width:640px){
  .chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -20px;padding:0 20px 22px;scrollbar-width:none}
  .chips::-webkit-scrollbar{display:none}
  .chip{flex:none}
}

/* timeline */
.nt-year{display:grid;grid-template-columns:200px 1fr;gap:40px;border-bottom:1px solid var(--ln)}
.nt-year[hidden],.nt-row[hidden]{display:none}
.nt-y{font-size:clamp(34px,4vw,52px);letter-spacing:-.035em;color:var(--ln-2);padding-top:30px;align-self:start;position:sticky;top:96px;transition:color .4s}
.nt-year:hover .nt-y{color:var(--ink)}
.nt-year[data-year="Date to confirm"] .nt-y{font-size:clamp(20px,2vw,26px);line-height:1.15}
.nt-list{list-style:none}
.nt-row{display:grid;grid-template-columns:150px 1fr;gap:28px;padding:30px 0;border-bottom:1px solid var(--ln)}
.nt-row:last-child{border-bottom:0}
.nt-when{font:700 13.5px/1.4 var(--disp);color:var(--ink);padding-top:3px}
.nt-meta{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:13px;color:var(--mut-2);margin-bottom:10px}
.nt-type{font:700 11px/1 var(--disp);letter-spacing:.1em;text-transform:uppercase;color:var(--red);background:var(--red-soft);padding:5px 8px;border-radius:2px}
.nt-lang{font-style:italic}
.nt-row h3{font-size:clamp(18px,1.7vw,21px);line-height:1.28;letter-spacing:-.015em;margin-bottom:8px}
.nt-row p{color:var(--mut);font-size:15px;max-width:68ch}
.nt-src{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-weight:600;font-size:14px;color:var(--ink);background:linear-gradient(var(--red),var(--red)) 0 100%/0 1.5px no-repeat;transition:background-size .35s var(--ease-out,ease),color .2s}
.nt-src svg{width:15px;height:15px;transition:transform .3s var(--ease-out,ease)}
.nt-src:hover{color:var(--red-d);background-size:100% 1.5px}
.nt-src:hover svg{transform:translate(2px,-2px)}
.nt-empty{padding:48px 0;color:var(--mut)}
@media(max-width:900px){
  .nt-year{grid-template-columns:1fr;gap:0}
  .nt-y{position:static;padding-top:28px;color:var(--mut-2)}
  .nt-row{grid-template-columns:1fr;gap:8px;padding:24px 0}
}
@media(prefers-reduced-motion:reduce){.nt-src,.nt-src svg,.nt-y,.press-list li{transition:none}}
/* press logos (v2, 24 Oct 2026) */
.press-list{gap:28px 52px;justify-content:flex-start}
.press-list li{display:flex;align-items:center;opacity:1}
.press-list img{width:auto;display:block;filter:grayscale(1);opacity:.62;transition:filter .4s,opacity .4s}
@media(hover:hover) and (pointer:fine){.press-list li:hover img{filter:none;opacity:1}}
@media(max-width:760px){.press-list{gap:22px 32px}.press-list img{max-height:32px}}
.press-band .wrap{align-items:center}
.press-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;flex:1;border-left:1px solid var(--ln)}
.press-list li{justify-content:center;height:96px;padding:0 18px;border-right:1px solid var(--ln);border-bottom:1px solid var(--ln)}
.press-list li:nth-child(-n+4){border-top:1px solid var(--ln)}
.press-list img{max-width:100%;object-fit:contain}
@media(max-width:760px){.press-list{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.press-list li{height:80px}.press-list li:nth-child(-n+4){border-top:none}.press-list li:nth-child(-n+2){border-top:1px solid var(--ln)}}
/* highlights: feature on top, two stories below aligned to the feature split */
@media(min-width:761px){#news-main .news{grid-template-columns:1.2fr 1fr;column-gap:40px;row-gap:48px}}
/* timeline photos (from Novapave's own event records) */
.nt-row:has(.nt-thumb){grid-template-columns:150px 1fr 220px}
.nt-thumb{margin:0;align-self:start}
.nt-thumb img{display:block;width:100%;height:150px;object-fit:cover;border:1px solid var(--ln)}
@media(max-width:960px){.nt-row:has(.nt-thumb){grid-template-columns:120px 1fr 160px}.nt-thumb img{height:110px}}
@media(max-width:760px){.nt-row:has(.nt-thumb){grid-template-columns:1fr}.nt-thumb{order:3}.nt-thumb img{height:auto;aspect-ratio:16/10;margin-top:6px}}
/* ten outlets: five per row */
.press-list{grid-template-columns:repeat(5,minmax(0,1fr))}
.press-list li:nth-child(-n+5){border-top:1px solid var(--ln)}
.press-list li:nth-child(n+6){border-top:none}
@media(max-width:760px){.press-list{grid-template-columns:repeat(2,minmax(0,1fr))}.press-list li:nth-child(n+3){border-top:none}}