/*
 * CaryTamura Team page (/team/, Page 801) — 2026 redesign.
 *
 * Loaded on this page only (functions.php), after page-hero.css and
 * sections.css. Below the split title band (the team photograph):
 *
 *   .ct-team           section head, then the agents: CT Loop – Agent Card
 *                      (5474) in a four-column Loop Grid, Query ID
 *                      ct_team_agents (profile Order, then name)
 *   Testimonials       shared (sections.css), on paper
 *   .ct-team-listings  section head, then the For Sale listings in a
 *                      two-column Loop Grid, Query ID ct_team_portfolio
 *                      (featured first) — the same query the original
 *                      carousel used
 *   contact band       shared template
 *
 * The original three-up grid with hover captions and the two-up carousel
 * with its own PREVIOUS | NEXT script (team.js, retired) are not reproduced.
 */

/* The page body's own padding is dropped: every section carries its own. */
.ct-page-body:has(.ct-team) {
	padding-block: 0;
}

/* ------------------------------------------------------------- agent card */
.ct-agent-card.e-con {
	--padding-top: 0px;
	--padding-bottom: 0px;
	--padding-left: 0px;
	--padding-right: 0px;
	--row-gap: 0px;
	--kit-widget-spacing: 0px;
	position: relative;
	color: var(--ct-ink);
	text-decoration: none;
}

.ct-agent-card__media.e-con {
	--padding-top: 0px;
	--padding-bottom: 0px;
	--padding-left: 0px;
	--padding-right: 0px;
	position: relative;
	overflow: hidden;
	background-color: var(--ct-surface);
}

.ct-agent-card__img img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	object-position: center top;
	filter: grayscale(0.15);
	transition: transform 600ms var(--ct-ease), filter 600ms var(--ct-ease);
}

.ct-agent-card:hover .ct-agent-card__img img,
.ct-agent-card:focus-visible .ct-agent-card__img img {
	transform: scale(1.03);
	filter: none;
}

/* "Learn More": a small label in the photograph's corner, shown on hover. */
.ct-agent-card__hover {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
	width: auto;
	opacity: 0;
	transform: translateY(6px);
	transition: opacity var(--ct-transition), transform var(--ct-transition);
}

.ct-agent-card__hover .elementor-heading-title {
	padding: 12px 16px;
	font-family: var(--ct-font-body);
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 1.6px;
	text-transform: uppercase;
	color: var(--ct-on-dark);
	background-color: var(--ct-dark);
}

.ct-agent-card__hover .elementor-heading-title::after {
	content: " \2192";
}

.ct-agent-card:hover .ct-agent-card__hover,
.ct-agent-card:focus-visible .ct-agent-card__hover {
	opacity: 1;
	transform: none;
}

.ct-agent-card__name .elementor-heading-title {
	margin: 18px 0 4px;
	font-family: var(--ct-font-display);
	font-size: clamp(20px, 1.6vw, 24px);
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0;
	text-transform: none;
	text-align: left;
	color: var(--ct-ink);
}

.ct-agent-card__title .elementor-heading-title {
	margin: 0;
	font-family: var(--ct-font-body);
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	letter-spacing: 0;
	text-transform: none;
	text-align: left;
	color: var(--ct-label);
}

.ct-agent-card:focus-visible {
	outline: 2px solid var(--ct-accent);
	outline-offset: 4px;
}

@media (hover: none) {
	.ct-agent-card__hover {
		display: none;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ct-agent-card__img img,
	.ct-agent-card__hover {
		transition: none;
	}
}