/* ============================================================
   PMCK — About
   From About.pdf, with the Clinical History timeline from
   story.pdf. Scoped under .pmck-about.
   ============================================================ */

.pmck-asec{padding:70px 0;}
.pmck-asec.is-panel{background:var(--brand-pale);}
.pmck-asec__title{font-size:44px;line-height:1.15;margin:0 0 18px;}
.pmck-asec__title.is-centred{text-align:center;margin-bottom:34px;}
.pmck-asec__lede{margin:0 0 18px;font-size:19px;line-height:1.7;color:var(--body);}

/* ---------- hero ----------
   Same shape as the homepage hero, written out again rather than shared: two
   mockups, two stylesheets. The wash is on the LEFT only so the photograph
   survives. */

.pmck-ahero{position:relative;background:var(--brand-dark);color:#fff;overflow:hidden;}
.pmck-ahero.has-image::before{
  content:"";position:absolute;inset:0;
  background-image:var(--hero-img);background-size:cover;background-position:center right;
}
.pmck-ahero.has-image::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(0,36,0,.92) 0%,rgba(0,36,0,.74) 36%,rgba(0,36,0,0) 70%);
}
.pmck-ahero .pmck-wrap{position:relative;z-index:1;}
.pmck-ahero__inner{max-width:620px;padding:104px 0 116px;}
.pmck-ahero__title{font-size:52px;line-height:1.14;margin:0 0 18px;color:#fff;}
.pmck-ahero__sub{margin:0;max-width:46ch;font-size:19px;line-height:1.7;color:rgba(255,255,255,.9);}

/* ---------- about us ---------- */

.pmck-aintro{position:relative;overflow:hidden;background:var(--brand-soft);}
/* Botanical artwork from the design — an image field, never shipped. */
.pmck-aintro.has-art::before{
  content:"";position:absolute;inset:0;z-index:0;
  background-image:var(--about-art);background-size:cover;background-position:center;
}
.pmck-aintro > .pmck-wrap{position:relative;z-index:1;}
.pmck-aintro__p{margin:0 0 18px;font-size:19px;line-height:1.75;color:var(--brand-ink);}
.pmck-aintro__p:last-of-type{margin-bottom:34px;}

.pmck-aintro__video{border-radius:14px;overflow:hidden;background:#000;}
.pmck-aintro__video iframe,
.pmck-aintro__video video{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0;}

/* ---------- our legacy of care ---------- */

.pmck-alegacy__grid{
  display:grid;grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);
  gap:60px;align-items:center;
}
.pmck-alegacy__media img{width:100%;height:auto;display:block;border-radius:14px;}

.pmck-astats{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0 28px;}
.pmck-astat{background:var(--brand-soft);border-radius:12px;padding:22px 24px;}
.pmck-astat b{display:block;font-size:40px;line-height:1;color:var(--brand-ink);font-weight:700;margin-bottom:8px;}
.pmck-astat span{font-size:18px;color:var(--body);}

/* ---------- vision, mission, values ---------- */

.pmck-acreed__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:34px;}
.pmck-acreed__card{
  background:#fff;border:1px solid var(--line);border-top:4px solid var(--brand);
  border-radius:12px;padding:28px 26px;text-align:center;
}
.pmck-acreed__card h3{font-size:23px;margin:0 0 12px;color:var(--brand);}
.pmck-acreed__card p{margin:0;font-size:18px;line-height:1.65;color:var(--body);}

.pmck-avalues{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.pmck-avalue{
  border:1px solid var(--line);border-radius:20px;padding:24px 18px;text-align:center;background:#fff;
}
.pmck-avalue b{display:block;font-size:50px;line-height:1;font-weight:800;color:var(--brand);margin-bottom:10px;}
.pmck-avalue span{font-size:20px;font-weight:700;color:var(--brand-ink);}

/* ---------- clinical history ---------- */

.pmck-ahist__rail{
  display:flex;align-items:flex-start;gap:0;margin:0 0 30px;
  overflow-x:auto;padding-bottom:6px;
}
.pmck-ahist__year{
  flex:1 1 0;min-width:96px;
  background:transparent;border:0;padding:0;cursor:pointer;font:inherit;
  display:flex;flex-direction:column;align-items:center;gap:16px;
  color:var(--muted);font-size:26px;font-weight:700;position:relative;
}
/* The connecting line sits behind the dots, drawn once per step. */
.pmck-ahist__year::before{
  content:"";position:absolute;top:9px;left:0;right:0;height:2px;background:var(--line);
}
.pmck-ahist__year:first-child::before{left:50%;}
.pmck-ahist__year:last-child::before{right:50%;}
.pmck-ahist__year i{
  position:relative;z-index:1;width:20px;height:20px;border-radius:50%;
  background:var(--line);display:block;transition:background .18s ease,transform .18s ease;
}
.pmck-ahist__year.is-on{color:var(--accent);}
.pmck-ahist__year.is-on i{background:var(--accent);transform:scale(1.15);box-shadow:0 0 0 5px rgba(139,202,2,.22);}
.pmck-ahist__year.is-done i{background:var(--accent);}
.pmck-ahist__year.is-done::before{background:var(--accent);}

.pmck-ahist__stage{position:relative;background:#fff;border-radius:16px;padding:26px;}
.pmck-ahist__card{
  display:grid;grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr);gap:40px;align-items:start;
}
.pmck-ahist__card[hidden]{display:none;}
.pmck-ahist__media img{width:100%;height:auto;display:block;border-radius:10px;}
.pmck-ahist__big{
  margin:0 0 14px;padding-bottom:14px;border-bottom:2px solid var(--accent);
  font-size:44px;line-height:1;font-weight:800;color:var(--accent);
}
.pmck-ahist__h{font-size:26px;margin:0 0 14px;}
.pmck-ahist__text{font-size:18px;line-height:1.7;color:var(--body);}
.pmck-ahist__text p{margin:0 0 12px;}
.pmck-ahist__text p:last-child{margin-bottom:0;}

.pmck-ahist__arrows{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;}
.pmck-ahist__arrow{
  width:46px;height:46px;border-radius:10px;border:0;cursor:pointer;
  background:var(--brand);color:#fff;font-size:20px;line-height:1;
}
.pmck-ahist__arrow:hover{background:var(--brand-ink);}

/* ---------- trusted by our community ---------- */

.pmck-acomm__grid{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:center;
}
.pmck-acomm__media img{width:100%;height:auto;display:block;border-radius:14px;}

/* ---------- responsive ---------- */

@media (max-width:1100px){
  .pmck-alegacy__grid,.pmck-acomm__grid{gap:36px;}
  .pmck-acreed__grid{grid-template-columns:1fr;}
}
@media (max-width:980px){
  .pmck-asec{padding:52px 0;}
  .pmck-ahero__inner{max-width:none;padding:64px 0 72px;}
  .pmck-ahero__title{font-size:38px;}
  .pmck-ahero.has-image::after{background:linear-gradient(90deg,rgba(0,36,0,.94) 0%,rgba(0,36,0,.72) 100%);}
  .pmck-asec__title{font-size:34px;}
  .pmck-alegacy__grid,.pmck-acomm__grid{grid-template-columns:1fr;}
  /* The photo leads on the community block in the design; on one column the
     words should come first, so it is moved rather than left stranded. */
  .pmck-acomm__media{order:-1;}
  .pmck-ahist__card{grid-template-columns:1fr;gap:24px;}
  .pmck-avalues{grid-template-columns:1fr 1fr;}
}
@media (max-width:620px){
  .pmck-astats{grid-template-columns:1fr;}
  .pmck-avalues{grid-template-columns:1fr;}
  .pmck-avalue{display:flex;align-items:center;justify-content:center;gap:14px;padding:18px;}
  .pmck-avalue b{margin-bottom:0;font-size:38px;}
  .pmck-ahist__stage{padding:18px;}
  .pmck-ahist__big{font-size:36px;}
  .pmck-ahist__year{font-size:21px;min-width:78px;}
}