/* How We Work: purpose-built editorial timeline.
   Scope to the route so Services, About and the landing page remain unchanged. */
.pnc-work-page{
  --work-ink:#171a1e;
  --work-muted:#646a72;
  --work-rule:#dfe1e4;
  color:var(--work-ink);
  background:#fff;
}
.pnc-work-page .page-hero{
  background:#f7f8fa!important;
  color:var(--work-ink)!important;
  padding-bottom:clamp(54px,5vw,88px);
}
.pnc-work-page .page-hero :is(h1,h2){color:var(--work-ink)!important}
.pnc-work-page .page-hero p{color:var(--work-muted)!important}
.pnc-work-page .journey-section{
  padding:clamp(58px,6.8vw,102px) 0;
}
.pnc-work-page .pnc-work-process{background:#fff}
.pnc-work-page .pnc-work-section-intro{
  min-width:0;
  max-width:980px;
  margin:0 0 clamp(32px,4.4vw,62px);
}
.pnc-work-page .pnc-work-eyebrow{
  display:block;
  color:#7e838a;
  font-size:11px;
  font-weight:550;
  letter-spacing:.13em;
  text-transform:uppercase;
  line-height:1.4;
  margin:0 0 17px;
}
.pnc-work-page .pnc-work-section-intro h2{
  max-width:820px;
  font-size:clamp(32px,4vw,54px)!important;
  font-weight:460!important;
  line-height:1.12;
  letter-spacing:-.045em;
  margin:0 0 16px;
  text-wrap:balance;
}
.pnc-work-page .pnc-work-section-intro p{
  margin:0;
  max-width:67ch;
  color:var(--work-muted);
  font-size:clamp(14px,1.15vw,17px)!important;
  font-weight:400;
  line-height:1.65;
}
.pnc-work-page ol.pnc-work-timeline{
  position:relative;
  display:block!important;
  list-style:none!important;
  width:100%;
  margin:0!important;
  padding:0!important;
  border-top:1px solid var(--work-rule);
}
.pnc-work-page ol.pnc-work-timeline::before{
  content:"";
  position:absolute;
  z-index:0;
  top:40px;
  bottom:50px;
  left:34px;
  width:1px;
  background:#d8dade;
  pointer-events:none;
}
.pnc-work-page ol.pnc-work-timeline > li.pnc-work-step{
  position:relative;
  z-index:1;
  display:grid!important;
  grid-template-columns:92px minmax(0,1fr) minmax(225px,.57fr);
  align-items:center;
  column-gap:clamp(26px,4vw,70px);
  min-width:0;
  min-height:190px;
  margin:0!important;
  padding:32px 0!important;
  border:0;
  border-bottom:1px solid var(--work-rule);
  background:transparent;
}
.pnc-work-page .pnc-work-rail{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  align-self:stretch;
  justify-content:center;
  gap:13px;
  min-width:0;
  width:100%;
}
.pnc-work-page .pnc-work-node{
  display:grid;
  place-items:center;
  flex:none;
  width:69px;
  height:69px;
  background:#fff;
  border:1px solid #c7cbd0;
  border-radius:50%;
  color:var(--work-ink);
}
.pnc-work-page .pnc-work-node svg{
  display:block;
  width:27px;
  height:27px;
  fill:none;
  stroke:currentColor;
}
.pnc-work-page .timeline-number{
  display:block;
  margin:0;
  padding:0;
  color:#737980;
  font-size:11px!important;
  line-height:1.4;
  font-weight:550;
  letter-spacing:.08em;
  font-variant-numeric:tabular-nums;
}
.pnc-work-page .pnc-work-step-copy{
  min-width:0;
  max-width:650px;
}
.pnc-work-page .pnc-work-step:not(.pnc-work-step--photo) .pnc-work-step-copy{
  grid-column:2 / 4;
}
.pnc-work-page .pnc-work-step-copy h3{
  margin:0 0 12px!important;
  color:var(--work-ink);
  font-size:clamp(23px,2.45vw,35px)!important;
  font-weight:475!important;
  line-height:1.18;
  letter-spacing:-.038em;
  text-wrap:balance;
}
.pnc-work-page .pnc-work-step-copy p{
  max-width:60ch;
  margin:0!important;
  color:var(--work-muted);
  font-size:clamp(14px,1.15vw,16px)!important;
  line-height:1.7;
}
.pnc-work-page .pnc-work-photo{
  min-width:0;
  width:100%;
  max-width:380px;
  aspect-ratio:1.55;
  overflow:hidden;
  margin:0;
  padding:0;
  background:#eaebed;
  border:0;
  border-radius:0;
  justify-self:end;
}
.pnc-work-page .pnc-work-photo img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
  border:0;
  border-radius:0;
  filter:none;
}
.pnc-work-page .pnc-work-scope-note{
  max-width:70ch;
  margin:26px 0 0;
  color:#747a81;
  font-size:12px!important;
  line-height:1.65;
}
.pnc-work-page .pnc-work-support{
  background:#f5f6f7!important;
}
.pnc-work-page .pnc-work-support-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  border-top:1px solid #d4d7db;
}
.pnc-work-page .pnc-work-support-item{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  min-height:225px;
  margin:0;
  padding:30px 28px 18px;
  border:0;
  border-right:1px solid #d4d7db;
  background:transparent;
  box-shadow:none;
}
.pnc-work-page .pnc-work-support-item:first-child{padding-left:0}
.pnc-work-page .pnc-work-support-item:last-child{
  padding-right:0;
  border-right:0;
}
.pnc-work-page .pnc-work-support-icon{
  display:block;
  margin:0 0 28px;
  color:#34383d;
}
.pnc-work-page .pnc-work-support-icon svg{
  display:block;
  width:29px;
  height:29px;
  stroke:currentColor;
  fill:none;
}
.pnc-work-page .pnc-work-support-item h3{
  margin:0 0 9px!important;
  font-size:clamp(17px,1.45vw,21px)!important;
  font-weight:510!important;
  line-height:1.25;
  letter-spacing:-.025em;
}
.pnc-work-page .pnc-work-support-item p{
  margin:0!important;
  color:var(--work-muted);
  font-size:14px!important;
  line-height:1.62;
}
.pnc-work-page .pnc-work-ownership{
  background:#fff;
}
.pnc-work-page .pnc-work-ownership-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(25px,5vw,75px);
  border-top:1px solid var(--work-rule);
}
.pnc-work-page .pnc-work-ownership-grid article{
  min-width:0;
  padding:32px 0 0;
  margin:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
.pnc-work-page .pnc-work-owner-label{
  display:block;
  margin:0 0 25px;
  color:#747a80;
  letter-spacing:.11em;
  font-size:11px;
  font-weight:600;
}
.pnc-work-page .pnc-work-ownership-grid h3{
  max-width:28ch;
  margin:0 0 12px!important;
  font-size:clamp(22px,2.1vw,29px)!important;
  font-weight:475!important;
  line-height:1.24;
  letter-spacing:-.035em;
}
.pnc-work-page .pnc-work-ownership-grid p{
  max-width:62ch;
  color:var(--work-muted);
  font-size:15px!important;
  line-height:1.7;
  margin:0!important;
}
@media(max-width:1050px){
  .pnc-work-page ol.pnc-work-timeline > li.pnc-work-step{
    grid-template-columns:85px minmax(0,1fr) minmax(185px,.45fr);
    column-gap:26px;
  }
  .pnc-work-page .pnc-work-support-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .pnc-work-page .pnc-work-support-item{
    min-height:190px;
    padding:25px!important;
    border-right:1px solid #d4d7db;
    border-bottom:1px solid #d4d7db;
  }
  .pnc-work-page .pnc-work-support-item:nth-child(2n+1){padding-left:0!important}
  .pnc-work-page .pnc-work-support-item:nth-child(2n){padding-right:0!important;border-right:0}
}
@media(max-width:760px){
  .pnc-work-page .journey-section{padding:54px 0}
  .pnc-work-page ol.pnc-work-timeline::before{
    top:24px;bottom:52px;left:26px;
  }
  .pnc-work-page ol.pnc-work-timeline > li.pnc-work-step{
    grid-template-columns:65px minmax(0,1fr);
    column-gap:15px;
    align-items:start;
    min-height:0;
    padding:24px 0!important;
  }
  .pnc-work-page .pnc-work-rail{justify-content:flex-start;gap:11px}
  .pnc-work-page .pnc-work-node{width:53px;height:53px}
  .pnc-work-page .pnc-work-node svg{width:23px;height:23px}
  .pnc-work-page .timeline-number{font-size:10px!important}
  .pnc-work-page .pnc-work-step-copy,
  .pnc-work-page .pnc-work-step:not(.pnc-work-step--photo) .pnc-work-step-copy{
    grid-column:2;
    align-self:start;
    padding-top:4px;
  }
  .pnc-work-page .pnc-work-step-copy h3{font-size:clamp(21px,5vw,29px)!important}
  .pnc-work-page .pnc-work-photo{
    grid-column:2;
    grid-row:2;
    justify-self:start;
    width:min(100%,360px);
    max-width:360px;
    margin-top:18px;
    aspect-ratio:1.65;
  }
  .pnc-work-page .pnc-work-ownership-grid{
    grid-template-columns:minmax(0,1fr);
    gap:30px;
  }
  .pnc-work-page .pnc-work-ownership-grid article{padding-top:25px}
  .pnc-work-page .pnc-work-owner-label{margin-bottom:14px}
}
@media(max-width:480px){
  .pnc-work-page .pnc-work-support-grid{grid-template-columns:minmax(0,1fr)}
  .pnc-work-page .pnc-work-support-item,
  .pnc-work-page .pnc-work-support-item:nth-child(n){
    min-height:0;
    padding:22px 0!important;
    border-right:0;
  }
  .pnc-work-page .pnc-work-support-icon{margin-bottom:12px}
  .pnc-work-page .pnc-work-support-item h3{font-size:19px!important}
}
@media(prefers-reduced-motion:reduce){
  .pnc-work-page *{scroll-behavior:auto}
}

/* Photo-led process intro: retain the six-step operational timeline underneath. */
.pnc-work-page .pnc-work-process-head{
  display:grid;
  grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);
  gap:clamp(28px,5vw,78px);
  align-items:center;
  min-width:0;
  margin:0 0 clamp(32px,4.4vw,62px);
}
.pnc-work-page .pnc-work-process-head .pnc-work-section-intro{
  margin:0;
  max-width:670px;
}
.pnc-work-page .pnc-work-process-visual{
  min-width:0;
  width:100%;
  margin:0;
  padding:0;
}
.pnc-work-page .pnc-work-process-visual img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1672 / 941;
  object-fit:cover;
  object-position:center;
  filter:none!important;
  transform:none!important;
  border:0;
  border-radius:0;
  background:#eef1f3;
}
.pnc-work-page .pnc-work-process-visual figcaption{
  color:var(--work-muted);
  font-size:11px;
  line-height:1.4;
  margin-top:9px;
  letter-spacing:.01em;
}
@media(max-width:760px){
  .pnc-work-page .pnc-work-process-head{
    grid-template-columns:minmax(0,1fr);
    gap:22px;
    margin-bottom:30px;
  }
}