/*
  CFO video receiver responsive guard.
  Use only on image-heavy receiver/service pages whose desktop hero is full-bleed.
  The goal is to keep phone and iPad visitors from seeing only a cropped image.
*/

@media (max-width: 1100px) {
  .receiver-hero {
    display: block !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    background: #fcf9f3 !important;
  }

  .receiver-hero > .receiver-hero-img,
  .receiver-hero .receiver-hero-media {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    height: clamp(230px, 34vw, 330px) !important;
    overflow: hidden !important;
  }

  .receiver-hero > .receiver-hero-img,
  .receiver-hero .receiver-hero-media > .receiver-hero-img {
    object-fit: cover !important;
    opacity: 1 !important;
  }

  .receiver-hero .receiver-hero-media > .receiver-hero-img {
    width: 100% !important;
    height: 100% !important;
  }

  .receiver-hero .hero-gradient {
    display: none !important;
  }

  .receiver-hero .receiver-hero-content {
    position: relative !important;
    z-index: 1 !important;
    max-width: 760px !important;
    margin-inline: auto !important;
    padding: 28px 24px 40px !important;
    color: #1c1c18 !important;
  }

  .receiver-hero .receiver-hero-content > div {
    max-width: 100% !important;
  }

  .receiver-hero .receiver-hero-content h1 {
    font-size: clamp(2.4rem, 6.8vw, 4.6rem) !important;
    line-height: 1.1 !important;
  }

  .receiver-hero .receiver-hero-content .text-white,
  .receiver-hero .receiver-hero-content [class*="text-white"] {
    color: #1c1c18 !important;
  }

  .receiver-hero .receiver-hero-content [class*="text-white/"] {
    color: #506259 !important;
  }

  .receiver-hero .receiver-hero-content .text-gold-accent,
  .receiver-hero .receiver-hero-content [class*="text-gold-accent"] {
    color: #9b7b36 !important;
  }

  .receiver-hero .receiver-hero-content a[class*="border-white"] {
    border-color: rgba(120, 120, 107, 0.55) !important;
    color: #1c1c18 !important;
  }

  .receiver-hero .receiver-hero-content a[class*="bg-gold-accent"] {
    color: #1c1c18 !important;
  }
}

@media (max-width: 560px) {
  .receiver-hero > .receiver-hero-img,
  .receiver-hero .receiver-hero-media {
    height: 240px !important;
  }

  .receiver-hero .receiver-hero-content {
    padding: 24px 20px 34px !important;
  }

  .receiver-hero .receiver-hero-content h1 {
    font-size: clamp(2.05rem, 9vw, 3.2rem) !important;
    line-height: 1.12 !important;
  }

  .receiver-hero .receiver-hero-content .editorial-spacing {
    letter-spacing: 0.03em !important;
  }

  .receiver-hero .receiver-hero-content p.text-xs {
    display: none !important;
  }

  .receiver-hero .receiver-hero-content a {
    width: 100%;
    justify-content: center;
    padding-inline: 1rem !important;
    letter-spacing: 0.08em !important;
    text-align: center;
  }
}