/* ===================================================================
   TEAMS PAGE — card grid of the real teams (see page-teams.php).
   Tokens scoped to .teams-page-modern so they don't touch the rest of
   the site's (dark) design tokens.
=================================================================== */

.teams-page-modern{
	--tm-navy: #14205b;
	--tm-navy-deep: #0a1240;
	--tm-navy-soft: #eceffb;
	--tm-orange: #e8491d;
	--tm-line: #e2e5f2;
	--tm-text: #1b2140;
	--tm-text-mute: #767d9c;

	padding:60px 0 90px;
	font-family:'Inter', var(--body);
	color:var(--tm-text);
}

.teams-page-modern .page-head{ margin-bottom:34px; }
.teams-page-modern .eyebrow{
	font-family:'JetBrains Mono', var(--mono); font-size:11px; letter-spacing:1px;
	color:var(--tm-orange); font-weight:600; display:block; margin-bottom:8px;
	background:none; border:0; box-shadow:none; padding:0; text-transform:none;
	animation:none; backdrop-filter:none;
}
.teams-page-modern .eyebrow::before{ content:none; }

.teams-page-modern h1{
	font-family:'Oswald', var(--display); font-size:52px; font-weight:700;
	color:var(--tm-navy); letter-spacing:-1px; margin:0;
}
.teams-page-modern .page-head p{
	color:var(--tm-text-mute); font-size:14.5px; margin-top:8px; max-width:460px;
}

.teams-page-modern .teams-grid{
	display:grid; grid-template-columns:repeat(4, 1fr); gap:20px;
}

.teams-page-modern .team-card{
	background:#fff; border:1px solid var(--tm-line); border-radius:16px;
	overflow:hidden; box-shadow:0 16px 32px -26px rgba(20,32,91,0.3);
	transition:transform 0.2s ease, box-shadow 0.2s ease;
	text-decoration:none; color:inherit; display:block;
}
.teams-page-modern .team-card:hover{
	transform:translateY(-4px); box-shadow:0 22px 40px -22px rgba(20,32,91,0.4);
}

.teams-page-modern .team-banner{
	position:relative; height:150px;
	display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.teams-page-modern .team-banner::before{
	content:""; position:absolute; inset:0;
	background-image:radial-gradient(rgba(255,255,255,0.35) 1px, transparent 1px);
	background-size:16px 16px; opacity:0.35;
}

.teams-page-modern .crest{
	position:relative; z-index:1;
	width:78px; height:78px; border-radius:50%;
	background:rgba(255,255,255,0.95);
	display:flex; align-items:center; justify-content:center;
	font-family:'Oswald', var(--display); font-weight:700; font-size:19px; letter-spacing:0.5px;
	box-shadow:0 8px 20px rgba(0,0,0,0.25);
	overflow:hidden; padding:10px; box-sizing:border-box;
	color:var(--tm-navy);
}
.teams-page-modern .crest img{ width:100%; height:100%; object-fit:contain; }

.teams-page-modern .team-body{ padding:16px 18px 20px; }

.teams-page-modern .team-name{
	font-family:'Oswald', var(--display); font-size:18px; font-weight:600; color:var(--tm-navy); margin-bottom:4px;
}
.teams-page-modern .team-meta{
	font-family:'JetBrains Mono', var(--mono); font-size:10.5px; color:var(--tm-text-mute);
	letter-spacing:0.5px; margin-bottom:14px;
}

.teams-page-modern .team-link{
	display:inline-flex; align-items:center; gap:6px;
	font-size:12.5px; font-weight:600; color:var(--tm-orange);
}
.teams-page-modern .team-card:hover .team-link{ gap:9px; }
.teams-page-modern .team-link .arrow{ transition:transform 0.2s ease; }

.teams-page-modern .no-teams{ text-align:center; color:var(--tm-text-mute); padding:40px 0; }

/* ---------- Tablet ---------- */
@media (max-width:980px){
	.teams-page-modern .teams-grid{ grid-template-columns:repeat(3, 1fr); }
}

@media (max-width:760px){
	.teams-page-modern .teams-grid{ grid-template-columns:repeat(2, 1fr); }
	.teams-page-modern h1{ font-size:42px; }
}

/* ---------- Mobile ---------- */
@media (max-width:480px){
	.teams-page-modern{ padding:40px 0 60px; }
	.teams-page-modern .teams-grid{ grid-template-columns:1fr; gap:16px; }
	.teams-page-modern h1{ font-size:34px; }
	.teams-page-modern .team-banner{ height:130px; }
	.teams-page-modern .crest{ width:64px; height:64px; font-size:16px; }
}