/* Scala tipografica maggiorata */
.hero {
  background-image: linear-gradient(90deg, rgba(22, 31, 15, .48), rgba(22, 31, 15, .08)), url("pecorino-in-vigna.png");
  background-position: center;
  background-size: cover;
}

body { font-size: 18px; }

.site-header nav a,
footer a { font-size: 12px; }

.eyebrow { font-size: 12px; }

h1 { font-size: clamp(68px, 8vw, 100px); }
h2 { font-size: 38px; }

.subtitle { font-size: 13px; }

.facts b { font-size: 10px; }
.facts span { font-size: 14px; }
.facts i { font-size: 27px; }

.photo-strip figcaption { font-size: 13px; }
.cluster dt { font-size: 12px; }
.cluster dd { font-size: 16px; }
.button { font-size: 12px; }

footer p { font-size: 13px; }

.harvest-video-row {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}

.harvest-intro {
  max-width: 760px;
  margin: -8px 0 0;
}

.short-video {
  width: 100%;
  max-width: 360px;
  aspect-ratio: 9 / 16;
  overflow: hidden;
  background: #211f1a;
}

.short-video iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

@media (max-width: 850px) {
  body { font-size: 17px; }
  h1 { font-size: 62px; }
  h2 { font-size: 33px; }
  .short-video { width: min(100%, 340px); margin: 0 auto; }
}