/* ================================================
   WORK PAGE — Apollo-style cards matching home page
   ================================================ */

/* Override: nav on work pages doesn't need loading delay */
.work-nav{
  opacity:1 !important;
  animation:none !important;
}
.dock-work{
  opacity:1 !important;
  animation:none !important;
}

/* ========== WORK HERO ========== */
.work-hero{
  padding:160px 0 0;
}
.work-title{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  font-size:clamp(32px,5vw,56px);
  font-weight:700;
  letter-spacing:-.04em;
  line-height:1;
  color:var(--text);
}
.work-title span{
  display:block;
  color:var(--muted);
  font-size:clamp(14px,1.4vw,18px);
  font-weight:500;
  letter-spacing:0;
  line-height:1.5;
  margin-top:16px;
  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
}

/* ========== GRID SECTION ========== */
.work-grid-section{
  padding:60px 0 120px;
}

/* Staggered reveal for work page cards */
.work-grid-section .apollo-card{
  opacity:0;
  transform:translateY(40px);
  animation:workItemReveal .8s var(--ease) forwards;
}
.work-grid-section .apollo-card:nth-child(1){animation-delay:.1s}
.work-grid-section .apollo-card:nth-child(2){animation-delay:.2s}
.work-grid-section .apollo-card:nth-child(3){animation-delay:.3s}
.work-grid-section .apollo-card:nth-child(4){animation-delay:.4s}
.work-grid-section .apollo-card:nth-child(5){animation-delay:.5s}
.work-grid-section .apollo-card:nth-child(6){animation-delay:.6s}

@keyframes workItemReveal{
  from{opacity:0;transform:translateY(40px)}
  to{opacity:1;transform:translateY(0)}
}

/* ========== RESPONSIVE ========== */
@media(max-width:810px){
  .work-hero{padding:120px 0 0}
  .work-title{font-size:clamp(32px,8vw,48px)}
}

@media(max-width:480px){
  .work-title{font-size:32px}
  .work-grid-section{padding:40px 0 80px}
}