@charset "utf-8";
/* ===============================
   Birthday Image + Poetic Caption
   =============================== */

.birthday-section {
  display: flex;
  justify-content: center;
  padding: 0 1rem;
  margin: 1.5rem 0;
  box-sizing: border-box;
}

/* wrapper */
.birthday-figure {
  width: 100%;
  max-width: 100%;
  margin: 0;
  text-align: center;
}

/* image */
/* Image wrapper already exists */
.birthday-figure img {
  width: 100%;
  max-width: 100%;

  /* height control */
  max-height: 65vh;     /* ← KEY LINE */
  height: auto;

  object-fit: contain; /* prevents distortion */

  display: block;
  margin: 0 auto;

  /* fade-in */
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.birthday-figure img.is-visible {
  opacity: 1;
  transform: translateY(0);
}


/* ===============================
   Poetic Caption — Readability First
   =============================== */

.birthday-caption {
  margin-top: 1.25rem;

  font-family: "Libre Baskerville", "Garamond", Georgia, serif;
  font-style: italic;

  /* ⬆️ Larger base size */
  font-size: 1.1rem;        /* mobile */
  line-height: 1.8;
  letter-spacing: 0.025em;

  color: #222;
  text-align: center;
}

.birthday-caption p {
  margin: 0.3em 0;
}


/* Tablet */
@media (min-width: 600px) {
  .birthday-caption {
    font-size: 1.25rem;
    margin-top: 1.4rem;
  }
}

/* Desktop */
@media (min-width: 1024px) {
  .birthday-figure {
    max-width: 800px;
  }

  .birthday-caption {
    font-size: 1.35rem;
    max-width: 42ch;   /* poetic line length */
    margin-left: auto;
    margin-right: auto;
  }
}