/* -----------------------------------------------------------------------------
 * Integrity Staff Bios: parkerpropertyaz.com
 *
 * Site skin only, no structure. Every value is measured off the live Salient
 * build, mostly the "How can Parker Property AZ help?" fancy-box row, so the
 * staff grid reads as the same component family rather than a plugin someone
 * bolted on.
 *
 *   Type          Public Sans throughout
 *   Card title    22px / 28px / 500 / -0.66px, #000   (fancy-box h4)
 *   Body          17px / 26px / 400, #000             (site body)
 *   Accent        #FF8908                             (eyebrow + stat numerals)
 *   Card gap      30px, 3 up
 *   Card chrome   none: no fill, no border, no radius, no shadow
 *
 * Photos run 1:1 rather than the 3:2 the service cards use. 3:2 is right for
 * scene photography and wrong for headshots, it crops people at the chin.
 * -------------------------------------------------------------------------- */

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

	--imbios-name-font: "Public Sans", Helvetica, Arial, sans-serif;
	--imbios-name-size: 22px;
	--imbios-name-line: 28px;
	--imbios-name-weight: 500;
	--imbios-name-spacing: -0.66px;
	--imbios-name-transform: none;
	--imbios-name-color: #000000;

	--imbios-role-font: "Public Sans", Helvetica, Arial, sans-serif;
	--imbios-role-size: 16px;
	--imbios-role-line: 24px;
	--imbios-role-weight: 500;
	--imbios-role-spacing: 0.9px;
	--imbios-role-transform: none;
	--imbios-role-color: #ff8908;

	--imbios-bio-font: "Public Sans", Helvetica, Arial, sans-serif;
	--imbios-bio-size: 17px;
	--imbios-bio-line: 26px;
	--imbios-bio-weight: 400;
	--imbios-bio-color: #000000;

	--imbios-photo-position: center top;

	/* Salient's fancy boxes underline on hover. Same gesture, accent coloured. */
	--imbios-link-hover-underline: #ff8908;
	--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. Name steps up to the site's section-heading size, since on the bio
   page it is the page heading rather than a card label. */
.imbios-single-bio {
	--imbios-name-size: 40px;
	--imbios-name-line: 44px;
	--imbios-name-spacing: -1.2px;
	--imbios-role-size: 18px;
	--imbios-role-line: 30px;
	--imbios-block-gap: 12px;
	--imbios-single-ratio: 4 / 5;
	--imbios-single-gap: 60px;
	--imbios-single-max-width: 1100px;
}

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