/* Main banner image controls; percentages refer to the main banner, not the viewport. */
.hero .hero__main.lph-hero-responsive{
  --lph-hero-width:var(--lph-hero-desktop-width);
  --lph-hero-height:var(--lph-hero-desktop-height);
  --lph-hero-min-height:var(--lph-hero-desktop-min-height);
  --lph-hero-opacity:var(--lph-hero-desktop-opacity);
  --lph-hero-copy-width:var(--lph-hero-desktop-copy-width);
  --lph-hero-fit:var(--lph-hero-desktop-fit);
  --lph-hero-x:var(--lph-hero-desktop-x);
  --lph-hero-y:var(--lph-hero-desktop-y);
  --lph-hero-shift-x:var(--lph-hero-desktop-shift-x);
  --lph-hero-shift-y:var(--lph-hero-desktop-shift-y);
}
@media (max-width:1180px){
.hero .hero__main.lph-hero-responsive{
  --lph-hero-width:var(--lph-hero-tablet-width);
  --lph-hero-height:var(--lph-hero-tablet-height);
  --lph-hero-min-height:var(--lph-hero-tablet-min-height);
  --lph-hero-opacity:var(--lph-hero-tablet-opacity);
  --lph-hero-copy-width:var(--lph-hero-tablet-copy-width);
  --lph-hero-fit:var(--lph-hero-tablet-fit);
  --lph-hero-x:var(--lph-hero-tablet-x);
  --lph-hero-y:var(--lph-hero-tablet-y);
  --lph-hero-shift-x:var(--lph-hero-tablet-shift-x);
  --lph-hero-shift-y:var(--lph-hero-tablet-shift-y);
}
}
@media (max-width:720px){
.hero .hero__main.lph-hero-responsive{
  --lph-hero-width:var(--lph-hero-mobile-width);
  --lph-hero-height:var(--lph-hero-mobile-height);
  --lph-hero-min-height:var(--lph-hero-mobile-min-height);
  --lph-hero-opacity:var(--lph-hero-mobile-opacity);
  --lph-hero-copy-width:var(--lph-hero-mobile-copy-width);
  --lph-hero-fit:var(--lph-hero-mobile-fit);
  --lph-hero-x:var(--lph-hero-mobile-x);
  --lph-hero-y:var(--lph-hero-mobile-y);
  --lph-hero-shift-x:var(--lph-hero-mobile-shift-x);
  --lph-hero-shift-y:var(--lph-hero-mobile-shift-y);
}
}
.hero .hero__main.lph-hero-responsive{min-height:var(--lph-hero-min-height)}
.hero .hero__main.lph-hero-responsive>.hero__photo{
  width:var(--lph-hero-width);height:var(--lph-hero-height);max-width:none;max-height:none;
  object-fit:var(--lph-hero-fit);object-position:var(--lph-hero-x) var(--lph-hero-y);
  left:var(--lph-hero-x);top:var(--lph-hero-y);right:auto;bottom:auto;
  transform:translate(var(--lph-hero-shift-x),var(--lph-hero-shift-y));opacity:var(--lph-hero-opacity);
}
.hero .hero__main.lph-hero-responsive>.hero__copy{max-width:var(--lph-hero-copy-width)}
