/* ============================================================
   BODY
============================================================ */
body {
  padding-top: 10rem; /* 160px → 10rem */
  background-color: var(--white);
  font-family: var(--font-family);
  min-height: 100vh;
  line-height: var(--line-height-default);
  -webkit-font-smoothing: antialiased;
}

.title {
  font-size: var(--fs-lg);
  text-align: center;
  color: var(--darkslategray);
  margin-bottom: 1.5rem;
}

.subtitle-en {
  font-size: var(--fs-md);
  text-align: center;
  color: var(--darkslategray);
}

.subtitle-it {
  font-size: var(--fs-md);
  text-align: center;
  color: var(--darkslategray);
  font-style: italic;     /* corsivo */
}

/* ============================================================
   NUMERI SEPARATORI
============================================================ */
.number-01,
.number-02 {
  width: 3.125rem;   /* 50px */
  height: 3.125rem;
  border-radius: 50%;
  color: var(--grey-300);
  border: 0.125rem solid var(--grey-300);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--fs-sm);
  font-weight: var(--font-weight-regular);
  position: relative;
  margin: 5rem auto 3.5rem;
}

.number-01::before,
.number-02::before {
  content: "";
  width: 0.125rem; /* 2px */
  height: 3.75rem; /* 60px */
  background: var(--grey-300);
  position: absolute;
  top: -3.75rem;
  left: 50%;
  transform: translateX(-50%);
}

/* WRAPPER PRINCIPALE COMPOSTO DA 16 IMMAGINI DI ALTEZZE DIFFERENTI */

.pinterest-grid {
  max-width: 1130px;
  margin: 0 auto var(--space-xxl, 4rem);
  column-count: 4;
  column-gap: 1.5rem;
  padding: 0 1rem;
}

/* OGNI "PIN" */
.pinterest-grid .pin {
  break-inside: avoid;
  margin-bottom: 1.5rem;
}

/* IMMAGINI */
.pinterest-grid img {
  width: 100%;
  display: block;
  border-radius: var(--radius-m, 0.75rem);
  object-fit: cover;
  box-shadow: 0 4px 12px rgba(0,0,0,0.12);
}

/* TABLET: 2 COLONNE */
@media (max-width: 68.75rem) { /* 1100px */
  .pinterest-grid {
    column-count: 2;
  }
}

/* MOBILE: 1 COLONNA */
@media (max-width: 43.75rem) { /* 700px */
  .pinterest-grid {
    column-count: 1;
    padding: 0 1rem;
  }
}