/* Restore the pre-13 September release's 850px phone canvas.
   The browser fits this layout to the device; phones keep the desktop arrangement. */
.home-page .hero{min-height:100vh;min-height:100dvh;height:auto}
.svc-video-hero{height:auto;min-height:100vh;min-height:100dvh;padding:140px 0 120px}
.svc-video-controls{display:contents}
.svc-video-controls .mute-btn{right:112px}

/* Fit the new language selector into the original single-row navigation. */
@media(max-width:1050px){
  #header .container-fluid{padding-inline:24px}
  #header .nav-inner{display:grid!important;grid-template-columns:100px minmax(0,1fr) auto;gap:16px;align-items:center}
  #header .logo-wrap,.home-page #header .logo-wrap{width:100px}
  #header .nav-toggle{display:none!important}
  #header .nav-links,#header .nav-links.is-open{position:static!important;display:flex!important;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-self:center;gap:16px;margin:0;padding:0;background:transparent!important;border:0;box-shadow:none}
  #header .nav-links a{display:block!important;font-size:13px;white-space:nowrap;padding:0;min-height:0}
  #header .nav-cta{display:inline-flex!important;justify-self:end;font-size:12px;padding:10px 14px;white-space:nowrap}
  #header .language-control{position:static;display:flex;padding:0}
  #header .language-control>span:first-child{display:none}
  #header .language-control select{width:90px;max-width:90px;min-height:36px;font-size:13px;padding:7px 4px}

  /* Original homepage widths and typography at the 850px reference size. */
  .home-page .container-fluid{padding-inline:24px}
  .home-page .hero .hero-p{max-width:620px}
  .home-page .svc-showcase-inner{grid-template-columns:1fr 1.6fr!important;gap:72px}
  .home-page .svc-showcase-inner.reverse{direction:rtl}
  .home-page .svc-showcase-inner.reverse>*{direction:ltr}
}

@media(prefers-reduced-motion:reduce){.svc-video-controls .scroll-cue{animation:none}}