.service-page {background:#041321;color:#e7f0f7;}
.service-page-header,.service-hero,.service-capabilities,.service-cta,.service-page-footer {width:min(1210px,calc(100% - 112px));margin-inline:auto;}
.service-page-header {display:flex;align-items:center;justify-content:space-between;gap:32px;padding:24px 0;border-bottom:1px solid #243b4f;}
.service-page-logo {display:block;flex-shrink:0;width:210px;}
.service-page-logo img {display:block;width:100%;height:auto;}
.service-page-nav {display:flex;align-items:center;gap:28px;flex-wrap:wrap;font-size:14px;}
.service-page-nav a {color:#dce7ef;text-decoration:none;}
.service-page-nav a:hover,.service-page-footer a:hover {color:#4db4ff;}
.service-page a:focus-visible {outline:2px solid #4db4ff;outline-offset:6px;}
.service-hero {display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:64px;padding:80px 0;}
.service-hero.text-hero {display:block;padding:74px 0 80px;}
.service-hero-copy {max-width:780px;}
.service-kicker,.service-page-heading>p,.service-cta>p {font-size:11px!important;letter-spacing:2px;text-transform:uppercase;color:#49adf5!important;font-weight:600;}
.service-hero h1 {font-size:clamp(38px,5vw,64px);line-height:1.08;letter-spacing:-2.5px;margin:24px 0;overflow-wrap:break-word;}
.service-hero-copy>p {font-size:18px;line-height:1.75;color:#adbfcd;max-width:700px;}
.service-back {display:inline-block;margin-bottom:36px;color:#a9c2d5;text-decoration:none;font-size:13px;}
.service-hero-image img,.capability-image img {display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:3px;}
.service-capabilities {padding:56px 0 72px;border-top:1px solid #243b4f;}
.service-page-heading {margin-bottom:32px;}
.service-page-heading h2,.service-cta h2 {font-size:clamp(28px,3vw,40px);line-height:1.2;letter-spacing:-1px;font-weight:500;}
.service-capability-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;padding:0;margin:0;list-style:none;}
.service-capability-list li {position:relative;padding:24px 0 24px 22px;border-top:1px solid #243b4f;font-size:18px;line-height:1.55;color:#d9e6ef;}
.service-capability-list li::before {content:"";position:absolute;left:0;top:35px;width:6px;height:6px;border-radius:50%;background:#008efa;}
.capability-row {display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:32px 0;}
.capability-row.reverse .capability-image {order:2;}
.capability-copy h3 {font-size:27px;line-height:1.3;font-weight:500;}
.capability-copy p {color:#adbfcd;font-size:16px;line-height:1.8;}
.service-cta {padding:48px 0 64px;border-top:1px solid #243b4f;}
.service-cta h2 {max-width:760px;margin:20px 0 28px;}
.service-cta>a {display:inline-flex;align-items:center;gap:16px;background:#008efa;color:#fff;padding:16px 22px;text-decoration:none;font-size:14px;}
.service-cta>a:hover {background:#077cda;}
.service-page-footer {display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:24px 0 32px;border-top:1px solid #243b4f;font-size:12px;color:#91aabe;}
.service-page-footer a {text-decoration:none;color:#bdd0df;}
@media(max-width:760px){
 .service-page-header,.service-hero,.service-capabilities,.service-cta,.service-page-footer {width:calc(100% - 40px);}
 .service-page-header {flex-wrap:wrap;gap:20px;padding:20px 0;}
 .service-page-logo {width:172px;}
 .service-page-nav {gap:20px;font-size:13px;}
 .service-page-nav .nav-contact {padding:8px 12px;}
 .service-hero {grid-template-columns:1fr;gap:28px;padding:44px 0;}
 .service-hero.text-hero {padding:44px 0;}
 .service-hero h1 {letter-spacing:-1.5px;}
 .service-hero-copy>p {font-size:16px;}
 .service-capabilities {padding:36px 0 44px;}
 .service-capability-list,.capability-row {grid-template-columns:1fr;}
 .capability-row {gap:22px;}
 .capability-row.reverse .capability-image {order:0;}
 .service-cta {padding:36px 0 44px;}
}

/* Match the homepage's stronger supporting-copy treatment. */
.service-page .service-hero-copy>p:not(.service-kicker),
.service-page .capability-copy>p:not(.capability-number){font-weight:500}

/* Shared service-page imagery and typography. Header uses the exact homepage styles. */
.service-hero h1 span{color:#008efa}
.service-hero h1{font-size:clamp(34px,4vw,56px)}
.service-hero-image{min-width:0}
.service-hero-image img{aspect-ratio:4/5;object-fit:cover;border:1px solid #243b4f}
.service-hero-copy .button{margin-top:20px}
.capability-number{color:#4db4ff!important;font-size:11px!important;letter-spacing:2px;margin-bottom:12px}
.capability-row{padding:40px 0;border-top:1px solid #172d40}
.capability-image{min-width:0}
.capability-image img{border:1px solid #243b4f}
.service-page .header{position:relative;z-index:20}
@media(max-width:760px){.service-hero-image img{aspect-ratio:3/2}.service-hero h1{font-size:clamp(34px,8vw,50px)}.capability-row{padding:28px 0}}
.service-hero-image img,.capability-image img{aspect-ratio:3/2}

/* Approved horizontal photograph panels with text overlays. */
.service-page .service-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:410px;padding:48px;margin-block:34px 48px;border:1px solid #27445d}
.service-page .service-hero-image,.service-page .capability-image{position:absolute;inset:0;z-index:-2}
.service-page .service-hero-image img,.service-page .capability-image img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;border:0;border-radius:0}
.service-page .service-hero::after,.service-page .capability-row::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(3,19,33,.97) 0%,rgba(3,19,33,.9) 43%,rgba(3,19,33,.16) 100%)}
.service-page .service-hero-copy{width:68%;max-width:740px;position:relative}
.service-page .service-hero h1{font-size:clamp(34px,4vw,54px)}
.service-page .service-hero h1 span{color:#45b7ff}
.service-page .service-hero-copy>p{color:#e0e9ef;font-size:17px;line-height:1.65}
.service-page .service-back{margin-bottom:24px;color:#d8e8f5}
.service-page .service-kicker{color:#70cdff!important}
.service-page .service-capabilities{padding-top:20px;border-top:0}
.service-page .capability-row{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:280px;padding:40px 48px;margin-bottom:22px;border:1px solid #27445d}
.service-page .capability-copy{position:relative;width:62%;max-width:690px}
.service-page .capability-copy h3{font-size:clamp(25px,2.8vw,34px);line-height:1.15;margin-bottom:16px;color:#fff}
.service-page .capability-copy>p:not(.capability-number){font-size:17px;line-height:1.75;color:#e0e9ef;margin-bottom:0}
.service-page .capability-number{color:#70cdff!important}
@media(max-width:760px){.service-page .service-hero{padding:28px;min-height:360px;margin-block:24px 36px}.service-page .service-hero-copy,.service-page .capability-copy{width:100%}.service-page .capability-row{padding:30px 28px;min-height:280px}.service-page .service-hero::after,.service-page .capability-row::after{background:linear-gradient(90deg,rgba(3,19,33,.96),rgba(3,19,33,.78))}.service-page .service-hero h1{font-size:clamp(32px,8vw,44px)}.service-page .capability-copy>p:not(.capability-number){font-size:16px}}

/* Approved border-free horizontal imagery and readable descriptions. */
.service-page .service-hero,.service-page .capability-row{border:0;border-radius:0;box-shadow:none}
.service-page .service-hero::after,.service-page .capability-row::after{background:linear-gradient(90deg,rgba(3,19,33,.9) 0%,rgba(3,19,33,.68) 40%,rgba(3,19,33,.35) 62%,rgba(3,19,33,.03) 100%)}
.service-page .service-hero-copy,.service-page .capability-copy{width:64%}
.service-page .service-hero-copy>p:not(.service-kicker),.service-page .capability-copy>p:not(.capability-number){color:#fff;font-size:18px;line-height:1.75;max-width:42ch}
.service-page .capability-copy h3{line-height:1.2}
@media(max-width:760px){.service-page .service-hero-copy,.service-page .capability-copy{width:100%}.service-page .service-hero::after,.service-page .capability-row::after{background:linear-gradient(90deg,rgba(3,19,33,.88),rgba(3,19,33,.55))}.service-page .service-hero-copy>p:not(.service-kicker),.service-page .capability-copy>p:not(.capability-number){font-size:17px}}

/* Approved service details: wide photographs above full copy on solid navy. */
.service-page .capability-row{display:block;min-height:0;padding:0;margin-bottom:32px;background:#071c2c;border:0;border-radius:0;box-shadow:none}
.service-page .capability-row::after{display:none}
.service-page .capability-row .capability-image{position:relative;inset:auto;z-index:auto;width:100%;height:clamp(200px,25vw,310px)}
.service-page .capability-row .capability-image img{display:block;width:100%;height:100%;object-fit:cover;border:0;border-radius:0}
.service-page .capability-row .capability-copy{position:relative;width:100%;max-width:none;padding:32px 40px 36px}
.service-page .capability-row .capability-copy>p:not(.capability-number){max-width:68ch;color:#e1eaf2;font-size:18px;line-height:1.75}
.service-page .capability-row .capability-copy h3{margin-bottom:12px}
.service-page .capability-row[id]{scroll-margin-top:24px}
@media(max-width:760px){.service-page .capability-row .capability-image{height:200px}.service-page .capability-row .capability-copy{padding:24px}.service-page .capability-row .capability-copy>p:not(.capability-number){font-size:17px}}

/* Image-led capability bands used by Cybersecurity and Industries pages. */
.service-page.immersive-capabilities .capability-row{position:relative;isolation:isolate;display:flex;align-items:center;min-height:310px;padding:44px 48px;overflow:hidden;background:#071c2c}
.service-page.immersive-capabilities .capability-row::after{content:"";display:block;position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,19,33,.9) 0%,rgba(3,19,33,.62) 36%,rgba(3,19,33,.12) 70%,rgba(3,19,33,0) 100%)}
.service-page.immersive-capabilities .capability-row .capability-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%}
.service-page.immersive-capabilities .capability-row .capability-image img{width:100%;height:100%;object-fit:cover}
.service-page.immersive-capabilities .capability-row .capability-copy{width:min(48%,560px);padding:0}
.service-page.immersive-capabilities .capability-row .capability-copy h3{font-size:clamp(26px,3vw,40px)}
.service-page.immersive-capabilities .capability-row .capability-copy>p:not(.capability-number){color:#edf5fb;font-size:17px;line-height:1.65}
@media(max-width:760px){.service-page.immersive-capabilities .capability-row{min-height:330px;padding:28px 24px}.service-page.immersive-capabilities .capability-row::after{background:linear-gradient(90deg,rgba(3,19,33,.88),rgba(3,19,33,.5))}.service-page.immersive-capabilities .capability-row .capability-copy{width:100%}}

/* Connection close-ups retain both cable ends without a destructive crop. */
.service-page .capability-row .capability-image img[src$="network-engineering-1-v2.webp"],
.service-page .capability-row .capability-image img[src$="cybersecurity-connectivity-1-v2.webp"],
.service-page .capability-row .capability-image img[src$="fiber-splicing-3-v2.webp"]{object-fit:contain;background:#071c2c}

/* Unified image-band system: matches the approved homepage treatment. */
body.service-page .service-capabilities .capability-row,
body.service-page.immersive-capabilities .service-capabilities .capability-row{
 position:relative;
 isolation:isolate;
 display:flex;
 align-items:center;
 min-height:270px;
 padding:30px 44px;
 margin:0 0 10px;
 overflow:hidden;
 background:#031321;
 border:0;
 border-radius:0;
 box-shadow:none;
}
body.service-page .service-capabilities .capability-row::after,
body.service-page.immersive-capabilities .service-capabilities .capability-row::after{
 content:"";
 display:block;
 position:absolute;
 inset:0;
 z-index:-1;
 pointer-events:none;
 background:linear-gradient(90deg,#031321 0%,#031321 34%,rgba(3,19,33,.95) 36%,rgba(3,19,33,.58) 42%,rgba(3,19,33,.18) 48%,rgba(3,19,33,0) 52%);
}
body.service-page .service-capabilities .capability-row .capability-image,
body.service-page.immersive-capabilities .service-capabilities .capability-row .capability-image{
 position:absolute;
 inset:0;
 z-index:-2;
 width:100%;
 height:100%;
}
body.service-page .service-capabilities .capability-row .capability-image img,
body.service-page.immersive-capabilities .service-capabilities .capability-row .capability-image img{
 display:block;
 width:100%;
 height:100%;
 object-fit:cover;
 border:0;
 border-radius:0;
}
body.service-page .service-capabilities .capability-row .capability-copy,
body.service-page.immersive-capabilities .service-capabilities .capability-row .capability-copy{
 position:relative;
 z-index:1;
 width:min(38%,520px);
 max-width:none;
 margin:0;
 padding:0;
}
body.service-page .service-capabilities .capability-row .capability-copy h3,
body.service-page.immersive-capabilities .service-capabilities .capability-row .capability-copy h3{
 margin:0 0 14px;
 color:#fff;
 font-size:clamp(28px,2.5vw,34px);
 line-height:1.15;
}
body.service-page .service-capabilities .capability-row .capability-copy>p:not(.capability-number),
body.service-page.immersive-capabilities .service-capabilities .capability-row .capability-copy>p:not(.capability-number){
 max-width:34ch;
 margin:0;
 color:#fff;
 font-size:17px;
 line-height:1.5;
}
body.service-page .service-capabilities .capability-row.reverse .capability-image{order:initial}

/* Preserve the original Data Centers photos while revealing slightly more context. */
body.service-page.data-centers-page .service-capabilities .capability-image img{
 width:90%;
 margin-left:auto;
}

@media(max-width:760px){
 body.service-page.data-centers-page .service-capabilities .capability-image img{width:100%;margin-left:0}
 body.service-page .service-capabilities .capability-row,
 body.service-page.immersive-capabilities .service-capabilities .capability-row{
  display:block;
  min-height:0;
  padding:0;
 }
 body.service-page .service-capabilities .capability-row::after,
 body.service-page.immersive-capabilities .service-capabilities .capability-row::after{display:none}
 body.service-page .service-capabilities .capability-row .capability-image,
 body.service-page.immersive-capabilities .service-capabilities .capability-row .capability-image{
  position:relative;
  inset:auto;
  z-index:0;
  width:100%;
  height:210px;
 }
 body.service-page .service-capabilities .capability-row .capability-copy,
 body.service-page.immersive-capabilities .service-capabilities .capability-row .capability-copy{
  width:100%;
  margin:0;
  padding:26px 24px 30px;
  background:#031321;
 }
 body.service-page .service-capabilities .capability-row .capability-copy h3,
 body.service-page.immersive-capabilities .service-capabilities .capability-row .capability-copy h3{font-size:28px}
 body.service-page .service-capabilities .capability-row .capability-copy>p:not(.capability-number),
 body.service-page.immersive-capabilities .service-capabilities .capability-row .capability-copy>p:not(.capability-number){font-size:16px}
}