/* =========================================================================
   Vitalux Decor — Hero V1 "Split Editorial" (desktop ≥1024px)
   CSS puro, sem alteração de HTML: ativado por data-hero="v1" no .stage.
   Mobile e tablet permanecem com o layout padrão do site.css.

   A tipografia de destaque (Cormorant Garamond) NÃO vive aqui — ela está
   no site.css, aplicada a todas as dobras.
   ========================================================================= */

@media (min-width: 1024px) {

  /* Os scrims da V1 vivem agora na camada fixa .ambient-hero (site.css),
     para não terminarem na borda do palco e criarem emenda. */

  [data-hero="v1"] .content {
    padding-top: 0;
  }

  [data-hero="v1"] .panel {
    max-width: min(34rem, 42vw);
  }

  [data-hero="v1"] .hero-title {
    font-size: clamp(3.4rem, min(5.2vw, 9.5vh), 5.1rem);
  }

  /* Compensa o bearing esquerdo do itálico, alinhando a haste do "s"
     com a do "P" da linha de cima. */
  [data-hero="v1"] .hero-title .serif {
    margin-left: -0.035em;
  }

  [data-hero="v1"] .lead {
    max-width: 32ch;
  }

}