/* ============================================================
	 LABS.CSS
	 Styles specific to the /labs landing page.
	 Shared tour and form styles live in components.css.
	 Depends on tokens in base.css.
	 ============================================================ */

/* ── HERO OFFSET ── */
/* Push hero down to account for sub-nav sitting below main nav */

/* ── UNIVERSITY AUDIENCE CARD ── */

.labs-audience-card--university {
	border-color: rgba(93, 202, 165, 0.3);
	background:   rgba(93, 202, 165, 0.04);
}

.labs-audience-university-link {
	display:         inline-block;
	margin-top:      14px;
	font-family:     var(--font-mono);
	font-size:       11px;
	letter-spacing:  0.06em;
	text-transform:  uppercase;
	color:           #085041;
	text-decoration: none;
	border-bottom:   1px solid rgba(93, 202, 165, 0.4);
	padding-bottom:  1px;
	transition:      color var(--transition-fast), border-color var(--transition-fast);
}

.labs-audience-university-link:hover {
	color:         #015501;
	border-color:  rgba(93, 202, 165, 0.8);
}


/* ── UNIVERSITY CALLOUT STRIP ── */

.labs-university-strip {
	background:    var(--color-ink);
	border-top:    1px solid rgba(93, 202, 165, 0.15);
	border-bottom: 1px solid rgba(93, 202, 165, 0.15);
	padding:       56px 32px;
	margin:        64px 0 0;
}

.labs-university-strip-inner {
	max-width:       var(--max-content-width);
	margin:          0 auto;
	display:         flex;
	align-items:     center;
	justify-content: space-between;
	gap:             48px;
	flex-wrap:       wrap;
}

.labs-university-strip-text {
	flex: 1;
	min-width: 260px;
}

.labs-university-strip-label {
	font-family:    var(--font-mono);
	font-size:      10px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color:          rgba(93, 202, 165, 0.7);
	margin-bottom:  8px;
}

.labs-university-strip-heading {
	font-family:   var(--font-serif);
	font-size:     clamp(22px, 3vw, 32px);
	color:         var(--color-paper);
	margin-bottom: 12px;
	line-height:   1.15;
}

.labs-university-strip-body {
	font-size:   14px;
	color:       rgba(245, 242, 235, 0.5);
	line-height: 1.7;
	max-width:   520px;
}

.labs-university-strip-cta {
	flex-shrink:  0;
	white-space:  nowrap;
	background:   #5DCAA5;
	box-shadow:   0 4px 20px rgba(93, 202, 165, 0.2);
}

.labs-university-strip-cta:hover {
	background: #4ab891;
	box-shadow: 0 8px 28px rgba(93, 202, 165, 0.3);
}


/* ── RESPONSIVE ── */

@media (max-width: 820px) {

	.page-hero {
		padding-top: 180px;
	}

	.labs-university-strip {
		padding: 40px 20px;
	}

	.labs-university-strip-inner {
		flex-direction: column;
		align-items:    flex-start;
		gap:            28px;
	}

	.labs-university-strip-cta {
		width: 100%;
		text-align: center;
	}

}