/* SAM-PRO Business v10 */
/* Fixed integrated hero + portrait asset, footer portrait overlaps into the white area */

/* Ensure hero uses the integrated notebook visual */
.v7-hero__image-inner{
  background-image: linear-gradient(90deg, rgba(255,255,255,.64) 0%, rgba(255,255,255,.24) 27%, rgba(255,255,255,.03) 100%), url('../img/hero.webp') !important;
  background-position: center center !important;
  background-size: cover !important;
}
.v7-hero__copy h1{
  font-size: clamp(32px, 3.25vw, 44px) !important;
  max-width: 610px !important;
}
.v7-hero__copy p{
  max-width: 580px !important;
}
.v7-hero__grid{
  min-height: 360px !important;
  grid-template-columns: minmax(0,.95fr) minmax(500px,1.05fr) !important;
}
.v7-hero__image,
.v7-hero__copy{min-height: 360px !important;}

/* Fixed portrait asset (not customizer based) in footer, with overlap into white area */
.v7-quote-footer{
  overflow: visible !important;
  position: relative !important;
  margin-top: 18px !important;
}
.v7-quote-footer__grid{
  min-height: 260px !important;
  align-items: end !important;
  padding-top: 0 !important;
}
.v7-footer-portrait{
  align-self: end !important;
  height: 330px !important;
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  overflow: visible !important;
  margin-top: -72px !important;
  position: relative !important;
  z-index: 3 !important;
}
.v7-footer-portrait img{
  max-height: 340px !important;
  width: 250px !important;
  max-width: 250px !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
  filter: none !important;
  box-shadow: 0 18px 30px rgba(0,0,0,.08) !important;
  background: #fff !important;
}

/* Also keep the injected footer-quote asset fixed if rendered */
.footer-quote__portrait img,
.site-footer .footer-quote__portrait img{
  width: 250px !important;
  height: auto !important;
  max-width: 250px !important;
  object-fit: cover !important;
  object-position: center top !important;
}

@media(max-width:1100px){
  .v7-hero__grid{grid-template-columns:1fr !important;}
  .v7-footer-portrait{
    margin-top: -46px !important;
    height: 280px !important;
  }
  .v7-footer-portrait img{
    max-height: 286px !important;
    width: 220px !important;
    max-width: 220px !important;
  }
}
@media(max-width:700px){
  .v7-hero__copy h1{font-size: 34px !important;}
  .v7-footer-portrait{
    margin-top: 0 !important;
    height: 220px !important;
  }
  .v7-footer-portrait img{
    max-height: 220px !important;
    width: 180px !important;
    max-width: 180px !important;
  }
}