/*
 * faculty.css — single Faculty pages (CPT: faculty, IDs 1289-1295).
 * Applies the home design language (tokens, .usa-eyebrow, fluid type scale,
 * card treatment) to the generic Elementor-converted content. Loaded only on
 * single-faculty (see inc/enqueue.php), after elementor.css.
 */

/* ---------- Hero ---------- */
.usa-faculty-hero {
	position: relative;
	background-color: var(--usa-navy);
	background-size: cover;
	background-position: center;
	color: #fff;
	overflow: hidden;
}
.usa-faculty-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 85% 20%, rgba(255, 126, 0, 0.22), transparent 34rem),
		linear-gradient(100deg, rgba(27, 44, 74, 0.96) 0%, rgba(27, 44, 74, 0.86) 45%, rgba(27, 44, 74, 0.55) 100%);
}
.usa-faculty-hero__inner {
	position: relative;
	z-index: 1;
	padding-block: clamp(3.25rem, 8vw, 6.5rem);
	max-width: 820px;
	margin-inline: 0 auto;
}
.usa-faculty-hero__crumbs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 1.4rem;
	font-size: 0.82rem;
	color: rgba(255, 255, 255, 0.75);
}
.usa-faculty-hero__crumbs a { color: rgba(255, 255, 255, 0.9); text-decoration: none; }
.usa-faculty-hero__crumbs a:hover { color: var(--usa-orange); }
.usa-faculty-hero__crumbs span[aria-current] { color: #fff; }
.usa-faculty-hero__eyebrow { color: var(--usa-orange); }
.usa-faculty-hero__title {
	margin: 0 0 1rem;
	color: #fff;
	font-size: clamp(2rem, 1.2rem + 2.8vw, 3.4rem);
	font-weight: 800;
	line-height: 1.05;
}
.usa-faculty-hero__lead {
	max-width: 60ch;
	margin: 0 0 1.75rem;
	color: rgba(255, 255, 255, 0.88);
	font-size: 1.02rem;
	line-height: 1.7;
}
.usa-faculty-hero__actions { display: flex; flex-wrap: wrap; gap: 0.8rem; }
.usa-faculty-hero__ghost {
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.35);
	color: #fff;
}
.usa-faculty-hero__ghost:hover {
	background: rgba(255, 255, 255, 0.16);
	border-color: #fff;
	color: #fff;
}

/* ---------- Section rhythm ---------- */
.usa-faculty__content { scroll-margin-top: 96px; }
.single-faculty .usa-page--elementor .usa-el > .usa-el__inner { padding-block: clamp(1.25rem, 3vw, 2.25rem); }

/* ---------- Headings: home type scale + orange accent ---------- */
.single-faculty .usa-el-heading { color: var(--usa-navy); font-weight: 800; }
.single-faculty h2.usa-el-heading {
	font-size: var(--usa-home-h2, clamp(1.9rem, 1.15rem + 2.4vw, 3.25rem));
	line-height: 1.08;
}
.single-faculty h3.usa-el-heading { font-size: clamp(1.15rem, 1.05rem + 0.6vw, 1.5rem); line-height: 1.25; }

/* Dividers become short orange accent bars (content untouched). */
.single-faculty .usa-el-divider {
	border: 0;
	width: 64px;
	height: 4px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--usa-orange), var(--usa-orange-hover));
	margin-block: 0.9rem 1.1rem;
	margin-inline: 0;
	align-self: flex-start;
}
.single-faculty .usa-el-heading[style*="center"] + .usa-el-divider {
	margin-inline: auto;
	align-self: center;
}

/* ---------- Text ---------- */
.single-faculty .usa-el-text { color: var(--usa-text); font-size: var(--usa-home-lead, 1.05rem); line-height: 1.75; }
.single-faculty .usa-el-text p { margin-block: 0 0.9rem; }
.single-faculty .usa-el-text p:last-child { margin-bottom: 0; }

/* ---------- Images: rounded card treatment ---------- */
.single-faculty .usa-el-image img {
	width: 100%;
	border-radius: 18px;
	box-shadow: 0 16px 38px rgba(27, 44, 74, 0.14);
}

/* ---------- Icon lists: orange check chips ---------- */
.single-faculty .usa-el-iconlist { gap: 0.6rem; }
.single-faculty .usa-el-iconlist li {
	padding-left: 2rem;
	color: var(--usa-navy);
	font-weight: 600;
	line-height: 1.5;
}
.single-faculty .usa-el-iconlist li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.12em;
	width: 1.15em;
	height: 1.15em;
	border-radius: 50%;
	background:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff7e00' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 13 4 4 10-10'/%3E%3C/svg%3E") center / 60% no-repeat,
		rgba(255, 126, 0, 0.12);
}

/* Level labels that sit beside a programs/members grid become eyebrow captions. */
.single-faculty .usa-el__inner:has(> .usa-el-loop) > .usa-el-iconlist li {
	padding-left: 0;
	color: var(--usa-orange);
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}
.single-faculty .usa-el__inner:has(> .usa-el-loop) > .usa-el-iconlist li::before { content: none; }

/* ---------- Loop grids: real card grids, full width ---------- */
.single-faculty .usa-el__inner > .usa-el-loop { flex: 1 1 100%; width: 100%; }
.single-faculty .usa-el-loop {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1.25rem;
	margin-top: 0.5rem;
}
.single-faculty .usa-card {
	border: 1px solid rgba(27, 44, 74, 0.1);
	border-radius: 18px;
	box-shadow: 0 12px 28px rgba(27, 44, 74, 0.08);
}
.single-faculty .usa-card:hover {
	transform: translateY(-4px);
	border-color: rgba(255, 126, 0, 0.35);
	box-shadow: 0 18px 42px rgba(27, 44, 74, 0.14);
}
.single-faculty .usa-card__link { display: grid; grid-template-rows: auto 1fr; height: 100%; color: inherit; text-decoration: none; }
.single-faculty .usa-card__media {
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: #f3f6fb;
}
.single-faculty .usa-card__media img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 0;
	box-shadow: none;
	transition: transform 0.35s ease;
}
.single-faculty .usa-card:hover .usa-card__media img { transform: scale(1.02); }
.single-faculty .usa-card__title {
	margin: 0;
	color: var(--usa-navy);
	font-size: var(--usa-home-card-h3, clamp(1.05rem, 0.95rem + 0.45vw, 1.3rem));
	font-weight: 700;
	line-height: 1.3;
}

/* ---------- Dean's Message: elegant tinted panel ---------- */
.single-faculty .usa-el:has([class*="usa-el-heading--dean"]) + .usa-el:has(.usa-el-image) > .usa-el__inner {
	background: linear-gradient(135deg, #f8fafc 0%, #eef3fa 100%);
	border: 1px solid rgba(27, 44, 74, 0.08);
	border-radius: 22px;
	padding: clamp(1.25rem, 3vw, 2.25rem);
}
.single-faculty .usa-el:has([class*="usa-el-heading--dean"]) + .usa-el:has(.usa-el-image) .usa-el-image img {
	border-radius: 18px;
	box-shadow: 0 16px 38px rgba(27, 44, 74, 0.16);
}

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
	.single-faculty .usa-el-loop { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
	.usa-faculty-hero__actions .usa-btn { width: 100%; text-align: center; }
	.single-faculty .usa-el-loop { grid-template-columns: 1fr; }
}

/* Program cards are full-width rows (components.css) — undo the boxed-card
   treatment this file applies to generic .usa-card grids. */
.single-faculty .usa-el-loop--academic-program { grid-template-columns: 1fr; gap: 0.9rem; }
.single-faculty .usa-card--program {
	border: 1px solid rgba(27, 44, 74, 0.07);
	border-left: 4px solid var(--usa-navy);
	border-radius: 10px;
	box-shadow: none;
}
.single-faculty .usa-card--program:hover {
	transform: none;
	border-color: rgba(27, 44, 74, 0.07);
	border-left-color: var(--usa-orange);
	box-shadow: 0 14px 30px rgba(27, 44, 74, 0.1);
}
.single-faculty .usa-card--program .usa-card__link { display: block; }
.single-faculty .usa-card--program .usa-card__title {
	font-size: clamp(1.12rem, 1.02rem + 0.5vw, 1.42rem);
}

/* ---------- Computer Science faculty: reimagined section system ---------- */
.usa-faculty .usa-faculty-hero { min-height: clamp(430px, 46vw, 570px); }
.usa-faculty .usa-faculty-hero::before {
	background:
		radial-gradient(circle at 78% 18%, rgba(255, 126, 0, 0.24), transparent 32rem),
		linear-gradient(100deg, rgba(27, 44, 74, 0.94) 0%, rgba(27, 44, 74, 0.88) 42%, rgba(27, 44, 74, 0.58) 100%);
}
.usa-faculty .usa-faculty-hero__inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: min(100% - 2 * var(--usa-gutter), var(--usa-container));
	max-width: var(--usa-container);
	min-height: clamp(430px, 46vw, 570px);
	margin-inline: auto;
	padding-block: clamp(3.75rem, 7vw, 6rem);
}
.usa-faculty .usa-faculty-hero__title,
.usa-faculty .usa-faculty-hero__lead,
.usa-faculty .usa-faculty-hero__actions { max-width: 780px; }
.usa-faculty .usa-faculty-hero__crumbs { margin-bottom: 1.75rem; }

.usa-faculty .usa-elementor {
	background:
		radial-gradient(circle at 5% 10%, rgba(255, 126, 0, 0.05), transparent 34rem),
		linear-gradient(180deg, #fff 0%, #f8fafc 38%, #fff 100%);
}
.usa-faculty .usa-elementor > .usa-el { position: relative; }
.usa-faculty .usa-elementor > .usa-el > .usa-el__inner--boxed {
	max-width: var(--usa-container);
	padding-inline: var(--usa-gutter);
}
.usa-faculty .usa-elementor > .usa-el > .usa-el__inner {
	padding-block: clamp(2.6rem, 5vw, 4.6rem);
}

.usa-faculty .usa-el-heading::before {
	display: block;
	margin: 0 0 0.65rem;
	color: var(--usa-orange);
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	line-height: 1.3;
	text-transform: uppercase;
}
.usa-faculty .usa-el-heading--vision::before { content: "Our Vision"; }
.usa-faculty .usa-el-heading--mission::before { content: "Our Mission"; }
.usa-faculty .usa-el-heading--history::before { content: "Our Story"; }
.usa-faculty .usa-el-heading--deans-message::before { content: "Leadership"; }
.usa-faculty [class*="usa-el-heading--programs-offered"]::before { content: "Academic Pathways"; }
.usa-faculty [class*="usa-el-heading--faculty-members"]::before { content: "Faculty Directory"; }
.usa-faculty [class*="usa-el-heading--industry-linkages"]::before { content: "Partnerships"; }
.usa-faculty [class*="usa-el-heading--faculty-research"]::before { content: "Scholarly Output"; }
.usa-faculty :is([class*="usa-el-heading--unique-elements"], [class*="usa-el-heading--why-choose"])::before { content: "Distinctive Strengths"; }
.usa-faculty .usa-el-heading--research-innovation::before { content: "Discovery Culture"; }
.usa-faculty .usa-el-heading--facilities-and-resources::before { content: "Learning Spaces"; }
.usa-faculty .usa-el-heading--student-life::before { content: "Campus Experience"; }
.usa-faculty .usa-el-heading--holistic-development::before { content: "Beyond Academics"; }

.usa-faculty .usa-elementor > .usa-el > .usa-el__inner > h2.usa-el-heading {
	max-width: 900px;
	margin-inline: auto;
	text-align: center !important;
}
.usa-faculty .usa-elementor > .usa-el > .usa-el__inner > h2.usa-el-heading + .usa-el-divider {
	margin-inline: auto;
	align-self: center;
}

.usa-faculty .usa-el-heading--vision + .usa-el-divider,
.usa-faculty .usa-el-heading--mission + .usa-el-divider {
	width: 160px;
	height: 10px;
	margin-bottom: 1.5rem;
	border-radius: 0;
}
.usa-faculty .usa-el-heading--vision + .usa-el-divider {
	background: linear-gradient(90deg, #8e8e8e 0 31%, #1b2c4a 31% 69%, #ff7e00 69% 100%);
}
.usa-faculty .usa-el-heading--mission + .usa-el-divider {
	background: linear-gradient(90deg, #ff7e00 0 31%, #1b2c4a 31% 69%, #8e8e8e 69% 100%);
}

.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--vision),
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--mission),
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--history) { background: #fff; }
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--mission) {
	background:
		radial-gradient(circle at 15% 35%, rgba(255, 126, 0, 0.08), transparent 26rem),
		#f8fafc;
}
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--vision) > .usa-el__inner,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--mission) > .usa-el__inner,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--history) > .usa-el__inner,
.usa-faculty .usa-elementor > .usa-el:has(:is(.usa-el-heading--values, .usa-el-heading--core-values)) > .usa-el__inner,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--overview) > .usa-el__inner,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--classrooms) > .usa-el__inner,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--auditoriums) > .usa-el__inner,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--computer-labs) > .usa-el__inner,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--library) > .usa-el__inner,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--dld-lab-digital-logic-design-lab) > .usa-el__inner,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--student-clubs) > .usa-el__inner,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--events) > .usa-el__inner,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--support-services) > .usa-el__inner {
	display: grid !important;
	grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
	gap: clamp(2rem, 5vw, 4.5rem);
	align-items: center;
}
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--vision) > .usa-el__inner > .usa-el,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--mission) > .usa-el__inner > .usa-el,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--history) > .usa-el__inner > .usa-el,
.usa-faculty .usa-elementor > .usa-el:has(:is(.usa-el-heading--values, .usa-el-heading--core-values)) > .usa-el__inner > .usa-el,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--overview) > .usa-el__inner > .usa-el,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--classrooms) > .usa-el__inner > .usa-el,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--auditoriums) > .usa-el__inner > .usa-el,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--computer-labs) > .usa-el__inner > .usa-el,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--library) > .usa-el__inner > .usa-el,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--dld-lab-digital-logic-design-lab) > .usa-el__inner > .usa-el,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--student-clubs) > .usa-el__inner > .usa-el,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--events) > .usa-el__inner > .usa-el,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--support-services) > .usa-el__inner > .usa-el {
	width: auto !important;
	min-width: 0;
	flex: none !important;
}
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--vision) > .usa-el__inner > .usa-el:has(.usa-el-heading),
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--mission) > .usa-el__inner > .usa-el:has(.usa-el-heading),
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--history) > .usa-el__inner > .usa-el:has(.usa-el-heading) {
	padding: clamp(1.5rem, 3vw, 2.4rem);
	border: 1px solid rgba(27, 44, 74, 0.08);
	border-radius: 22px;
	background: rgba(255, 255, 255, 0.92);
	box-shadow: 0 18px 46px rgba(27, 44, 74, 0.1);
}
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--history) > .usa-el__inner > .usa-el:has(.usa-el-image) { order: 2; }
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--history) > .usa-el__inner > .usa-el:has(.usa-el-heading) { order: 1; }
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--vision) .usa-el-image img,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--mission) .usa-el-image img,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--history) .usa-el-image img {
	aspect-ratio: 16 / 9;
	object-fit: cover;
	box-shadow: 0 24px 58px rgba(27, 44, 74, 0.16);
}

.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--history) + .usa-el > .usa-el__inner {
	padding-block: clamp(1.75rem, 3vw, 2.5rem) clamp(2rem, 3.5vw, 3rem);
}
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--history) + .usa-el .usa-el-text {
	max-width: 980px;
	margin-inline: auto;
	padding: clamp(1.25rem, 3vw, 2rem);
	border-left: 5px solid var(--usa-orange);
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 16px 40px rgba(27, 44, 74, 0.08);
}

.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--deans-message),
.usa-faculty .usa-elementor > .usa-el:has([class*="usa-el-heading--programs-offered"]),
.usa-faculty .usa-elementor > .usa-el:has([class*="usa-el-heading--faculty-members"]),
.usa-faculty .usa-elementor > .usa-el:has(:is([class*="usa-el-heading--unique-elements"], [class*="usa-el-heading--why-choose"])),
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--research-innovation),
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--facilities-and-resources),
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--student-life),
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--holistic-development) {
	background:
		radial-gradient(circle at 95% 0%, rgba(255, 126, 0, 0.08), transparent 28rem),
		#f8fafc;
}

.usa-faculty .usa-el:has([class*="usa-el-heading--dean"]) + .usa-el:has(.usa-el-image) > .usa-el__inner {
	position: relative;
	gap: clamp(1.5rem, 4vw, 3rem);
	background:
		radial-gradient(circle at 10% 0%, rgba(255, 126, 0, 0.12), transparent 24rem),
		linear-gradient(135deg, #fff 0%, #eef3fa 100%);
	box-shadow: 0 24px 60px rgba(27, 44, 74, 0.12);
}
.usa-faculty .usa-el:has([class*="usa-el-heading--dean"]) + .usa-el:has(.usa-el-image) > .usa-el__inner::before {
	content: "\201C";
	position: absolute;
	top: 0.5rem;
	right: 1.5rem;
	color: rgba(255, 126, 0, 0.16);
	font-size: clamp(4rem, 8vw, 7rem);
	font-weight: 800;
	line-height: 1;
}
.usa-faculty .usa-el:has([class*="usa-el-heading--dean"]) + .usa-el + .usa-el:not(:has(.usa-el-heading)):not(:has(.usa-el-image)) .usa-el-text,
.usa-faculty .usa-el:has([class*="usa-el-heading--dean"]) + .usa-el + .usa-el:not(:has(.usa-el-heading)):not(:has(.usa-el-image)) + .usa-el:not(:has(.usa-el-heading)):not(:has(.usa-el-image)) .usa-el-text {
	max-width: 980px;
	margin-inline: auto;
}

.usa-faculty .usa-elementor > .usa-el:nth-child(n+9):has(.usa-el-loop) > .usa-el__inner {
	padding-block: clamp(0.75rem, 1.5vw, 1.25rem) clamp(1.5rem, 2.5vw, 2rem);
}
.usa-faculty .usa-elementor > .usa-el:has([class*="usa-el-heading--programs-offered"]) + .usa-el,
.usa-faculty .usa-elementor > .usa-el:has([class*="usa-el-heading--faculty-members"]) + .usa-el {
	background: #f8fafc;
}
.usa-faculty .usa-el-loop { gap: 1.35rem; }
.usa-faculty .usa-el-loop--academic-program { gap: 0.9rem; }
.usa-faculty .usa-card {
	border-radius: 20px;
	box-shadow: 0 14px 34px rgba(27, 44, 74, 0.09);
}
.usa-faculty .usa-card--program {
	border-radius: 10px;
	box-shadow: none;
}

.usa-faculty .usa-elementor > .usa-el:has(:is(.usa-el-heading--values, .usa-el-heading--core-values)) {
	background: #fff;
}
.usa-faculty .usa-elementor > .usa-el:has(:is(.usa-el-heading--values, .usa-el-heading--core-values)) > .usa-el__inner > .usa-el:has(.usa-el-heading),
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--overview) > .usa-el__inner > .usa-el:has(.usa-el-heading),
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--classrooms) > .usa-el__inner > .usa-el:has(.usa-el-heading),
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--auditoriums) > .usa-el__inner > .usa-el:has(.usa-el-heading),
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--computer-labs) > .usa-el__inner > .usa-el:has(.usa-el-heading),
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--library) > .usa-el__inner > .usa-el:has(.usa-el-heading),
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--dld-lab-digital-logic-design-lab) > .usa-el__inner > .usa-el:has(.usa-el-heading),
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--student-clubs) > .usa-el__inner > .usa-el:has(.usa-el-heading),
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--events) > .usa-el__inner > .usa-el:has(.usa-el-heading),
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--support-services) > .usa-el__inner > .usa-el:has(.usa-el-heading) {
	padding: clamp(1.2rem, 3vw, 2rem);
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 14px 34px rgba(27, 44, 74, 0.08);
}

@media (max-width: 1024px) {
	.usa-faculty .usa-faculty-hero__inner { min-height: clamp(380px, 52vw, 500px); }
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--vision) > .usa-el__inner,
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--mission) > .usa-el__inner,
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--history) > .usa-el__inner,
	.usa-faculty .usa-elementor > .usa-el:has(:is(.usa-el-heading--values, .usa-el-heading--core-values)) > .usa-el__inner,
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--overview) > .usa-el__inner,
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--classrooms) > .usa-el__inner,
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--auditoriums) > .usa-el__inner,
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--computer-labs) > .usa-el__inner,
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--library) > .usa-el__inner,
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--dld-lab-digital-logic-design-lab) > .usa-el__inner,
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--student-clubs) > .usa-el__inner,
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--events) > .usa-el__inner,
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--support-services) > .usa-el__inner { grid-template-columns: 1fr; }
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--history) > .usa-el__inner > .usa-el:has(.usa-el-image),
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--history) > .usa-el__inner > .usa-el:has(.usa-el-heading) { order: initial; }
}

@media (max-width: 640px) {
	.usa-faculty .usa-faculty-hero { min-height: auto; }
	.usa-faculty .usa-faculty-hero__inner {
		min-height: 0;
		padding-block: 4rem;
	}
	.usa-faculty .usa-faculty-hero__crumbs { font-size: 0.76rem; }
	.usa-faculty .usa-el-heading--vision + .usa-el-divider,
	.usa-faculty .usa-el-heading--mission + .usa-el-divider { width: 140px; height: 9px; }
}

/* ---------- Computer Science faculty: final spacing + section accent polish ---------- */
.usa-faculty .usa-elementor > .usa-el > .usa-el__inner {
	padding-block: clamp(2rem, 3.5vw, 3rem);
}
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--vision) > .usa-el__inner,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--mission) > .usa-el__inner,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--history) > .usa-el__inner {
	min-height: 0;
	padding-block: clamp(2.25rem, 4vw, 3.25rem);
	column-gap: clamp(2.6rem, 5vw, 4.25rem) !important;
	row-gap: clamp(1.5rem, 4vw, 2.5rem) !important;
}

.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--vision) > .usa-el__inner > .usa-el:has(.usa-el-heading),
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--mission) > .usa-el__inner > .usa-el:has(.usa-el-heading),
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--history) > .usa-el__inner > .usa-el:has(.usa-el-heading) {
	align-self: center;
	padding: clamp(1.65rem, 2.4vw, 2.25rem);
	border-radius: 20px;
	box-shadow: 0 16px 38px rgba(27, 44, 74, 0.08);
}
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--vision) > .usa-el__inner > .usa-el > .usa-el__inner,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--mission) > .usa-el__inner > .usa-el > .usa-el__inner,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--history) > .usa-el__inner > .usa-el > .usa-el__inner {
	padding-block: 0 !important;
	gap: 0.5rem !important;
}
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--vision) > .usa-el__inner > .usa-el:has(.usa-el-heading),
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--mission) > .usa-el__inner > .usa-el:has(.usa-el-heading) {
	max-width: 560px;
}
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--vision) > .usa-el__inner > .usa-el:has(.usa-el-image),
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--mission) > .usa-el__inner > .usa-el:has(.usa-el-image),
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--history) > .usa-el__inner > .usa-el:has(.usa-el-image) {
	align-self: center;
}
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--vision) .usa-el-image img,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--mission) .usa-el-image img,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--history) .usa-el-image img {
	display: block;
	min-height: clamp(320px, 27vw, 390px);
	max-height: 400px;
	object-fit: cover;
	box-shadow: 0 18px 42px rgba(27, 44, 74, 0.13);
}
.usa-faculty .usa-el-heading--vision,
.usa-faculty .usa-el-heading--mission,
.usa-faculty .usa-el-heading--history { margin-bottom: 0; }
.usa-faculty .usa-el-heading--vision + .usa-el-divider,
.usa-faculty .usa-el-heading--mission + .usa-el-divider,
.usa-faculty .usa-el-heading--history + .usa-el-divider,
.usa-faculty .usa-el-heading--deans-message + .usa-el-divider,
.usa-faculty [class*="usa-el-heading--faculty-members"] + .usa-el-divider,
.usa-faculty :is([class*="usa-el-heading--unique-elements"], [class*="usa-el-heading--why-choose"]) + .usa-el-divider,
.usa-faculty .usa-el-heading--research-innovation + .usa-el-divider,
.usa-faculty .usa-el-heading--facilities-and-resources + .usa-el-divider,
.usa-faculty .usa-el-heading--student-life + .usa-el-divider,
.usa-faculty .usa-el-heading--holistic-development + .usa-el-divider {
	width: 160px;
	height: 10px;
	margin-block: 0.4rem 0.9rem;
	border-radius: 0;
	background: linear-gradient(90deg, #ff7e00 0 31%, #1b2c4a 31% 69%, #8e8e8e 69% 100%);
}
.usa-faculty .usa-el-heading--vision + .usa-el-divider,
.usa-faculty .usa-el-heading--history + .usa-el-divider,
.usa-faculty .usa-el-heading--research-innovation + .usa-el-divider,
.usa-faculty .usa-el-heading--student-life + .usa-el-divider {
	background: linear-gradient(90deg, #8e8e8e 0 31%, #1b2c4a 31% 69%, #ff7e00 69% 100%);
}
.usa-faculty .usa-elementor > .usa-el > .usa-el__inner > h2.usa-el-heading + .usa-el-divider {
	margin-inline: auto;
}

.usa-faculty [class*="usa-el-heading--programs-offered"]::after {
	content: "";
	display: block;
	width: 160px;
	height: 10px;
	margin: 0.75rem auto 0;
	background: linear-gradient(90deg, #ff7e00 0 31%, #1b2c4a 31% 69%, #8e8e8e 69% 100%);
}
.usa-faculty .usa-elementor > .usa-el:has([class*="usa-el-heading--programs-offered"]) > .usa-el__inner,
.usa-faculty .usa-elementor > .usa-el:has([class*="usa-el-heading--faculty-members"]) > .usa-el__inner,
.usa-faculty .usa-elementor > .usa-el:has(:is([class*="usa-el-heading--unique-elements"], [class*="usa-el-heading--why-choose"])) > .usa-el__inner,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--research-innovation) > .usa-el__inner,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--facilities-and-resources) > .usa-el__inner,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--student-life) > .usa-el__inner,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--holistic-development) > .usa-el__inner {
	padding-block: clamp(2rem, 3.5vw, 3rem) clamp(0.75rem, 1.5vw, 1.25rem);
}

@media (max-width: 1024px) {
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--vision) > .usa-el__inner,
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--mission) > .usa-el__inner,
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--history) > .usa-el__inner {
		row-gap: clamp(1.5rem, 4vw, 2.25rem) !important;
		column-gap: 0 !important;
	}
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--vision) > .usa-el__inner > .usa-el:has(.usa-el-heading),
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--mission) > .usa-el__inner > .usa-el:has(.usa-el-heading) {
		max-width: none;
	}
}

@media (max-width: 640px) {
	.usa-faculty .usa-elementor > .usa-el > .usa-el__inner { padding-block: 2.6rem; }
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--vision) .usa-el-image img,
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--mission) .usa-el-image img,
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--history) .usa-el-image img {
		min-height: 220px;
		max-height: 280px;
	}
	.usa-faculty .usa-el-heading--vision + .usa-el-divider,
	.usa-faculty .usa-el-heading--mission + .usa-el-divider,
	.usa-faculty .usa-el-heading--history + .usa-el-divider,
	.usa-faculty .usa-el-heading--deans-message + .usa-el-divider,
	.usa-faculty [class*="usa-el-heading--faculty-members"] + .usa-el-divider,
	.usa-faculty :is([class*="usa-el-heading--unique-elements"], [class*="usa-el-heading--why-choose"]) + .usa-el-divider,
	.usa-faculty .usa-el-heading--research-innovation + .usa-el-divider,
	.usa-faculty .usa-el-heading--facilities-and-resources + .usa-el-divider,
	.usa-faculty .usa-el-heading--student-life + .usa-el-divider,
	.usa-faculty .usa-el-heading--holistic-development + .usa-el-divider,
	.usa-faculty [class*="usa-el-heading--programs-offered"]::after {
		width: 132px;
		height: 8px;
	}
}

/* ---------- Computer Science faculty: mobile image-first stacking ---------- */
@media (max-width: 1024px) {
	.usa-faculty .usa-elementor > .usa-el > .usa-el__inner {
		padding-block: clamp(2.1rem, 4vw, 3rem) !important;
	}
	.usa-faculty .usa-elementor > .usa-el:has(> .usa-el__inner > .usa-el .usa-el-image) > .usa-el__inner {
		row-gap: clamp(1.25rem, 3vw, 2rem) !important;
		column-gap: 0 !important;
	}
	.usa-faculty .usa-elementor > .usa-el:has(> .usa-el__inner > .usa-el .usa-el-image) > .usa-el__inner > .usa-el:has(.usa-el-image) {
		order: 1 !important;
	}
	.usa-faculty .usa-elementor > .usa-el:has(> .usa-el__inner > .usa-el .usa-el-image) > .usa-el__inner > .usa-el:not(:has(.usa-el-image)) {
		order: 2 !important;
	}
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--vision) > .usa-el__inner,
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--mission) > .usa-el__inner,
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--history) > .usa-el__inner {
		padding-block: clamp(2.35rem, 4.2vw, 3.4rem) !important;
	}
}

@media (max-width: 640px) {
	.usa-faculty .usa-elementor > .usa-el > .usa-el__inner {
		padding-block: 1.9rem !important;
	}
	.usa-faculty .usa-elementor > .usa-el:has(> .usa-el__inner > .usa-el .usa-el-image) > .usa-el__inner {
		row-gap: 1rem !important;
	}
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--vision) > .usa-el__inner,
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--mission) > .usa-el__inner,
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--history) > .usa-el__inner {
		padding-block: 2.05rem !important;
	}
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--vision) > .usa-el__inner > .usa-el:has(.usa-el-heading),
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--mission) > .usa-el__inner > .usa-el:has(.usa-el-heading),
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--history) > .usa-el__inner > .usa-el:has(.usa-el-heading) {
		padding: 1.2rem;
	}
}

/* ---------- Computer Science faculty: History story band + tightened rhythm ---------- */
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--deans-message) > .usa-el__inner {
	padding-block: clamp(2rem, 3.5vw, 3rem) clamp(0.75rem, 1.5vw, 1.25rem);
}
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--deans-message) > .usa-el__inner,
.usa-faculty .usa-elementor > .usa-el:has([class*="usa-el-heading--faculty-members"]) > .usa-el__inner,
.usa-faculty .usa-elementor > .usa-el:has(:is([class*="usa-el-heading--unique-elements"], [class*="usa-el-heading--why-choose"])) > .usa-el__inner,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--research-innovation) > .usa-el__inner,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--facilities-and-resources) > .usa-el__inner,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--student-life) > .usa-el__inner,
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--holistic-development) > .usa-el__inner {
	gap: 0.4rem !important;
}

.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--history) {
	background:
		radial-gradient(circle at 88% 10%, rgba(255, 126, 0, 0.18), transparent 30rem),
		linear-gradient(120deg, #16233c 0%, #1b2c4a 55%, #24365c 100%);
}
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--history) > .usa-el__inner {
	padding-block: clamp(2.75rem, 4.5vw, 3.75rem);
}
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--history) > .usa-el__inner > .usa-el:has(.usa-el-heading) {
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}
.usa-faculty .usa-el-heading--history { color: #fff; }
.usa-faculty .usa-el-heading--history + .usa-el-divider {
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.35) 0 31%, rgba(255, 255, 255, 0.8) 31% 69%, var(--usa-orange) 69% 100%);
}
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--history) .usa-el-text {
	color: rgba(255, 255, 255, 0.9);
}
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--history) .usa-el-text p:first-child::first-letter {
	float: left;
	padding-right: 0.14em;
	color: var(--usa-orange);
	font-size: 3.1em;
	font-weight: 800;
	line-height: 0.8;
}
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--history) .usa-el-image img {
	min-height: clamp(320px, 27vw, 420px);
	max-height: 440px;
	border: 4px solid rgba(255, 126, 0, 0.55);
	box-shadow: 14px 14px 0 rgba(255, 126, 0, 0.16), 0 26px 54px rgba(0, 0, 0, 0.38);
}

/* "Join us" strip after the story band — centered highlight quote. */
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--history) + .usa-el .usa-el-text {
	text-align: center;
	border-left: 0;
	border-top: 4px solid var(--usa-orange);
}

@media (max-width: 1024px) {
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--deans-message) > .usa-el__inner,
	.usa-faculty .usa-elementor > .usa-el:has([class*="usa-el-heading--programs-offered"]) > .usa-el__inner,
	.usa-faculty .usa-elementor > .usa-el:has([class*="usa-el-heading--faculty-members"]) > .usa-el__inner,
	.usa-faculty .usa-elementor > .usa-el:has(:is([class*="usa-el-heading--unique-elements"], [class*="usa-el-heading--why-choose"])) > .usa-el__inner,
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--research-innovation) > .usa-el__inner,
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--facilities-and-resources) > .usa-el__inner,
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--student-life) > .usa-el__inner,
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--holistic-development) > .usa-el__inner {
		padding-block: clamp(1.5rem, 3vw, 2rem) 0.75rem !important;
	}
}
@media (max-width: 640px) {
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--deans-message) > .usa-el__inner,
	.usa-faculty .usa-elementor > .usa-el:has([class*="usa-el-heading--programs-offered"]) > .usa-el__inner,
	.usa-faculty .usa-elementor > .usa-el:has([class*="usa-el-heading--faculty-members"]) > .usa-el__inner,
	.usa-faculty .usa-elementor > .usa-el:has(:is([class*="usa-el-heading--unique-elements"], [class*="usa-el-heading--why-choose"])) > .usa-el__inner,
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--research-innovation) > .usa-el__inner,
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--facilities-and-resources) > .usa-el__inner,
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--student-life) > .usa-el__inner,
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--holistic-development) > .usa-el__inner {
		padding-block: 1.4rem 0.6rem !important;
	}
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--history) > .usa-el__inner {
		padding-block: 2rem !important;
	}
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--history) .usa-el-image img {
		min-height: 220px;
		max-height: 300px;
	}
}

/* ---------- Computer Science faculty: Dean's Message reimagined ---------- */
.usa-faculty .usa-el:has([class*="usa-el-heading--dean"]) + .usa-el:has(.usa-el-image) > .usa-el__inner {
	display: grid !important;
	grid-template-columns: minmax(240px, 320px) minmax(0, 1fr);
	align-items: stretch;
	column-gap: clamp(2rem, 3.5vw, 3.25rem) !important;
	row-gap: 1.25rem !important;
	margin-block: clamp(0.75rem, 1.5vw, 1.25rem) 0;
	padding: clamp(1.5rem, 3.5vw, 2.75rem);
	background: linear-gradient(160deg, #ffffff 0%, #f6f9fd 100%);
	border: 1px solid rgba(27, 44, 74, 0.08);
	border-radius: 26px;
	box-shadow: 0 24px 60px rgba(27, 44, 74, 0.1);
}
.usa-faculty .usa-el:has([class*="usa-el-heading--dean"]) + .usa-el:has(.usa-el-image) > .usa-el__inner > .usa-el {
	width: auto !important;
	flex: none !important;
	min-width: 0;
}
.usa-faculty .usa-el:has([class*="usa-el-heading--dean"]) + .usa-el:has(.usa-el-image) > .usa-el__inner > .usa-el:not(:has(.usa-el-image)) {
	align-self: center;
}
.usa-faculty .usa-el:has([class*="usa-el-heading--dean"]) + .usa-el:has(.usa-el-image) > .usa-el__inner > .usa-el:has(.usa-el-image),
.usa-faculty .usa-el:has([class*="usa-el-heading--dean"]) + .usa-el:has(.usa-el-image) > .usa-el__inner > .usa-el:has(.usa-el-image) > .usa-el__inner,
.usa-faculty .usa-el:has([class*="usa-el-heading--dean"]) + .usa-el:has(.usa-el-image) .usa-el-image {
	height: 100%;
}
.usa-faculty .usa-el:has([class*="usa-el-heading--dean"]) + .usa-el:has(.usa-el-image) .usa-el-image {
	overflow: hidden;
	border-radius: 18px;
	background: #e2e7e1;
	border: 1px solid rgba(27, 44, 74, 0.08);
	box-shadow: 0 18px 40px rgba(27, 44, 74, 0.14);
}
.usa-faculty .usa-el:has([class*="usa-el-heading--dean"]) + .usa-el:has(.usa-el-image) .usa-el-image img {
	width: 100%;
	height: 100%;
	min-height: 380px;
	object-fit: cover;
	object-position: center top;
	transform: scale(1.34);
	transform-origin: 50% 22%;
	border-radius: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}
.usa-faculty .usa-el:has([class*="usa-el-heading--dean"]) + .usa-el:has(.usa-el-image) .usa-el-text {
	color: #43526d;
	font-size: 1.02rem;
	line-height: 1.8;
}

/* Continuation paragraph — highlighted strip tied to the panel. */
.usa-faculty .usa-el:has([class*="usa-el-heading--dean"]) + .usa-el + .usa-el:not(:has(.usa-el-heading)):not(:has(.usa-el-image)) > .usa-el__inner {
	padding-block: clamp(1.25rem, 2vw, 1.75rem) 0;
}
.usa-faculty .usa-el:has([class*="usa-el-heading--dean"]) + .usa-el + .usa-el:not(:has(.usa-el-heading)):not(:has(.usa-el-image)) .usa-el-text {
	max-width: 980px;
	margin-inline: auto;
	padding: clamp(1.25rem, 2.5vw, 1.75rem);
	color: #43526d;
	font-size: 1.02rem;
	line-height: 1.8;
	background: #fff;
	border: 1px solid rgba(27, 44, 74, 0.06);
	border-left: 4px solid var(--usa-orange);
	border-radius: 16px;
	box-shadow: 0 12px 30px rgba(27, 44, 74, 0.06);
}

/* Signature block — compact, centered, elegant. */
.usa-faculty .usa-el:has([class*="usa-el-heading--dean"]) + .usa-el + .usa-el:not(:has(.usa-el-heading)):not(:has(.usa-el-image)) + .usa-el:not(:has(.usa-el-heading)):not(:has(.usa-el-image)) > .usa-el__inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.3rem;
	padding-block: clamp(1.5rem, 2.5vw, 2rem) clamp(2rem, 3.5vw, 2.75rem);
	text-align: center;
}
.usa-faculty .usa-el:has([class*="usa-el-heading--dean"]) + .usa-el + .usa-el:not(:has(.usa-el-heading)):not(:has(.usa-el-image)) + .usa-el:not(:has(.usa-el-heading)):not(:has(.usa-el-image)) .usa-el-text {
	color: #5a6a85;
	font-size: 0.95rem;
	line-height: 1.6;
}
.usa-faculty .usa-el:has([class*="usa-el-heading--dean"]) + .usa-el + .usa-el:not(:has(.usa-el-heading)):not(:has(.usa-el-image)) + .usa-el:not(:has(.usa-el-heading)):not(:has(.usa-el-image)) .usa-el-text:nth-child(1) {
	margin-bottom: 1rem;
	font-style: italic;
}
.usa-faculty .usa-el:has([class*="usa-el-heading--dean"]) + .usa-el + .usa-el:not(:has(.usa-el-heading)):not(:has(.usa-el-image)) + .usa-el:not(:has(.usa-el-heading)):not(:has(.usa-el-image)) .usa-el-text:nth-child(2) {
	position: relative;
	padding-top: 1rem;
	color: var(--usa-navy);
	font-size: 1.3rem;
	font-weight: 800;
	line-height: 1.25;
}
.usa-faculty .usa-el:has([class*="usa-el-heading--dean"]) + .usa-el + .usa-el:not(:has(.usa-el-heading)):not(:has(.usa-el-image)) + .usa-el:not(:has(.usa-el-heading)):not(:has(.usa-el-image)) .usa-el-text:nth-child(2)::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 56px;
	height: 3px;
	border-radius: 999px;
	background: var(--usa-orange);
}
.usa-faculty .usa-el:has([class*="usa-el-heading--dean"]) + .usa-el + .usa-el:not(:has(.usa-el-heading)):not(:has(.usa-el-image)) + .usa-el:not(:has(.usa-el-heading)):not(:has(.usa-el-image)) .usa-el-text:nth-child(2) p,
.usa-faculty .usa-el:has([class*="usa-el-heading--dean"]) + .usa-el + .usa-el:not(:has(.usa-el-heading)):not(:has(.usa-el-image)) + .usa-el:not(:has(.usa-el-heading)):not(:has(.usa-el-image)) .usa-el-text p {
	margin: 0;
}
.usa-faculty .usa-el:has([class*="usa-el-heading--dean"]) + .usa-el + .usa-el:not(:has(.usa-el-heading)):not(:has(.usa-el-image)) + .usa-el:not(:has(.usa-el-heading)):not(:has(.usa-el-image)) .usa-el-text:nth-child(3) {
	font-size: 0.88rem;
	letter-spacing: 0.03em;
}

@media (max-width: 768px) {
	.usa-faculty .usa-el:has([class*="usa-el-heading--dean"]) + .usa-el:has(.usa-el-image) > .usa-el__inner {
		grid-template-columns: 1fr;
	}
	.usa-faculty .usa-el:has([class*="usa-el-heading--dean"]) + .usa-el:has(.usa-el-image) .usa-el-image {
		height: 280px;
	}
	.usa-faculty .usa-el:has([class*="usa-el-heading--dean"]) + .usa-el:has(.usa-el-image) .usa-el-image img {
		min-height: 0;
		height: 100%;
		transform: scale(1.36);
		transform-origin: 50% 24%;
	}
}

/* ---------- Computer Science faculty: program cards (landscape media + arrow) ---------- */
/* Program cards are text-only site-wide — see components.css (.usa-card--program). */

/* Program level labels -> elegant group headings. */
.usa-faculty .usa-el__inner:has(> .usa-el-loop) > .usa-el-iconlist {
	margin-bottom: 0.4rem;
}
.usa-faculty .usa-el__inner:has(> .usa-el-loop) > .usa-el-iconlist li {
	display: flex;
	align-items: center;
	gap: 0.9rem;
	padding-left: 0;
	color: var(--usa-navy);
	font-size: clamp(1.15rem, 1.05rem + 0.5vw, 1.4rem);
	font-weight: 800;
	letter-spacing: 0.06em;
	line-height: 1.2;
	text-transform: uppercase;
}
.usa-faculty .usa-el__inner:has(> .usa-el-loop) > .usa-el-iconlist li::before {
	content: "";
	position: static;
	display: block;
	flex: 0 0 auto;
	width: 34px;
	height: 5px;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--usa-orange), var(--usa-orange-hover));
}
.usa-faculty .usa-el__inner:has(> .usa-el-loop) > .usa-el-iconlist li::after {
	content: "";
	flex: 1 1 auto;
	height: 1px;
	background: rgba(27, 44, 74, 0.12);
}

/* (Image-less placeholder no longer needed — program cards are text-only.) */

/* ---------- Faculty members: 4-up grid + designations ---------- */
.usa-faculty .usa-el-loop--faculty-member {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1.15rem;
}
.usa-faculty .usa-el-loop--faculty-member .usa-card__body {
	display: block;
	padding: 1rem 1.1rem 1.15rem;
	text-align: center;
}
.usa-faculty .usa-el-loop--faculty-member .usa-card__title {
	font-size: clamp(1rem, 0.92rem + 0.35vw, 1.15rem);
	line-height: 1.3;
}
/* Member cards: navy body panel with white name + orange designation. */
.single-faculty .usa-card--static .usa-card__body {
	background: #1b2c4a;
}
.single-faculty .usa-card--static .usa-card__title {
	color: #fff;
}
.usa-card__designation {
	margin: 0.35rem 0 0;
	color: var(--usa-orange);
	font-size: 0.8rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	line-height: 1.35;
	text-transform: uppercase;
}
/* Member cards are informational, not links — no interactive affordance. */
.single-faculty .usa-card--static:hover {
	transform: none;
	border-color: rgba(27, 44, 74, 0.1);
	box-shadow: 0 12px 28px rgba(27, 44, 74, 0.08);
}
.single-faculty .usa-card--static:hover .usa-card__media img { transform: none; }
@media (max-width: 1024px) {
	.usa-faculty .usa-el-loop--faculty-member {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (max-width: 640px) {
	.usa-faculty .usa-el-loop--faculty-member {
		grid-template-columns: 1fr;
	}
}

/* ---------- Zigzag feature rows: every image+text section gets the Vision/Mission
   treatment (structural rule). Excluded: History (dark band) and the Dean panel
   (nth-child(6), bespoke design). Source order alternates image sides. ---------- */
.usa-faculty .usa-elementor > .usa-el:has(> .usa-el__inner > .usa-el .usa-el-image):not(:has(.usa-el-heading--history)):not(.usa-el:has([class*="usa-el-heading--dean"]) + .usa-el) > .usa-el__inner {
	display: grid !important;
	grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
	align-items: center;
	column-gap: clamp(2.6rem, 5vw, 4.25rem) !important;
	row-gap: clamp(1.25rem, 3vw, 2rem) !important;
}
.usa-faculty .usa-elementor > .usa-el:has(> .usa-el__inner > .usa-el .usa-el-image):not(:has(.usa-el-heading--history)):not(.usa-el:has([class*="usa-el-heading--dean"]) + .usa-el) > .usa-el__inner > .usa-el {
	width: auto !important;
	flex: none !important;
	min-width: 0;
}
.usa-faculty .usa-elementor > .usa-el:has(> .usa-el__inner > .usa-el .usa-el-image):not(:has(.usa-el-heading--history)):not(.usa-el:has([class*="usa-el-heading--dean"]) + .usa-el) > .usa-el__inner > .usa-el > .usa-el__inner {
	padding-block: 0 !important;
	gap: 0.5rem !important;
}
.usa-faculty .usa-elementor > .usa-el:has(> .usa-el__inner > .usa-el .usa-el-image):not(:has(.usa-el-heading--history)):not(.usa-el:has([class*="usa-el-heading--dean"]) + .usa-el) > .usa-el__inner > .usa-el:not(:has(.usa-el-image)) {
	padding: clamp(1.5rem, 3vw, 2.4rem);
	border: 1px solid rgba(27, 44, 74, 0.08);
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 16px 38px rgba(27, 44, 74, 0.08);
}
.usa-faculty .usa-elementor > .usa-el:has(> .usa-el__inner > .usa-el .usa-el-image):not(:has(.usa-el-heading--history)):not(.usa-el:has([class*="usa-el-heading--dean"]) + .usa-el) > .usa-el__inner > .usa-el:has(.usa-el-image) .usa-el-image img {
	width: 100%;
	min-height: clamp(280px, 24vw, 360px);
	max-height: 400px;
	object-fit: cover;
	border-radius: 18px;
	box-shadow: 0 18px 42px rgba(27, 44, 74, 0.13);
}

@media (max-width: 1024px) {
	.usa-faculty .usa-elementor > .usa-el:has(> .usa-el__inner > .usa-el .usa-el-image):not(:has(.usa-el-heading--history)):not(.usa-el:has([class*="usa-el-heading--dean"]) + .usa-el) > .usa-el__inner {
		grid-template-columns: 1fr;
		column-gap: 0 !important;
		row-gap: clamp(1.25rem, 3vw, 1.75rem) !important;
	}
}
@media (max-width: 640px) {
	.usa-faculty .usa-elementor > .usa-el:has(> .usa-el__inner > .usa-el .usa-el-image):not(:has(.usa-el-heading--history)):not(.usa-el:has([class*="usa-el-heading--dean"]) + .usa-el) > .usa-el__inner > .usa-el:not(:has(.usa-el-image)) {
		padding: 1.2rem;
	}
	.usa-faculty .usa-elementor > .usa-el:has(> .usa-el__inner > .usa-el .usa-el-image):not(:has(.usa-el-heading--history)):not(.usa-el:has([class*="usa-el-heading--dean"]) + .usa-el) > .usa-el__inner > .usa-el:has(.usa-el-image) .usa-el-image img {
		min-height: 220px;
		max-height: 280px;
	}
}

/* ---------- Values: Design 1 "Ledger split" ---------- */
/* Card interior becomes a name | description grid; heading + stripe span both. */
.usa-faculty .usa-elementor > .usa-el:has(:is(.usa-el-heading--values, .usa-el-heading--core-values)) > .usa-el__inner > .usa-el:not(:has(.usa-el-image)) > .usa-el__inner {
	display: grid !important;
	grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
	align-items: center;
	column-gap: clamp(1.1rem, 2vw, 1.75rem);
	row-gap: 1.05rem !important;
	padding-block: 0 !important;
}
.usa-faculty .usa-elementor > .usa-el:has(:is(.usa-el-heading--values, .usa-el-heading--core-values)) > .usa-el__inner > .usa-el:not(:has(.usa-el-image)) > .usa-el__inner > .usa-el-heading,
.usa-faculty .usa-elementor > .usa-el:has(:is(.usa-el-heading--values, .usa-el-heading--core-values)) > .usa-el__inner > .usa-el:not(:has(.usa-el-image)) > .usa-el__inner > .usa-el-divider {
	grid-column: 1 / -1;
}
.usa-faculty .usa-elementor > .usa-el:has(:is(.usa-el-heading--values, .usa-el-heading--core-values)) > .usa-el__inner > .usa-el:not(:has(.usa-el-image)) > .usa-el__inner > .usa-el-divider {
	margin-block: 0.4rem 0.35rem;
}
.usa-faculty .usa-elementor > .usa-el:has(:is(.usa-el-heading--values, .usa-el-heading--core-values)) > .usa-el__inner > .usa-el:not(:has(.usa-el-image)) .usa-el-iconlist li {
	white-space: normal;
	color: var(--usa-navy);
	font-size: 0.95rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}
.usa-faculty .usa-elementor > .usa-el:has(:is(.usa-el-heading--values, .usa-el-heading--core-values)) > .usa-el__inner > .usa-el:not(:has(.usa-el-image)) .usa-el-text {
	padding-left: 0;
	padding-bottom: 0;
	border-bottom: 0;
	margin-bottom: 0;
	color: #5a6a85;
	font-size: 0.98rem;
	line-height: 1.6;
}
.usa-faculty .usa-elementor > .usa-el:has(:is(.usa-el-heading--values, .usa-el-heading--core-values)) > .usa-el__inner > .usa-el:not(:has(.usa-el-image)) .usa-el-text:not(:last-child) {
	padding-bottom: 0;
	border-bottom: 0;
	margin-bottom: 0;
}

/* Image fills the entire card height on desktop. */
@media (min-width: 1025px) {
	.usa-faculty .usa-elementor > .usa-el:has(:is(.usa-el-heading--values, .usa-el-heading--core-values)) > .usa-el__inner { align-items: stretch; }
	.usa-faculty .usa-elementor > .usa-el:has(:is(.usa-el-heading--values, .usa-el-heading--core-values)) > .usa-el__inner > .usa-el:has(.usa-el-image) { align-self: stretch; }
	.usa-faculty .usa-elementor > .usa-el:has(:is(.usa-el-heading--values, .usa-el-heading--core-values)) > .usa-el__inner > .usa-el:has(.usa-el-image) > .usa-el__inner,
	.usa-faculty .usa-elementor > .usa-el:has(:is(.usa-el-heading--values, .usa-el-heading--core-values)) .usa-el-image {
		height: 100%;
	}
	.usa-faculty .usa-elementor > .usa-el:has(:is(.usa-el-heading--values, .usa-el-heading--core-values)) .usa-el-image img {
		height: 100% !important;
		min-height: 0 !important;
		max-height: none !important;
		object-fit: cover;
	}
}

@media (max-width: 640px) {
	.usa-faculty .usa-elementor > .usa-el:has(:is(.usa-el-heading--values, .usa-el-heading--core-values)) > .usa-el__inner > .usa-el:not(:has(.usa-el-image)) > .usa-el__inner {
		grid-template-columns: 1fr;
		row-gap: 0.3rem !important;
	}
	.usa-faculty .usa-elementor > .usa-el:has(:is(.usa-el-heading--values, .usa-el-heading--core-values)) > .usa-el__inner > .usa-el:not(:has(.usa-el-image)) .usa-el-text:not(:last-child) {
		margin-bottom: 0.7rem;
	}
}

/* 2. Zigzag card headings (without their own stripe) get a small orange bar. */
.usa-faculty .usa-elementor > .usa-el:has(> .usa-el__inner > .usa-el .usa-el-image):not(:has(.usa-el-heading--history)):not(.usa-el:has([class*="usa-el-heading--dean"]) + .usa-el) > .usa-el__inner > .usa-el:not(:has(.usa-el-image)):not(:has(.usa-el-divider)) .usa-el-heading::after {
	content: "";
	display: block;
	width: 44px;
	height: 4px;
	margin-top: 0.55rem;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--usa-orange), var(--usa-orange-hover));
}

/* 3. Research Mindset: centered pull-quote strip. */
.usa-faculty .usa-elementor > .usa-el:has(:is(.usa-el-heading--research-mindset, .usa-el-heading--research-approach)) > .usa-el__inner {
	max-width: 900px;
	margin-block: clamp(0.75rem, 1.5vw, 1.25rem) clamp(1.5rem, 2.5vw, 2rem);
	padding: clamp(1.5rem, 3vw, 2.25rem) !important;
	background: #fff;
	border-top: 4px solid var(--usa-orange);
	border-radius: 18px;
	box-shadow: 0 16px 40px rgba(27, 44, 74, 0.08);
	text-align: center;
}
.usa-faculty :is(.usa-el-heading--research-mindset, .usa-el-heading--research-approach) {
	max-width: none;
	font-size: clamp(1.3rem, 1.15rem + 0.7vw, 1.7rem) !important;
}
.usa-faculty .usa-elementor > .usa-el:has(:is(.usa-el-heading--research-mindset, .usa-el-heading--research-approach)) .usa-el-text {
	max-width: 760px;
	margin-inline: auto;
}

/* 4. Facilities rows: decorative ghost numbers on the text cards (all faculties). */
.usa-faculty .usa-elementor { counter-reset: usafac; }
.usa-faculty .usa-elementor > .usa-el:has(:is(.usa-el-heading--classrooms, .usa-el-heading--auditoriums, .usa-el-heading--computer-labs, .usa-el-heading--library, [class*="usa-el-heading--dld-lab"], .usa-el-heading--anatomy-lab, .usa-el-heading--kinesiology-lab, .usa-el-heading--physiology-lab, .usa-el-heading--food-and-nutrition-lab, .usa-el-heading--studios, .usa-el-heading--workshops, .usa-el-heading--technology-labs, .usa-el-heading--exhibition-space, .usa-el-heading--learning-resource-center, .usa-el-heading--legal-research-facilities)) {
	counter-increment: usafac;
}
.usa-faculty .usa-elementor > .usa-el:has(:is(.usa-el-heading--classrooms, .usa-el-heading--auditoriums, .usa-el-heading--computer-labs, .usa-el-heading--library, [class*="usa-el-heading--dld-lab"], .usa-el-heading--anatomy-lab, .usa-el-heading--kinesiology-lab, .usa-el-heading--physiology-lab, .usa-el-heading--food-and-nutrition-lab, .usa-el-heading--studios, .usa-el-heading--workshops, .usa-el-heading--technology-labs, .usa-el-heading--exhibition-space, .usa-el-heading--learning-resource-center, .usa-el-heading--legal-research-facilities)) > .usa-el__inner > .usa-el:not(:has(.usa-el-image)) {
	position: relative;
	overflow: hidden;
}
.usa-faculty .usa-elementor > .usa-el:has(:is(.usa-el-heading--classrooms, .usa-el-heading--auditoriums, .usa-el-heading--computer-labs, .usa-el-heading--library, [class*="usa-el-heading--dld-lab"], .usa-el-heading--anatomy-lab, .usa-el-heading--kinesiology-lab, .usa-el-heading--physiology-lab, .usa-el-heading--food-and-nutrition-lab, .usa-el-heading--studios, .usa-el-heading--workshops, .usa-el-heading--technology-labs, .usa-el-heading--exhibition-space, .usa-el-heading--learning-resource-center, .usa-el-heading--legal-research-facilities)) > .usa-el__inner > .usa-el:not(:has(.usa-el-image))::before {
	content: "0" counter(usafac);
	position: absolute;
	top: 0.65rem;
	right: 1rem;
	color: rgba(27, 44, 74, 0.07);
	font-size: clamp(2.6rem, 4vw, 4rem);
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.02em;
	pointer-events: none;
}

/* 5. Holistic Development: centered closing finale with panoramic image. */
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--holistic-development) > .usa-el__inner {
	text-align: center;
	padding-bottom: clamp(2.5rem, 4vw, 3.5rem) !important;
}
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--holistic-development) .usa-el-text {
	max-width: 900px;
	margin-inline: auto;
	text-align: center;
}
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--holistic-development) .usa-el-image {
	margin-block: 0.85rem;
}
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--holistic-development) .usa-el-image img {
	width: 100%;
	max-height: 420px;
	object-fit: cover;
	border-radius: 22px;
	box-shadow: 0 22px 50px rgba(27, 44, 74, 0.14);
}

@media (max-width: 640px) {
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--classrooms) > .usa-el__inner > .usa-el:not(:has(.usa-el-image))::before,
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--auditoriums) > .usa-el__inner > .usa-el:not(:has(.usa-el-image))::before,
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--computer-labs) > .usa-el__inner > .usa-el:not(:has(.usa-el-image))::before,
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--library) > .usa-el__inner > .usa-el:not(:has(.usa-el-image))::before,
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--dld-lab-digital-logic-design-lab) > .usa-el__inner > .usa-el:not(:has(.usa-el-image))::before {
		font-size: 2.2rem;
	}
	.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--holistic-development) .usa-el-image img {
		max-height: 260px;
	}
}

/* ---------- Post-members polish: flat text cards (no shadows) ---------- */
.usa-faculty .usa-elementor > .usa-el:has([class*="usa-el-heading--faculty-members"]) ~ .usa-el > .usa-el__inner > .usa-el:not(:has(.usa-el-image)) {
	box-shadow: none !important;
	border-color: rgba(27, 44, 74, 0.1);
}
/* Research Mindset strip: flat, orange top border kept. */
.usa-faculty .usa-elementor > .usa-el:has([class*="usa-el-heading--faculty-members"]) ~ .usa-el:has(:is(.usa-el-heading--research-mindset, .usa-el-heading--research-approach)) > .usa-el__inner {
	box-shadow: none;
	border: 1px solid rgba(27, 44, 74, 0.09);
	border-top: 4px solid var(--usa-orange);
}
/* Values card: extra breathing room under the last row. */
.usa-faculty .usa-elementor > .usa-el:has(:is(.usa-el-heading--values, .usa-el-heading--core-values)) > .usa-el__inner > .usa-el:not(:has(.usa-el-image)) {
	padding-bottom: clamp(1.85rem, 3.2vw, 2.75rem);
}

/* Facilities closing strip (orange band after DLD Lab) — removed per request. */
.usa-faculty .usa-elementor > .usa-el:has([class*="usa-el-heading--dld-lab"]) + .usa-el {
	display: none;
}

/* "Overview" sections — removed on all faculty pages per request. */
.usa-faculty .usa-elementor > .usa-el:has(.usa-el-heading--overview) {
	display: none;
}

/* Other pages: loud inline background strips become readable centered cards. */
.usa-faculty .usa-elementor > .usa-el[style*="background-color"] {
	background: transparent !important;
}
.usa-faculty .usa-elementor > .usa-el[style*="background-color"]:not(:has(.usa-el-image)):not(:has(.usa-el-loop)):not(:has(.usa-el-heading)) > .usa-el__inner .usa-el-text {
	max-width: 980px;
	margin-inline: auto;
	padding: clamp(1.25rem, 3vw, 2rem);
	color: #43526d;
	text-align: center;
	background: #fff;
	border: 1px solid rgba(27, 44, 74, 0.08);
	border-top: 4px solid var(--usa-orange);
	border-radius: 18px;
}