
/* VDS / Editorial Sub Services – only applies to dynamic ACF CPT template */
.vds-editorial-subservice{--vds-navy:#073d59;--vds-ink:#092f43;--vds-cyan:#0aa7c9;--vds-soft:#eaf7fb;overflow:clip!important;color:var(--vds-ink)}
.vds-editorial-subservice .container{max-width:1380px;width:calc(100% - 8vw);margin-inline:auto}
.vds-editorial-subservice .vdsc-eyebrow{font-size:11px;letter-spacing:.23em;color:#119abf}
.vds-editorial-subservice h1,.vds-editorial-subservice h2,.vds-editorial-subservice h3{letter-spacing:-.045em}
.vds-editorial-subservice h2{font-size:clamp(38px,4.4vw,70px);line-height:1.12;max-width:850px}
.vds-editorial-subservice .vdsc-btn{border-radius:100px;padding:17px 27px;letter-spacing:.035em;box-shadow:0 12px 35px #0096c226}
.vds-editorial-subservice .vdsc-btn:hover{transform:translateY(-3px)}
.vds-editorial-subservice .vdsc-hero{background:#073d59!important;color:#fff;position:relative;isolation:isolate;min-height:0;padding:165px 0 115px;overflow:hidden}
.vds-editorial-subservice .vds-hero-orbit{position:absolute;width:780px;height:780px;border:1px solid #ffffff13;border-radius:100%;left:-270px;bottom:-590px;pointer-events:none}
.vds-editorial-subservice .vds-hero-orbit:after{content:'';position:absolute;inset:70px;border:1px solid #ffffff12;border-radius:50%}
.vds-editorial-subservice .vdsc-hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,#1380a43a,transparent 38%);pointer-events:none}
.vds-editorial-subservice .vdsc-hero-grid{grid-template-columns:1.05fr .95fr;gap:clamp(30px,6vw,110px);position:relative;z-index:2}
.vds-editorial-subservice .vds-svc-index{display:block;color:#bde9f6;font-size:12px;font-weight:700;letter-spacing:.14em;margin-bottom:26px}
.vds-editorial-subservice .vdsc-hero .vdsc-eyebrow{color:#83d8ea}
.vds-editorial-subservice .vdsc-hero-copy h1{font-size:clamp(54px,6.25vw,105px);line-height:.99;font-weight:800;max-width:760px;margin:20px 0 33px;color:#fff}
.vds-editorial-subservice .vdsc-hero h1 span{color:#fff!important}
.vds-editorial-subservice .vdsc-hero-copy>p{font-size:clamp(16px,1.3vw,19px);line-height:1.8;color:#cde4ed;max-width:630px}
.vds-editorial-subservice .vdsc-hero .vdsc-text-link{color:#f1fbff}
.vds-editorial-subservice .vdsc-breadcrumb{margin-top:58px;color:#d5e5eb;font-size:12px}
.vds-editorial-subservice .vdsc-breadcrumb a{color:#c3f0ff}
.vds-editorial-subservice .vdsc-hero-media{height:clamp(420px,42vw,645px);position:relative;z-index:1;margin:28px 0 0}
.vds-editorial-subservice .vdsc-hero-media>img{height:100%;width:100%;object-fit:cover;border-radius:210px 24px 24px 24px;box-shadow:0 40px 80px #001d2c56}
.vds-editorial-subservice .vds-media-outline{position:absolute;inset:-23px 25px 23px -23px;border:1px solid #6bd3ec8a;border-radius:220px 32px 32px 32px;z-index:-1}
.vds-editorial-subservice .vdsc-image-caption{left:auto;right:-20px;bottom:28px;border:1px solid #b9e2ec52;border-radius:18px;background:#fff!important;color:#073d59;box-shadow:0 17px 48px #001a2950;padding:20px 26px;max-width:88%}
.vds-editorial-subservice .vdsc-image-caption small{color:#587480}
.vds-editorial-subservice .vdsc-caption-icon{color:#08a0c4}
.vds-editorial-subservice .vds-section-counter{font-size:11px;letter-spacing:.2em;font-weight:800;color:#0b95b9;max-width:1380px;width:calc(100% - 8vw);margin:0 auto 45px}
.vds-editorial-subservice .vdsc-intro{padding:125px 0 130px;background:#fff}
.vds-editorial-subservice .vdsc-intro-grid{grid-template-columns:1.1fr .9fr;gap:clamp(40px,8vw,140px);align-items:start}
.vds-editorial-subservice .vdsc-intro h2{margin:16px 0 0}
.vds-editorial-subservice .vdsc-reading{padding:12px 0 10px 36px;border-left:2px solid #0ba1c2}
.vds-editorial-subservice .vdsc-reading p:first-child{font-size:clamp(19px,1.55vw,25px);line-height:1.55;color:#15394b;font-weight:600}
.vds-editorial-subservice .vdsc-reading p:last-child{line-height:1.85}
.vds-editorial-subservice .vdsc-care{padding:105px 0 130px;background:#eaf6f8!important;position:relative}
.vds-editorial-subservice .vdsc-care .vdsc-section-head{align-items:end;gap:60px;margin-bottom:65px}
.vds-editorial-subservice .vdsc-care .vdsc-section-head>p{max-width:330px;font-size:16px}
.vds-editorial-subservice .vdsc-care-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 60px;counter-reset:care}
.vds-editorial-subservice .vdsc-care-item{background:transparent!important;box-shadow:none!important;border:0!important;border-top:1px solid #c1d9e0!important;border-radius:0!important;min-height:0!important;padding:35px 10px 40px 0!important;display:grid;grid-template-columns:75px minmax(0,1fr);grid-template-rows:auto auto;column-gap:23px;align-content:start;transition:padding-left .25s}
.vds-editorial-subservice .vdsc-care-item:hover{padding-left:10px!important}
.vds-editorial-subservice .vdsc-care-item .vdsc-step{grid-column:1;grid-row:1/3;font-size:47px;font-family:Manrope,sans-serif;letter-spacing:-.09em;line-height:1;font-weight:800;color:#92c8d5}
.vds-editorial-subservice .vdsc-care-item .vdsc-care-icon{display:none!important}
.vds-editorial-subservice .vdsc-care-item h3{grid-column:2;font-size:clamp(20px,2vw,28px);margin:0 0 12px;line-height:1.22}
.vds-editorial-subservice .vdsc-care-item p{grid-column:2;font-size:15px;margin:0;max-width:460px}
.vds-editorial-subservice .vdsc-photo-story{padding:140px 0 145px;background:#fff;position:relative}
.vds-editorial-subservice .vdsc-story-grid{grid-template-columns:1.02fr .98fr;gap:clamp(44px,7vw,115px);align-items:center}
.vds-editorial-subservice .vdsc-story-photos{display:grid;grid-template-columns:1fr .62fr;align-items:end;gap:16px;height:clamp(390px,40vw,560px);min-height:0;position:relative;padding:0 0 25px}
.vds-editorial-subservice .vdsc-story-photos:before{content:'';position:absolute;inset:50px -20px 0 55px;background:#d9f2f8;border-radius:35px;z-index:0}
.vds-editorial-subservice .vdsc-story-photos img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;border-radius:20px 140px 20px 20px;min-height:0}
.vds-editorial-subservice .vdsc-story-photos img+img{height:73%;border-radius:130px 20px 20px 20px}
.vds-editorial-subservice .vds-photo-label{position:absolute;z-index:3;top:20px;left:18px;color:#fff;background:#073d59;padding:13px 19px;border-radius:4px;font-size:10px;letter-spacing:.17em;font-weight:800}
.vds-editorial-subservice .vdsc-story-content{padding:25px 0}
.vds-editorial-subservice .vdsc-story-content p{max-width:560px}
.vds-editorial-subservice .vdsc-story-content .vdsc-btn{margin-top:25px}
.vds-editorial-subservice .vdsc-steps{background:#f7fbfc;padding:110px 0 125px}
.vds-editorial-subservice .vdsc-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:50px;border-top:1px solid #b5dce6}
.vds-editorial-subservice .vdsc-step-grid>div{border:0;background:transparent;border-radius:0;padding:35px 35px 20px 0;position:relative}
.vds-editorial-subservice .vdsc-step-grid>div:not(:first-child){padding-left:32px;border-left:1px solid #d0e4e9}
.vds-editorial-subservice .vdsc-step-grid>div:before{content:'';position:absolute;top:-7px;left:0;width:12px;height:12px;border-radius:100%;background:#08a3c7;box-shadow:0 0 0 6px #e1f7fb}
.vds-editorial-subservice .vdsc-step-grid>div:not(:first-child):before{left:32px}
.vds-editorial-subservice .vdsc-step-grid span{font-size:54px;letter-spacing:-.07em;color:#a3ced7}
.vds-editorial-subservice .vdsc-step-grid h3{font-size:24px;margin-top:12px}
.vds-editorial-subservice .vdsc-bottom-cta{background:#fff;padding:0 0 100px}
.vds-editorial-subservice .vdsc-bottom-cta>.vds-section-counter{display:none}
.vds-editorial-subservice .vdsc-bottom-inner{background:#073d59;border-radius:28px;padding:clamp(38px,5.5vw,86px);position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1fr auto;align-items:center;gap:45px}
.vds-editorial-subservice .vdsc-bottom-inner:before{content:'';position:absolute;width:460px;height:460px;border:1px solid #5bc4dd55;border-radius:50%;right:-150px;top:-210px;z-index:-1}
.vds-editorial-subservice .vdsc-bottom-inner h2{max-width:680px;color:#fff;font-size:clamp(34px,4vw,63px)}
.vds-editorial-subservice .vdsc-bottom-inner p{color:#d1e9f0}
.vds-editorial-subservice .vdsc-bottom-cta .vdsc-text-link{color:#fff}
.vds-editorial-subservice .vdsc-bottom-actions{flex-direction:column;align-items:flex-start}
@media(max-width:1100px){.vds-editorial-subservice .vdsc-hero-grid{gap:38px}.vds-editorial-subservice .vdsc-hero-copy h1{font-size:clamp(48px,6vw,78px)}.vds-editorial-subservice .vdsc-image-caption{right:0}.vds-editorial-subservice .vdsc-story-grid{gap:40px}.vds-editorial-subservice .vdsc-care-grid{gap:0 32px}}
@media(max-width:780px){.vds-editorial-subservice .container,.vds-editorial-subservice .vds-section-counter{width:calc(100% - 36px)}.vds-editorial-subservice .vdsc-hero{padding:125px 0 75px}.vds-editorial-subservice .vdsc-hero-grid,.vds-editorial-subservice .vdsc-intro-grid,.vds-editorial-subservice .vdsc-story-grid{grid-template-columns:1fr}.vds-editorial-subservice .vdsc-hero-grid{gap:45px}.vds-editorial-subservice .vdsc-hero-copy h1{font-size:clamp(49px,11vw,74px)}.vds-editorial-subservice .vdsc-hero-media{height:clamp(370px,85vw,540px);margin:0 12px 0 15px}.vds-editorial-subservice .vdsc-hero-media>img{border-radius:140px 22px 22px 22px}.vds-editorial-subservice .vds-media-outline{border-radius:150px 30px 30px 30px}.vds-editorial-subservice .vdsc-image-caption{bottom:13px;right:-12px;left:auto;padding:12px 15px}.vds-editorial-subservice .vdsc-breadcrumb{margin-top:35px}.vds-editorial-subservice .vdsc-intro,.vds-editorial-subservice .vdsc-photo-story{padding:75px 0 85px}.vds-editorial-subservice .vdsc-care,.vds-editorial-subservice .vdsc-steps{padding:75px 0 85px}.vds-editorial-subservice .vds-section-counter{margin-bottom:30px}.vds-editorial-subservice .vdsc-care .vdsc-section-head{margin-bottom:35px}.vds-editorial-subservice .vdsc-care-grid{grid-template-columns:1fr}.vds-editorial-subservice .vdsc-care-item{grid-template-columns:65px 1fr}.vds-editorial-subservice .vdsc-story-photos{height:clamp(300px,70vw,480px);padding-bottom:18px;margin:0 12px}.vds-editorial-subservice .vdsc-step-grid{grid-template-columns:1fr;gap:0;border-top:0}.vds-editorial-subservice .vdsc-step-grid>div,.vds-editorial-subservice .vdsc-step-grid>div:not(:first-child){border-left:0;border-top:1px solid #c5e1e8;padding:30px 0 35px}.vds-editorial-subservice .vdsc-step-grid>div:not(:first-child):before{left:0}.vds-editorial-subservice .vdsc-step-grid>div:before{top:-7px}.vds-editorial-subservice .vdsc-bottom-cta{padding:0 0 50px}.vds-editorial-subservice .vdsc-bottom-inner{grid-template-columns:1fr;gap:15px}.vds-editorial-subservice .vdsc-bottom-actions{align-items:flex-start}.vds-editorial-subservice .vdsc-hero-actions{gap:18px}}
@media(max-width:480px){.vds-editorial-subservice .vdsc-hero-copy h1{font-size:clamp(44px,12vw,61px)}.vds-editorial-subservice .vdsc-hero-media{height:365px}.vds-editorial-subservice .vdsc-image-caption{font-size:11px;max-width:92%}.vds-editorial-subservice .vdsc-care-item .vdsc-step{font-size:40px}.vds-editorial-subservice .vdsc-step-grid span{font-size:48px}.vds-editorial-subservice .vdsc-bottom-inner{border-radius:20px}.vds-editorial-subservice .vdsc-story-photos img{border-radius:16px 90px 16px 16px}.vds-editorial-subservice .vdsc-story-photos img+img{border-radius:90px 16px 16px 16px}}
@media(prefers-reduced-motion:reduce){.vds-editorial-subservice *{transition:none!important;animation:none!important}}

/* v2.11.1 – Seamless transparent navigation over the navy Sub Service hero.
   Higher specificity than the legacy service-header inline/navy overrides.
   Scoped to the ACF Sub Services CPT only. */
html body.single-sub_service.vds-service-detail-header header.topbar,
html body.single-sub_service.vds-service-detail-header .topbar,
html body.single-sub_service header.topbar {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  color: #fff !important;
  z-index: 200 !important;
}
html body.single-sub_service .topbar .navlinks,
html body.single-sub_service .topbar .nav {
  background: transparent !important;
  box-shadow: none !important;
}
html body.single-sub_service .topbar .navlinks a,
html body.single-sub_service .topbar .telephone { color: #fff !important; }
html body.single-sub_service .topbar .logo img { filter: brightness(0) invert(1) !important; }
/* Keep the mobile dropdown readable rather than making its panel transparent. */
html body.single-sub_service .topbar .mobile-panel { background: #073d59 !important; }

/* v2.11.2: intentional vertical breathing room between the visit steps and CTA.
   Keeps the pale steps background separate from the white CTA surround. */
html body.single-sub_service .vds-editorial-subservice .vdsc-bottom-cta {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
  background: #ffffff !important;
  margin-top: 0 !important;
  clear: both;
}
@media (max-width: 780px) {
  html body.single-sub_service .vds-editorial-subservice .vdsc-bottom-cta {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
}
@media (max-width: 480px) {
  html body.single-sub_service .vds-editorial-subservice .vdsc-bottom-cta {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
}
