/* Frontida hero compact reference alignment — 2026-08-30
   Final override to match the approved compact hero reference. */

@media (min-width:1101px){
  .public-home .hero{
    min-height:590px!important;
    padding-top:78px!important;
  }

  .public-home .hero .section-shell.hero-layout{
    width:min(1320px,calc(100% - 64px))!important;
    max-width:1320px!important;
    min-height:500px!important;
    margin-inline:auto!important;
    padding:36px 0 78px!important;
    grid-template-columns:minmax(470px,500px) minmax(0,1fr)!important;
    gap:58px!important;
    align-items:center!important;
  }

  .public-home .hero-copy{
    width:100%!important;
    max-width:500px!important;
    align-self:center!important;
  }

  .public-home .hero-badge{
    margin-bottom:14px!important;
    font-size:14px!important;
    line-height:1.25!important;
  }

  .public-home .hero h1{
    margin-bottom:20px!important;
    font-size:clamp(48px,4.1vw,61px)!important;
    line-height:1.01!important;
    letter-spacing:-.042em!important;
  }

  .public-home .hero-copy>div>p{
    max-width:490px!important;
    margin-bottom:25px!important;
    font-size:15px!important;
    line-height:1.62!important;
  }

  .public-home .hero-buttons{
    gap:12px!important;
  }

  .public-home .hero .primary-button,
  .public-home .hero .glass-button{
    min-width:146px!important;
    min-height:44px!important;
    padding:10px 22px!important;
    font-size:14px!important;
  }

  .public-home .hero-stats{
    gap:22px!important;
    margin-top:25px!important;
  }

  .public-home .hero-stats div{
    min-width:82px!important;
    padding-right:20px!important;
  }

  .public-home .hero-stats strong{
    font-size:23px!important;
  }

  .public-home .hero-stats small{
    margin-top:3px!important;
    font-size:9px!important;
  }

  .public-home .hero-collage{
    justify-self:end!important;
    width:min(100%,660px)!important;
    max-width:660px!important;
    height:435px!important;
    margin:0!important;
    transform:none!important;
    align-self:center!important;
    border-radius:24px!important;
  }

  .public-home .hero-collage .collage-main{
    width:100%!important;
    height:100%!important;
    border-radius:24px!important;
    object-fit:cover!important;
    object-position:center 38%!important;
  }

  .public-home .hero-wave{
    height:72px!important;
  }

  .public-home .hero-wave svg{
    height:50px!important;
  }
}

@media (min-width:1101px) and (max-width:1280px){
  .public-home .hero .section-shell.hero-layout{
    grid-template-columns:minmax(430px,.88fr) minmax(0,1.12fr)!important;
    gap:44px!important;
  }

  .public-home .hero-copy{
    max-width:none!important;
  }

  .public-home .hero h1{
    font-size:clamp(45px,4.6vw,56px)!important;
  }

  .public-home .hero-collage{
    width:100%!important;
    max-width:620px!important;
    height:410px!important;
  }
}