.video-band{
  padding:60px 0 90px;
}
.video-band .section-intro{margin-bottom:32px}
.video-featured{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  border-radius:var(--radius);
  overflow:hidden;
  box-shadow:0 12px 36px rgba(18,33,58,.12);
  background:#000;
}
.video-featured iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  display:block;
}
.video-featured-caption{
  margin-top:14px;
  color:var(--ink,#18223a);
}
.video-featured-caption .kicker{margin-bottom:6px}
.video-featured-caption h2{font-size:1.45rem;margin:0 0 6px;line-height:1.25}
.video-featured-caption p{margin:0;color:#475067;font-size:.98rem}

.video-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  margin-top:40px;
}
.video-card{
  background:#fff;
  border:1px solid var(--line,#e5e7eb);
  border-radius:var(--radius);
  padding:16px;
  box-shadow:0 8px 28px rgba(18,33,58,.05);
  display:flex;
  flex-direction:column;
  gap:12px;
}
.video-card .video-frame{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  border-radius:calc(var(--radius) - 4px);
  overflow:hidden;
  background:#000;
}
.video-card .video-frame iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  display:block;
}
.video-card .video-meta{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.video-card .post-meta{margin:0}
.video-card h3{font-size:1.05rem;line-height:1.3;margin:0}

@media (max-width:860px){
  .video-band{padding:40px 0 60px}
  .video-grid{grid-template-columns:1fr;gap:16px;margin-top:28px}
  .video-featured-caption h2{font-size:1.25rem}
}
.video-thumbnail--bienvenue img {
  width: min(100%, 600px);
  margin-inline: auto;
  height: auto;
  display: block;
}
.video-thumbnail {
  position: relative;
  display: block;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 12px;
}

.video-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.video-play {
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
  background: #e63946;
  color: #fff;
  padding: 0.8rem 1rem;
  border-radius: 50%;
  font-size: 1.4rem;
}