/* Automotive page
   Extends technical-manufacturing.css; only overrides the hero background and logo layout. */

.auto-hero {
    background-image:
        radial-gradient(circle at 10% 20%, rgba(231, 206, 103, 0.08), transparent 40%),
        radial-gradient(circle at 90% 80%, rgba(13, 128, 140, 0.12), transparent 40%),
        linear-gradient(to right, rgba(0, 43, 54, 0.90) 0%, rgba(0, 43, 54, 0.75) 50%, rgba(17, 23, 26, 0.95) 100%),
        url('../images/hero/automotive_hero.webp');
    background-size: cover;
    background-position: center top;
}

/* Automotive logo sizes */
.auto-hero .tm-partner-logo-item {
    height: 60px; /* Base height */
    max-width: 200px;
}

/* WAE has a chunkier logo, optically balance it */
.auto-hero .tm-partner-logo-box:has([alt*="Wallis"]) .tm-partner-logo-item {
    height: 40px;
}

/* Porsche shield is tall after stripping whitespace padding */
img.tm-partner-logo-item[alt*="Porsche"] {
    width: 120px !important;
    height: 60px !important;
    object-fit: contain !important;
}

/* Make only the last row centered by spanning the odd item across the 2-column grid */
.auto-hero .tm-partner-logo-box:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    justify-self: center;
}

@media (max-width: 991px) {
    .auto-hero {
        background-image:
            linear-gradient(rgba(0, 43, 54, 0.80), rgba(17, 23, 26, 0.90)),
            url('../images/hero/automotive_hero.webp');
    }
    
    .auto-hero .tm-partners-grid {
        gap: 32px;
    }
}