/* assets/home.css — overrides applied only on index.qmd */

/* Tighten the top padding on the home page. */
main.content {
  padding-top: 2rem;
}

/* Hide the auto-generated h1 from the title field. */
#title-block-header {
  display: none;
}

/* Make the hero image span the full content width. */
.hero-image {
  width: 100%;
  max-height: 480px;
  object-fit: cover;
  border-radius: 4px;
}

/* Reduce vertical spacing between the welcome subheadline and the hero image. */
.welcome-subheadline + img,
.welcome-subheadline + p img {
  margin-top: 0.75rem;
}

/* Larger section headings on the home page. */
.home-section-heading {
  font-size: 1.4rem;
  font-weight: 500;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  color: var(--bs-body-color);
}

/* Research tile band — non-clickable images with title overlay */
.theme-band-item {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}

.theme-band-item img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
}

.theme-band-title {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(transparent, rgba(31, 35, 41, 0.72));
  color: #ffffff;
  font-family: "Inter", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  padding: 1.5rem 0.75rem 0.75rem;
  line-height: 1.3;
}

.theme-band-learn-more {
  text-align: right;
  margin-top: 0.75rem;
  font-size: 0.9rem;
}