/* Direct student imagery: integrated into the page, never boxed */
.student-hero-visual,
.portal-people-visual{
  position:relative;
  min-width:0;
  align-self:stretch;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  overflow:visible;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}
.student-hero-visual img,
.portal-people-visual img{
  display:block;
  width:min(100%,820px);
  height:auto;
  max-height:660px;
  object-fit:contain;
  object-position:center bottom;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  -webkit-mask-image:linear-gradient(to left,transparent 0%,#000 8%,#000 100%),linear-gradient(to top,transparent 0%,#000 10%,#000 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to left,transparent 0%,#000 8%,#000 100%),linear-gradient(to top,transparent 0%,#000 10%,#000 100%);
  mask-composite:intersect;
  animation:ttStudentDrift 8s ease-in-out infinite;
}
@keyframes ttStudentDrift{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.tt-hero{overflow:hidden}
.tt-hero-grid{align-items:center}
@media(max-width:900px){
 .student-hero-visual,.portal-people-visual{margin-top:22px;min-height:0}
 .student-hero-visual img,.portal-people-visual img{width:100%;max-height:none;-webkit-mask-image:linear-gradient(to top,transparent 0%,#000 9%,#000 100%);mask-image:linear-gradient(to top,transparent 0%,#000 9%,#000 100%)}
}
@media(prefers-reduced-motion:reduce){.student-hero-visual img,.portal-people-visual img{animation:none}}