/* Videos — markkwan's dark tiled grid, kept monochrome with white labels. */
.videos{background:var(--ink);color:var(--white)}
.videos .section-kicker{border-color:var(--line-light)}
.videos-heading{display:grid;grid-template-columns:1fr .55fr;gap:8vw;align-items:end;margin:60px 0 60px}
.videos-heading h2{font-size:clamp(58px,8vw,124px);line-height:.9;margin:0}
.videos-heading p{font:500 clamp(20px,1.8vw,26px)/1.4 var(--display);color:#cfccc4;margin:0 0 12px}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.video-card{position:relative;display:block;min-height:260px;overflow:hidden;background:var(--ink-soft)}
.video-card.video-feature{grid-column:span 2;grid-row:span 2}
.video-card img{position:absolute;inset:0;height:100%;object-fit:cover;transition:transform .5s}
.video-card:hover img{transform:scale(1.03)}
.video-card .play{position:absolute;left:20px;top:20px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:var(--white);font-size:14px;padding-left:3px}
.video-card small{position:absolute;left:16px;bottom:16px;background:var(--paper);color:var(--ink);padding:9px 11px;font-size:9px;text-transform:uppercase;letter-spacing:.1em}
@media(max-width:900px){
  .videos-heading{grid-template-columns:1fr;gap:24px}
  .video-grid{grid-template-columns:1fr 1fr}
  .video-card.video-feature{grid-column:span 2;grid-row:auto;min-height:340px}
}
@media(max-width:600px){
  .video-grid{grid-template-columns:1fr}
  .video-card.video-feature{grid-column:auto}
}