/* -----------------------------------------------------------------------------
 * Integrity Staff Bios: parkerkearns.com
 *
 * Site skin only, no structure. Measured off the live Uncode build.
 *
 *   Type        Urbanist throughout
 *   Heading     50px / 60px / 600, #303133   (section headings)
 *   Eyebrow     12px / 600 / 6px tracking / uppercase, #00234D
 *   Body        18px / 31.5px / 400, #999999
 *   Navy        #00234D    Grey panel  #F7F7F7
 *
 * This site has no existing card grid to copy, so the card is built out of the
 * site's own type roles rather than invented: the position line uses the
 * eyebrow treatment that already labels every section on the page, and the name
 * uses the heading face stepped down to card scale.
 * -------------------------------------------------------------------------- */

/* Typography applies to the grid and the bio page alike. Written once. */
.imbios-list {
	--imbios-block-gap: 10px;

	--imbios-name-font: "Urbanist", Helvetica, Arial, sans-serif;
	--imbios-name-size: 24px;
	--imbios-name-line: 30px;
	--imbios-name-weight: 600;
	--imbios-name-spacing: normal;
	--imbios-name-transform: none;
	--imbios-name-color: #303133;

	/* The site's eyebrow, verbatim. 6px of tracking is a lot, but it is what
	   labels every other section here, so a position line that skips it reads
	   as foreign. */
	--imbios-role-font: "Urbanist", Helvetica, Arial, sans-serif;
	--imbios-role-size: 12px;
	--imbios-role-line: 18px;
	--imbios-role-weight: 600;
	--imbios-role-spacing: 6px;
	--imbios-role-transform: uppercase;
	--imbios-role-color: #00234d;

	--imbios-bio-font: "Urbanist", Helvetica, Arial, sans-serif;
	--imbios-bio-size: 18px;
	--imbios-bio-line: 31.5px;
	--imbios-bio-weight: 400;
	--imbios-bio-color: #999999;

	--imbios-photo-position: center top;

	--imbios-link-hover-underline: #00234d;
	--imbios-photo-hover-scale: 1.04;
}

/* Grid */
.imbios-list--grid {
	--imbios-grid-gap: 30px;
	--imbios-card-ratio: 1 / 1;
	--imbios-card-padding: 24px 0 0;
	--imbios-card-bg: transparent;
}

/* Bio page. The name steps up to the site's section-heading scale, since here
   it is the page heading rather than a card label. */
.imbios-single-bio {
	--imbios-name-size: 50px;
	--imbios-name-line: 60px;
	--imbios-block-gap: 14px;
	--imbios-single-ratio: 1 / 1;
	--imbios-single-gap: 60px;
	--imbios-single-max-width: 1100px;
}

/* The back link picks up the site's small-caps navy label treatment. */
.imbios-single-body .imbios-back a {
	font-family: "Urbanist", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 6px;
	text-transform: uppercase;
	color: #00234d;
	text-decoration: none;
	border-bottom: 1px solid currentColor;
}

/* Empty-state colour, only visible for a bio saved without a photo yet. */
.imbios-list .imbios-photo {
	background-color: #f7f7f7;
}

/* -----------------------------------------------------------------------------
 * Bio page, Uncode specifics
 * -------------------------------------------------------------------------- */

/* Uncode's breadcrumb bar repeats the page title next to the crumb trail, so
   the name lands on screen three times before the bio starts. Hiding just the
   bar's copy leaves a half-empty strip, so the whole row goes. The page still
   emits BreadcrumbList schema for search, and the bio has its own back link,
   which points at the team grid rather than the home page.

   To bring the bar back, delete this rule and hide .breadcrumb-title instead. */
body.imbios-single .row-breadcrumb {
	display: none;
}

/* Without the bar the heading sits too close to the header. */
body.imbios-single .post-title-wrapper {
	padding-top: 20px;
}

/* A headshot at 5/12 of the content width leaves the page bottom-heavy next to
   a short bio. 4/8 keeps the photo generous without it outrunning the copy. */
.imbios-single-bio--page {
	--imbios-single-columns: minmax(0, 4fr) minmax(0, 8fr);
	--imbios-single-gap: 60px;
	--imbios-single-page-margin: 34px 0 0;
	padding-bottom: 40px;
}

/* Measure. The right column is wide enough to run past a comfortable line
   length on a long bio. */
.imbios-single-bio--page .imbios-bio {
	max-width: 62ch;
}

/* Position line sits tight under the name, then the bio gets room to breathe. */
.imbios-single-bio--page .imbios-role {
	margin-bottom: 6px;
}

.imbios-single-bio--page .imbios-back {
	margin-top: 32px;
}

/* The site's body background is #141618, near black. Every other page hides it
   behind Uncode's dark last-footer row, which is why nobody has seen it. With
   that row switched off on bio pages the body shows through under the navy
   footer block, so paint it white to match the home page. */
body.imbios-single {
	background-color: #ffffff;
}