/* V183: redesign the opening hero on mobile so the map and content both read cleanly */

@media(max-width:760px){
  body .marketplace-primer.missing-model-primer.edu-opportunity-network-intro{
    width:calc(100% - 18px)!important;
    margin:16px auto 18px!important;
  }

  body .marketplace-primer.missing-model-primer.edu-opportunity-network-intro .home-opening-card{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    min-height:auto!important;
    padding:0!important;
    overflow:visible!important;
    border-radius:30px!important;
    background:#eef3fb!important;
    box-shadow:0 18px 44px rgba(6,22,51,.12)!important;
  }

  body .marketplace-primer.missing-model-primer.edu-opportunity-network-intro .home-opening-card::before,
  body .marketplace-primer.missing-model-primer.edu-opportunity-network-intro .home-opening-card::after{
    display:none!important;
    content:none!important;
  }

  body .marketplace-primer.missing-model-primer.edu-opportunity-network-intro .home-opening-card .home-opening-bg-img{
    display:block!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:240px!important;
    min-height:240px!important;
    object-fit:cover!important;
    object-position:center top!important;
    border-radius:30px 30px 0 0!important;
    z-index:1!important;
    box-shadow:none!important;
    opacity:1!important;
  }

  body .home-opening-card .home-opening-overlay-copy{
    position:relative!important;
    z-index:2!important;
    width:calc(100% - 24px)!important;
    max-width:none!important;
    margin:-26px auto 0!important;
    padding:18px 18px 20px!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 16px 36px rgba(6,22,51,.12)!important;
  }

  body .home-opening-card .home-opening-eyebrow{
    font-size:11px!important;
    line-height:1.3!important;
    letter-spacing:.06em!important;
    margin:0 0 10px!important;
  }

  body .marketplace-primer.missing-model-primer.edu-opportunity-network-intro .home-opening-card h2{
    font-size:32px!important;
    line-height:.96!important;
    letter-spacing:-.055em!important;
    max-width:8.5ch!important;
    margin:0!important;
  }

  body .home-opening-card .home-opening-subline-wrap{
    max-width:none!important;
    gap:0!important;
    margin:14px 0 0!important;
  }

  body .home-opening-card .home-opening-subline{
    max-width:none!important;
    font-size:15px!important;
    line-height:1.5!important;
    font-weight:600!important;
    margin:0!important;
  }

  /* Hide the second paragraph on mobile so the opening feels clean and image-forward */
  body .home-opening-card .home-opening-subline--secondary{
    display:none!important;
  }

  body .home-opening-primary-actions{
    margin-top:16px!important;
  }

  body .home-how-works-trigger{
    min-height:46px!important;
    width:100%!important;
    justify-content:center!important;
    padding:0 16px!important;
    border-radius:16px!important;
    font-size:14px!important;
  }
}

@media(max-width:430px){
  body .marketplace-primer.missing-model-primer.edu-opportunity-network-intro .home-opening-card .home-opening-bg-img{
    height:222px!important;
    min-height:222px!important;
    object-position:60% top!important;
  }

  body .home-opening-card .home-opening-overlay-copy{
    width:calc(100% - 20px)!important;
    margin:-24px auto 0!important;
    padding:17px 16px 18px!important;
  }

  body .marketplace-primer.missing-model-primer.edu-opportunity-network-intro .home-opening-card h2{
    font-size:30px!important;
  }

  body .home-opening-card .home-opening-subline{
    font-size:14px!important;
    line-height:1.48!important;
  }
}