/* ===========================================================================
   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 vertical rhythm opens up — so a 27"
   display or the TV over the bar never shows a small page floating in space.
   =========================================================================== */

@media (min-width:1600px){
  :root{--container:1360px;--section-y:clamp(7rem, 4rem + 4vw, 9rem)}
  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:10rem}
  html{font-size:115%}
  .mh .bl-list{columns:3 300px}
  body .elementor .hero-copy > .elementor-widget-wrap{max-width:62rem}
}
@media (min-width:2400px){
  :root{--container:1760px;--section-y:11.5rem}
  html{font-size:125%}
}
@media (min-width:2800px){
  :root{--container:1960px}
  html{font-size:137.5%}
}