/* ---------- services page ---------- */
.service-section{padding:70px 32px;}
.service-section:nth-child(even){background:var(--steel);}
.service-section .wrap{padding-left:0; padding-right:0;}

.service-grid{
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:56px;
  align-items:center;
}
.service-grid-reverse{grid-template-columns:1.2fr 1fr;}

.service-icon-panel{
  background:var(--card-bg);
  border-radius:6px;
  padding:56px;
  display:flex; align-items:center; justify-content:center;
}
.service-icon-panel svg{
  width:96px; height:96px; padding:24px; box-sizing:border-box;
  color:var(--navy);
  background:rgba(18,59,103,0.08);
  border-radius:50%;
}

.service-photo{
  border-radius:6px;
  min-height:360px;
  background-size:cover;
  background-position:center;
}

.service-drawing{
  background:var(--card-bg);
  border-radius:6px;
  padding:20px;
  display:flex; align-items:center; justify-content:center;
}
.service-drawing img{
  width:100%; height:auto; display:block; border-radius:2px;
  box-shadow:0 4px 16px rgba(0,0,0,0.15);
}

.service-grid .tag{
  display:inline-block;
  font-family:'IBM Plex Mono',monospace;
  font-size:0.72rem; letter-spacing:0.08em; text-transform:uppercase;
  color:var(--accent);
  border:1px solid var(--line);
  border-radius:14px;
  padding:6px 14px;
  margin-bottom:18px;
}
.service-grid h2{font-size:clamp(1.6rem,3vw,2.2rem); max-width:560px;}
.service-grid .lede{color:var(--paper-dim); margin-top:18px; max-width:560px; font-size:1rem;}

@media (max-width:900px){
  .service-grid, .service-grid-reverse{grid-template-columns:1fr;}
  .service-icon-panel{padding:40px;}
  .service-icon-panel svg{width:72px; height:72px; padding:18px;}
  .service-photo{min-height:260px;}
}
@media (max-width:600px){
  .service-section{padding:48px 20px;}
}

/* service photos */
.service-photo.sp-chafe-sx-guard{background-image:url('/images/chafe-sx-guard.jpg'); aspect-ratio:16 / 9; min-height:0;}
.service-photo.sp-chafe-ptc-webbing{background-image:url('/images/chafe-ptc-webbing.jpg'); aspect-ratio:16 / 9; min-height:0;}
.service-photo.sp-chafe-velcro-jacket{background-image:url('/images/chafe-velcro-jacket.jpg'); aspect-ratio:16 / 9; min-height:0;}
.service-photo.sp-lifting-slings{background-image:url('/images/lifting-slings.jpg'); aspect-ratio:4 / 5; min-height:0;}
.service-photo.sp-fender-sling-installation{background-image:url('/images/fender-sling-installation.jpg');}
.service-photo.sp-rope-splicing-cropped{background-image:url('/images/rope-splicing-cropped.jpg'); background-position:center top;}
.service-photo.sp-site-splicing{background-image:url('/images/site-splicing.jpg');}
.service-photo.sp-proof-load-testing{background-image:url('/images/proof-load-testing.jpeg');}