.timo-mascot {
  display: block;
  height: auto;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
}

.intro-heading {
  position: relative;
  padding-right: clamp(75px, 8vw, 118px);
}

.timo-lean {
  position: absolute;
  z-index: 1;
  right: clamp(-86px, -5vw, -56px);
  bottom: clamp(-76px, -5vw, -48px);
  width: clamp(138px, 14vw, 210px);
  filter: drop-shadow(0 16px 18px rgba(17, 62, 72, .12));
}

@media (min-width: 981px) {
  .curricular-heading {
    grid-template-columns: minmax(0, 1.05fr) minmax(260px, .82fr) minmax(165px, 220px);
    gap: clamp(24px, 3.5vw, 54px);
  }
}

.timo-point {
  width: min(100%, 220px);
  align-self: end;
  justify-self: end;
  margin-bottom: -28px;
  filter: drop-shadow(0 16px 18px rgba(0, 0, 0, .17));
}

.admissions {
  position: relative;
  overflow: hidden;
}

.admissions > :not(.timo-wave) {
  position: relative;
  z-index: 1;
}

.timo-wave {
  position: absolute;
  z-index: 0;
  left: clamp(-12px, 1.5vw, 28px);
  bottom: -52px;
  width: clamp(170px, 17vw, 255px);
  filter: drop-shadow(0 16px 20px rgba(17, 62, 72, .14));
}

@media (max-width: 980px) {
  .intro-heading { padding-right: 170px; }
  .timo-lean { right: 8px; bottom: -48px; width: 170px; }
  .timo-point { width: 170px; margin: -6px 0 -24px auto; }
  .timo-wave { left: -32px; width: 205px; }
}

@media (max-width: 620px) {
  .intro-heading { padding-right: 82px; }
  .timo-lean { right: -14px; bottom: -28px; width: 112px; }
  .timo-point { width: 142px; margin-top: -4px; }
  .timo-wave {
    position: relative;
    left: auto;
    bottom: auto;
    width: 156px;
    margin: 34px auto -58px;
  }
}