/* ============================================================================
   HOME TEASERS — compact replacements for what used to be the full Mission
   statement and Academics feature/quote sections on the homepage. Both moved
   to their own pages (about.html, academics.html) once those existed; this
   is what's left in their place — short cards pointing there instead of
   duplicating the full content.

   Kept in its own file rather than merged into styles.css since these two
   classes only ever appear on index.html.
   ============================================================================ */

.home-teasers {
  padding: 88px 0;
}

.home-teaser-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}

.home-teaser {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 4px;
  padding: 40px;
  display: flex;
  flex-direction: column;
}

.home-teaser .eyebrow {
  display: block;
  margin-bottom: 14px;
}

.home-teaser h2 {
  font-size: clamp(22px, 2.6vw, 28px);
  line-height: 1.25;
  margin-bottom: 14px;
}

.home-teaser p {
  color: var(--slate);
  font-size: 15px;
  margin-bottom: 24px;
  flex: 1;
}

.home-teaser .text-link {
  align-self: flex-start;
}

@media (max-width: 900px) {
  .home-teaser-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  .home-teasers { padding: 56px 0; }
  .home-teaser { padding: 28px 24px; }
}

@media (max-width: 400px) {
  .nav-brand img { height: clamp(30px, 11vw, 40px); }
}