.page.service-photo-page > .wrap{max-width:1240px}
.service-photo-page:is(#air,#ocean,#customs,#trucking,#warehousing,#vehicle,#ecommerce,#nri,#carm,#personal) > .wrap > .flow-band{--paper:#eaf4fb;background:#eaf4fb;border-top:0;border-bottom:0;border-radius:0!important;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.service-photo-page:is(#air,#ocean,#customs,#trucking,#warehousing,#vehicle,#ecommerce,#nri,#carm,#personal) > .wrap > .crumb{
  background:transparent;margin:0;padding:104px 0 0;border:0;text-align:left;
  font-size:13px;color:var(--ink2);width:auto;
}
.service-photo-page:is(#air,#ocean,#customs,#trucking,#warehousing,#vehicle,#ecommerce,#nri,#carm,#personal) > .wrap > .shero{
  display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,5vw,76px);
  align-items:center;margin:0;padding:42px 0 68px;border:0;
  color:var(--ink);background:none;text-align:left;min-height:0;
}
.service-photo-page:is(#air,#ocean,#customs,#trucking,#warehousing,#vehicle,#ecommerce,#nri,#carm,#personal) .shero-main{display:block;text-align:left;min-width:0}
.service-label{display:block;font-size:13px;color:var(--brand-d);letter-spacing:.08em;margin-bottom:28px;font-weight:500}
.service-label::before{content:"";display:inline-block;width:24px;height:2px;background:var(--brand-d);vertical-align:middle;margin-right:12px}
.service-photo-page:is(#air,#ocean,#customs,#trucking,#warehousing,#vehicle,#ecommerce,#nri,#carm,#personal) .shero h1{
  font-size:clamp(40px,4.4vw,64px);font-weight:400;line-height:1.06;
  letter-spacing:-.045em;max-width:16ch;text-wrap:balance;margin:0;color:var(--ink);text-align:left;
}
.service-photo-page:is(#air,#ocean,#customs,#trucking,#warehousing,#vehicle,#ecommerce,#nri,#carm,#personal) .shero .lead{
  max-width:43ch;font-size:17px;line-height:1.7;color:var(--ink2);margin:28px 0 0;text-align:left;
}
.service-photo-page:is(#air,#ocean,#customs,#trucking,#warehousing,#vehicle,#ecommerce,#nri,#carm,#personal) .shero-actions{justify-content:flex-start;margin-top:30px}
.service-photo-page .shero-actions .btn{border-radius:6px;padding:14px 22px}
.service-visual{margin:0;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.service-visual > img{display:block;width:100%;height:440px;object-fit:cover;border-radius:4px;background:var(--paper);object-position:center}
#air .service-visual > img{object-position:65% center}
.service-visual figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:14px;margin-top:14px;border-top:1px solid var(--line);color:var(--mut);font-size:12px}
.service-visual figcaption span:first-child{color:var(--ink)}

/* Original service layouts with the shared readable typography and brand palette. */
.service-photo-page .service-label{font-size:16px;letter-spacing:normal}
.service-photo-page .service-visual figcaption{font-size:15px}
.service-photo-page :is(.feat,.card p,.xc p,.band p){font-size:18px!important;line-height:1.65}
.service-photo-page :is(h1,h2,h3,h4){font-weight:600!important;letter-spacing:normal!important}
#services > .wrap{max-width:none;padding:100px 10px 0}
#services > .wrap > .shero{
 display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;
 margin:0;padding:64px max(42px,calc((100vw - 1180px)/2));align-items:center;
 background:#142634;color:#fff;border-radius:12px;overflow:hidden;
}
#services .shero-main{display:block;min-width:0}
#services .shero-main h1{font-size:clamp(36px,4vw,58px);max-width:15ch;color:#fff}
#services .shero-main .lead{margin:24px 0 0;max-width:43ch;color:#d9e9f5}
#services .shero-actions{margin:28px 0 0}
#services .shero .stage{max-width:580px}
#services .globe-sat{color:#e7f1f9;font-size:16px}
#services .globe-orb{background:#e8f3fb;border-color:#87b8dd}
#services .wire-globe-canvas{filter:brightness(1.55)}
#services .jump-stick{margin-top:28px}
#services .svc-detail .wrap{max-width:1180px}
#services .svc-detail-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:40px;align-items:center}
#services .svc-detail.is-flip .svc-detail-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
#services .ph-media{height:auto;aspect-ratio:19/14}
#services .ph-media img{width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:cover}
#services .feat-cols{gap:0 24px}
#services .feat{padding:12px 0;font-size:18px!important}
#services .feat-ico{display:inline-flex;flex:none}
@media(max-width:800px){
 #services > .wrap{padding-top:88px}
 #services > .wrap > .shero{grid-template-columns:1fr;padding:40px 26px 28px;gap:24px}
 #services .shero-main h1{max-width:none}
 #services .shero .stage{max-width:480px}
 #services .globe-sat{font-size:14px}
 #services .svc-detail-grid,#services .svc-detail.is-flip .svc-detail-grid{grid-template-columns:1fr;gap:28px}
 #services .svc-detail.is-flip .ph-media{order:0}
 .service-photo-page:is(#air,#ocean,#customs,#trucking,#warehousing,#vehicle,#ecommerce,#nri,#carm,#personal) > .wrap > .shero{grid-template-columns:1fr;gap:32px;padding:32px 0 44px}
 .service-photo-page:is(#air,#ocean,#customs,#trucking,#warehousing,#vehicle,#ecommerce,#nri,#carm,#personal) .shero h1{font-size:clamp(36px,7vw,48px);max-width:20ch}
 .service-photo-page .service-visual > img{height:340px;min-height:0}
}
