/* Medical director page — a non-photographic direct-care journey visual. */
.pm-doctor-profile .pm-doctor-clinical {
  grid-template-columns:minmax(300px,.62fr) minmax(0,1.38fr);
  gap:clamp(46px,6vw,98px);
}

.pm-doctor-profile .pm-doctor-care-journey {
  position:relative;
  min-width:0;
  min-height:clamp(540px,49vw,670px);
  display:grid;
  grid-template-columns:minmax(260px,.88fr) minmax(320px,1.12fr);
  overflow:hidden;
  border:1px solid rgba(21,35,70,.11);
  border-radius:72px 8px 72px 8px;
  background:
    radial-gradient(circle at 16% 18%,rgba(255,255,255,.95),transparent 33%),
    linear-gradient(135deg,#e9f3f4 0%,#f8f7f2 48%,#efe4d6 100%);
  box-shadow:0 30px 76px rgba(17,30,67,.12);
  isolation:isolate;
}

.pm-doctor-profile .pm-doctor-care-journey::before,
.pm-doctor-profile .pm-doctor-care-journey::after {
  position:absolute;
  z-index:-1;
  border:1px solid rgba(70,145,159,.16);
  border-radius:50%;
  content:"";
  pointer-events:none;
}
.pm-doctor-profile .pm-doctor-care-journey::before {
  width:520px;
  height:520px;
  left:-265px;
  top:-210px;
  box-shadow:0 0 0 46px rgba(70,145,159,.035),0 0 0 104px rgba(177,138,92,.025);
}
.pm-doctor-profile .pm-doctor-care-journey::after {
  width:370px;
  height:370px;
  right:-225px;
  bottom:-210px;
  border-color:rgba(177,138,92,.2);
  box-shadow:0 0 0 40px rgba(177,138,92,.035);
}

.pm-doctor-profile .pm-doctor-care-journey__art {
  position:relative;
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:clamp(42px,5vw,72px) 24px 42px clamp(34px,4.4vw,66px);
  color:#17264f;
}
.pm-doctor-profile .pm-doctor-care-journey__art>p {
  margin:0;
  color:#a47d50;
  font:600 10px/1.4 var(--pm-serif);
  letter-spacing:.19em;
}
.pm-doctor-profile .pm-doctor-care-journey__art>strong {
  margin-top:16px;
  font:500 clamp(30px,3.2vw,48px)/1.02 var(--pm-serif);
  letter-spacing:-.045em;
}
.pm-doctor-profile .pm-doctor-care-journey__art>span {
  margin-top:auto;
  padding-top:20px;
  color:#718098;
  font:600 9px/1.4 var(--pm-serif);
  letter-spacing:.17em;
  border-top:1px solid rgba(21,35,70,.13);
}
.pm-doctor-profile .pm-doctor-care-journey__portrait {
  position:relative;
  width:min(100%,310px);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  align-self:center;
  margin:28px 0 24px;
  border:1px solid rgba(69,145,159,.24);
  border-radius:50%;
  background:rgba(255,255,255,.4);
  box-shadow:0 0 0 18px rgba(255,255,255,.28),0 20px 55px rgba(28,62,91,.08);
}
.pm-doctor-profile .pm-doctor-care-journey__portrait::before,
.pm-doctor-profile .pm-doctor-care-journey__portrait::after {
  position:absolute;
  border-radius:50%;
  content:"";
}
.pm-doctor-profile .pm-doctor-care-journey__portrait::before {
  inset:12%;
  border:1px dashed rgba(177,138,92,.3);
}
.pm-doctor-profile .pm-doctor-care-journey__portrait::after {
  width:8px;
  height:8px;
  right:11%;
  top:30%;
  background:#c49a67;
  box-shadow:-218px 74px 0 #78b7c4;
}
.pm-doctor-profile .pm-doctor-care-journey__portrait svg {
  display:none;
}
.pm-doctor-profile .pm-doctor-care-journey__portrait .pm-doctor-care-journey__scan {
  stroke:#6cafbc;
  stroke-width:1;
  stroke-dasharray:3 7;
  opacity:.7;
}

.pm-doctor-profile .pm-doctor-care-journey__steps {
  position:relative;
  min-width:0;
  display:grid;
  align-content:center;
  gap:0;
  margin:0;
  padding:50px clamp(34px,4vw,64px) 50px clamp(24px,3vw,52px);
  list-style:none;
  background:linear-gradient(180deg,rgba(17,30,67,.96),rgba(25,48,83,.94));
  clip-path:ellipse(116% 78% at 116% 50%);
}
.pm-doctor-profile .pm-doctor-care-journey__steps li {
  position:relative;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:18px;
  padding:25px 0;
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.13);
}
.pm-doctor-profile .pm-doctor-care-journey__steps li:last-child { border-bottom:0; }
.pm-doctor-profile .pm-doctor-care-journey__steps li>span {
  color:#dfbd90;
  font:500 24px/1 var(--pm-serif);
  letter-spacing:-.03em;
}
.pm-doctor-profile .pm-doctor-care-journey__steps li>span::after {
  display:block;
  width:20px;
  height:1px;
  margin-top:12px;
  background:#71afbd;
  content:"";
}
.pm-doctor-profile .pm-doctor-care-journey__steps div { min-width:0; }
.pm-doctor-profile .pm-doctor-care-journey__steps small {
  display:block;
  margin-bottom:6px;
  color:#78bcc9;
  font:600 9px/1.3 var(--pm-serif);
  letter-spacing:.18em;
}
.pm-doctor-profile .pm-doctor-care-journey__steps strong {
  display:block;
  font-size:clamp(17px,1.45vw,21px);
  font-weight:600;
  line-height:1.45;
  letter-spacing:-.03em;
}
.pm-doctor-profile .pm-doctor-care-journey__steps p {
  margin:5px 0 0;
  color:rgba(255,255,255,.68);
  font-size:12px;
  line-height:1.65;
  word-break:keep-all;
}

@media (max-width:1100px) {
  .pm-doctor-profile .pm-doctor-clinical { grid-template-columns:1fr; }
  .pm-doctor-profile .pm-doctor-clinical__copy { max-width:680px; }
  .pm-doctor-profile .pm-doctor-care-journey { grid-template-columns:minmax(240px,.8fr) minmax(340px,1.2fr); }
}

@media (max-width:680px) {
  .pm-doctor-profile .pm-doctor-care-journey {
    min-height:0;
    grid-template-columns:1fr;
    border-radius:38px 7px 38px 7px;
  }
  .pm-doctor-profile .pm-doctor-care-journey__art {
    min-height:430px;
    padding:38px 28px 30px;
  }
  .pm-doctor-profile .pm-doctor-care-journey__art>strong { font-size:34px; }
  .pm-doctor-profile .pm-doctor-care-journey__portrait {
    width:230px;
    margin:22px auto 18px;
  }
  .pm-doctor-profile .pm-doctor-care-journey__steps {
    padding:34px 26px;
    clip-path:none;
  }
  .pm-doctor-profile .pm-doctor-care-journey__steps li {
    grid-template-columns:40px minmax(0,1fr);
    gap:12px;
    padding:20px 0;
  }
  .pm-doctor-profile .pm-doctor-care-journey__steps li>span { font-size:21px; }
}
