.team-hero {
background: linear-gradient(180deg, #0a0a0a 0%, #121212 100%);
}
.hero-grid {
align-items: center;
}
.hero-text h1 {
font-size: clamp(2.5rem, 5vw, 3.8rem);
}
.hero-media img {
border-radius: var(--radius-md);
width: 100%;
height: auto;
}
.team-section {
background: var(--color-charcoal);
}
.team-section.alt {
background: var(--color-black);
}
.section-grid {
align-items: center;
}
.section-text h2 {
color: var(--color-accent);
}
.section-media img {
border-radius: var(--radius-md);
width: 100%;
}
.team-cta {
background: linear-gradient(180deg, #121212 0%, #0a0a0a 100%);
}
.cta-actions {
margin-top: var(--space-md);
}
.button {
transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}
.button:hover {
transform: translateY(-2px);
box-shadow: 0 10px 30px rgba(255,90,31,0.25);
}
.section-grid > * {
min-width: 0;
}
.hero-grid > * {
min-width: 0;
}
@media (max-width: 640px) {
.hero-text {
order: 2;
}
.hero-media {
order: 1;
}
}