html, body { margin: 0; padding: 0; background: #FFFFFF; }
  * { box-sizing: border-box; }
  a { color: inherit; text-decoration: none; }
  input, textarea, button { font-family: inherit; }
  @keyframes akIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
  @keyframes akPlate { from { clip-path: inset(0 0 100% 0); } to { clip-path: inset(0 0 0 0); } }
  @keyframes akRule { from { transform: scaleX(0); } to { transform: scaleX(1); } }
  @keyframes akMarquee { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } }
  @keyframes akWordA { from { transform: translateY(112%); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
  @keyframes akWordB { from { transform: translateY(112%); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
  @keyframes akMarqueeBack { from { transform: translate3d(-50%, 0, 0); } to { transform: translate3d(0, 0, 0); } }
  @media (max-width: 900px) {
    section, section > div, #projects > div, #press > div, #cases article > span, footer > div,
    #geo > div, #contacts > div, #plant > div, #manifest, #scope, #directions > div {
      grid-template-columns: 1fr !important;
      grid-template-rows: auto !important;
    }
    section[data-screen-label="01 Первый экран"] { min-height: auto !important; }
    section > div > div, #manifest > div > div, #geo > div > div { grid-template-columns: 1fr !important; }
    #cases article > span > span:first-child > span:last-child { grid-template-columns: 1fr 1fr !important; }
    section > div, section > aside, #cases article, #projects > div > a, #directions > div > a {
      grid-column: auto !important;
      grid-row: auto !important;
      margin-top: 0 !important;
      margin-left: 0 !important;
      margin-right: 0 !important;
      padding-right: 0 !important;
      max-width: none !important;
    }
    aside {
      border-left: 0 !important;
      padding-left: 0 !important;
      padding-top: 18px !important;
      margin-top: 22px !important;
      border-top: 1px solid #DCDAD5 !important;
      position: static !important;
      max-height: none !important;
      align-self: auto !important;
    }
    aside > span[style*="sticky"], #plant aside { position: static !important; }
    #cases article { position: static !important; padding-bottom: 26px !important; }
    #cases > div { padding-bottom: 0 !important; }
    h1 { font-size: 44px !important; max-width: none !important; line-height: 1 !important; overflow-wrap: anywhere !important; }
    h1 > span { display: block !important; width: 100% !important; vertical-align: baseline !important; }
    h1 > span > span { font-size: 44px !important; }
    #manifest p, #contacts p, #projects p, #cases > div > span:first-child, #geo > div > span:first-child, #press > div > span:first-child { font-size: 46px !important; line-height: 1 !important; overflow-wrap: anywhere !important; }
    #plant p { font-size: 40px !important; overflow-wrap: anywhere !important; }
    #plant > div > div > span:first-child > span:first-child { font-size: 54px !important; }
    div[style*="akMarquee"] { font-size: 56px !important; animation-duration: 78s !important; }
    #manifest p, #plant p, #contacts p, #projects p, #press span[style*="clamp(28px"] { max-width: none !important; }
    [data-topbar] { gap: 10px !important; padding: 9px 18px !important; flex-wrap: nowrap !important; position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; background: transparent !important; backdrop-filter: none !important; border-bottom: 0 !important; box-shadow: none !important; opacity: 1 !important; transform: none !important; pointer-events: none !important; justify-content: flex-end !important; }
    [data-topbar] > a:first-child, [data-topbar] > span { display: none !important; }
    [data-burger] { display: inline-flex !important; order: 9 !important; margin-left: 4px !important; pointer-events: auto !important; opacity: 1 !important; transform: none !important; }
    [data-burger] span { opacity: 1 !important; }
    [data-burger] { position: relative !important; z-index: 3 !important; }
    [data-mobile-menu] a, [data-mobile-menu] button { opacity: 1 !important; transform: none !important; }
    [data-mobile-menu] { pointer-events: auto !important; }
    [data-mobile-menu] span { display: flex !important; }
    [data-mobile-menu][data-open="1"] { display: flex !important; }
    section[data-screen-label="01 Первый экран"] nav { display: none !important; }
    [data-topbar] nav { display: none !important; }
    [data-topbar] a[href^="tel:"] { font-size: 11px !important; }
    #geo iframe { aspect-ratio: 1 / 1 !important; min-height: 300px !important; }
    #directions > div > a > span:first-child { aspect-ratio: 16 / 10 !important; }
    #cases article > span > span:last-child { margin-top: 14px !important; }
  }
  @media (prefers-reduced-motion: reduce) {
    * { animation-duration: 0.01ms !important; animation-delay: 0ms !important; transition-duration: 0.01ms !important; }
  }


/* hover states */
.x1:hover { color: #B31F26; }
.x2:hover { color: #B31F26; }
.x3:hover { color: #B31F26; }
.x4:hover { color: #B31F26; }
.x5:hover { color: #B31F26; }
.x6:hover { color: #B31F26; }
.x7:hover { color: #B31F26; }
.x8:hover { color: #B31F26; }
.x9:hover { color: #B31F26; border-color: #B31F26; }
.x10:hover { color: #B31F26; border-color: #B31F26; }
.x11:hover { color: #B31F26; }
.x12:hover { color: #B31F26; }
.x13:hover { color: #B31F26; }
.x14:hover { color: #B31F26; }
.x15:hover { color: #B31F26; }
.x16:hover { color: #B31F26; }
.x17:hover { color: #B31F26; }
.x18:hover { color: #B31F26; }
.x19:hover { background: #B31F26; border-color: #B31F26; }
.x20:hover { color: #B31F26; }
.x21:hover { color: #B31F26; }
.x22:hover { color: #B31F26; }
.x23:hover { color: #B31F26; }
.x24:hover { color: #B31F26; }
.x25:hover { color: #B31F26; }
.x26:hover { color: #B31F26; }
.x27:hover { color: #B31F26; }
.x28:hover { color: #B31F26; }
.x29:hover { color: #B31F26; }
.x30:hover { color: #B31F26; }
.x31:hover { color: #B31F26; }
.x32:hover { color: #B31F26; }
.x33:hover { color: #B31F26; }
.x34:hover { color: #B31F26; }
.x35:hover { color: #B31F26; }
.x36:hover { color: #B31F26; border-color: #B31F26; }
.x37:hover { color: #B31F26; }
.x38:hover { color: #B31F26; }
.x39:hover { color: #B31F26; }
.x40:hover { color: #B31F26; }
.x41:hover { color: #B31F26; }
.x42:hover { color: #B31F26; }
.x43:hover { color: #B31F26; }
.x44:hover { color: #B31F26; }
.x45:hover { color: #B31F26; }
.x46:hover { color: #B31F26; }
.x47:hover { color: #B31F26; }
.x48:hover { color: #B31F26; }
.x49:hover { color: #B31F26; }
.x50:hover { color: #B31F26; }
.x51:hover { color: #B31F26; }
.x52:hover { color: #B31F26; }
.x53:hover { color: #B31F26; }
.x54:hover { color: #B31F26; }
.x55:hover { color: #B31F26; }
.x56:hover { color: #B31F26; }
.x57:hover { color: #B31F26; }
.x58:hover { color: #B31F26; }
.x59:hover { color: #B31F26; }
.x60:hover { color: #B31F26; border-color: #B31F26; }
.x61:hover { color: #B31F26; }
.x62:hover { color: #B31F26; }
.x63:hover { color: #B31F26; }
.x64:hover { color: #B31F26; }
.x65:hover { color: #B31F26; }
.x66:hover { color: #B31F26; }
.x67:hover { color: #B31F26; }
.x68:hover { color: #B31F26; }
.x69:hover { color: #B31F26; border-color: #B31F26; }
.x70:hover { color: #B31F26; }
.x71:hover { color: #B31F26; }
.x72:hover { color: #B31F26; }
.x73:hover { color: #B31F26; }
.x74:hover { color: #B31F26; }
.x75:hover { color: #B31F26; }
.x76:hover { color: #B31F26; }
.x77:hover { color: #B31F26; }
.x78:hover { color: #B31F26; }
.x79:hover { background: #B31F26; }
.x80:hover { background: #12120F; color: #FFFFFF; }
.x81:hover { color: #B31F26; }
.x82:hover { color: #B31F26; }
.x83:hover { color: #B31F26; }
.x84:hover { color: #B31F26; }
.x85:hover { color: #B31F26; }
.x86:hover { color: #B31F26; }
.x87:hover { color: #B31F26; }
.x88:hover { color: #B31F26; }
.x89:hover { color: #B31F26; }
.x90:hover { color: #B31F26; }
.x91:hover { color: #B31F26; }
.x92:hover { color: #B31F26; }
.x93:hover { color: #B31F26; }
.x94:hover { color: #B31F26; }
.x95:hover { color: #B31F26; }
.x96:hover { color: #B31F26; }
.x97:hover { color: #B31F26; }
.x98:hover { color: #B31F26; }
.x99:hover { color: #B31F26; }
.x100:hover { color: #B31F26; }
.x101:hover { color: #B31F26; }
.x102:hover { color: #B31F26; }
.x103:hover { color: #B31F26; }
.x104:hover { color: #B31F26; }
.x105:hover { color: #B31F26; }
.x106:hover { color: #B31F26; }
.x107:hover { color: #B31F26; }
.x108:hover { color: #B31F26; }
.x109:hover { color: #B31F26; }
.x110:hover { color: #B31F26; }
.x111:hover { color: #B31F26; }
.x112:hover { color: #B31F26; }
.x113:hover { color: #B31F26; }
.x114:hover { color: #B31F26; }
.x115:hover { color: #12120F; }
.x116:hover { color: #12120F; }
.x117:hover { color: #12120F; }
.x118:hover { color: #12120F; }
.x119:hover { color: #12120F; }