/* v26.62 — definitive homepage hero anchoring.
   This file is intentionally loaded last and is scoped only to the homepage hero.
   The visible left edge of the logo mark is the reference line on desktop. */
:root{
  --home-hero-anchor-x:60px;
}

html body.home-page .premium-home-hero{
  position:relative!important;
}

html body.home-page .premium-home-hero > .container{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:790px!important;
  margin:0!important;
  padding:150px var(--home-hero-anchor-x) 34px!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:minmax(0,700px) 1fr!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  align-content:stretch!important;
  justify-content:stretch!important;
}

html body.home-page .premium-home-hero .home-hero-copy{
  grid-column:1!important;
  grid-row:1!important;
  width:100%!important;
  max-width:700px!important;
  margin:0!important;
  padding:24px 0 34px!important;
  align-self:center!important;
  justify-self:start!important;
  text-align:left!important;
  transform:none!important;
}

html body.home-page .premium-home-hero h1{
  width:100%!important;
  max-width:700px!important;
  margin:0 0 22px 0!important;
  text-align:left!important;
}

html body.home-page .premium-home-hero .hero-actions{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  margin:28px 0 0 0!important;
  text-align:left!important;
}

html body.home-page .premium-home-hero .home-hero-proof{
  grid-column:1 / span 2!important;
  grid-row:2!important;
  width:min(850px,100%)!important;
  max-width:850px!important;
  margin:0!important;
  padding-left:0!important;
  align-self:end!important;
  justify-self:start!important;
  text-align:left!important;
  transform:none!important;
}

html body.home-page .premium-home-hero .home-hero-caption{
  position:absolute!important;
  left:auto!important;
  right:var(--home-hero-anchor-x)!important;
  bottom:18px!important;
  margin:0!important;
  padding:0!important;
  text-align:right!important;
  transform:none!important;
}

@media(max-width:980px){
  :root{--home-hero-anchor-x:34px}
  html body.home-page .premium-home-hero > .container{
    min-height:720px!important;
    padding-top:126px!important;
    padding-bottom:28px!important;
  }
}

@media(max-width:640px){
  :root{--home-hero-anchor-x:22px}
  html body.home-page .premium-home-hero > .container{
    min-height:850px!important;
    padding-top:112px!important;
    padding-bottom:24px!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
  }
  html body.home-page .premium-home-hero .home-hero-copy{
    grid-column:1!important;
    grid-row:1!important;
    align-self:start!important;
    padding:12px 0 28px!important;
  }
  html body.home-page .premium-home-hero .home-hero-proof{
    grid-column:1!important;
    grid-row:2!important;
  }
  html body.home-page .premium-home-hero .home-hero-caption{
    right:var(--home-hero-anchor-x)!important;
    bottom:10px!important;
    font-size:.6rem!important;
  }
}
