/* L'affiche complète devient l'ouverture du site. */
.formula-opening .formula-hero {
  height: auto;
  min-height: 0;
  position: relative;
  display: flex;
  justify-content: center;
  background: var(--wine);
}

.formula-opening .formula-hero .hero-image {
  width: 100%;
  display: flex;
  justify-content: center;
}

.formula-opening .formula-hero .hero-image img {
  width: 100%;
  height: auto;
  max-width: none;
  object-fit: cover;
  object-position: center top;
}

.formula-opening .hero-copy {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.formula-opening .hero-ground-copy {
  position: absolute;
  margin: 0;
  color: #2c100e;
  text-shadow: 0 1px 8px rgba(255,247,236,.38);
}

.formula-opening .hero-sky-title {
  position: absolute;
  top: 6.5%;
  left: 0;
  width: 100%;
  height: clamp(95px, 12vw, 160px);
  transform: none;
  color: #2c100e;
  text-shadow: 0 1px 8px rgba(255,247,236,.38);
}

.formula-opening .hero-sky-title span,
.formula-opening .hero-sky-title strong {
  display: block;
  font-family: 'Cinzel','Times New Roman',serif;
}

.formula-opening .hero-sky-title span {
  position: absolute;
  top: 0;
  left: 39%;
  margin: 0;
  font-size: clamp(1.08rem,1.68vw,1.62rem);
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  text-align: left;
}

.formula-opening .hero-sky-title strong {
  position: absolute;
  top: 1.8em;
  left: 52%;
  width: 32%;
  margin: 0;
  font-size: clamp(1.08rem,1.68vw,1.62rem);
  font-weight: 600;
  line-height: 1.1;
  text-align: left;
}

.formula-opening .hero-sky-title em {
  position: absolute;
  top: 4.65em;
  left: 67%;
  right: auto;
  display: block;
  margin: 0;
  font: 600 clamp(1.08rem,1.68vw,1.62rem)/1.1 'Cinzel','Times New Roman',serif;
  font-style: normal;
  text-align: left;
}

.formula-opening .hero-ground-copy {
  top: 59.3%;
  left: 50%;
  width: 94%;
  transform: translateX(-50%);
  text-align: center;
  font: 700 clamp(.67rem,1.05vw,1.1rem)/1.25 'DM Sans',Arial,sans-serif;
  letter-spacing: 0;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--gold);
  text-shadow: 0 1px 2px rgba(39,16,12,.98), 0 0 5px rgba(39,16,12,.75);
}

.formula-opening .topbar .reserve::before { content: none; }

@media (min-width: 621px) {
  .formula-opening .topbar {
    left: 0;
    right: 0;
    width: 100%;
    transform: none;
    padding-inline: 7vw;
    gap: 14px;
  }

  .formula-opening .topbar nav { gap: 16px; }
}

@media (max-width: 620px) {
  .formula-opening .formula-hero {
    height: auto;
    min-height: 0;
  }

  .formula-opening .formula-hero .hero-image img {
    width: 100%;
    height: auto;
  }

  .formula-opening .hero-sky-title { top: 6%; left: 0; width: 100%; height: 88px; }
  .formula-opening .hero-sky-title span { left: 39%; }
  .formula-opening .hero-sky-title strong { top: 1.8em; left: 52%; width: 34%; }
  .formula-opening .hero-sky-title em { top: 4.65em; left: 67%; }
  .formula-opening .hero-sky-title span,
  .formula-opening .hero-sky-title strong,
  .formula-opening .hero-sky-title em { font-size: .7rem; }
  .formula-opening .hero-ground-copy { top: 58.5%; width: 96%; font-size: .62rem; }
}
