/* Marketing Management refinements to the shared teal service layout. */
.tg-marketing .mp-hero .ip-hero-grid { grid-template-columns: 47% 53%; }
.tg-marketing .mp-hero .ip-hero-visual > img { object-position: 46% center; }
.tg-marketing .mp-hero .ip-float-streamlined { bottom: 35px; right: 30px; }
.tg-marketing .mp-value-photo { object-position: 43% center; }
.tg-marketing .mp-approach-grid h3 { max-width: 210px; }
.tg-marketing .mp-environment-grid { grid-template-columns: 40fr 33fr 27fr; }
.tg-marketing .mp-outcomes { gap: 15px; min-height: 290px; padding-block: 15px; }
.tg-marketing .mp-outcomes strong { max-width: 180px; }
.tg-marketing .mp-outcomes .ip-icon { width: 45px; height: 45px; }
.tg-marketing .mp-environment-grid > .mm-strategy-visual { padding: 0; }
.mm-strategy-visual { position: relative; height: 290px; overflow: hidden; border-radius: 15px; }
.mm-strategy-visual img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 43% center; }
.mm-strategy-label { position: absolute; bottom: 18px; left: 15px; right: 15px; display: flex; align-items: center; justify-content: center; gap: 12px; padding: 12px; border-radius: 9px; color: #075763; background: #fffffff0; font-size: 13px; font-weight: 700; box-shadow: 0 4px 15px #073b4215; }
.tg-marketing .mp-final-photo img { object-position: center 43%; }
@media (max-width: 900px) {
    .tg-marketing .mp-environment-grid { grid-template-columns: 1fr 1fr; }
    .tg-marketing .mp-outcomes { min-height: 0; display: grid; grid-template-columns: 1fr 1fr; }
}
@media (max-width: 600px) {
    .tg-marketing .mp-hero .ip-hero-grid, .tg-marketing .mp-environment-grid { grid-template-columns: 1fr; }
    .tg-marketing .mp-outcomes { grid-template-columns: 1fr; }
    .tg-marketing .mp-outcomes strong { max-width: none; }
    .mm-strategy-visual { height: 260px; }
}
@media (prefers-reduced-motion: reduce) {
    html:has(body.tg-marketing) { scroll-behavior: auto; }
}