/* A balanced three-title gallery: every video has the same visual weight. */
.video-section{display:block;padding-top:112px;padding-bottom:122px}
.video-heading{max-width:760px;margin:0 auto 46px;text-align:center}
.video-heading .eyebrow{display:inline-block;padding:8px 12px;margin-bottom:17px;border-radius:999px;background:#dbf7f9;color:#087f91;font-size:10px}
.video-heading h2{font-size:clamp(2.9rem,5vw,5rem)}
.video-heading>p:not(.eyebrow){max-width:600px;margin:22px auto 0}
.video-grid{max-width:1240px;margin:0 auto;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:20px}
.video-card,.video-card.short{display:flex;flex-direction:column;grid-row:auto;min-height:0;padding:23px;border:1px solid #17476a;border-radius:12px;box-shadow:0 18px 34px rgba(8,34,62,.13)}
.video-card>span{font-size:11px}
.video-card h3{min-height:48px;font-size:23px;line-height:1.08}
.video-frame,.video-card.short .video-frame{width:100%;max-height:none;margin-top:auto;aspect-ratio:16/10;border-radius:7px;background:#041326}
.video-card:first-child .video-frame iframe{transform:scale(1.08)}
.video-card:first-child .video-frame{background:#071a2d}

@media(max-width:900px){
  .video-grid{grid-template-columns:1fr 1fr}
  .video-card:last-child{grid-column:1/-1;max-width:calc(50% - 10px);justify-self:center}
}

@media(max-width:560px){
  .video-section{padding-top:78px;padding-bottom:82px}
  .video-heading{margin-bottom:30px;text-align:left}
  .video-heading>p:not(.eyebrow){margin-left:0}
  .video-grid{grid-template-columns:1fr;gap:14px}
  .video-card,.video-card.short{padding:18px}
  .video-card h3{min-height:auto;font-size:22px}
  .video-card:last-child{grid-column:auto;max-width:none}
  .video-frame,.video-card.short .video-frame{aspect-ratio:16/10}
}