/* Team bio (single-team.php). Layout reference: wp-content/mockups/team-bio.html.
   Colours from the Kadence palette; grey text is palette 5. The CTA box is in style.css. */
.eq-bio { background: #fff; --eq-line: var(--global-palette12, #e4edf1); }
.eq-bio .eq-biowrap { max-width: var(--global-content-width, 1440px); margin: 0 auto; padding: 0 var(--global-content-edge-padding, 4rem); box-sizing: border-box; }
.eq-biohead { background: linear-gradient(180deg, #F0F6F8 0%, #FFFFFF 100%); }
.eq-bio .eq-biohead-in { max-width: calc(1100px + 2 * var(--global-content-edge-padding, 4rem)); display: grid; grid-template-columns: 340px minmax(0, 1fr); gap: 64px; align-items: center; padding-top: 64px; padding-bottom: 56px; }
/* Headshot: portrait crop with the brand's offset shadow (as the pre-footer image). */
.eq-biopic img, .eq-bioph { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; object-position: 50% 20%; border-radius: 4px; display: block; }
.eq-biopic img { filter: drop-shadow(18px 18px 0 rgba(147, 188, 205, .3)); }
.eq-bioph { background: var(--eq-line); border: 1px dashed var(--global-palette6); box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; }
.eq-bioph-init { font-size: 56px; font-weight: 600; color: var(--global-palette1); }
.eq-bioph-txt { font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--global-palette5); }
.eq-bioeyebrow { font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--global-palette5); text-decoration: none; }
.eq-bioeyebrow:hover { color: var(--global-palette2); }
.eq-bio .eq-bioh1 { font-family: var(--global-heading-font-family); font-size: 48px; font-weight: 300; line-height: 1.12; color: var(--global-palette1); margin: 12px 0 0; }
.eq-bio .eq-biorole { font-size: 19px; font-weight: 600; color: var(--global-palette2); margin: 12px 0 0; }
.eq-bioli { display: inline-flex; align-items: center; gap: 10px; margin-top: 26px; padding: 10px 16px; border: 1px solid #CFDCE2; border-radius: 3px; background: #fff; font-size: 14.5px; font-weight: 600; color: var(--global-palette1); text-decoration: none; transition: border-color .15s ease; }
.eq-bioli svg { width: 18px; height: 18px; color: #0A66C2; flex: none; }
.eq-bioli:hover, .eq-bioli:focus { border-color: var(--global-palette1); color: var(--global-palette1); }

.eq-bio .eq-biocol { max-width: 760px; margin: 0 auto; }
.eq-bio .eq-biobody { padding-top: 40px; }
.eq-bio .eq-biobody p { font-size: 18px; line-height: 1.72; color: var(--global-palette4); margin: 0 0 22px; }
.eq-bio .eq-biobody > p:first-child { font-size: 20px; line-height: 1.65; color: var(--global-palette1); }
.eq-bio .eq-biobody p:empty { display: none; }
.eq-bio .eq-biobody a { color: var(--global-palette2); text-decoration: underline; text-underline-offset: 3px; }
.eq-bio .eq-biobody a:hover { color: var(--global-palette1); }
.eq-bio .eq-biobody .eq-bio-pending { color: var(--global-palette5); }

/* Articles by: printed only when the person has published posts. */
.eq-bio .eq-bioposts { max-width: 1100px; margin: 64px auto 0; padding-top: 56px; border-top: 1px solid var(--eq-line); }
.eq-bioposts-hd { display: flex; justify-content: space-between; align-items: baseline; gap: 12px 24px; flex-wrap: wrap; margin-bottom: 28px; }
.eq-bio .eq-bioh2 { font-family: var(--global-heading-font-family); font-size: 28px; font-weight: 300; line-height: 1.25; color: var(--global-palette1); margin: 0; }
.eq-bioh2 b { font-weight: 700; }
.eq-biomore { font-size: 15px; font-weight: 600; color: var(--global-palette2); text-decoration: none; }
.eq-biomore:hover { text-decoration: underline; }
.eq-biogrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; }
.eq-biocimg { display: block; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 3px; background: var(--eq-line); }
.eq-biocimg img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .3s ease; }
.eq-biocimg:hover img { transform: scale(1.03); }
.eq-biocat { display: inline-block; margin-top: 16px; font-size: 13px; font-weight: 600; color: var(--global-palette2); text-decoration: none; }
.eq-biocat:hover { text-decoration: underline; }
.eq-bio .eq-biotitle { font-family: var(--global-heading-font-family); font-size: 18px; font-weight: 600; line-height: 1.32; margin: 8px 0 0; }
.eq-biotitle a { color: var(--global-palette1); text-decoration: none; }
.eq-biotitle a:hover { color: var(--global-palette2); }
.eq-bio .eq-biodate { font-size: 13.5px; color: var(--global-palette5); margin: 10px 0 0; }

.eq-bio .eq-spcta { margin-top: 64px; }
.eq-bioback { display: inline-block; margin: 36px 0 96px; font-size: 15px; font-weight: 600; color: var(--global-palette2); text-decoration: none; }
.eq-bioback:hover { text-decoration: underline; }

@media (max-width: 1000px) {
	.eq-bio .eq-biohead-in { grid-template-columns: 260px minmax(0, 1fr); gap: 40px; }
	.eq-bio .eq-bioh1 { font-size: 38px; }
	.eq-biogrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.eq-biogrid .eq-biocard:nth-child(3) { display: none; }
}
@media (max-width: 700px) {
	.eq-bio .eq-biohead-in { grid-template-columns: 1fr; gap: 28px; padding-top: 40px; padding-bottom: 36px; }
	.eq-biopic { max-width: 240px; }
	.eq-bio .eq-bioh1 { font-size: 32px; }
	.eq-bio .eq-biorole { font-size: 17px; }
	.eq-bio .eq-biobody p { font-size: 17px; }
	.eq-bio .eq-biobody > p:first-child { font-size: 18px; }
	.eq-biogrid { grid-template-columns: 1fr; gap: 36px; }
	.eq-biogrid .eq-biocard:nth-child(3) { display: block; }
}