/* Surf Club Midigama: About page.
   Page-scoped rules only, linked after css/style.css. Everything else on
   the page comes from the shared stylesheet. */

/* The opening photograph is the Club House sign. The sign sits in the
   right half and low in the frame, with a margin of sky to its right and
   a narrow band of timber and sky below it. Anchoring the crop bottom
   right keeps the sign whole at every width: wide frames trim thatch from
   the top, phone frames trim timber wall from the left. */
.hero__media--sign img { object-position: 100% 100%; }

@media (max-width: 860px) {
  /* The Property and Utropic photographs are 4:5 but the split
     frame turns 3:2 here. Anchor the pool photograph low so the loungers,
     the bean bag and the sea stay in frame above the guest and her whole
     surfboard, instead of trunks and sky, and hold the tee photograph a
     little above centre so the braid and the illustrated portrait on the print
     both stay in. */
  #property .split__media img { object-position: 50% 86%; }
  #utropic .split__media img { object-position: 50% 40%; }
}

/* A little more air between the People figures and the quiet reviews. */
#people .reviews-quiet { margin-top: clamp(40px, 5vw, 64px); }