/* ==========================================================================
   The Wealth Channel — image focal points (loaded after hybrid.css on every page)

   Images use object-fit:cover, which crops them to fit their box. By default the crop is
   centred, which cut heads off and sliced the title lettering baked into the program art.
   Each rule below moves the crop to the image's subject: faces first, then baked-in
   wordmarks kept fully in or fully out of frame, never sliced.

   How to read a value:  object-position: X Y
     X is used when the box is narrower than the image (sides are cropped),
     Y is used when the box is wider than the image (top/bottom are cropped).
     0% = keep the left/top edge, 100% = keep the right/bottom edge, 50% = centre.

   Rules match on the file name, so they also apply to images that assets/js/hybrid.js adds
   (waitlist modal, on-air player, program dialog). A context rule (.wl-media, .rail, …)
   only exists where one position can't serve every box shape that image appears in.
   Re-apply the <link> after a new site drop with scripts/apply-focal-css.sh.
   ========================================================================== */

/* ---------- Program art (1672x941 and 1600x1057 have the title at the bottom) ---------- */

/* The Next Chapter: her face sits right of centre; keep the top of her head. */
img[src*="program_the_next_chapter.webp"]{object-position:63% 0%}

/* Business Beyond: he stands at the far left, facing the wordmark on the right. */
img[src*="program_business_beyond.webp"]{object-position:3% 0%}

/* Wealth Without Limits: keep his hairline; WEALTH stays whole in the short waitlist banner. */
img[src*="program_wealth_without_limits.webp"]{object-position:50% 7%}

/* Legacy Matters: the family's heads start near the top. 16:9 boxes (dialog, player,
   on-air thumbnail) need a little room so the MATTERS lettering isn't clipped at the bottom. */
img[src*="program_legacy_matters.webp"]{object-position:50% 0%}
.dialog-media img[src*="program_legacy_matters.webp"],
.player img[src*="program_legacy_matters.webp"],
.on-air-now img[src*="program_legacy_matters.webp"]{object-position:50% 9%}

/* Ask the Expert: keep her hair and the whole ASK THE EXPERT title in 16:9 boxes;
   the short waitlist banner stops just above the lettering. */
img[src*="program_ask_the_expert.webp"]{object-position:50% 25%}
.wl-media img[src*="program_ask_the_expert.webp"]{object-position:50% 10%}

/* Deal Room: keep the table's faces and the DEAL ROOM title whole. */
img[src*="program_deal_room.webp"]{object-position:50% 40%}

/* The Physician Perspective: his face is centre-left; clear of the wall lettering either side. */
img[src*="program_physician_perspective.webp"]{object-position:50% 0%}
.program-grid img[src*="program_physician_perspective.webp"]{object-position:68% 0%}
.rail img[src*="program_physician_perspective.webp"]{object-position:20% 0%}

/* Market Moment / Private Wealth Intelligence: no people; only the short waitlist banner
   sliced the lettering. */
.wl-media img[src*="program_market_moment.webp"]{object-position:50% 0%}
.wl-media img[src*="program_private_wealth_intelligence.webp"]{object-position:50% 53%}

/* ---------- Square program art (1254x1254) ---------- */

/* Women & Wealth: her face is in the top third. */
img[src*="program_women_wealth.webp"]{object-position:41% 4%}
.program-grid img[src*="program_women_wealth.webp"]{object-position:41% 18%}
.rail img[src*="program_women_wealth.webp"]{object-position:41% 0%}

/* The Exit Room: the EXIT ROOM title is the subject; keep the channel logo above it whole.
   The live player keeps the title high, clear of its "Now playing" overlay. */
img[src*="program_exit_room.webp"]{object-position:50% 9%}
.wl-media img[src*="program_exit_room.webp"]{object-position:50% 35%}
.player img[src*="program_exit_room.webp"]{object-position:50% 50%}

/* Family Table: five faces across the middle, channel logo above, FAMILY TABLE below.
   The waitlist banner and live player keep the faces high, clear of their bottom overlays. */
img[src*="program_family_table.webp"]{object-position:50% 10%}
.program-grid img[src*="program_family_table.webp"]{object-position:50% 25%}
.rail img[src*="program_family_table.webp"]{object-position:50% 74%}
.wl-media img[src*="program_family_table.webp"]{object-position:50% 37%}
.player img[src*="program_family_table.webp"]{object-position:50% 50%}

/* ---------- Category cards (authorities.html) ---------- */

/* Exits: channel logo, EXITS and the side word lists all whole. */
img[src*="category_exits.webp"]{object-position:50% 5%}

/* Physicians: logo and all three doctors; the PHYSICIANS bar sits below the crop. */
img[src*="category_physicians.webp"]{object-position:50% 4%}

/* Shared placeholder collage: its baked-in "16 CATEGORIES OF EXPERTISE" header was
   half-cut; crop it out entirely (the site now lists 14 categories). */
img[src*="category_visual_examples.webp"]{object-position:50% 100%}

/* ---------- Technology page ---------- */

/* Real production: the centred crop cut "PRODUCTION CREW" on the camera operator's back. */
img[src*="orlando_studio_bts.webp"]{object-position:0% 50%}