/* Homepage spacing refinements — 2026-09-17 */

/* Keep the hero compact without losing the full-screen editorial feel. */
.hero-personal .hero-copy{
  padding-bottom:48px;
}
.hero-personal .hero-copy h1{
  margin-top:12px;
}
.hero-lead{
  margin:22px 0 20px;
}

/* Project rows read as self-contained cards: title/meta stay close to their image
   and a quiet divider marks the transition to the next project. */
.projects .project-row{
  border-top:0;
  border-bottom:1px solid rgba(9,9,9,.16);
}
.projects .project-row:first-child{
  border-top:1px solid rgba(9,9,9,.16);
}
.projects .project-meta{
  justify-content:flex-start;
  gap:0;
  padding-top:clamp(28px,3vw,48px);
  padding-bottom:clamp(28px,3vw,48px);
}
.projects .project-meta .number{
  margin-bottom:clamp(34px,5vh,64px);
}
.projects .project-meta .tags{
  margin-bottom:12px;
}
.projects .project-meta h3{
  margin:0 0 18px;
}
.projects .project-meta .text-link{
  margin-top:6px;
}

/* Tighten large homepage section gaps slightly. */
.profile-card.profile-unified,
.collab-section,
.capabilities{
  padding-top:clamp(76px,8vw,105px);
  padding-bottom:clamp(76px,8vw,105px);
}

@media(max-width:850px){
  .hero-personal .hero-copy{
    padding-bottom:38px;
  }
  .projects .project-image{
    height:52svh;
  }
  .projects .project-meta{
    min-height:0 !important;
    padding:24px var(--pad) 30px;
  }
  .projects .project-meta .number{
    margin-bottom:22px;
  }
  .projects .project-meta .tags{
    margin-bottom:8px;
  }
  .projects .project-meta h3{
    margin-bottom:14px;
  }
  .profile-card.profile-unified,
  .collab-section,
  .capabilities{
    padding-top:64px;
    padding-bottom:64px;
  }
}


/* Desktop portfolio consistency — keep every project image at the same visual height. */
@media(min-width:851px){
  .projects .project-row{
    height:clamp(520px,72vh,760px);
    min-height:0;
  }
  .projects .project-image{
    height:100%;
    min-height:0;
  }
  .projects .project-image img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
  .projects .project-meta{
    min-height:0;
    overflow:hidden;
  }
}