/* ============================================================
   PAGE STYLES — art direction specific to this campaign.
   The design system is css/seller-landing.css; only overrides
   belong here.
   ============================================================ */

/* The hero is a 16:9 frame on a page that is taller than that. The
   villa terrace and palms sit right of centre and the shoreline runs
   away to the left, so the crop holds just below the horizon: high
   enough to keep the sky and the low sun, low enough to keep the
   sand in shot. */
.hero{
  --hero-focus:56% 58%;
}

/* Narrow viewports crop hard horizontally. The focus moves right of
   centre so the palms and the villa terrace stay in frame, but not
   so far that the shoreline is lost — the water is what places this
   on a coast rather than in any warm garden. */
@media (max-width:47.9375em){
  .hero{
    --hero-focus:62% 56%;
  }
}

/* The band photograph runs the pool from bottom-left to the gazebo
   at centre-right. Narrow viewports crop horizontally, so the focus
   holds slightly right to keep the gazebo — the subject — in frame
   rather than trimming to bare water and loungers. */
@media (max-width:47.9375em){
  .band img{object-position:62% 50%}
}