/* Student Projects follows the Works grid, captions and modal galleries. */
#student-projects {
  /* Remove the inherited Works footer space only in this section. */
  padding-bottom: 0 !important;
}

#owl-student-projects .item img {
  display: block;
  width: 100%;
  height: auto;
  /* Works thumbnails are 600 × 400; retain their geometry without new assets. */
  aspect-ratio: 3 / 2;
  object-fit: cover;
}
#student-projects .student-card {
  position: relative;
  cursor: pointer;
}
#student-projects .student-card:hover .caption,
#student-projects .student-card:focus .caption {
  display: block !important;
}
#student-projects .student-card:focus-visible {
  outline: 2px solid #000;
  outline-offset: -2px;
}
#student-projects .view > .btn.outline {
  padding: 6px 26px;
  font-size: 1.4em;
  line-height: 3.2rem;
  border: 1px solid #fff;
  color: #fff;
}
/* Touch users can discover the same titles and eye controls without hover. */
@media (hover: none) {
  #student-projects .student-card .caption { display: block !important; }
}

/* Follow Works arrow offsets, clamped only where they would cross the viewport. */
@media (max-width: 991px) {
  #owl-student-projects .owl-prev { left: max(-8%, calc((100% - 100vw) / 2)); }
  #owl-student-projects .owl-next { right: max(-8%, calc((100% - 100vw) / 2)); }
}

/* Keep the longer title on one line in the same heading space as Works. */
@media (max-width: 389px) {
  #student-projects h2 {
    font-size: clamp(24px, 7.6vw, 30px);
    line-height: 33px;
  }
}