/* Homepage art-direction finish: small alignment and focal-point corrections only.
   No copy, order, colour or section-composition changes. */

/* One content frame from top to bottom: the hero copy, floating navigation and
   footer join the 92vw frame used by every section between them (they were capped
   at the 1280px container, 22px inside at 1440 and 243px inside at 1920).
   The navigation never becomes narrower than before (max()), so nothing changes
   below ~1390px except a ≤3px hero/footer correction. */
@media(min-width:861px){
  .elementor-86 .sv-home.sv-home .sv-hero-content,
  .elementor-86 .sv-home.sv-home .sv-footer>.sv-wrap{width:var(--sv-frame,92vw);max-width:none}
  .elementor-86 .sv-home.sv-home .sv-header{width:max(min(100% - 24px,var(--sv-container)),var(--sv-frame,92vw))}
}

/* Provider film: the play control sat on John's chin at every width (and under the
   YouTube link on phones). Lowered onto the torso so the face stays clear. */
.elementor-86 .sv-home.sv-home .sv-provider-film .sv-film-play{top:var(--sv-film-play-y)}
.elementor-86 .sv-home{--sv-film-play-y:62%}

/* Tablet portrait: "Something has to change." broke after "Something", leaving a
   one-word first line. Cap the display size so the first sentence keeps one line
   (it needs ~10.3em); below 740px the phone three-line pattern stays. */
@media(min-width:740px) and (max-width:900px){
  .elementor-86 .sv-home.sv-home .sv-hero h1{font-size:min(var(--sv-hero-size),calc(var(--sv-frame,92vw) / 10.5))}
}
/* Small phones (<380px): "You can start here" left "here" alone on a fourth line;
   the line needs ~7.3em, so the size eases down just enough to keep it whole. */
@media(max-width:379px){
  .elementor-86 .sv-home.sv-home .sv-hero h1{font-size:min(var(--sv-hero-size),calc((100vw - 2 * var(--sv-pad)) / 7.45))}
}