/* =====================================================================
   reveal.css  —  Screen 2: the big "Happy Birthday" moment
   ===================================================================== */

.reveal-content {
  max-width: 700px;
}

.reveal-pre {
  font-weight: 300;
  font-size: clamp(0.95rem, 3vw, 1.2rem);
  opacity: 0.85;
  margin-bottom: 14px;
}

.reveal-title {
  font-family: var(--font-script);
  font-weight: 700;
  font-size: clamp(2.8rem, 10vw, 5.5rem);
  line-height: 1.1;
  background: linear-gradient(135deg, var(--gold), var(--pink-soft), var(--pink));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 4px 24px rgba(255, 211, 110, 0.4));
  margin-bottom: 16px;
}

.reveal-title #reveal-name {
  display: inline-block;
  font-family: "Pacifico", cursive;       /* stylish par easy to read */
  font-weight: 400;
  font-size: 0.52em;
  line-height: 1.35;
  letter-spacing: 0.5px;
  /* gradient override → solid, crisp readable name */
  -webkit-text-fill-color: #ffdbe8;
  color: #ffdbe8;
  text-shadow: 0 2px 16px rgba(255, 92, 138, 0.5);
}

/* ---- Clap / celebration emoji burst ---- */
.clap-emoji {
  position: fixed;
  bottom: -40px;
  z-index: 30;
  pointer-events: none;
  animation: clapRise 2.6s ease-out forwards;
  will-change: transform, opacity;
}
@keyframes clapRise {
  0%   { transform: translateY(0) scale(0.6) rotate(0deg);        opacity: 0; }
  15%  { opacity: 1; }
  100% { transform: translateY(-85vh) scale(1.15) rotate(18deg);  opacity: 0; }
}

.reveal-sub {
  font-family: var(--font-body);          /* Poppins — clean, easy to read */
  font-weight: 300;
  font-size: clamp(1rem, 3.2vw, 1.3rem);
  color: var(--pink-soft);
  opacity: 0.95;
  letter-spacing: 0.3px;
}