.school-brand {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 365px;
  padding: 42px;
  overflow: hidden;
  border-radius: var(--radius);
  background: linear-gradient(140deg, #f4e7f2, #faf8f1 75%);
  color: var(--magenta);
}
.school-brand::after {
  content: "";
  position: absolute;
  width: 235px;
  height: 235px;
  right: -125px;
  bottom: -115px;
  border: 35px solid var(--lime);
  border-radius: 50%;
  opacity: .65;
}
.school-brand-mark { font-size: 45px; line-height: 1; margin-bottom: 28px; }
.school-brand > strong { font-size: clamp(44px, 5vw, 68px); font-weight: 850; letter-spacing: -.065em; line-height: 1.04; }
.school-brand > strong > span { color: var(--lime); }
.school-brand > small { margin-top: 30px; font-size: 10px; letter-spacing: .13em; font-weight: 700; }
@media (max-width: 700px) {
  .school-brand { min-height: 310px; padding: 32px; }
  .school-brand > strong { font-size: 56px; }
}
@media (max-width: 380px) { .school-brand > strong { font-size: 48px; } }