/* Art of NOMA: video hub (archive, series, single). Mobile first. Loads after style.css. */

/* Filter chips */
.noma-vfilters{display:grid;gap:12px;margin:0 0 22px}
.noma-vfilters[hidden]{display:none}
.noma-vgroup{display:grid;gap:8px}
.noma-vgroup-label{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--noma-muted);font-weight:500}
.noma-vchips{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-16px;padding-inline:16px;padding-bottom:2px}
.noma-vchips::-webkit-scrollbar{display:none}
.noma-vchips .noma-chip{flex:0 0 auto;white-space:nowrap}
@media(min-width:900px){
  .noma-vfilters{grid-template-columns:auto 1fr;gap:14px 28px;align-items:start}
  .noma-vgroup{grid-template-columns:96px 1fr;align-items:center;grid-column:1/-1}
  .noma-vchips{flex-wrap:wrap;overflow:visible;margin-inline:0;padding-inline:0}
}

/* Grid of cards */
.noma-vgrid{display:grid;gap:26px 18px;grid-template-columns:1fr}
@media(min-width:560px){.noma-vgrid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.noma-vgrid{grid-template-columns:repeat(3,1fr);gap:32px 24px}.noma-vgrid-4{grid-template-columns:repeat(4,1fr)}}
.noma-vc{position:relative;min-width:0}
.noma-vc[hidden]{display:none}
.noma-vc-media{position:relative;aspect-ratio:16/9;background:var(--noma-panel);overflow:hidden}
.noma-vc-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.noma-vc.is-portrait .noma-vc-media{aspect-ratio:4/3;background:#000}
.noma-vc.is-portrait .noma-vc-media img{object-fit:contain}
.noma-vc .noma-vplay-icon{width:44px;height:44px;margin:-22px 0 0 -22px;z-index:1}
.noma-vc .noma-vplay-icon::after{left:17px;top:13px;border-left-width:13px;border-top-width:9px;border-bottom-width:9px}
.noma-vc:hover .noma-vplay-icon,.noma-vc:focus-within .noma-vplay-icon{background:var(--noma-accent)}
@media(prefers-reduced-motion:no-preference){.noma-vc:hover .noma-vc-media img{transform:scale(1.03)}}
.noma-vc-dur{position:absolute;right:8px;bottom:8px;z-index:1;padding:2px 7px;background:rgba(33,28,24,.86);color:#fcfbf9;font-size:12px;font-weight:500;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.noma .noma-vc h3{font-size:19px;line-height:1.22;margin-top:10px}
.noma-vc-title::after{content:"";position:absolute;inset:0;z-index:2}
.noma .noma-vc h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.noma-vc .noma-vmeta{margin-top:4px}

/* Single video */
.noma-vsingle.no-aside{grid-template-columns:1fr}
.noma-vsingle-meta{margin:0 0 4px;font-size:14px}
.noma-vsingle .noma-video-block{margin-block:16px 12px}
.noma-vsingle.is-portrait .noma-video-block .noma-vframe{aspect-ratio:9/16;max-width:340px;margin-inline:0}
.noma-vwatch{margin:0 0 20px}
.noma-vwatch .noma-btn{font-size:13px}
.noma-vsingle .noma-body{margin-top:6px}
.noma-transcript{margin-top:28px;border-top:1px solid var(--noma-line-strong);border-bottom:1px solid var(--noma-line-strong);padding-block:14px}
.noma-transcript summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-family:var(--noma-serif);font-size:20px;line-height:1.3}
.noma-transcript summary::-webkit-details-marker{display:none}
.noma-transcript summary::after{content:"+";font-family:var(--noma-sans);color:var(--noma-muted);flex:0 0 auto}
.noma-transcript[open] summary::after{content:"–"}
.noma-transcript summary:focus-visible{outline:2px solid var(--noma-accent);outline-offset:4px}
.noma-transcript-body{margin-top:12px;max-width:68ch;font-size:15.5px;line-height:1.7;color:var(--noma-fg)}
.noma-transcript-body p{margin:0 0 1em}
.noma-vsingle+.noma-sec{margin-top:8px}
.noma-video-stories{margin-bottom:56px}
.noma-vgrid-4 .noma-vc h3{font-size:17px}
@media(min-width:900px){.noma-vsingle .noma-facts{position:sticky;top:24px}}