@media (max-width:850px){
  body{padding-top:66px}
  .site-header{position:fixed;inset:0 0 auto;height:66px;z-index:1000;box-shadow:0 3px 16px rgba(30,26,35,.09)}
  .brand img{width:44px;height:44px}.brand{font-size:13px}
  .menu-toggle{display:block}
  .site-header nav{display:none;position:absolute;left:0;right:0;top:66px;max-height:calc(100vh - 66px);overflow-y:auto;overflow-x:hidden;padding:12px 18px 22px;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-top:1px solid #eee;box-shadow:0 16px 28px rgba(30,26,35,.14)}
  .site-header.menu-open nav{display:flex}
  .site-header nav>a,.site-header .nav-group>a{display:flex!important;align-items:center;justify-content:space-between;padding:13px 8px;border-bottom:1px solid #edf0ed;font-size:15px}
  .site-header .nav-group{display:block;width:100%}.site-header .submenu{position:static!important;display:block!important;visibility:visible!important;opacity:1!important;min-width:0!important;width:100%;box-shadow:none!important;border:0!important;padding:0 0 5px 15px}
  .site-header .submenu a{display:block!important;padding:10px 8px;color:#5d5262}
  .site-header nav .vk{margin:14px 8px 0}
  .menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-open .menu-toggle span:nth-child(2){opacity:0}
  .menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .listing-grid.training .listing-card,.listing-grid.employment .listing-card{display:block;min-height:0}
  .listing-grid.training .listing-cover img,.listing-grid.employment .listing-cover img{height:auto;min-height:0;aspect-ratio:16/9}
  .listing-grid.training .listing-copy,.listing-grid.employment .listing-copy{min-height:150px;padding:70px 20px 22px}
  .listing-grid.training .listing-logo,.listing-grid.employment .listing-logo{left:20px;right:auto;top:14px;width:86px;height:46px}
  .cards{gap:18px}
  .cards .card{display:block;min-height:0}
  .cards .card>img,.cards .card>a>img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}
  .cards .card>div{display:block;padding:20px}
  .cards .card h3{margin-bottom:12px;font-size:19px;line-height:1.35}
  .cards .card p{margin:0 0 16px;line-height:1.55}
  .event-card{display:block;min-height:0}
  .event-photo{min-height:240px;aspect-ratio:4/3}
  .event-info{min-height:210px;padding:20px}
  .event-heading{gap:10px}.event-heading h3{font-size:18px;line-height:1.35}
  .event-partner-logo{width:68px;height:46px}
  .listing-card{display:block;min-height:0}
  .listing-card .listing-cover{display:block;width:100%;height:220px;overflow:hidden}
  .listing-card .listing-cover img,.listing-card>img{display:block;width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:cover}
  .listing-card>div{padding:20px}
  .vacancy-card{padding:20px}.vacancy-actions{align-items:stretch;flex-direction:column}.vacancy-actions .button{text-align:center}
  .photo-grid{grid-template-columns:1fr}.photo-grid img{height:auto;aspect-ratio:4/3}
  .video-grid{grid-template-columns:1fr}
}
@media(max-width:430px){
  .wrap{width:calc(100% - 24px)}
  .hero{padding-top:38px}.hero h1,.page-head h1,.node-page>h1{font-size:27px;line-height:1.2}
  .page-head{margin-bottom:28px}.inner-main{padding-top:30px}
  .card,.event-card,.listing-card,.vacancy-card{border-radius:15px}
  .ui-dialog .ui-dialog-content{padding:0 14px 16px!important}.ui-dialog form.webform-submission-form{padding:16px}
}