/* Asset lifecycle page refinements to the shared teal service design. */
.tg-assets .mp-hero .ip-hero-grid { grid-template-columns: 49% 51%; }
.tg-assets h1 { font-size: clamp(35px, 3.45vw, 48px); }
.tg-assets .mp-hero .ip-hero-visual > img { object-position: 70% center; }
.tg-assets .mp-value-photo { object-position: 48% center; }
.tg-assets .mp-approach-grid h3 { max-width: 200px; }
.tg-assets .mp-outcomes strong { max-width: 170px; }
.tg-assets #asset-services { scroll-margin-top: 25px; }
.tg-assets .mp-environment-grid { grid-template-columns: 38fr 35fr 27fr; }
.tg-assets .mp-environment-grid > img { height: 310px; object-position: center; }
.tg-assets .mp-outcomes { min-height: 310px; }
.tg-assets .mp-final-photo img { object-position: center 45%; }
@media (max-width: 900px) {
    .tg-assets .mp-environment-grid { grid-template-columns: 1fr 1fr; }
    .tg-assets .mp-outcomes { min-height: 0; }
}
@media (max-width: 600px) {
    .tg-assets .mp-hero .ip-hero-grid, .tg-assets .mp-environment-grid { grid-template-columns: 1fr; }
    .tg-assets h1 { font-size: clamp(31px, 8.2vw, 44px); }
    .tg-assets .mp-environment-grid > img { height: 250px; }
    .tg-assets .mp-outcomes strong { max-width: none; }
}
@media (prefers-reduced-motion: reduce) {
    html:has(body.tg-assets) { scroll-behavior: auto; }
}