/* /services/ overview — homepage pathway/card language
   Cache ?v=20260803all1 */

:root{
  --svc-radius:var(--z-radius, 12px);
  --svc-border:var(--z-card-border, 1px solid rgba(16,24,40,.14));
  --svc-shadow:var(--z-card-shadow, 0 1px 2px rgba(16,24,40,.04), 0 10px 26px rgba(7,17,31,.05));
  --svc-gap:var(--z-gap, clamp(14px, 2vw, 22px));
  --svc-shell:var(--z-shell, var(--max, 1200px));
}

body.services-page main > .section > .container,
body.services-page main > nav.zatra-breadcrumbs.container{
  max-width:var(--svc-shell) !important;
  width:100% !important;
  margin-inline:auto !important;
  box-sizing:border-box !important;
}

body.services-page main > .section{
  padding-top:var(--z-section-y, clamp(40px, 4.8vw, 68px)) !important;
  padding-bottom:var(--z-section-y, clamp(40px, 4.8vw, 68px)) !important;
}

body.services-page .section.section-soft{
  background:#f7f8fb !important;
  border-block:1px solid rgba(16,24,40,.06);
}

body.services-page #page-overview.page-intro-section{
  padding:clamp(48px, 6.5vw, 88px) 0 clamp(36px, 5vw, 56px) !important;
  background:linear-gradient(180deg, #fff 0%, #f6f7f9 55%, #fff 100%) !important;
}
body.services-page #page-overview .page-intro-shell{
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
}
body.services-page #page-overview h1{
  max-width:18ch;
  letter-spacing:-.02em;
  line-height:1.12;
  font-weight:800;
}
body.services-page #page-overview .page-intro-shell > p{
  max-width:42ch;
  color:var(--muted-2, #475467);
  font-size:clamp(1rem, 1.15vw, 1.125rem);
  line-height:1.55;
}
body.services-page .btn-primary,
body.services-page a.btn-primary{
  box-shadow:0 2px 8px rgba(237,0,0,.14) !important;
}

.services-overview-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:var(--svc-gap);
  margin-top:1.25rem;
}
.services-overview-grid .pathway-card{
  display:flex;
  flex-direction:column;
  gap:.55rem;
  padding:1.15rem 1.2rem 1.25rem;
  border:var(--svc-border);
  border-radius:var(--svc-radius);
  background:#fff;
  box-shadow:var(--svc-shadow);
  color:inherit;
  text-decoration:none;
  min-height:100%;
  transition:border-color .2s ease, box-shadow .2s ease;
}
.services-overview-grid .pathway-card:hover{
  border-color:rgba(237,0,0,.42);
  box-shadow:0 0 0 1px rgba(237,0,0,.12), 0 12px 28px rgba(7,17,31,.06);
  transform:none;
}
.services-overview-grid .pathway-card h3{
  margin:0;
  font:800 1.05rem/1.25 var(--title, Montserrat, sans-serif);
  color:var(--ink, #101828);
}
.services-overview-grid .pathway-card p{
  margin:0;
  color:var(--muted-2, #475467);
  font-size:.95rem;
  line-height:1.45;
}
.services-overview-grid .icon-badge{
  width:2.5rem;
  height:2.5rem;
  border-radius:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  color:var(--red, #ed0000);
  border:1px solid rgba(237,0,0,.18);
  box-shadow:none;
}
.services-overview-grid .icon-badge .svg{
  width:1.25rem;
  height:1.25rem;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}

/* Owned-media cards on services overview */
body.services-page .media-service.service-visual-card,
body.services-page .photo-card.image-hd{
  border-radius:var(--svc-radius);
  border:1px solid rgba(16,24,40,.12);
  box-shadow:0 14px 36px rgba(7,17,31,.1);
  overflow:hidden;
}
body.services-page .media-service.service-visual-card img,
body.services-page .photo-card.image-hd img{
  object-fit:cover;
  aspect-ratio:4 / 3;
  width:100%;
}

@media (max-width:900px){
  .services-overview-grid{grid-template-columns:repeat(2, minmax(0,1fr))}
  body.services-page #page-overview h1,
  body.services-page #page-overview .page-intro-shell > p{max-width:none}
}
@media (max-width:560px){
  .services-overview-grid{grid-template-columns:1fr}
}