/* Zest Infusion: per-client overrides. Lives on the Fly volume as
   /app/data/custom.css and is linked from every page by head.ejs.

   Team banner focus. Ilze's 24 Aug crop of the team photo carries more marble
   above the heads than the template's default focus (center 28%) expects, so
   on desktop, where the banner renders at roughly 2.9:1, the default showed
   ceiling-height wall and clipped the hands. Focusing lower runs the visible
   band from just above the heads to below the hands, with the counter still
   out of frame. Phones crop the sides, not the height, so this has no effect
   there. */
body .team-banner img { object-position: center 80%; }

/* About page, from Ilze's 2 Sep mock-up: her portrait in the arched frame,
   the story over a soft wash of the lotus-candle photograph (Zest_238), and
   the team photograph arched in the body. The wash sits under near-opaque
   page colour so the text keeps its contrast. */
.about-content {
  background:
    linear-gradient(rgba(248, 245, 239, 0.93), rgba(248, 245, 239, 0.97)),
    url('/images/brand/about-bg.jpg') center / cover no-repeat;
}
.about-photo img { border-radius: 999px 999px 6px 6px; aspect-ratio: 3 / 4; object-fit: cover; }
.about-text img { border-radius: 999px 999px 6px 6px; }

/* Profile portraits (7 Sep): the shoot's portraits are 2:3 and every sitter's
   hands are in the bottom tenth of the frame, which the template's 3:4 arch
   cut off (Ilze, Alexis, Mallory, Carly, Marie). Show the whole frame rather
   than crop it; the arch is a little taller and nothing is lost, including
   whatever Friday's shoot brings. The template default stays 3:4. */
.profile-layout-arch .profile-photo-arch { aspect-ratio: 2 / 3; }