/* Team Page Performance Optimizations */

/* Disable all animations and transitions on team page */
.team-card *,
.team-overview *,
.hero-section * {
    animation: none !important;
    transition: none !important;
    transform: none !important;
}

/* Optimize images */
.team-photo img {
    width: 100% !important;
    height: 300px !important;
    object-fit: cover !important;
    display: block !important;
    contain: strict !important;
    will-change: auto !important;
    backface-visibility: hidden !important;
    transform: translateZ(0) !important;
    image-rendering: optimizeSpeed !important;
    image-rendering: -webkit-optimize-contrast !important;
    image-rendering: crisp-edges !important;
}

/* Disable hover effects */
.team-card:hover .team-photo img,
.team-card:hover,
.overview-card:hover {
    transform: none !important;
    box-shadow: none !important;
}

/* Optimize layout */
.team-grid,
.team-overview {
    contain: layout style paint !important;
    will-change: auto !important;
}

/* Disable blob animations completely */
.blob {
    display: none !important;
}

/* Optimize social links */
.social-links a {
    transition: none !important;
    transform: none !important;
}

.social-links a:hover {
    transform: none !important;
    background: var(--accent-gold) !important;
    color: white !important;
}

/* Optimize team overlay */
.team-overlay {
    transition: none !important;
    will-change: auto !important;
    contain: layout style paint !important;
}

/* Optimize expertise tags */
.expertise-tag {
    transition: none !important;
    transform: none !important;
}

/* Optimize hero stats */
.hero-stat {
    transition: none !important;
    transform: none !important;
}

.hero-stat .stat-number {
    transition: none !important;
    animation: none !important;
}

/* Optimize overview cards */
.overview-card {
    transition: none !important;
    transform: none !important;
    contain: layout style paint !important;
}

.overview-card:hover {
    transform: none !important;
    box-shadow: var(--shadow-md) !important;
}

/* Optimize overview icons */
.overview-icon {
    transition: none !important;
    transform: none !important;
}

/* Optimize section headers */
.section-header h2,
.section-header .section-subtitle {
    transition: none !important;
    animation: none !important;
}

/* Optimize gradient text */
.gradient-text {
    animation: none !important;
    transition: none !important;
}

/* Optimize hero content */
.hero-content h1,
.hero-content p,
.hero-content .hero-subtitle {
    transition: none !important;
    animation: none !important;
}

/* Optimize container */
.container {
    contain: layout style paint !important;
}

/* Optimize sections */
.section {
    contain: layout style paint !important;
    transition: none !important;
}

/* Optimize main element */
main {
    contain: layout style paint !important;
}

/* Optimize body */
body {
    contain: layout style paint !important;
    overflow-x: hidden !important;
}

/* Optimize header */
header {
    contain: layout style paint !important;
    transition: none !important;
}

/* Optimize navigation */
.nav-links {
    transition: none !important;
}

.nav-links a {
    transition: none !important;
}

/* Optimize hamburger */
.hamburger span {
    transition: none !important;
}

/* Optimize dropdown */
.dropdown-menu {
    transition: none !important;
    animation: none !important;
}

/* Optimize logo */
.logo img {
    transition: none !important;
}

/* Optimize footer */
.site-footer {
    contain: layout style paint !important;
}

/* Optimize all interactive elements */
a, button, input, textarea, select {
    transition: none !important;
}

/* Optimize scroll behavior */
html {
    scroll-behavior: auto !important;
}

/* Optimize font loading */
* {
    font-display: swap !important;
}

/* Optimize image loading */
img {
    loading: lazy !important;
    decoding: async !important;
}

/* Optimize CSS containment */
* {
    contain: layout style paint !important;
}

/* Disable all transforms and animations globally for team page */
* {
    animation: none !important;
    transition: none !important;
    transform: none !important;
}

/* Re-enable only essential transforms */
.team-card,
.team-photo,
.team-overlay,
.social-links,
.expertise-tag {
    transform: translateZ(0) !important;
}

/* Optimize for reduced motion */
@media (prefers-reduced-motion: reduce) {
    * {
        animation: none !important;
        transition: none !important;
        transform: none !important;
    }
}