/* ===========================================================================
   Wide screens. Loaded LAST: it re-declares :root tokens, and a later :root
   block anywhere else would silently win over these steps.

   The container grows in steps with the root size, grids gain columns rather
   than stretching their cards, and the spacing grows with the type only — so a 27"
   display or the TV over the host stand never shows a small page floating
   in space.
   =========================================================================== */

@media (min-width:1600px){
  :root{--container:1360px;--section-y:5.4rem}
  html{font-size:106.25%}
  body .elementor .elementor-section.elementor-section-boxed > .elementor-container{max-width:var(--container)}
}
@media (min-width:2000px){
  :root{--container:1560px;--section-y:5.6rem}
  html{font-size:115%}
  body .elementor .hero > .elementor-container{max-width:1500px}
}
@media (min-width:2400px){
  :root{--container:1760px;--section-y:5.8rem}
  html{font-size:125%}
}
@media (min-width:2800px){
  :root{--container:1960px}
  html{font-size:137.5%}
}