/* Scoped to project hero banners. Desktop styles remain untouched. */
@media (max-width: 767px) {
 .mental-project-hero-mobile.static__banner {
   display: grid; align-items: center; min-height: 380px;
   min-height: clamp(360px, 58svh, 480px); isolation: isolate;
   padding: 44px 0; box-sizing: border-box;
 }
 .mental-project-hero-mobile .static__banner-image-container {
   position: absolute; inset: 0; z-index: -2;
 }
 .static .mental-project-hero-mobile .static__banner-image {
   display: block; width: 100%; height: 100%; max-width: none; max-height: none;
   object-fit: cover; object-position: center; left: 0; transform: none;
 }
 .mental-project-hero-mobile::after {
   content: ''; position: absolute; inset: 0; z-index: -1;
   background: linear-gradient(180deg, rgba(0,28,52,.22), rgba(0,28,52,.62));
 }
 .mental-project-hero-mobile .static__content {
   position: relative; inset: auto; width: 100%; height: auto !important; padding: 0 24px;
 }
 .mental-project-hero-mobile .static__content > .row {
   height: auto !important; margin: 0; width: 100%;
 }
 .mental-project-hero-mobile .static__content > .row > div {
   padding: 0; min-width: 0; width: 100%; max-width: 100%;
 }
 .mental-project-hero-mobile .static__banner-title {
   font-size: clamp(26px, 7.7vw, 34px); line-height: 1.16;
   letter-spacing: .15px; opacity: 1; margin: 0;
   padding: 0 0 28px !important; overflow-wrap: anywhere;
   text-shadow: 0 2px 16px rgba(0,0,0,.2); text-wrap: balance;
 }
 .mental-project-hero-mobile .btn {
   min-height: 48px; max-width: 100%; padding: 14px 24px;
   white-space: normal; font-size: 15px; line-height: 1.35;
 }
}