/* Services uses the same editorial sections and introduction as Who Are We. */
#martec-website .m-services-hero > p + p { margin-top:18px; }
#martec-website .m-pillar-heading .m-eyebrow { color:#526d77; margin-bottom:17px; }
#martec-website .m-pillar-heading h2 { max-width:390px; }
#martec-website .m-services-list-label strong { font-weight:500; color:#102a3a; }
#martec-website .m-services-list { margin:12px 0 24px; padding:0; list-style:none; color:#4b626e; font-size:15px; line-height:1.65; }
#martec-website .m-services-list li { padding:10px 0 10px 18px; border-top:1px solid #cdd7d7; position:relative; }
#martec-website .m-services-list li::before { content:'•'; position:absolute; left:0; color:#0088CC; }
#martec-website .m-services-pillar { scroll-margin-top:28px; }
@media(max-width:740px) {
  #martec-website .m-pillar-heading .m-eyebrow { margin-bottom:14px; }
  #martec-website .m-pillar-heading h2 { max-width:none; }
}

/* Approved Services photography, 26 October 2026; frozen V2 remains unchanged. */
#martec-website .m-services-hero-with-photo { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:clamp(30px,3.75vw,54px); align-items:center; }
#martec-website .m-services-intro-copy > p { max-width:610px; margin:0; color:#edf1ef; font-size:15px; line-height:1.8; }
#martec-website .m-services-intro-copy > p + p { margin-top:18px; }
#martec-website .m-services-intro-photo { min-width:0; margin:0; }
#martec-website .m-services-intro-photo img { display:block; width:100%; height:auto; }
@media(max-width:960px) {
  #martec-website .m-services-hero-with-photo { grid-template-columns:minmax(0,1fr); gap:32px; }
  #martec-website .m-services-intro-copy > p { max-width:610px; }
}
@media(max-width:740px) {
  #martec-website .m-services-hero-with-photo { gap:30px; }
}

/* Approved unified desktop background; mobile image remains below the introduction. */
@media(min-width:961px) {
  #martec-website .m-services-hero-with-photo { position:relative; isolation:isolate; overflow:hidden; }
  #martec-website .m-services-hero-with-photo::before { content:''; position:absolute; inset:0; z-index:0; pointer-events:none; background-image:url('/images/services-ocv-unbranded.webp'); background-size:350% auto; background-position:left bottom; background-repeat:no-repeat; opacity:.24; }
  #martec-website .m-services-hero-with-photo::after { content:''; position:absolute; inset:0; z-index:2; pointer-events:none; background:linear-gradient(90deg,rgba(41,74,90,.42) 0%,rgba(41,74,90,.42) 28%,rgba(41,74,90,.28) 50%,rgba(41,74,90,.08) 75%,rgba(41,74,90,0) 100%); }
  #martec-website .m-services-intro-copy { position:relative; z-index:3; }
  #martec-website .m-services-intro-photo { position:static; }
  #martec-website .m-services-intro-photo::before { content:''; display:block; aspect-ratio:1514 / 1039; }
  #martec-website .m-services-intro-photo img { position:absolute; inset:0 0 0 35%; width:65%; height:100%; object-fit:cover; object-position:50% 50%; opacity:.96; z-index:1; -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 15%,rgba(0,0,0,.7) 30%,#000 50%); mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 15%,rgba(0,0,0,.7) 30%,#000 50%); }
}

/* Softer top transition only; the existing lower blend is preserved. */
@media(min-width:961px) {
  #martec-website .m-services-intro-photo::after { content:''; position:absolute; inset:0 0 auto 0; height:38%; z-index:2; pointer-events:none; background:linear-gradient(105deg,#294a5a 0%,#53727f 57%,#b8ccce 100%); -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.45) 20%,rgba(0,0,0,.18) 50%,transparent 100%); mask-image:linear-gradient(180deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.45) 20%,rgba(0,0,0,.18) 50%,transparent 100%); }
}

/* Keep the shifted photo edge inside the fully transparent start of the feather. */
@media(min-width:961px) {
  #martec-website .m-services-intro-photo img { object-position:calc(50% + 4vw) 50%; -webkit-mask-image:linear-gradient(90deg,transparent 0%,transparent 8%,rgba(0,0,0,.25) 15%,rgba(0,0,0,.7) 30%,#000 50%); mask-image:linear-gradient(90deg,transparent 0%,transparent 8%,rgba(0,0,0,.25) 15%,rgba(0,0,0,.7) 30%,#000 50%); }
}