@media (max-width:620px){
  .classic-site .classic-header{height:56px;padding:0 14px;gap:10px}
  .classic-site .brand-lockup.compact{gap:8px}
  .classic-site .brand-lockup.compact .vk-symbol-wrap{width:auto;height:auto}
  .classic-site .brand-lockup.compact .vk-symbol.official{width:36px!important;max-height:38px!important}
  .classic-site .brand-lockup.compact strong{font-size:14px}
  .classic-site .classic-menu{font-size:20px;padding:8px;min-width:40px;min-height:40px}
  .classic-site .classic-header nav{top:56px;left:10px;right:10px;padding:10px;gap:2px;max-height:calc(100dvh - 70px);overflow-y:auto;border-radius:0 0 12px 12px;box-shadow:0 18px 42px rgba(0,0,0,.36)}
  .classic-site .classic-header nav a{width:100%;min-height:40px;display:flex;align-items:center;padding:9px 10px;font-size:11px;line-height:1.25;border-bottom:1px solid rgba(255,255,255,.05)}
  .classic-site .classic-header nav a:last-child{border-bottom:0}

  .classic-site .classic-hero{padding:32px 16px 26px;gap:14px}
  .classic-site .classic-kicker{margin-bottom:10px;font-size:7px}
  .classic-site .classic-hero h1{font-size:50px;line-height:.86}
  .classic-site .classic-hero h2{font-size:18px;line-height:1.3;margin:18px 0 10px}
  .classic-site .classic-hero-copy>p:not(.classic-kicker){font-size:10.5px;line-height:1.5}
  .classic-site .classic-actions{gap:9px;margin-top:20px}
  .classic-site .classic-actions .gold-button,
  .classic-site .classic-actions .outline-button{font-size:7.5px;padding:10px 12px}
  .classic-site .classic-hero-copy small{margin-top:24px;font-size:6.5px}
  .classic-site .classic-hero-logo{height:205px}
  .classic-site .classic-hero-logo .vk-symbol.official.large{width:min(205px,82%)!important;max-height:200px!important}

  .classic-site .classic-dark-section{padding:34px 16px 38px}
  .classic-site .classic-title-row{margin-bottom:20px;align-items:flex-start}
  .classic-site .classic-title-row h2,
  .classic-site .support-band h2{font-size:31px}
  .classic-site .classic-title-row>a{font-size:8px;line-height:1.35;text-align:right;max-width:44%}

  .classic-site .feature-cover .abstract-cover{height:215px}
  .classic-site .feature-cover small{padding:10px 12px}
  .classic-site .feature-info{padding:24px 18px}
  .classic-site .feature-info h3{font-size:25px;margin:6px 0 10px}
  .classic-site .feature-info a{margin-top:20px}
  .classic-site .release-list article{min-height:74px;grid-template-columns:68px 1fr auto;gap:10px}
  .classic-site .mini-cover{height:42px}
  .classic-site .release-list h4{font-size:13px}

  .classic-site .platform-band{padding:30px 16px}
  .classic-site .platform-band h2{font-size:26px;line-height:1.08}
  .classic-site .platform-links{gap:8px}
  .classic-site .platform-links a{padding:10px 12px;font-size:8px}

  .classic-site .classic-word{padding:34px 16px;gap:20px}
  .classic-site .word-image{height:205px}
  .classic-site .word-text h2{font-size:31px;margin-bottom:14px}
  .classic-site .word-text blockquote{font-size:20px;line-height:1.35;margin-bottom:16px;padding-left:14px}
  .classic-site .word-text>p:not(.classic-kicker){font-size:10px;line-height:1.5}
  .classic-site .dark-button{padding:10px 14px}

  .classic-site .voice-grid{gap:9px}
  .classic-site .voice-photo{height:145px}
  .classic-site .voice-grid h3{font-size:15px;margin:8px 9px 2px}
  .classic-site .voice-grid p{margin:0 9px;font-size:7px}

  .classic-site .gallery-grid{grid-template-rows:180px repeat(4,86px);gap:9px}
  .classic-site .support-band{padding:28px 16px;gap:18px}
  .classic-site .support-band p:not(.classic-kicker){font-size:9px}
  .classic-site .support-band .gold-button{font-size:8px;padding:10px 14px}

  .classic-site .classic-footer{min-height:auto;padding:26px 16px;gap:20px}
  .classic-site .classic-footer .brand-lockup .vk-symbol.official{width:44px!important}
  .classic-site .classic-footer .brand-lockup strong{font-size:16px}
  .classic-site .classic-footer>div:last-child{gap:12px;font-size:8px}
}

@media (max-width:390px){
  .classic-site .classic-hero h1{font-size:46px}
  .classic-site .classic-hero-logo{height:185px}
  .classic-site .classic-hero-logo .vk-symbol.official.large{width:min(185px,80%)!important;max-height:180px!important}
  .classic-site .classic-title-row h2,
  .classic-site .support-band h2,
  .classic-site .word-text h2{font-size:28px}
  .classic-site .feature-cover .abstract-cover{height:195px}
  .classic-site .word-image{height:190px}
  .classic-site .voice-photo{height:132px}
}