.student-collection {
  display: grid !important;
  gap: 28px;
  grid-column: span 2;
  grid-template-columns: minmax(245px, .62fr) minmax(0, 1.38fr);
  min-height: 0;
  padding: 28px;
}

.student-intro { display: flex; flex-direction: column; }
.student-intro .number { color: #c7a6ff; font: 11px var(--mono); margin: 0 0 12px; }
.student-kicker, .stage-heading > span {
  color: #b8c8ff;
  font: 500 10px/1.2 var(--mono);
  letter-spacing: .1em;
  margin: 0;
}
.student-intro h3 { font: 500 31px/1.08 var(--serif); letter-spacing: -.035em; margin: 15px 0 13px; }
.student-intro > p:last-child { color: #c7cdeb; font-size: 14px; line-height: 1.58; margin: 0; max-width: 290px; }

.student-content { display: grid; gap: 16px; }
.student-links { display: grid; gap: 16px; grid-template-columns: 1fr 1fr; }
.student-link {
  background: linear-gradient(135deg, rgba(68, 91, 176, .62), rgba(52, 37, 112, .68));
  border: 1px solid rgba(199, 211, 255, .22);
  color: #f1f0ff;
  display: flex;
  flex-direction: column;
  min-height: 118px;
  padding: 16px 17px;
  text-decoration: none;
  transition: transform .2s ease, background .2s ease;
}
.student-link:hover { background: linear-gradient(135deg, rgba(87, 115, 211, .72), rgba(90, 54, 155, .76)); transform: translateY(-3px); }
.student-link span { color: #c9d5ff; font: 500 10px var(--mono); letter-spacing: .1em; }
.student-link strong { font: 500 21px/1.1 var(--serif); margin: 13px 0 auto; }
.student-link small { color: #e3e7ff; font: 10px var(--mono); }

.stage-design { border-top: 1px solid rgba(199, 211, 255, .22); padding-top: 14px; }
.stage-heading { align-items: baseline; display: flex; justify-content: space-between; margin-bottom: 11px; }
.stage-heading small { color: #c8ceed; font: 10px var(--mono); }
.stage-gallery { display: grid; gap: 8px; grid-template-columns: repeat(4, 1fr); }
.stage-gallery figure { margin: 0; position: relative; }
.stage-gallery img { aspect-ratio: 1.36 / 1; display: block; object-fit: cover; width: 100%; }
.stage-gallery figcaption { background: rgba(8, 12, 39, .78); bottom: 0; color: #f2f2ff; font: 9px var(--mono); left: 0; letter-spacing: .04em; padding: 5px 6px; position: absolute; }

@media (max-width: 750px) {
  .student-collection { display: block !important; grid-column: auto; padding: 24px; }
  .student-intro { margin-bottom: 23px; }
  .student-intro h3 { font-size: 28px; }
  .student-links { grid-template-columns: 1fr; }
  .student-link { min-height: 105px; }
  .stage-gallery { grid-template-columns: 1fr 1fr; }
}