/* Homepage pubblica pre-lancio; nessun riferimento alla partecipazione nascosta. */
:root { color-scheme: light; }
* { box-sizing: border-box; }
html { min-height: 100%; }
body { margin: 0; min-height: 100vh; color: #fff; background: #2d291f; }
.cover {
  min-height: 100svh;
  display: flex;
  align-items: center;
  padding: clamp(2.5rem, 9vw, 8rem);
  background-image:
    linear-gradient(90deg, rgba(27,25,21,.77) 0%, rgba(27,25,21,.55) 41%, rgba(27,25,21,.16) 100%),
    url('../assets/images/girasole-riserva.webp');
  background-position: center, 56% center;
  background-size: cover;
  background-repeat: no-repeat;
}
.cover__content { width: 100%; max-width: 900px; }
.eyebrow {
  margin: 0 0 1.35rem;
  font: 700 clamp(.76rem, 1.1vw, 1rem)/1.3 system-ui, sans-serif;
  letter-spacing: .26em;
  text-transform: uppercase;
  color: #f4d686;
}
h1 {
  margin: 0 0 1.8rem;
  font: 400 clamp(3.2rem, 8.3vw, 8rem)/.99 Georgia, 'Times New Roman', serif;
  letter-spacing: -.035em;
  text-wrap: balance;
  text-shadow: 0 3px 26px rgba(0,0,0,.28);
}
h1 em { font-style: italic; color: #f4d686; }
.subtitle {
  margin: 0;
  max-width: 580px;
  font: 400 clamp(1rem, 2vw, 1.3rem)/1.65 system-ui, -apple-system, 'Segoe UI', sans-serif;
  color: #f8f3e8;
  text-shadow: 0 2px 14px rgba(0,0,0,.4);
}
.decor { display: block; width: 65px; height: 3px; background: #e6c36e; margin-top: 2.5rem; border-radius: 8px; }
@media(max-width:600px) {
  .cover { padding: 6rem 1.55rem 3.5rem; align-items: flex-end; background-position: center, 46% center; background-image: linear-gradient(0deg, rgba(24,22,19,.88) 0%, rgba(24,22,19,.24) 78%),url('../assets/images/girasole-riserva.webp'); }
  h1 { font-size: clamp(3rem, 12vw, 5.5rem); }
  .eyebrow { letter-spacing: .18em; }
  .subtitle br { display: none; }
}