/* ================================================
   CHI SONO — Lucrezia Stampi Dietista
   ================================================ */

/* ── HERO ── */

/* Override .griglia-2: 1 colonna fino a 1023px */
.chisono-hero.griglia-2 {
  grid-template-columns: 1fr;
  gap: clamp(2rem, 6vw, 4rem);
  align-items: center;
}

.chisono-hero__media {
  width: 100%;
  max-width: 34rem;
  margin-inline: auto;
  aspect-ratio: 4 / 5;
  overflow: hidden;
}

.chisono-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.chisono-hero__testo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 40rem;
}

/* Tablet: immagine più panoramica */
@media (min-width: 768px) {
  .chisono-hero__media {
    max-width: 44rem;
    aspect-ratio: 4 / 3;
  }
}

/* Desktop: split a due colonne */
@media (min-width: 1024px) {
  .chisono-hero.griglia-2 {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: clamp(3rem, 6vw, 6rem);
  }

  .chisono-hero__media {
    max-width: none;
    aspect-ratio: 3 / 4;
    margin-inline: 0;
  }

  .chisono-hero__testo {
    justify-content: center;
    max-width: 38rem;
  }
}

/* ── BIO ── */
.chisono-bio {
  max-width: 45rem;
  margin-inline: auto;
}

.chisono-bio__blocco {
  display: flex;
  flex-direction: column;
}

/* ── CORSI ── */
.chisono-corsi {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}

.chisono-corsi__voce {
  display: grid;
  grid-template-columns: 4rem 1fr;
  gap: var(--spazio-4);
  align-items: baseline;
  padding-block: var(--spazio-3);
  border-top: 1px solid var(--bordo);
}

.chisono-corsi__voce:last-child {
  border-bottom: 1px solid var(--bordo);
}

.chisono-corsi__anno {
  font-family: var(--font-corpo);
  font-size: var(--testo-piccolo);
  font-weight: var(--peso-medio);
  letter-spacing: 0.08em;
  color: var(--terra);
}

.chisono-corsi__testo {
  font-family: var(--font-corpo);
  font-size: var(--testo-base);
  font-weight: var(--peso-light);
  line-height: var(--linea-testo);
  color: var(--inchiostro);
  margin: 0;
}