.work-video {
  display: grid;
  grid-template-columns: 1fr minmax(240px, 320px);
  gap: 55px;
  align-items: center;
  margin-bottom: 60px;
  padding: 46px 54px;
  color: #fff;
  background: linear-gradient(135deg, #13202b 0%, #1d303e 100%);
  border-radius: var(--radius);
  box-shadow: 0 24px 70px rgba(19, 32, 43, .18);
}

.work-video h3 {
  max-width: 580px;
  margin-bottom: 18px;
  font-size: clamp(2rem, 4vw, 3.6rem);
}

.work-video .section-number { color: #ffc247; }
.work-video .video-copy > p:not(.section-number) { max-width: 580px; margin-bottom: 28px; color: #d6dde2; font-size: 1.08rem; }
.work-video .button { color: #171c20; }

.work-video video {
  width: 100%;
  max-width: 300px;
  justify-self: center;
  aspect-ratio: 9 / 16;
  object-fit: cover;
  border: 7px solid rgba(255, 255, 255, .12);
  box-shadow: 0 18px 45px rgba(0, 0, 0, .35);
}

.project-gallery {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.project-gallery img {
  width: 100%;
  height: 440px;
  object-fit: cover;
  border-radius: var(--radius);
}

.project-gallery img:nth-child(1) {
  grid-column: span 2;
  height: auto;
  max-height: 680px;
}

.email-contact { margin-top: 6px; }
.email-contact a { font-size: 1.05rem; font-weight: 750; text-underline-offset: 4px; }

.legal-notice { background: #fff; }

.legal-notice-grid {
  display: grid;
  grid-template-columns: .7fr 1.3fr;
  gap: 90px;
}

.legal-copy { max-width: 760px; }
.legal-copy h3 { margin: 30px 0 8px; font-size: 1.15rem; }
.legal-copy h3:first-child { margin-top: 0; }
.legal-copy p { margin: 0 0 14px; color: var(--muted); }
.legal-copy a { text-underline-offset: 3px; }

@media (max-width: 850px) {
  .work-video,
  .legal-notice-grid { grid-template-columns: 1fr; gap: 30px; }
  .work-video { margin-bottom: 40px; padding: 30px; }
  .work-video video { max-width: 250px; margin: auto; }
  .project-gallery { grid-template-columns: 1fr; }
  .project-gallery img,
  .project-gallery img:nth-child(1) { grid-column: auto; height: auto; max-height: none; }
}