/* ============================================================
   v2 home — video hero.
   Source: maquette Web Desktop.dc.html (1440) l.57-67 / Web Movil.dc.html
   (440) l.66-77, sc-if isHome.
   The stage, video, layout (--foot), gradients and CTA come from
   css/v2/video-hero.css (shared); this file sets the home heights and
   text sizes. Mobile first; desktop from UIkit @m (960px).
   ============================================================ */

/* Stage caps: min(620px, viewport under the header) desktop, 630px mobile (video-hero.css).
   The mobile gradient is the shared default (the home's). */
.bf-home-hero {
  --bf-video-hero-h: 620px;
  --bf-video-hero-max-h: 630px;
  --bf-video-hero-lead-max: 360px;
}

.bf-home-hero .bf-home-hero__title {
  font-size: 62px;
  letter-spacing: .01em;
}

/* Mobile, longer translations: the line after the <br> (or before it) overflows the column at
   62px and wraps badly (an orphan word). Fluid size, capped at the es 62px, so the longest line
   fits the content width (viewport − 2 gutters); R = longest line width at 62px / 62.
   Floor ≈ 0.73 × es (45px): de / en keep 3 lines below ~390px, it-it ("E se la fitboxing fosse /
   il tuo prossimo sport preferito?") cannot reach 2 lines on a phone at that floor, it only gets
   2 from tablet width up — both need a shorter copy. */
@media (max-width: 959px) {
  .language-de-de .bf-home-hero .bf-home-hero__title {
    font-size: clamp(45px, calc((100vw - 2 * var(--bf-gutter)) / 7.75), 62px);
  }

  .language-pt-br .bf-home-hero .bf-home-hero__title {
    font-size: min(62px, calc((100vw - 2 * var(--bf-gutter)) / 6.15));
  }

  .language-fr-fr .bf-home-hero .bf-home-hero__title {
    font-size: min(62px, calc((100vw - 2 * var(--bf-gutter)) / 5.5));
  }

  .language-pt-pt .bf-home-hero .bf-home-hero__title {
    font-size: min(62px, calc((100vw - 2 * var(--bf-gutter)) / 5.85));
  }

  .language-en-ie .bf-home-hero .bf-home-hero__title,
  .language-en-us .bf-home-hero .bf-home-hero__title {
    font-size: clamp(45px, calc((100vw - 2 * var(--bf-gutter)) / 7.7), 62px);
  }

  .language-it-it .bf-home-hero .bf-home-hero__title {
    font-size: clamp(45px, calc((100vw - 2 * var(--bf-gutter)) / 12.9), 62px);
  }
}

/* ---- Desktop ---- */

@media (min-width: 960px) {
  .bf-home-hero {
    --bf-video-hero-lead-max: 520px;
  }

  /* One line (maquette, 56-76px). es-es fits the maquette's 620px text column; the title is not
     capped to it, so longer translations stay on one line too. */
  .bf-home-hero .bf-home-hero__title {
    font-size: clamp(56px, 5.4vw, 76px);
  }

  /* it-it: one line like es at 0.74 × the es clamp. */
  .language-it-it .bf-home-hero .bf-home-hero__title {
    font-size: clamp(41.5px, 4vw, 56px);
  }

  /* The <br> is the mobile break. */
  .bf-home-hero__title br {
    display: none;
  }
}