/* Image One hub video gallery (T1487). Design: Payam's approved Bridging preview (sha f935dc96), the About-page
   .vt card. Scoped to .na-hub-videos inside the Image One hub shell only. Cards play in-page (hub-videos.js). */
body.na-mhub-page .na-hub-videos{background:#fff;scroll-margin-top:88px}
.na-mhub--io .na-hub-videos .io-head-row{margin-bottom:20px}
.na-mhub--io .na-hub-videos .nv-channel{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 24px;margin:0 0 22px;padding:13px 0;border-top:1px solid #d3ceca;border-bottom:1px solid #e7e3df;color:#453c42;font-size:15px;line-height:1.45}
.na-mhub--io .na-hub-videos .nv-channel-label{font-weight:600;color:#252124}
.na-mhub--io .na-hub-videos .nv-stat{white-space:nowrap}
.na-mhub--io .na-hub-videos .nv-stat strong{font-family:Raleway,Arial,sans-serif;color:#202021;font-weight:800}
.na-mhub--io .na-hub-videos .video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.na-mhub--io .na-hub-videos .video-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.na-mhub--io .na-hub-videos .video-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.na-mhub--io .na-hub-videos a.vt,.na-mhub--io .na-hub-videos .vt--playing{display:block;position:relative;isolation:isolate;aspect-ratio:16/9;overflow:hidden;border-radius:5px;background:linear-gradient(135deg,#422037,#28141f 65%,#141013);color:#fff;text-decoration:none;border:0}
.na-mhub--io .na-hub-videos .vt img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.na-mhub--io .na-hub-videos a.vt::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(12,8,12,.08) 38%,rgba(12,8,12,.85) 79%,#151015 100%);z-index:1;pointer-events:none}
.na-mhub--io .na-hub-videos .nv-play{position:absolute;z-index:2;left:50%;top:37%;transform:translate(-50%,-50%);width:clamp(38px,3.3vw,52px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:#ba176f;box-shadow:0 2px 8px #28102044}
.na-mhub--io .na-hub-videos .nv-play::before{content:"";border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:12px solid #fff;margin-left:3px}
.na-mhub--io .na-hub-videos .vt__cap{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:9px 12px 11px;color:#fff;font:800 clamp(15px,1.25vw,19px)/1.2 Raleway,Arial,sans-serif}
.na-mhub--io .na-hub-videos .vt__cap em{display:block;margin-top:3px;color:#f0e8ee;font:400 13px/1.3 Roboto,Arial,sans-serif;font-style:normal}
.na-mhub--io .na-hub-videos a.vt:focus-visible{outline:3px solid #ad005e;outline-offset:4px}
.na-mhub--io .na-hub-videos a.vt:hover .vt__cap{text-decoration:underline;text-underline-offset:2px}
.na-mhub--io .na-hub-videos .vt--playing iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.na-mhub--io .na-hub-videos .nv-note{margin:16px 0 0;color:#555;font-size:14px;line-height:1.5}
/* Pin the head and caption styles to the approved Bridging values so a hub's own page CSS (Tools restyles every
   h2 and em) cannot change the gallery. Values measured from the staged Bridging gallery, 4 Nov. */
html body.na-mhub-page .entry-content .na-mhub--io section.na-hub-videos .io-head-row h2{font-family:Raleway,sans-serif;font-size:31px;font-weight:900;line-height:1.15;letter-spacing:-.02em;color:#1a1c1a;margin:0 0 .62em}
html body.na-mhub-page .entry-content .na-mhub--io section.na-hub-videos .io-kicker{color:#d63194}
html body.na-mhub-page .entry-content .na-mhub--io section.na-hub-videos .io-head-row>p{color:#777}
html body.na-mhub-page .entry-content .na-mhub--io section.na-hub-videos .vt__cap em{color:#f0e8ee}
@media(max-width:1020px){.na-mhub--io .na-hub-videos .video-grid,.na-mhub--io .na-hub-videos .video-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.na-mhub--io .na-hub-videos .video-grid,.na-mhub--io .na-hub-videos .video-grid--3,.na-mhub--io .na-hub-videos .video-grid--2{grid-template-columns:minmax(0,1fr);gap:12px}.na-mhub--io .na-hub-videos .nv-channel{gap:4px 14px;font-size:13px;margin-bottom:16px}.na-mhub--io .na-hub-videos .nv-channel-label{flex-basis:100%}.na-mhub--io .na-hub-videos .vt__cap{font-size:18px;padding:12px 14px}}