.platform-brief {
  border: 1px solid rgba(185,150,93,.42);
  border-top: 4px solid var(--gold-500);
  background: linear-gradient(160deg, #fbf8f1 0%, #e7edf2 100%);
}
.platform-brief h2 { max-width: 420px; color: var(--navy-950); }
.platform-points li { grid-template-columns: 78px 1fr; }

.platform-intro {
  padding: 52px 0 58px;
  border-bottom: 1px solid #d8d4cc;
  background: #fff;
}
.platform-intro-head {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr);
  gap: 54px;
  align-items: end;
  margin-bottom: 27px;
}
.platform-intro-head h2 {
  max-width: 690px;
  margin: 0;
  color: var(--navy-950);
  font: 2.15rem/1.12 var(--serif);
}
.platform-intro-head > p {
  margin: 0;
  color: var(--muted);
  font-size: .92rem;
  line-height: 1.75;
}
.platform-pillars {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.platform-pillars article {
  position: relative;
  min-height: 230px;
  overflow: hidden;
  color: #fff;
  background: var(--navy-900);
}
.platform-pillars article::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(7,24,45,.12) 0%,rgba(7,24,45,.93) 83%); }
.platform-pillars img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.72); transition:transform .28s ease; }
.platform-pillars article:hover img { transform:scale(1.035); }
.platform-pillars article > div { position:relative; z-index:1; display:flex; height:100%; min-height:230px; flex-direction:column; justify-content:flex-end; padding:22px 23px 20px; }
.platform-pillars span {
  color: #e4c58e;
  font: 1rem var(--serif);
}
.platform-pillars h3 {
  margin: 8px 0 8px;
  color: #fff;
  font: 1.28rem/1.2 var(--serif);
}
.platform-pillars p {
  margin: 0 0 13px;
  color: rgba(255,255,255,.75);
  font-size: .72rem;
  line-height: 1.5;
}
.platform-pillars a {
  color: #f0d49e;
  font-size: .72rem;
  font-weight: 800;
}
.school-section { padding-top: 78px; }

@media (max-width: 900px) {
  .platform-intro-head { grid-template-columns: 1fr; gap: 22px; }
  .platform-pillars { grid-template-columns: 1fr; }
  .platform-pillars article { min-height: 210px; }
  .platform-pillars p { min-height: 0; }
}

@media (max-width: 600px) {
  .platform-intro { padding: 58px 0 62px; }
  .platform-intro-head h2 { font-size: 2rem; }
  .platform-pillars article { padding: 26px 24px; }
}