/* DWEBMEDIA service pages: intentionally image-free, no placeholder screenshots. */
.dweb-service-page .sub-hero-grid{align-items:center}
.dweb-service-hero-art{min-height:520px;border-radius:42px;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 34%,#b5cfd2 0,#c8d9da 24%,#dce6e6 48%,#a7c2c4 100%)}
.dweb-service-hero-art:before{content:"";position:absolute;inset:12% -25% -60% 18%;border:2px solid rgba(11,35,36,.17);border-radius:50%;box-shadow:0 0 0 44px rgba(255,255,255,.10),0 0 0 88px rgba(11,35,36,.04),0 0 0 135px rgba(255,255,255,.13)}
.dweb-service-hero-inner{position:absolute;inset:0;padding:48px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;color:#0b2324}
.dweb-service-hero-inner span{font-size:10px;letter-spacing:.14em;font-weight:700}
.dweb-service-hero-inner strong{font-size:clamp(32px,5vw,75px);line-height:1;letter-spacing:-.07em;max-width:95%;overflow-wrap:anywhere}
.dweb-service-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 30px;margin-top:75px;counter-reset:step}
.dweb-service-step{border-top:1px solid #bacaca;padding:24px 0 35px;min-height:220px;position:relative}
.dweb-service-step:before{content:"";position:absolute;left:0;top:-2px;height:3px;width:22%;background:#e94b2b;transition:width .4s ease}
.dweb-service-step:hover:before{width:100%}
.dweb-step-number{font-size:11px;color:#7b9090;letter-spacing:.1em}
.dweb-service-step h3{font-size:clamp(24px,2.6vw,35px);letter-spacing:-.045em;font-weight:550;margin:35px 0 12px}
.dweb-service-step p{font-size:14px;line-height:1.65;color:#637777;max-width:320px}
@media(max-width:1000px){.dweb-service-hero-art{min-height:430px}.dweb-service-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.dweb-service-page .sub-hero{padding-top:32px;padding-bottom:75px}.dweb-service-page .sub-hero h1{font-size:clamp(52px,12vw,86px)}.dweb-service-hero-art{min-height:310px;border-radius:24px}.dweb-service-hero-inner{padding:26px}.dweb-service-timeline{grid-template-columns:1fr;gap:0;margin-top:45px}.dweb-service-step{min-height:0;padding-bottom:25px}.dweb-service-step h3{margin-top:24px}}
.dweb-service-step.is-inview:before{width:100%}
@media(prefers-reduced-motion:reduce){.dweb-service-step:before{transition:none}}


/* V37 — service template hero uses the Page Featured Image when available. */
.dweb-service-hero-art.has-featured-image{
  background:#dce6e6;
}
.dweb-service-hero-art.has-featured-image:before{
  display:none;
}
.dweb-service-hero-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}