/* /company/ — макет primesv-content-pages-2026-10-21/company.html */

.company-page {
  --blue: #34b4d9;
  --blue-2: #1e9fc4;
  --brown: #c4a574;
  --ink: #111;
  --muted: #6b6b6b;
  --line: #e0e0e0;
  --gray: #f7f7f7;
  --sand: #f3efe8;
  line-height: 1.45;
  overflow-x: clip;
  max-width: 100%;
}
.company-page .wrap {
  width: min(1348px, calc(100% - 48px));
  margin: 0 auto;
  max-width: 100%;
  box-sizing: border-box;
  min-width: 0;
}
.company-page h1,
.company-page h2,
.company-page h3,
.company-page h4,
.company-page h5,
.company-page h6 {
  color: var(--ink);
  margin: 0;
  font-weight: 700;
}
.company-page p { margin: 0; }
.company-page a {
  color: inherit;
  text-decoration: none;
}
.company-page img { max-width: 100%; display: block; }
.company-page a:hover,
.company-page a:focus,
.company-page a:active {
  color: inherit;
}

/* Кнопки redesign — home.css scoped только на header/contact/form */
.company-page .btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 44px; padding: 0 22px; border-radius: 30px; border: 1px solid transparent;
  font: 600 13px/1 Montserrat, sans-serif; letter-spacing: .08em; text-transform: uppercase;
  cursor: pointer; background: none; color: var(--ink); text-decoration: none;
  transition: transform .2s, background .2s, border-color .2s, color .2s, box-shadow .2s;
  box-sizing: border-box;
}
.company-page .btn-blue {
  background: var(--blue); color: #fff; border-color: var(--blue);
}
.company-page .btn-line {
  background: transparent; border-color: var(--blue); color: var(--blue);
}
.company-page .btn:hover,
.company-page .btn:focus {
  background: var(--blue-2); border-color: var(--blue-2); color: #fff;
  transform: translateY(-2px); box-shadow: 0 8px 18px rgba(52, 180, 217, .28);
}
.company-page .page-cta .btn-blue,
.company-page .page-cta .btn-blue:hover,
.company-page .page-cta .btn-blue:focus { color: #fff; }
.company-page .page-cta .btn-line { color: var(--blue); }
.company-page .page-cta .btn-line:hover,
.company-page .page-cta .btn-line:focus { color: #fff; }


    .company-page .page-hero  {
 padding: 36px 0 8px; }
.company-page .crumbs  {
 display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: 13px; color: var(--muted); margin-bottom: 18px; }
.company-page .crumbs a:hover  {
 color: var(--blue); }
.company-page .crumbs b  {
 color: var(--ink); font-weight: 600; }
.company-page .page-hero-grid  {
 display: grid; grid-template-columns: 1.3fr .9fr; gap: 28px; align-items: end; }
.company-page .page-kicker  {
 font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--brown); margin-bottom: 10px; }
.company-page .page-hero h1  {
 font-size: clamp(28px, 3.6vw, 46px); line-height: 1.12; letter-spacing: -.02em; max-width: 16ch; }
.company-page .page-lead  {
 margin-top: 14px; color: var(--muted); font-size: 16px; font-weight: 500; max-width: 48ch; line-height: 1.5; }
.company-page .page-cta  {
 display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.company-page .hero-panel  {

      position: relative; overflow: hidden;
      background: linear-gradient(160deg, #10232b 0%, #1a3a45 55%, #0e4a5c 100%);
      color: #fff; border-radius: 28px; padding: 28px 26px;
      box-shadow: 0 18px 40px rgba(16,35,43,.22);
      opacity: 0; transform: translateY(28px) scale(.98);
      transition: opacity .7s cubic-bezier(.22,.7,.3,1), transform .7s cubic-bezier(.22,.7,.3,1);
    }
.company-page .hero-panel:before,
.company-page .hero-panel:after  {

      content: ""; position: absolute; border-radius: 50%; pointer-events: none; z-index: 0;
    }
.company-page .hero-panel:before  {

      width: 180px; height: 180px; right: -50px; top: -60px;
      background: radial-gradient(circle, rgba(52,180,217,.28), transparent 68%);
      animation: heroOrb 8s ease-in-out infinite;
    }
.company-page .hero-panel:after  {

      width: 140px; height: 140px; left: -40px; bottom: -50px;
      background: radial-gradient(circle, rgba(196,165,116,.22), transparent 68%);
      animation: heroOrb 10s ease-in-out infinite reverse;
    }
@keyframes heroOrb  {

      0%, 100%  {
 transform: translate(0, 0) scale(1); opacity: .85; }
50%  {
 transform: translate(-12px, 14px) scale(1.12); opacity: 1; }
}
.company-page .hero-panel.is-on  {

      opacity: 1; transform: none;
    }
.company-page .hero-panel > *  {
 position: relative; z-index: 1; }
.company-page .hero-panel h2  {

      font-size: 20px; margin-bottom: 8px; color: #fff;
      opacity: 0; transform: translateY(14px);
      transition: opacity .55s ease, transform .55s ease;
    }
.company-page .hero-panel > p  {

      color: rgba(255,255,255,.78); font-size: 14px; margin-bottom: 16px;
      opacity: 0; transform: translateY(14px);
      transition: opacity .55s ease .1s, transform .55s ease .1s;
    }
.company-page .hero-panel.is-on h2,
.company-page .hero-panel.is-on > p  {
 opacity: 1; transform: none; }
.company-page .hero-panel .stats  {
 display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.company-page .hero-panel .stats div  {

      position: relative; overflow: hidden;
      background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.06);
      border-radius: 16px; padding: 14px 12px;
      opacity: 0; transform: translateY(16px) scale(.96);
      transition:
        opacity .5s ease, transform .5s cubic-bezier(.22,.7,.3,1),
        background .3s ease, border-color .3s ease, box-shadow .3s ease;
    }
.company-page .hero-panel.is-on .stats div  {
 opacity: 1; transform: none; }
.company-page .hero-panel.is-on .stats div:nth-child(1)  {
 transition-delay: .2s; }
.company-page .hero-panel.is-on .stats div:nth-child(2)  {
 transition-delay: .32s; }
.company-page .hero-panel.is-on .stats div:nth-child(3)  {
 transition-delay: .44s; }
.company-page .hero-panel.is-on .stats div:nth-child(4)  {
 transition-delay: .56s; }
.company-page .hero-panel .stats div:before  {

      content: ""; position: absolute; inset: 0;
      background: linear-gradient(135deg, rgba(52,180,217,.35), rgba(30,159,196,.15));
      opacity: 0; transition: opacity .35s ease;
    }
.company-page .hero-panel .stats div > *  {
 position: relative; z-index: 1; }
.company-page .hero-panel .stats b  {

      display: block; font-size: 22px; color: #fff;
      transition: transform .35s ease, color .35s ease;
    }
.company-page .hero-panel .stats span  {

      font-size: 12px; color: rgba(255,255,255,.7); text-transform: uppercase; letter-spacing: .06em;
    }
.company-page .hero-panel .stats div.is-active,
.company-page .hero-panel .stats div:hover  {

      background: rgba(52,180,217,.2);
      border-color: rgba(52,180,217,.35);
      box-shadow: 0 10px 24px rgba(52,180,217,.18);
      transform: translateY(-3px);
    }
.company-page .hero-panel .stats div.is-active:before,
.company-page .hero-panel .stats div:hover:before  {
 opacity: 1; }
.company-page .hero-panel .stats div.is-active b,
.company-page .hero-panel .stats div:hover b  {
 color: #fff; transform: scale(1.04); }
@media (prefers-reduced-motion: reduce)  {

      .company-page .hero-panel,
.company-page .hero-panel h2,
.company-page .hero-panel > p,
.company-page .hero-panel .stats div,
.company-page .hero-panel .stats b,
.company-page .hero-panel .stats div:before  {
 transition: none; animation: none; }
.company-page .hero-panel,
.company-page .hero-panel h2,
.company-page .hero-panel > p,
.company-page .hero-panel .stats div  {

        opacity: 1; transform: none;
      }
.company-page .hero-panel:before,
.company-page .hero-panel:after  {
 animation: none; }
}
.company-page .filters  {
 display: flex; flex-wrap: wrap; gap: 8px; padding: 20px 0 8px; }
.company-page .chip  {

      display: inline-flex; align-items: center; min-height: 38px; padding: 0 16px;
      border-radius: 999px; background: #fff; border: 1px solid var(--line);
      font-size: 13px; font-weight: 600;
      transition: background .2s, border-color .2s, color .2s, transform .2s;
    }
.company-page .chip:hover  {
 background: var(--blue); border-color: var(--blue); color: #fff; transform: translateY(-1px); }
.company-page section  {
 padding: 56px 0; }
.company-page .sec-head  {
 display: flex; justify-content: space-between; align-items: flex-end; gap: 16px; margin-bottom: 28px; flex-wrap: wrap; }
.company-page h2  {
 font-size: clamp(26px, 2.6vw, 34px); line-height: 1.2; letter-spacing: -.02em; }
.company-page .sec-head p  {
 color: var(--muted); max-width: 52ch; font-weight: 500; }
.company-page #work .sec-head p,
.company-page #order .sec-head p  {
 max-width: none; white-space: nowrap; }
.company-page .story  {
 display: grid; grid-template-columns: 1.05fr .95fr; gap: 36px; align-items: center; }
.company-page .story p  {
 margin-top: 14px; color: var(--muted); font-weight: 500; max-width: 58ch; }
.company-page .story img  {

      width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 20px;
      box-shadow: 0 18px 40px rgba(17,17,17,.12); background: #ececec;
    }
.company-page .work  {
 display: grid; grid-template-columns: repeat(12, 1fr); gap: 14px; }
.company-page .job  {
 grid-column: span 3; }
@media (min-width: 981px)  {

      .company-page .job:nth-child(n+5)  {
 grid-column: span 4; }
}
.company-page .job  {

      position: relative; overflow: hidden;
      background: #fff; border: 1px solid #e8eef1; border-radius: 22px; padding: 20px 18px 18px;
      min-height: 168px; display: flex; flex-direction: column;
      cursor: default;
      transition:
        transform .35s cubic-bezier(.22,.7,.3,1),
        box-shadow .35s ease,
        border-color .35s ease,
        background-color .35s ease,
        color .35s ease;
    }
.company-page .job:before  {

      content: "";
      position: absolute; inset: 0; z-index: 0;
      background: linear-gradient(145deg, var(--blue) 0%, var(--blue-2) 55%, #167a9a 100%);
      opacity: 0; transform: scale(1.08);
      transition: opacity .35s ease, transform .45s cubic-bezier(.22,.7,.3,1);
    }
.company-page .job:after  {

      content: "";
      position: absolute; right: -28px; bottom: -36px; z-index: 0;
      width: 120px; height: 120px; border-radius: 50%;
      background: rgba(255,255,255,.14);
      transform: scale(.4); opacity: 0;
      transition: transform .45s cubic-bezier(.22,.7,.3,1), opacity .35s ease;
    }
.company-page .job > *  {
 position: relative; z-index: 1; }
.company-page .job b  {

      display: block; font-size: 13px; letter-spacing: .12em; color: var(--blue); margin-bottom: 12px;
      transition: color .3s ease, transform .35s cubic-bezier(.22,.7,.3,1);
    }
.company-page .job h3  {

      font-size: 17px; font-weight: 700; line-height: 1.3;
      transition: color .3s ease, transform .35s cubic-bezier(.22,.7,.3,1);
    }
.company-page .job p  {

      margin-top: auto; padding-top: 12px; color: var(--muted); font-size: 13px; font-weight: 500;
      transition: color .3s ease, transform .35s cubic-bezier(.22,.7,.3,1);
    }
.company-page .job:hover,
.company-page .job.is-on  {

      transform: translateY(-6px);
      border-color: transparent;
      color: #fff;
      box-shadow: 0 18px 40px rgba(52,180,217,.32);
    }
.company-page .job:hover:before,
.company-page .job.is-on:before  {
 opacity: 1; transform: none; }
.company-page .job:hover:after,
.company-page .job.is-on:after  {
 opacity: 1; transform: scale(1); }
.company-page .job:hover b,
.company-page .job.is-on b  {
 color: rgba(255,255,255,.92); transform: translateY(-2px); }
.company-page .job:hover h3,
.company-page .job.is-on h3  {
 color: #fff; transform: translateY(-2px); }
.company-page .job:hover p,
.company-page .job.is-on p  {
 color: rgba(255,255,255,.86); transform: translateY(-2px); }
@media (prefers-reduced-motion: reduce)  {

      .company-page .job,
.company-page .job:before,
.company-page .job:after,
.company-page .job b,
.company-page .job h3,
.company-page .job p  {
 transition: none; }
.company-page .job:hover,
.company-page .job.is-on  {
 transform: none; }
}
.company-page #why  {
 background: linear-gradient(180deg, #fff 0%, #f3fbfd 55%, #fff 100%); }
.company-page .why-layout  {

      display: grid; grid-template-columns: minmax(300px, .52fr) 1fr;
      gap: 24px 36px; align-items: start;
    }
.company-page .why-intro  {

      position: sticky; top: 96px;
      background: linear-gradient(160deg, #10232b 0%, #1a3a45 55%, #0e4a5c 100%);
      color: #fff; border-radius: 28px; padding: 32px 28px 28px; overflow: hidden;
      box-shadow: 0 18px 40px rgba(16,35,43,.22); min-height: 340px;
      display: flex; flex-direction: column;
    }
.company-page .why-intro:before  {

      content: ""; position: absolute; right: -40px; bottom: -50px;
      width: 180px; height: 180px; border-radius: 50%; background: rgba(52,180,217,.18);
    }
.company-page .why-intro .page-kicker  {
 color: var(--brown); position: relative; z-index: 1; }
.company-page .why-intro h2  {
 color: #fff; margin-top: 12px; max-width: 12ch; position: relative; z-index: 1; }
.company-page .why-intro > p  {
 margin-top: 14px; color: rgba(255,255,255,.72); font-weight: 500; max-width: 34ch; position: relative; z-index: 1; }
.company-page .why-meter  {

      margin-top: auto; padding-top: 28px; position: relative; z-index: 1;
      border-top: 1px solid rgba(255,255,255,.12);
    }
.company-page .why-meter b  {

      display: block; font-size: clamp(56px, 7vw, 84px); line-height: .9;
      letter-spacing: -.04em; color: #fff;
    }
.company-page .why-meter span  {

      display: block; margin-top: 10px; font-size: 15px; font-weight: 600;
      color: rgba(255,255,255,.78); max-width: 22ch;
    }
.company-page .why-list  {
 display: grid; gap: 10px; }
.company-page .why-item  {

      width: 100%; text-align: left; cursor: pointer;
      display: grid; grid-template-columns: 64px 1fr; gap: 16px; align-items: start;
      background: #fff; border: 1px solid #e8eef1; border-radius: 20px;
      padding: 16px 18px; color: inherit; font: inherit;
      transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease, background .3s ease;
    }
.company-page .why-item:hover  {
 transform: translateY(-2px); border-color: #cfeaf3; box-shadow: 0 12px 28px rgba(17,17,17,.06); }
.company-page .why-n  {

      width: 52px; height: 52px; border-radius: 16px; display: grid; place-items: center;
      background: #eef9fc; color: var(--blue); font-size: 15px; font-weight: 700;
      transition: background .3s, color .3s, transform .3s;
    }
.company-page .why-item h3  {
 font-size: 17px; font-weight: 700; margin: 2px 0 6px; }
.company-page .why-item p  {

      color: var(--muted); font-size: 14px; font-weight: 500; line-height: 1.45;
      max-height: 0; opacity: 0; overflow: hidden; margin: 0;
      transition: max-height .4s ease, opacity .3s ease, margin .3s ease;
    }
.company-page .why-item.is-on  {

      background: var(--blue); border-color: var(--blue); color: #fff;
      box-shadow: 0 16px 36px rgba(52,180,217,.28); transform: translateY(-2px);
    }
.company-page .why-item.is-on .why-n  {
 background: rgba(255,255,255,.18); color: #fff; transform: scale(1.05); }
.company-page .why-item.is-on h3  {
 color: #fff; }
.company-page .why-item.is-on p  {

      color: rgba(255,255,255,.88); max-height: 120px; opacity: 1; margin-top: 4px;
    }
@media (prefers-reduced-motion: reduce)  {

      .company-page .why-item,
.company-page .why-item p,
.company-page .why-n  {
 transition: none; }
.company-page .why-item p  {
 max-height: none; opacity: 1; }
}
.company-page #range  {

      background:
        linear-gradient(180deg, #f3efe8 0%, #f7f3ec 40%, #f3efe8 100%);
    }
.company-page .range-head  {

      display: flex; justify-content: space-between; align-items: flex-end;
      gap: 20px; margin-bottom: 28px; flex-wrap: wrap;
    }
.company-page .range-head .page-kicker  {
 margin-bottom: 8px; }
.company-page .range-head h2  {
 margin-bottom: 8px; white-space: nowrap; }
.company-page .range-head p  {
 color: var(--muted); font-weight: 500; max-width: none; white-space: nowrap; }
.company-page .range-board  {

      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0;
      background: #fff;
      border: 1px solid #e4d8c4;
      border-radius: 28px;
      overflow: hidden;
      box-shadow: 0 16px 36px rgba(140,110,60,.08);
    }
.company-page .rg  {

      position: relative;
      display: grid;
      grid-template-columns: 56px 1fr auto;
      gap: 14px 16px;
      align-items: center;
      padding: 20px 22px;
      color: var(--ink); text-decoration: none;
      border-bottom: 1px solid #eee6da;
      background: #fff;
      transition: background .25s ease, box-shadow .25s ease;
    }
.company-page .rg:nth-child(odd)  {
 border-right: 1px solid #eee6da; }
.company-page .rg:nth-last-child(-n+2)  {
 border-bottom: 0; }
.company-page .rg .n  {

      font-size: 13px; font-weight: 700; letter-spacing: .1em;
      color: var(--brown); line-height: 1;
    }
.company-page .rg .body  {
 min-width: 0; }
.company-page .rg h3  {

      margin: 0; font-size: 16px; font-weight: 700; line-height: 1.25;
      transition: color .25s ease;
    }
.company-page .rg p  {

      margin: 4px 0 0; font-size: 13px; font-weight: 500; line-height: 1.35;
      color: var(--muted);
    }
.company-page .rg .go  {

      width: 36px; height: 36px; border-radius: 50%;
      display: grid; place-items: center; flex-shrink: 0;
      border: 1px solid #e4d8c4; background: #f7f3ec;
      color: var(--blue); font-size: 16px; font-weight: 700; line-height: 1;
      transition: background .25s ease, border-color .25s ease, color .25s ease, transform .25s ease;
    }
.company-page .rg:hover  {

      background: #eef9fc;
      z-index: 1;
      box-shadow: inset 3px 0 0 var(--blue);
    }
.company-page .rg:hover h3  {
 color: var(--blue-2); }
.company-page .rg:hover .go  {

      background: var(--blue); border-color: var(--blue); color: #fff;
      transform: translateX(3px);
    }
.company-page .rg.featured  {

      grid-column: span 2;
      grid-template-columns: 64px 1fr auto;
      padding: 26px 28px;
      background: linear-gradient(105deg, #10232b 0%, #1a3a45 55%, #0e4a5c 100%);
      color: #fff;
      border-bottom: 1px solid rgba(255,255,255,.08);
      border-right: 0;
    }
.company-page .rg.featured + .rg.featured  {

      background: linear-gradient(105deg, #0e4a5c 0%, #167a9a 60%, #1e9fc4 100%);
    }
.company-page .rg.featured .n  {
 color: var(--brown); }
.company-page .rg.featured h3  {
 font-size: clamp(20px, 2vw, 24px); color: #fff; white-space: nowrap; }
.company-page .rg.featured p  {
 color: rgba(255,255,255,.72); max-width: none; white-space: nowrap; }
.company-page .rg.featured .go  {

      background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.2); color: #fff;
    }
.company-page .rg.featured:hover  {

      box-shadow: inset 3px 0 0 var(--brown);
      background: linear-gradient(105deg, #10232b 0%, #1a3a45 55%, #0e4a5c 100%);
    }
.company-page .rg.featured + .rg.featured:hover  {

      background: linear-gradient(105deg, #0e4a5c 0%, #167a9a 60%, #1e9fc4 100%);
    }
.company-page .rg.featured:hover h3  {
 color: #fff; }
.company-page .rg.featured:hover .go  {

      background: var(--brown); border-color: var(--brown); color: #fff;
    }
@media (prefers-reduced-motion: reduce)  {

      .company-page .rg,
.company-page .rg .go,
.company-page .rg h3  {
 transition: none; }
.company-page .rg:hover .go  {
 transform: none; }
}
.company-page #projects  {

      background:
        radial-gradient(ellipse 70% 50% at 8% 0%, rgba(52,180,217,.1), transparent 55%),
        radial-gradient(ellipse 55% 45% at 92% 100%, rgba(196,154,74,.08), transparent 50%),
        linear-gradient(180deg, #fff 0%, #f4f9fb 48%, #fff 100%);
    }
.company-page .proj-head  {

      display: flex; justify-content: space-between; align-items: flex-end;
      gap: 20px; margin-bottom: 28px; flex-wrap: wrap;
    }
.company-page .proj-head .page-kicker  {
 margin-bottom: 8px; }
.company-page .proj-head h2  {
 margin-bottom: 8px; }
.company-page .proj-head p  {
 color: var(--muted); font-weight: 500; max-width: none; white-space: nowrap; }
.company-page .proj-board  {

      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-auto-rows: 180px;
      gap: 14px;
    }
.company-page .proj  {

      position: relative; display: block; overflow: hidden;
      border-radius: 22px; color: #fff; text-decoration: none;
      box-shadow: 0 12px 28px rgba(17,17,17,.08);
      isolation: isolate;
      opacity: 0; transform: translateY(18px);
      transition: opacity .55s ease, transform .55s ease, box-shadow .35s ease;
    }
.company-page #projects.is-on .proj  {
 opacity: 1; transform: none; }
.company-page #projects.is-on .proj:nth-child(1)  {
 transition-delay: .05s; }
.company-page #projects.is-on .proj:nth-child(2)  {
 transition-delay: .12s; }
.company-page #projects.is-on .proj:nth-child(3)  {
 transition-delay: .18s; }
.company-page #projects.is-on .proj:nth-child(4)  {
 transition-delay: .24s; }
.company-page #projects.is-on .proj:nth-child(5)  {
 transition-delay: .3s; }
.company-page #projects.is-on .proj:nth-child(6)  {
 transition-delay: .36s; }
.company-page #projects.is-on .proj:nth-child(7)  {
 transition-delay: .42s; }
.company-page #projects.is-on .proj:nth-child(8)  {
 transition-delay: .48s; }
.company-page .proj img  {

      position: absolute; inset: 0; width: 100%; height: 100%;
      object-fit: cover; background: #1a3a45;
      transition: transform .55s cubic-bezier(.22,.7,.3,1);
    }
.company-page .proj:after  {

      content: ""; position: absolute; inset: 0; z-index: 1;
      background: linear-gradient(180deg, rgba(8,22,32,.05) 20%, rgba(8,22,32,.78) 100%);
      transition: background .35s ease;
    }
.company-page .proj .cap  {

      position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;
      padding: 18px 18px 16px;
      display: flex; flex-direction: column; justify-content: flex-end;
      gap: 4px; min-height: 100%;
    }
.company-page .proj .n  {

      position: absolute; top: 14px; left: 14px; z-index: 2;
      min-width: 40px; height: 28px; padding: 0 10px;
      display: inline-flex; align-items: center; justify-content: center;
      border-radius: 999px; background: rgba(255,255,255,.16);
      backdrop-filter: blur(6px); font-size: 12px; font-weight: 700;
      letter-spacing: .08em; color: #fff;
    }
.company-page .proj .k  {

      font-size: 11px; font-weight: 700; letter-spacing: .14em;
      text-transform: uppercase; color: var(--gold, #e8c36a);
    }
.company-page .proj h3  {
 margin: 0; font-size: 18px; font-weight: 700; line-height: 1.2; color: #fff; }
.company-page .proj .desc  {

      margin: 2px 0 0; font-size: 13px; font-weight: 500; line-height: 1.35;
      color: rgba(255,255,255,.82); max-width: 28ch;
    }
.company-page .proj .more  {

      margin-top: 10px; align-self: flex-start;
      display: inline-flex; align-items: center; gap: 6px;
      min-height: 32px; padding: 0 12px; border-radius: 999px;
      background: rgba(255,255,255,.16); backdrop-filter: blur(6px);
      font-size: 12px; font-weight: 700; color: #fff;
      opacity: 0; transform: translateY(8px);
      transition: opacity .3s ease, transform .3s ease, background .3s ease;
    }
.company-page .proj:hover img  {
 transform: scale(1.08); }
.company-page .proj:hover  {
 box-shadow: 0 18px 40px rgba(17,17,17,.16); }
.company-page .proj:hover:after  {

      background: linear-gradient(180deg, rgba(8,22,32,.12) 10%, rgba(14,74,92,.88) 100%);
    }
.company-page .proj:hover .more  {
 opacity: 1; transform: none; background: rgba(52,180,217,.92); }
.company-page .proj.featured  {
 grid-column: span 2; grid-row: span 2; }
.company-page .proj.featured h3  {
 font-size: clamp(26px, 2.6vw, 34px); }
.company-page .proj.featured .desc  {
 font-size: 15px; max-width: 36ch; }
.company-page .proj.featured .cap  {
 padding: 26px 26px 24px; }
.company-page .proj.featured .n  {
 top: 18px; left: 18px; min-width: 48px; height: 32px; font-size: 13px; }
.company-page .proj.featured .more  {
 opacity: 1; transform: none; }
.company-page .proj.wide  {
 grid-column: span 2; }
.company-page .proj.wide h3  {
 font-size: 22px; }
.company-page .proj.wide .desc  {
 max-width: 40ch; }
@media (prefers-reduced-motion: reduce)  {

      .company-page .proj,
.company-page .proj img,
.company-page .proj .more,
.company-page .proj:after  {
 transition: none; }
.company-page .proj  {
 opacity: 1; transform: none; }
.company-page .proj:hover img  {
 transform: none; }
.company-page .proj .more  {
 opacity: 1; transform: none; }
}
.company-page .scheme  {
 position: relative; padding: 8px 0 0; }
.company-page .scheme-list  {

      position: relative; display: grid; grid-template-columns: repeat(5, 1fr);
      gap: 0 12px; list-style: none; margin: 0; padding: 0;
    }
.company-page .scheme-line  {

      position: absolute; top: 28px; left: 10%; right: 10%; height: 3px;
      background: #ece7df; border-radius: 4px; pointer-events: none;
    }
.company-page .scheme-line i  {

      display: block; height: 100%; width: 0; border-radius: 4px;
      background: linear-gradient(90deg, var(--blue), var(--brown));
    }
.company-page .scheme.is-on .scheme-line i  {

      animation: schemeDraw 2.6s cubic-bezier(.22,.7,.3,1) forwards;
    }
.company-page .scheme-line em  {

      position: absolute; top: 50%; left: 0; width: 12px; height: 12px;
      margin: -6px 0 0 -6px; border-radius: 50%; background: var(--blue);
      box-shadow: 0 0 0 6px rgba(52,180,217,.2); opacity: 0;
    }
.company-page .scheme.is-on .scheme-line em  {
 animation: schemeDot 15s linear infinite 2.6s; }
.company-page .scheme-step  {

      display: flex; flex-direction: column; align-items: center; text-align: center;
      opacity: 0; transform: translateY(18px);
    }
.company-page .scheme.is-on .scheme-step  {
 animation: schemeIn .75s ease both; }
.company-page .scheme.is-on .scheme-step:nth-child(1)  {
 animation-delay: .2s; }
.company-page .scheme.is-on .scheme-step:nth-child(2)  {
 animation-delay: .55s; }
.company-page .scheme.is-on .scheme-step:nth-child(3)  {
 animation-delay: .9s; }
.company-page .scheme.is-on .scheme-step:nth-child(4)  {
 animation-delay: 1.25s; }
.company-page .scheme.is-on .scheme-step:nth-child(5)  {
 animation-delay: 1.6s; }
.company-page .scheme-node  {

      width: 58px; height: 58px; border-radius: 50%; border: 2px solid var(--blue);
      background: #fff; color: var(--blue); display: grid; place-items: center;
      font-size: 16px; font-weight: 700; letter-spacing: .04em; position: relative; z-index: 1;
      transition: background .5s, color .5s, transform .5s, box-shadow .5s, border-color .5s;
    }
.company-page .scheme-card  {

      width: 100%; margin-top: 18px; background: var(--gray); border-radius: 20px;
      padding: 18px 14px 16px; border: 1px solid transparent;
      transition: transform .5s, box-shadow .5s, border-color .5s, background .5s;
    }
.company-page .scheme-card b  {
 display: block; margin-bottom: 6px; font-size: 15px; }
.company-page .scheme-card span  {
 display: block; font-size: 13px; color: var(--muted); font-weight: 500; }
.company-page .scheme-step.is-active .scheme-node  {

      background: var(--blue); color: #fff; border-color: var(--blue);
      transform: scale(1.08); box-shadow: 0 0 0 8px rgba(52,180,217,.18);
    }
.company-page .scheme-step.is-active .scheme-card  {

      transform: translateY(-4px); background: #fff; border-color: var(--blue);
      box-shadow: 0 12px 24px rgba(17,17,17,.08);
    }
.company-page .scheme-step:hover .scheme-card  {
 transform: translateY(-4px); }
@keyframes schemeDraw  {
 to  {
 width: 100%; }
}
@keyframes schemeDot  {

      0%  {
 left: 0; opacity: 1; }
92%  {
 opacity: 1; }
100%  {
 left: 100%; opacity: 0; }
}
@keyframes schemeIn  {
 from  {
 opacity: 0; transform: translateY(18px); }
to  {
 opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce)  {

      .company-page .scheme.is-on .scheme-step,
.company-page .scheme.is-on .scheme-line i,
.company-page .scheme.is-on .scheme-line em  {
 animation: none; }
.company-page .scheme-step  {
 opacity: 1; transform: none; }
.company-page .scheme-line i  {
 width: 100%; }
}
.company-page .note  {
 margin-top: 16px; font-size: 14px; color: var(--muted); font-weight: 500; }
.company-page .order-grid  {
 display: grid; grid-template-columns: .9fr 1.15fr; gap: 16px; margin-top: 28px; align-items: stretch; }
.company-page .panel  {
 background: #fff; border: 1px solid #e8eef1; border-radius: 24px; padding: 24px 24px 22px; }
.company-page .panel h3  {
 font-size: 20px; margin-bottom: 12px; }
.company-page .panel-calc  {

      position: relative; overflow: hidden;
      background:
        radial-gradient(ellipse 80% 60% at 100% 0%, rgba(196,165,116,.22), transparent 55%),
        linear-gradient(165deg, #f7f1e6 0%, #efe6d6 100%);
      border: 1px solid #e4d8c4;
      box-shadow: 0 14px 32px rgba(140,110,60,.08);
    }
.company-page .panel-calc:before  {

      content: ""; position: absolute; left: -40px; bottom: -50px;
      width: 140px; height: 140px; border-radius: 50%;
      background: rgba(52,180,217,.12); pointer-events: none;
    }
.company-page .panel-calc .page-kicker  {
 position: relative; z-index: 1; margin-bottom: 8px; }
.company-page .panel-calc h3  {
 position: relative; z-index: 1; color: #2a241c; }
.company-page .panel-calc .check  {
 position: relative; z-index: 1; }
.company-page .check  {
 margin: 0; padding: 0; list-style: none; }
.company-page .check li  {

      padding: 10px 0 10px 28px; position: relative; font-weight: 500; color: #3a342c;
      border-bottom: 1px solid rgba(140,110,60,.12);
    }
.company-page .check li:last-child  {
 border-bottom: 0; padding-bottom: 0; }
.company-page .check li:before  {

      content: ""; position: absolute; left: 0; top: 14px; width: 16px; height: 16px;
      border-radius: 50%; border: 2px solid var(--brown);
      background:
        radial-gradient(circle at center, var(--blue) 0 3px, transparent 4px),
        #fff;
      box-sizing: border-box;
    }
.company-page .criteria  {

      position: relative; overflow: hidden;
      background: linear-gradient(160deg, #10232b 0%, #1a3a45 50%, #0e4a5c 100%);
      border: 0; color: #fff;
      box-shadow: 0 18px 40px rgba(16,35,43,.2);
    }
.company-page .criteria:before  {

      content: ""; position: absolute; right: -48px; top: -48px;
      width: 160px; height: 160px; border-radius: 50%; background: rgba(52,180,217,.16);
      pointer-events: none;
    }
.company-page .criteria-head  {
 position: relative; z-index: 1; margin-bottom: 18px; }
.company-page .criteria-head .page-kicker  {
 color: var(--brown); margin-bottom: 8px; }
.company-page .criteria h3  {
 color: #fff; margin-bottom: 8px; }
.company-page .criteria-head p  {
 color: rgba(255,255,255,.7); font-size: 14px; font-weight: 500; max-width: none; white-space: nowrap; }
.company-page .criteria-grid  {

      position: relative; z-index: 1;
      display: grid; grid-template-columns: 1fr 1fr; gap: 10px;
    }
.company-page .crit  {

      position: relative; overflow: hidden;
      display: flex; align-items: center; gap: 12px;
      min-height: 64px; padding: 12px 14px;
      background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.1);
      border-radius: 16px; cursor: default;
      transition: transform .3s ease, background .3s ease, border-color .3s ease, box-shadow .3s ease;
    }
.company-page .crit:before  {

      content: ""; position: absolute; inset: 0;
      background: linear-gradient(135deg, var(--blue), var(--blue-2));
      opacity: 0; transition: opacity .3s ease;
    }
.company-page .crit > *  {
 position: relative; z-index: 1; }
.company-page .crit b  {

      flex-shrink: 0; width: 36px; height: 36px; border-radius: 12px;
      display: grid; place-items: center;
      background: rgba(255,255,255,.12); color: #fff;
      font-size: 12px; font-weight: 700; letter-spacing: .04em;
      transition: background .3s, color .3s, transform .3s;
    }
.company-page .crit span  {
 font-size: 14px; font-weight: 600; line-height: 1.25; color: rgba(255,255,255,.92); }
.company-page .crit:hover  {

      transform: translateY(-3px);
      border-color: transparent;
      box-shadow: 0 12px 28px rgba(52,180,217,.28);
    }
.company-page .crit:hover:before  {
 opacity: 1; }
.company-page .crit:hover b  {
 background: rgba(255,255,255,.22); transform: scale(1.06); }
.company-page .criteria-note  {

      position: relative; z-index: 1;
      margin-top: 16px; padding-top: 14px;
      border-top: 1px solid rgba(255,255,255,.12);
      color: rgba(255,255,255,.72); font-size: 13px; font-weight: 500; line-height: 1.45;
    }
@media (prefers-reduced-motion: reduce)  {

      .company-page .crit,
.company-page .crit:before,
.company-page .crit b  {
 transition: none; }
.company-page .crit:hover  {
 transform: none; }
}
.company-page #print  {
 background: linear-gradient(180deg, #fff 0%, #f4f9fb 50%, #fff 100%); }
/* home.css #print .sec-head сильнее по id — возвращаем шкалу макета company */
.company-page #print .sec-head .page-kicker {
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--brown);
  line-height: 1.3;
}
.company-page #print .sec-head h2 {
  font-size: clamp(26px, 2.6vw, 34px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.02em;
  color: var(--ink);
}
.company-page #print .sec-head p {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  color: var(--muted);
  max-width: 52ch;
}
.company-page .print  {

      display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px;
    }
.company-page .print article  {

      position: relative; min-height: 260px; border-radius: 22px; overflow: hidden;
      color: #fff; display: flex; flex-direction: column; justify-content: flex-end;
      background: #1a3a45;
      transition: transform .25s, box-shadow .25s;
    }
.company-page .print article img  {

      position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
      transition: transform .45s ease;
    }
.company-page .print article:after  {

      content: ""; position: absolute; inset: 0;
      background: linear-gradient(180deg, rgba(17,17,17,.08) 35%, rgba(17,17,17,.78) 100%);
    }
.company-page .print .pad  {
 position: relative; z-index: 1; padding: 24px 20px 20px; }
.company-page .print h3  {
 font-size: clamp(20px, 2vw, 26px); font-weight: 700; margin-bottom: 6px; line-height: 1.15; color: #fff; }
.company-page .print p  {
 font-size: 14px; line-height: 1.4; color: rgba(255,255,255,.9); font-weight: 500; }
.company-page .print article:hover  {
 transform: translateY(-4px); box-shadow: 0 14px 28px rgba(17,17,17,.14); }
.company-page .print article:hover img  {
 transform: scale(1.08); }
.company-page #faq  {
 background: linear-gradient(180deg, #fff 0%, #f3fbfd 58%, #fff 100%); }
.company-page .faq-layout  {

      display: grid; grid-template-columns: minmax(240px, .38fr) 1fr;
      gap: 28px 36px; align-items: start;
    }
.company-page .faq-intro  {

      position: sticky; top: 96px;
      background: #fff; border: 1px solid #d6eef6; border-radius: 24px;
      padding: 32px 28px 28px; overflow: hidden;
      box-shadow: 0 16px 36px rgba(52,180,217,.08);
      text-align: left;
    }
.company-page .faq-intro .page-kicker,
.company-page .faq-intro .faq-kicker  {
 margin-bottom: 0;
 display: inline-flex; padding: 5px 10px; border-radius: 20px;
 background: rgba(196,165,116,.18); color: #8a7048;
 font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
}
.company-page .faq-intro .faq-mark  {

      position: absolute; right: -8px; bottom: -36px; left: auto;
      font-size: 160px; font-weight: 700; line-height: .8; letter-spacing: -.08em;
      color: var(--blue); opacity: .1; pointer-events: none;
    }
.company-page .faq-intro h2  {
 margin-top: 14px; margin-left: 0; max-width: 12ch; position: relative; z-index: 1; }
.company-page .faq-intro p  {

      margin-top: 12px; margin-left: 0; color: var(--muted); font-weight: 500; max-width: 30ch;
      position: relative; z-index: 1;
    }
.company-page .faq-intro .btn  {
 margin-top: 22px; position: relative; z-index: 1; }
.company-page .faq  {
 display: grid; gap: 10px; }
.company-page .faq details  {

      background: #fff; border: 1px solid #e4eef2; border-radius: 20px;
      overflow: hidden; transition: border-color .22s, box-shadow .22s;
    }
.company-page .faq details[open]  {

      border-color: var(--blue);
      box-shadow: 0 14px 30px rgba(52,180,217,.12);
    }
.company-page .faq summary  {

      list-style: none; cursor: pointer;
      display: grid; grid-template-columns: 48px 44px 1fr 36px;
      gap: 12px; align-items: center; padding: 16px 18px;
    }
.company-page .faq summary::-webkit-details-marker  {
 display: none; }
.company-page .faq .faq-n  {

      font-size: 13px; font-weight: 700; letter-spacing: .08em; color: var(--brown);
    }
.company-page .faq .faq-ico  {

      width: 44px; height: 44px; border-radius: 14px;
      display: grid; place-items: center; background: #eef9fc; color: var(--blue);
      transition: background .22s, color .22s;
    }
.company-page .faq .faq-ico svg  {

      width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7;
      stroke-linecap: round; stroke-linejoin: round;
    }
.company-page .faq .faq-q  {
 min-width: 0; font-size: 15px; font-weight: 700; line-height: 1.3; }
.company-page .faq .faq-q small  {

      display: block; margin-bottom: 2px;
      font-size: 11px; font-weight: 700; letter-spacing: .1em;
      text-transform: uppercase; color: var(--brown);
    }
.company-page .faq .faq-plus  {

      width: 36px; height: 36px; border-radius: 50%;
      border: 1px solid #d6e8ef; position: relative; justify-self: end;
      transition: background .22s, border-color .22s;
    }
.company-page .faq .faq-plus:before,
.company-page .faq .faq-plus:after  {

      content: ""; position: absolute; left: 50%; top: 50%; background: var(--ink);
      transition: transform .22s, background .22s;
    }
.company-page .faq .faq-plus:before  {
 width: 14px; height: 2px; margin: -1px 0 0 -7px; }
.company-page .faq .faq-plus:after  {
 width: 2px; height: 14px; margin: -7px 0 0 -1px; }
.company-page .faq details[open] .faq-ico  {
 background: var(--blue); color: #fff; }
.company-page .faq details[open] .faq-plus  {
 background: var(--blue); border-color: var(--blue); }
.company-page .faq details[open] .faq-plus:before,
.company-page .faq details[open] .faq-plus:after  {
 background: #fff; }
.company-page .faq details[open] .faq-plus:after  {
 transform: rotate(90deg); }
.company-page .faq details p  {

      margin: 0; padding: 0 18px 18px 122px;
      color: var(--muted); font-size: 14px; font-weight: 500; line-height: 1.5;
      max-width: none;
    }
@media (prefers-reduced-motion: reduce)  {

      .company-page .print article,
.company-page .print article img  {
 transition: none; }
.company-page .print article:hover  {
 transform: none; }
.company-page .print article:hover img  {
 transform: none; }
}
/* Контакты: см. css/page_contacts.css (.page-contacts) */
.company-page footer  {
 border-top: 1px solid var(--line); padding: 48px 0 0; font-size: 14px; background: var(--gray); }
.company-page .fg  {
 display: grid; grid-template-columns: 1.35fr 1.05fr .9fr; gap: 40px; padding-bottom: 36px; }
.company-page footer h3  {
 font-size: 13px; margin-bottom: 14px; text-transform: uppercase; letter-spacing: .08em; }
.company-page footer p  {
 margin-top: 8px; color: var(--muted); line-height: 1.55; }
.company-page footer .foot-brand  {
 color: var(--ink); font-weight: 600; }
.company-page .foot-nav a,
.company-page .foot-req span  {
 display: block; padding: 3px 0; }
.company-page footer a:hover  {
 color: var(--blue); }
.company-page .foot-copy  {

      border-top: 1px solid var(--line); padding: 16px 0 20px;
      display: flex; justify-content: space-between; align-items: center; gap: 12px 24px; flex-wrap: wrap;
      font-size: 13px; color: var(--muted);
    }
.company-page .foot-copy a  {
 text-decoration: underline; text-underline-offset: 3px; }
.company-page .sticky  {
 display: none; }
.company-page .cookie  {

      position: fixed; z-index: 90; left: 50%; bottom: 20px; transform: translateX(-50%);
      width: min(920px, calc(100% - 32px));
      display: none; align-items: center; justify-content: space-between; gap: 14px 20px;
      background: #fff; border: 1px solid #d6eef6; border-radius: 20px; padding: 16px 18px;
      box-shadow: 0 18px 40px rgba(17,17,17,.16);
    }
.company-page .cookie.is-on  {
 display: flex; }
.company-page .cookie p  {
 font-size: 14px; font-weight: 500; max-width: 62ch; }
.company-page .cookie a  {
 color: var(--blue); text-decoration: underline; text-underline-offset: 2px; }
@media (max-width: 980px)  {

      .company-page .wrap  {
 width: min(1348px, calc(100% - 24px)); }
.company-page .page-hero-grid,
.company-page .story,
.company-page .why-layout,
.company-page .order-grid,
.company-page .fg,
.company-page .faq-layout  {
 grid-template-columns: 1fr; }
.company-page .work  {
 grid-template-columns: 1fr 1fr; }
.company-page .job,
.company-page .job:nth-child(n+5)  {
 grid-column: auto; }
.company-page .why-intro  {
 /* relative, не static: иначе ::before (right:-40px) уезжает за экран */
 position: relative; top: auto; min-height: 0; }
.company-page .print  {
 grid-template-columns: 1fr 1fr; }
.company-page .faq-intro  {
 /* !important: home.css @980px ставит .faq-intro { position: static !important } */
 position: relative !important; top: auto !important; }
.company-page .range-board  {
 grid-template-columns: 1fr; }
.company-page .rg  {
 border-right: 0 !important; }
.company-page .rg.featured  {
 grid-column: auto; }
.company-page .rg:nth-last-child(-n+2)  {
 border-bottom: 1px solid #eee6da; }
.company-page .rg:last-child  {
 border-bottom: 0; }
.company-page .proj-board  {
 grid-template-columns: 1fr 1fr; grid-auto-rows: 200px; }
.company-page .proj.featured  {
 grid-column: span 2; grid-row: span 1; min-height: 260px; }
.company-page .proj.wide  {
 grid-column: span 2; }
.company-page .proj .desc  {
 display: none; }
.company-page .proj.featured .desc,
.company-page .proj.wide .desc  {
 display: block; }
 {
 grid-template-columns: 1fr; }
.company-page .scheme  {
 padding-left: 4px; }
.company-page .scheme-list  {
 grid-template-columns: 1fr; gap: 14px; }
.company-page .scheme-line  {

        top: 29px; bottom: 40px; left: 28px; right: auto;
        width: 3px; height: auto;
      }
.company-page .scheme.is-on .scheme-line i  {

        width: 100%; height: 0; animation-name: schemeDrawY;
      }
.company-page .scheme-line em  {
 display: none; }
.company-page .scheme-step  {

        display: grid; grid-template-columns: 58px 1fr; gap: 16px;
        align-items: start; text-align: left;
      }
.company-page .scheme-card  {
 margin-top: 0; }
.company-page .scheme-node  {
 width: 58px; height: 58px; }
@keyframes schemeDrawY  {
 to  {
 height: 100%; }
}
.company-page header  {
 padding: 10px 0; }
.company-page .head  {

        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 12px;
      }
.company-page .logo  {
 min-height: 44px; }
.company-page .logo img  {
 height: 40px; }
.company-page .head-right  {
 gap: 0; }
.company-page .head-bottom  {
 display: none; }
.company-page .head-top  {

        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 6px;
        flex-wrap: nowrap;
      }
.company-page .head-top .catalog-menu,
.company-page .head-top .ask-btn  {
 display: none; }
.company-page .nav  {
 display: none; }
.company-page .nav.open  {

        display: flex;
        flex-direction: column;
        position: absolute;
        top: calc(100% + 6px);
        left: 0;
        right: 0;
        width: auto;
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 16px;
        box-shadow: 0 18px 40px rgba(17,17,17,.16);
        padding: 8px;
        gap: 2px;
        z-index: 130;
      }
.company-page .nav.open:before  {

        content: ""; position: absolute; left: 0; right: 0; top: -10px; height: 10px;
      }
.company-page .nav.open a  {

        display: block;
        padding: 12px 14px;
        border-radius: 12px;
        font-size: 15px;
        font-weight: 600;
      }
.company-page .nav.open .nav-m-only  {
 display: block; }
.company-page .nav.open a:hover  {
 background: #eef9fc; color: var(--blue-2); }
.company-page .user-tools  {
 margin-left: 0; gap: 0; }
.company-page .tool  {
 width: 38px; height: 38px; }
.company-page .tool svg  {
 width: 20px; height: 20px; }
.company-page .btn.menu-btn  {
 display: inline-flex; min-height: 40px; padding: 0 16px; font-size: 12px; }
.company-page .page-hero h1  {
 max-width: none; }
.company-page .hero-panel .stats  {
 grid-template-columns: 1fr 1fr; }
.company-page .sticky  {

        display: flex; position: fixed; left: 0; right: 0; bottom: 0; gap: 8px;
        padding: 10px 12px; background: #fff; border-top: 1px solid var(--line); z-index: 50;
      }
.company-page .sticky .btn  {
 flex: 1; }
.company-page .cookie  {
 left: 12px; right: 12px; width: auto; transform: none; flex-direction: column; align-items: stretch; bottom: 78px; }
/* inner-adaptive-sync */
      .company-page img,
.company-page video  {
 max-width: 100%; }
.company-page .range-head h2,
.company-page .range-head p,
.company-page .rg.featured h3,
.company-page .rg.featured p,
.company-page .proj-head p,
.company-page .criteria-head p,
.company-page #work .sec-head p,
.company-page #order .sec-head p,
.company-page #tech .sec-head p,
.company-page #pros .sec-head p  {
 white-space: normal; }
.company-page .page-cta  {
 width: 100%; }
.company-page .page-cta .btn  {
 flex: 1 1 148px; justify-content: center; text-align: center; }
.company-page .filters  {
 gap: 6px; }
.company-page .chip  {
 min-height: 36px; padding: 0 12px; font-size: 12px; }
.company-page .hero-panel,
.company-page .print-hero-panel,
.company-page .port-hero-panel,
.company-page .brands-hero-panel,
.company-page .contacts-hero-panel,
.company-page .brand-detail-panel  {
 padding: 22px 18px; border-radius: 22px; }
.company-page .story img,
.company-page .why-layout img  {
 width: 100%; }
.company-page .fg  {
 gap: 28px; }
.company-page .why-item  {
 grid-template-columns: 48px minmax(0, 1fr); gap: 12px; }
.company-page .page-hero h1  {
 max-width: none; }
}
@media (max-width: 560px)  {

      .company-page .work,
.company-page .hero-panel .stats,
.company-page .criteria-grid,
.company-page .proj-board,
.company-page .print  {
 grid-template-columns: 1fr; }
.company-page .proj.featured,
.company-page .proj.wide  {
 grid-column: auto; grid-row: auto; min-height: 240px; }
.company-page .proj-board  {
 grid-auto-rows: 220px; }
.company-page .proj .desc  {
 display: block; }
.company-page .range-head h2  {
 white-space: normal; }
.company-page .range-head p  {
 white-space: normal; }
.company-page .rg.featured h3,
.company-page .rg.featured p  {
 white-space: normal; }
.company-page .proj-head p  {
 white-space: normal; }
.company-page #work .sec-head p,
.company-page #order .sec-head p  {
 white-space: normal; }
.company-page .criteria-head p  {
 white-space: normal; }
.company-page .faq summary  {
 grid-template-columns: 44px 1fr 36px; }
.company-page .faq .faq-n  {
 display: none; }
.company-page .faq details p  {
 padding: 0 18px 18px; }
}
/* adaptive-extra-560 */
    @media (max-width: 560px)  {

      .company-page .wrap  {
 width: min(1348px, calc(100% - 20px)); }
.company-page .page-hero h1  {
 font-size: clamp(28px, 9vw, 40px); }
.company-page .catalog-mega  {
 grid-template-columns: 1fr; }
.company-page .catalog-panel  {
 border-radius: 18px; padding: 14px 12px 12px; max-height: min(68vh, 560px); }
.company-page .catalog-col  {
 padding: 10px; }
.company-page .sticky .btn  {
 font-size: 13px; min-height: 44px; }
.company-page section  {
 padding: 48px 0; }
.company-page .user-tools .tool b  {
 display: none; }
.company-page .page-cta  {
 flex-direction: column; align-items: stretch; }
.company-page .page-cta .btn  {
 width: 100%; flex: none; }
.company-page .prose > .art-cover  {

        float: none; width: 100%; max-width: none; margin: 0 0 16px;
        aspect-ratio: 16 / 10;
      }
 {
 min-height: 180px; }
.company-page .job  {
 min-height: 0; }
.company-page .faq-intro p  {
 max-width: none; margin-left: 0; }
}
/* type-scale-tabs: одна шкала для вкладок шапки */
    .company-page .page-hero h1,
.company-page .page-hero.art-single h1  {

      font-size: clamp(32px, 3.4vw, 44px);
      font-weight: 700;
      line-height: 1.15;
      letter-spacing: -.02em;
    }
.company-page .sec-head h2,
.company-page .story h2,
.company-page .why-intro h2,
.company-page .faq-intro h2,
.company-page .region-body h2,
.company-page .brands-cta h2,
.company-page .print-cta h2,
.company-page .port-cta h2,
.company-page .art-cta h2,
.company-page .feat-body h2,
.company-page .visit-copy h2,
.company-page .reqs-intro h2,
.company-page .project-copy h2,
.company-page .methods-intro h2,
.company-page .tech-head h2,
 {

      font-size: clamp(26px, 2.6vw, 34px);
      font-weight: 700;
      line-height: 1.2;
      letter-spacing: -.02em;
    }
.company-page .page-lead,
.company-page .story p,
.company-page .sec-head p,
.company-page .dealer-copy,
.company-page .prose p,
.company-page .prose li  {

      font-size: 16px;
      font-weight: 500;
      line-height: 1.6;
    }
.company-page .job h3,
.company-page .why-item h3,
.company-page .dealer-card h3,
.company-page .brand-tile h3,
.company-page .art-card h3,
.company-page .port-card h3,
.company-page .prose h3  {

      font-size: 18px;
      font-weight: 700;
      line-height: 1.3;
      letter-spacing: -.01em;
    }
.company-page .job p,
.company-page .why-item p,
.company-page .dealer-card p,
.company-page .brand-tile p,
.company-page .art-card p,
.company-page .port-card .desc  {

      font-size: 14px;
      font-weight: 500;
      line-height: 1.45;
    }
.company-page .page-kicker,
@media (max-width: 560px)  {

      .company-page .page-hero h1,
.company-page .page-hero.art-single h1  {
 font-size: clamp(30px, 8vw, 40px); }
}