/* Shared spacing rhythm. This file intentionally changes spacing only. */
.wrap{max-width:1180px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}
.bar{max-width:1180px;padding-left:24px;padding-right:24px;height:76px}
.hero{padding-top:56px!important;padding-bottom:110px!important}
section:not(.hero):not(.news-sec){padding-top:70px!important;padding-bottom:70px!important}
.hero .wrap{gap:30px}
.story .wrap,.about-wrap{gap:56px}
.cards,.gg,.wg,.offer,.stats{gap:16px}
.jobs{gap:18px}
.fg{gap:30px}
footer{margin-top:40px!important;padding-top:50px!important;padding-bottom:24px!important}

@media(max-width:960px){
  .hero .wrap,.story .wrap,.about-wrap{gap:30px}
}

@media(max-width:600px){
  .wrap{padding-left:16px!important;padding-right:16px!important}
  .bar{height:68px;padding-left:16px;padding-right:16px}
  .hero{padding-top:36px!important;padding-bottom:80px!important}
  section:not(.hero):not(.news-sec){padding-top:48px!important;padding-bottom:48px!important}
  .hero .wrap,.story .wrap,.about-wrap{gap:30px}
  .cards,.gg,.wg,.offer,.stats{gap:16px}
  .jobs{gap:16px}
  footer{margin-top:40px!important;padding-top:44px!important;padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))!important}
  footer .fg{gap:26px 16px!important}
}