/* =========================================================
   WELCOME INTRO — mirrors hero layout so elements overlap on dismiss
   ========================================================= */

#site-intro {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: #fff;
  display: grid;
  place-items: center;
  align-content: center;
  row-gap: 22px;
  text-align: center;
  padding: 120px 20px 80px;
  pointer-events: auto;
}

/* Matches .first-name exactly. margin-bottom simulates the missing
   second name line (14px gap + last-name height) so skip lands
   at the same position as the role text on the main page. */
#site-intro-word {
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: clamp(24px, 3.2vw, 40px);
  font-weight: 500;
  letter-spacing: 0.32em;
  color: #1C1917;
  opacity: 0;
  margin-bottom: clamp(18px, calc(6px + 2vw), 32px);
}

/* Matches .role text (MOTION · BRAND IDENTITY · SPATIAL DESIGN) */
#site-intro-skip {
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
  font-size: clamp(10px, 0.9vw, 12px);
  font-weight: 400;
  letter-spacing: 0.08em;
  color: #D96535;
  white-space: nowrap;
  cursor: pointer;
}

@media (prefers-reduced-motion: reduce) {
  #site-intro { display: none !important; }
}