.video-page .video-page__section { padding: 80px 0 0; background: #151515; }
.video-page .video-page__shorts { padding-bottom: 100px; }
.video-page .sp-projects__intro { margin-bottom: 32px; }
.video-page .sp-video-card h3 { font-size: 18px; }
.video-page .video-page__shorts .sp-videos__grid { max-width: 900px; margin-inline: auto; }
.video-page .video-page__shorts .sp-video-thumb { aspect-ratio: 9 / 16; }
.video-page .video-page__shorts .sp-video-card { width: 100%; }
.sp-video-modal .video-page__modal-actions { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; gap: 12px; background: #252525; padding: 10px 14px; }
.sp-video-modal .video-page__fallback { display: block; color: #fff; font-size: 14px; font-weight: 600; line-height: 1.4; white-space: nowrap; }
.sp-video-modal .video-page__fallback:hover { color: var(--primary-color); }
.sp-video-modal .video-page__ratio { border: 1px solid #777; border-radius: 4px; color: #fff; background: transparent; font-size: 13px; font-weight: 700; line-height: 1.3; padding: 5px 8px; white-space: nowrap; cursor: pointer; }
.sp-video-modal .video-page__ratio:hover, .sp-video-modal .video-page__ratio:focus-visible { border-color: var(--primary-color); color: var(--primary-color); }
.sp-video-modal.facebook-video-player .mfp-iframe-scaler { position: relative; }
.sp-video-modal.youtube-short-player .mfp-content {
  max-width: min(390px, calc(80dvh * 9 / 16), calc((100dvh - 130px) * 9 / 16), calc(100vw - 20px));
}
.sp-video-modal.facebook-reel-player .mfp-content {
  max-width: min(900px, calc((100dvh - 170px) * 16 / 9), calc(100vw - 20px));
}
.sp-video-modal.facebook-reel-player.facebook-reel-player--portrait .mfp-content { max-width: min(390px, calc((100dvh - 170px) * 9 / 16), calc(100vw - 20px)); }
.sp-video-modal.facebook-reel-player.facebook-reel-player--square .mfp-content { max-width: min(600px, calc(100dvh - 170px), calc(100vw - 20px)); }
.sp-video-modal.youtube-short-player .mfp-iframe-scaler,
.sp-video-modal.facebook-reel-player .mfp-iframe-scaler {
  position: relative;
  height: auto;
  padding-top: 0;
}
.sp-video-modal.youtube-short-player .mfp-iframe-scaler { aspect-ratio: 9 / 16; }
.sp-video-modal.facebook-reel-player .mfp-iframe-scaler { aspect-ratio: 16 / 9; }
.sp-video-modal.facebook-reel-player.facebook-reel-player--portrait .mfp-iframe-scaler { aspect-ratio: 9 / 16; }
.sp-video-modal.facebook-reel-player.facebook-reel-player--square .mfp-iframe-scaler { aspect-ratio: 1 / 1; }
.sp-video-modal.video-page__local-modal .mfp-content { max-width: min(900px, calc((100dvh - 110px) * 16 / 9), calc(100vw - 20px)); }
.sp-video-modal.video-page__local-modal.video-page__local-modal--portrait .mfp-content { max-width: min(390px, calc((100dvh - 110px) * 9 / 16), calc(100vw - 20px)); }
.sp-video-modal .video-page__local-player { width: 100%; aspect-ratio: 16 / 9; background: #000; }
.sp-video-modal.video-page__local-modal--portrait .video-page__local-player { aspect-ratio: 9 / 16; }
.sp-video-modal .video-page__local-player video { display: block; width: 100%; height: 100%; object-fit: contain; background: #000; }
.sp-video-modal.youtube-short-player .mfp-iframe,
.sp-video-modal.facebook-reel-player .mfp-iframe { height: 100%; }
.sp-video-modal.youtube-short-player .mfp-close,
.sp-video-modal.facebook-reel-player .mfp-close { top: -44px; right: 0; }
@media (max-width: 767px) {
  .video-page .video-page__section { padding-top: 55px; }
  .video-page .video-page__shorts { padding-bottom: 70px; }
  .video-page .video-page__shorts .sp-video-card { max-width: 320px; margin-inline: auto; }
}