@media (max-width: 520px) {
  .scroll-frame {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  .scroll-hero {
    height: min(52svh, 430px) !important;
    min-height: 360px !important;
    overflow: hidden !important;
    background: #001a35 !important;
  }

  .hero-video-fallback {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  .real-hero-video-mode .hero-video-fallback,
  .real-hero-video-loaded .hero-video-fallback,
  .real-hero-video-mode .scroll-frame,
  .real-hero-video-loaded .scroll-frame {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }

  .hero-blueprint,
  .hero-glow-line {
    display: none !important;
  }

  .hero-shade {
    background: linear-gradient(0deg, rgba(2, 24, 54, 0.28) 0%, rgba(2, 24, 54, 0.04) 46%, transparent 100%) !important;
  }

  .hero-video-pin > .hero-caption {
    right: auto !important;
    bottom: 16px !important;
    left: 16px !important;
    width: min(340px, calc(100% - 32px)) !important;
    padding: 12px 14px !important;
    border-radius: 16px !important;
    background: rgba(2, 24, 54, 0.58) !important;
    box-shadow: 0 10px 24px rgba(0, 16, 40, 0.18) !important;
    backdrop-filter: blur(8px) !important;
  }

  .hero-video-pin > .hero-caption h1,
  .hero-video-pin > .hero-caption strong {
    font-size: clamp(22px, 5.6vw, 27px) !important;
    line-height: 1.18 !important;
  }

  .scroll-video.real-hero-video {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    image-rendering: auto !important;
    transform: translateZ(0) !important;
    filter: none !important;
  }

  .scroll-video.real-hero-video:not([src]) {
    opacity: 0 !important;
  }

  .content-section .media-strip {
    grid-auto-columns: minmax(248px, 76vw) !important;
    align-items: stretch !important;
  }

  .content-section .media-strip > * {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-content: start !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
  }

  .content-section .media-strip .video-thumb-link {
    grid-row: auto !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    border-radius: 14px 14px 0 0 !important;
  }

  .content-section .media-strip .video-thumb-link > img,
  .content-section .media-strip img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  .content-section .media-strip h3,
  .content-section .media-strip p,
  .content-section .media-strip span,
  .content-section .media-strip a {
    min-width: 0 !important;
    max-width: 100% !important;
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
  }

  .content-section .media-strip h3 {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.32 !important;
  }

}

@media (max-width: 374px) {
}