/* Final v36: four-pathway digital portfolio and Starfish nonprofit bridge. */
.digital-foundation {
  grid-template-columns: minmax(300px,.42fr) minmax(0,1.58fr);
  align-items: start;
}
.digital-foundation-copy { align-self: start; }
.portfolio-pathways {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 18px;
}
.domain-group-cluster {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #d8cbb5;
  border-top: 5px solid var(--wm-blue);
  background: rgba(255,255,255,.72);
  box-shadow: 0 16px 35px rgba(5,42,95,.07);
}
.domain-group-cluster:nth-child(2) { border-top-color: var(--wm-orange); }
.domain-group-cluster:nth-child(3) { border-top-color: #4c7a68; }
.domain-group-cluster:nth-child(4) { border-top-color: var(--wm-gold); }
.domain-group-cluster header {
  position: relative;
  min-height: 168px;
  padding: 28px 30px 24px;
  background: linear-gradient(145deg,#fff,#f8f1e4);
}
.domain-group-cluster header b {
  position: absolute;
  top: 22px;
  right: 24px;
  color: rgba(5,42,95,.19);
  font: 400 36px/1 Georgia,serif;
}
.domain-group-cluster h3 {
  max-width: 88%;
  margin: 0;
  color: var(--wm-deep);
  font: 600 clamp(25px,2.25vw,34px)/1.08 Georgia,serif;
  letter-spacing: -.025em;
}
.domain-group-cluster header p {
  max-width: 42ch;
  margin: 14px 0 0;
  color: #66706b;
  font-size: 13px;
  line-height: 1.5;
}
.domain-group-cluster > div { display: grid; grid-template-columns: 1fr; }
.portfolio-pathways .domain-group-cluster span {
  min-height: 62px;
  border: 0;
  border-top: 1px solid #e1d7c6;
  border-left: 4px solid transparent;
  background: #fff;
  box-shadow: none;
  font-size: .82rem;
}
.domain-group-cluster:nth-child(1) span { border-left-color: var(--wm-blue); }
.domain-group-cluster:nth-child(2) span { border-left-color: var(--wm-orange); }
.domain-group-cluster:nth-child(3) span { border-left-color: #4c7a68; }
.domain-group-cluster:nth-child(4) span { border-left-color: var(--wm-gold); }

.starfish-proving-ground {
  margin-top: 24px;
  padding: 25px 27px;
  border-left: 4px solid #d4ad69;
  background: linear-gradient(145deg,#0b3540,#123f4a);
  color: #fff;
}
.starfish-proving-ground > span { color:#efc979; font-size:9px; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
.starfish-proving-ground h4 { margin:10px 0 12px; color:#fff; font:400 clamp(22px,2vw,29px)/1.15 Georgia,serif; }
.starfish-proving-ground p { margin:0; color:rgba(255,255,255,.8); font-size:14px; line-height:1.62; }
.starfish-proving-ground a { display:flex; justify-content:space-between; align-items:center; margin-top:20px; padding-top:15px; border-top:1px solid rgba(239,201,121,.42); color:#efc979; font-size:11px; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }

@media (max-width: 1100px) {
  .digital-foundation { grid-template-columns:1fr; }
}
@media (max-width: 760px) {
  .portfolio-pathways { grid-template-columns:1fr; }
  .domain-group-cluster header { min-height:0; }
}