/* Hero photo (nishi-bhopal-cover-04072102.jpg) crop, for the 2-column
   'full' display box. Confirmed via prod's own original background-position
   for this exact file: bottom right. */
.ib-page > .ib-split--full:first-child .ib-split__media img {
	object-position: 100% 100%;
}

/* PRESS LOGOS AT THE SIZE LIVE RENDERS THEM.
   Measured off intrabalance.com on 2026-08-22, not chosen: every logo in that
   strip sits in a 220x110 box at desktop and takes half the row at phone
   (parity/live-assets/live-page-images.json). The shared rule in ib-flex.css
   caps them at 40px tall, which nobody could see was wrong while the pictures
   were missing entirely - it renders live's press strip as a thin line of
   marks. 220px x 5 fills the 1100px container exactly, so the ninth logo wraps
   to a second row of four, which is what live does.
   Page-scoped, per this theme's own convention, so the courses and
   work-with-me strips keep the treatments they were tuned to. */
.ib-featured__logos { gap: 0; }
.ib-featured__logos img {
	flex: 0 0 220px;
	width: 220px;
	height: 110px;
	max-height: none;
	object-fit: contain;
}
@media (max-width: 600px) {
	.ib-featured__logos img { flex: 0 0 50%; width: 50%; height: 100px; }
}

/* LIVE'S /about/ HERO BODY IS 16px, NOT 21. Measured at both widths off
   intrabalance.com/about/: 16px with a 25.6px line-height, which is the same
   1.6 ratio the shared rule uses - so the size is the only thing to set. The
   shared rule gives every first-section hero 21px, which is right for the
   homepage at desktop and wrong here. */
.ib-page > .ib-split--full:first-child .ib-body p,
.ib-page > .ib-split--inline:first-child .ib-body p { font-size: 16px; }
@media (max-width: 600px) {
	.ib-page > .ib-split--full:first-child .ib-body p,
	.ib-page > .ib-split--inline:first-child .ib-body p { font-size: 16px; }
}