/* ================================
   Home page only
================================ */

/* ---------- HERO ---------- */

.home-hero{
  margin-top: 10px;
}

.hero-card{
  padding: 22px;
}

.hero-kicker{
  margin: 0 0 10px 0;
  color: var(--muted);
  letter-spacing: .2px;
  font-weight: 650;
  font-size: .95rem;
}

.hero-title{
  margin-bottom: 10px;
}

.hero-subtitle{
  margin-top: 0;
  line-height: 1.75;
}

.hero-badges{
  margin-top: 14px;
}

.hero-cta{
  margin-top: 16px;
}

.hero-links{
  margin-top: 14px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

/* ---------- EDUCATION CARD ---------- */

.education-card{
  padding: 20px;
}

.edu-lines{
  margin: 0;
  line-height: 1.65;
}

.edu-focus{
  margin: 0;
  line-height: 1.7;
}

/* ---------- WHAT I DO ---------- */

.home-section{
  margin-top: 28px;
  padding-bottom: 12px;
  overflow: hidden; /* prevents card glow bleeding */
}

.home-cards{
  margin-top: 14px;
  margin-bottom: 42px; /* key spacing before Featured Projects */
}

.mini-card{
  padding: 18px;
}

/* ---------- FEATURED PROJECTS ---------- */

.home-featured{
  margin-top: 12px;
  padding-top: 28px;
  border-top: 1px solid rgba(255,255,255,.08);
}

@media (prefers-color-scheme: light){
  .home-featured{
    border-top: 1px solid rgba(10,20,40,.10);
  }
}

.home-featured-head{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.featured-grid{
  margin-top: 18px;
}

/* ---------- PROJECT CARDS ---------- */

.project-title a:hover{
  text-decoration: underline;
  text-underline-offset: 4px;
  opacity: .95;
}

/* stylelint-disable property-no-vendor-prefix */
.project-blurb{
  overflow: hidden;

  /* standard */
  line-clamp: 3;

  /* webkit (works in most browsers) */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
/* stylelint-enable */