:root{--red:oklch(0.55 0.21 27);--red-deep:oklch(0.46 0.19 27);--red-dark:oklch(0.36 0.15 27);--on-red:oklch(0.97 0.01 27);--on-red-soft:oklch(0.88 0.045 27);--bg:oklch(0.99 0 0);--surface:oklch(0.965 0.006 27);--ink:oklch(0.24 0.015 27);--ink-2:oklch(0.44 0.015 27);--line:oklch(0.9 0.008 27);--z-nav:50;--z-menu:60;--z-cookie:80;--r:14px;--ease:cubic-bezier(0.22,1,0.36,1)}
  *{box-sizing:border-box;margin:0} html{scroll-behavior:smooth}
  body{background:var(--bg);color:var(--ink);font-family:"Onest",system-ui,sans-serif;line-height:1.6}
  a{color:inherit} .wrap{max-width:1180px;margin:0 auto;padding:0 24px} h1,h2,h3{letter-spacing:-0.02em;font-weight:800}
  nav.main{position:sticky;top:0;background:var(--red);z-index:var(--z-nav)}
  nav.main .wrap{display:flex;align-items:center;gap:26px;height:68px}
  .logo{display:flex;align-items:center;text-decoration:none} .logo img{height:42px;width:auto}
  .links{display:flex;gap:22px;margin-left:auto}
  .links a{text-decoration:none;font-size:.93rem;color:var(--on-red-soft);font-weight:500} .links a:hover{color:var(--on-red)}
  .cta{background:var(--on-red);color:var(--red-deep);font-weight:600;text-decoration:none;padding:11px 22px;border-radius:99px;font-size:.92rem;white-space:nowrap}
  .burger{display:none;background:none;border:1px solid oklch(0.7 0.12 27);color:var(--on-red);border-radius:8px;padding:8px 12px;font-size:1rem;cursor:pointer;margin-left:auto}
  footer{padding:40px 0 52px;font-size:.85rem;color:var(--ink-2)}
  footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
  footer a{text-decoration:none} footer a:hover{color:var(--red)}

  /* ——— О компании: редакционная вёрстка ——— */
  .a-hero{background:linear-gradient(oklch(0.36 0.15 27 / .68), oklch(0.34 0.14 27 / .85)), url('../img/okompanii-hero-bg.jpg') center/cover no-repeat;color:var(--on-red);padding:26px 0 84px}
  .a-hero .crumbs{color:oklch(0.78 0.06 27);padding:18px 0 40px;font-size:.82rem}
  .a-hero .crumbs a{text-decoration:none} .a-hero .crumbs a:hover{color:#fff} .a-hero .crumbs span{margin:0 6px}
  .a-hero h1{font-size:clamp(2rem,4.6vw,3.7rem);line-height:1.04;letter-spacing:-0.03em;max-width:21ch;text-wrap:balance}
  .a-hero .lead{margin-top:26px;font-size:clamp(1rem,1.6vw,1.2rem);color:oklch(0.9 0.03 27);max-width:56ch;text-wrap:pretty}
  .a-hero .meta{margin-top:34px;display:flex;gap:10px;flex-wrap:wrap}
  .a-hero .meta span{border:1px solid oklch(0.55 0.11 27);border-radius:99px;padding:9px 18px;font-size:.87rem;color:oklch(0.92 0.02 27);font-weight:500}
  .a-hero .act{margin-top:38px;display:flex;gap:12px;flex-wrap:wrap}
  .a-btn{display:inline-block;text-decoration:none;font-weight:600;font-size:.95rem;padding:14px 28px;border-radius:99px}
  .a-btn.solid{background:#fff;color:var(--red-deep)} .a-btn.solid:hover{background:oklch(0.93 0.02 27)}
  .a-btn.line{border:1px solid oklch(0.62 0.12 27);color:#fff} .a-btn.line:hover{border-color:#fff}

  .a-photo{position:relative;margin-top:-46px}
  .a-photo img{width:100%;height:auto;max-height:680px;object-fit:cover;display:block;border-radius:calc(var(--r) * 2)}
  .a-photo figcaption{position:absolute;left:22px;bottom:18px;background:oklch(0.2 0.03 27 / .78);color:#fff;font-size:.82rem;padding:8px 16px;border-radius:99px;backdrop-filter:blur(4px)}

  .a-who{padding:84px 0 64px}
  .a-who .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center}
.a-who-text .big{margin-bottom:18px}
.a-who-photo{margin:0}
.a-who-photo img{width:100%;height:auto;max-height:440px;object-fit:cover;border-radius:calc(var(--r) * 2);display:block;box-shadow:0 16px 44px oklch(0.5 0.05 27 / .14)}
  .a-who .big{font-size:clamp(1.4rem,2.6vw,2rem);font-weight:800;letter-spacing:-0.02em;line-height:1.2;text-wrap:balance}
  .a-who .big em{font-style:normal;color:var(--red)}
  .a-who .txt p{color:var(--ink-2);margin-bottom:16px;max-width:64ch;font-size:1rem;text-wrap:pretty}

  .a-num{background:var(--surface);color:var(--ink);padding:66px 0}
  .a-num .wrap{display:flex;gap:0;flex-wrap:wrap}
  .a-num .n{flex:1 1 240px;padding:10px 36px;border-left:1px solid var(--line)}
  .a-num .n:first-child{border-left:none;padding-left:0}
  .a-num b{display:block;font-size:clamp(2.6rem,5.4vw,4.2rem);font-weight:800;letter-spacing:-0.03em;line-height:1}
  .a-num b i{font-style:normal;color:var(--red);font-size:.55em;vertical-align:.42em;margin-left:2px}
  .a-num .n>span{display:block;margin-top:10px;color:var(--ink-2);font-size:.92rem;max-width:26ch}

  .a-cycle{padding:84px 0}
  .a-cycle h2{font-size:clamp(1.5rem,2.6vw,2.1rem);margin-bottom:8px}
  .a-cycle .note{color:var(--ink-2);margin-bottom:44px;max-width:60ch}
  .rail{position:relative;padding-left:34px}
  .rail::before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:var(--line)}
  .rail .st{position:relative;padding:0 0 34px 22px;max-width:70ch}
  .rail .st:last-child{padding-bottom:0}
  .rail .st::before{content:"";position:absolute;left:-30px;top:4px;width:16px;height:16px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px oklch(0.55 0.21 27 / .18)}
  .rail b{font-weight:800;font-size:1.08rem;display:block;margin-bottom:6px}
  .rail p{color:var(--ink-2);font-size:.95rem}
  .rail .st a{color:var(--red);text-decoration:none;font-weight:600} .rail .st a:hover{text-decoration:underline}

  .a-gal{padding:0 0 84px}
  .a-gal .grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:230px 230px;gap:14px}
  .a-gal figure{margin:0;position:relative;border-radius:var(--r);overflow:hidden}
  .a-gal figure:first-child{grid-column:span 2;grid-row:span 2}
  .a-gal img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(0.22,1,0.36,1)}
  .a-gal figure:hover img{transform:scale(1.04)}
  .a-gal figcaption{position:absolute;left:12px;bottom:10px;background:oklch(0.2 0.03 27 / .78);color:#fff;font-size:.78rem;padding:6px 13px;border-radius:99px}

  .a-docs{padding:0 0 84px}
  .a-docs .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:start}
  .a-docs h2{font-size:clamp(1.5rem,2.6vw,2.1rem);text-wrap:balance}
  .a-docs .side p{color:var(--ink-2);margin-top:14px;max-width:44ch;text-wrap:pretty}
  .a-docs ul{list-style:none;margin:0;padding:0}
  .a-docs li{padding:15px 0;border-bottom:1px solid var(--line);font-size:.95rem;display:flex;gap:14px;align-items:baseline}
  .a-docs li::before{content:"—";color:var(--red);font-weight:800;flex:none}

  .a-lett{padding:0 0 84px}
  .a-lett h2{font-size:clamp(1.5rem,2.6vw,2.1rem)}
  .a-lett .sub2{color:var(--ink-2);margin:10px 0 30px;max-width:62ch;text-wrap:pretty}
  .lgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
  .lgrid a{text-decoration:none;color:var(--ink-2)}
  .lgrid img{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:8px;box-shadow:0 6px 18px oklch(0.5 0.05 27 / .09);transition:transform .45s cubic-bezier(0.22,1,0.36,1)}
  .lgrid a:hover img{transform:translateY(-4px)}
  .lgrid figcaption{margin-top:8px;font-size:.76rem;line-height:1.35}
  @media (max-width:900px){.lgrid{grid-template-columns:repeat(2,1fr)}}
  @media (prefers-reduced-motion:reduce){.lgrid img{transition:none}}
  .a-ind{padding:0 0 90px}
  .a-ind h2{font-size:clamp(1.5rem,2.6vw,2.1rem);margin-bottom:26px}
  .a-ind .row{font-size:clamp(1.15rem,2.4vw,1.7rem);font-weight:800;letter-spacing:-0.02em;line-height:1.65;color:oklch(0.62 0.02 27);max-width:100%}
  .a-ind .row b{color:var(--ink);font-weight:800} .a-ind .row i{font-style:normal;color:var(--red);margin:0 10px}

  .a-cta{background:var(--red);color:var(--on-red);padding:70px 0}
  .a-cta .wrap{display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}
  .a-cta h2{font-size:clamp(1.5rem,2.8vw,2.2rem);max-width:24ch;text-wrap:balance}
  .a-cta p{margin-top:10px;color:oklch(0.9 0.03 27);max-width:52ch}
  .a-cta a{background:#fff;color:var(--red-deep);text-decoration:none;font-weight:600;padding:15px 30px;border-radius:99px;white-space:nowrap}

  .rv{opacity:1;transform:none;transition:opacity .7s cubic-bezier(0.22,1,0.36,1),transform .7s cubic-bezier(0.22,1,0.36,1)}
  .js .rv{opacity:0;transform:translateY(18px)} .js .rv.in{opacity:1;transform:none}
  @media (prefers-reduced-motion:reduce){.rv,.js .rv{opacity:1!important;transform:none!important;transition:none} .a-gal img{transition:none}}
  @media (max-width:900px){
    .a-who .wrap,.a-docs .wrap{grid-template-columns:1fr;gap:26px}
    .a-num .n{border-left:none;padding:14px 0}
    .a-gal .grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,200px)}
    .a-gal figure:first-child{grid-column:span 2;grid-row:span 1}
  }
  @media (max-width:900px){.p-hero .wrap{grid-template-columns:1fr;gap:30px}
    .links{display:none;position:absolute;top:68px;left:0;right:0;background:var(--red);flex-direction:column;padding:18px 24px 24px;gap:16px;z-index:var(--z-menu)}
    .links.open{display:flex} .burger{display:block} nav.main .cta{display:none}}
    .nsearch{margin-left:6px}
  .nsearch input{width:170px;font:inherit;font-size:.88rem;padding:9px 16px;text-align:center;line-height:1.2;border:1px solid oklch(0.7 0.12 27);border-radius:99px;background:oklch(0.5 0.17 27 / .45);color:#fff;outline:none;transition:width .3s cubic-bezier(0.22,1,0.36,1)}
  .nsearch input::placeholder{color:oklch(0.85 0.05 27)}
  .nsearch input:focus{width:230px;border-color:#fff;background:oklch(0.45 0.15 27 / .6)}
  .m-only{display:none!important}
  @media (max-width:900px){.nsearch{display:none} .m-only{display:block!important}}
    footer .wrap.f2{display:flex;justify-content:space-between;align-items:flex-start;gap:26px;flex-wrap:wrap}
  footer .fl{display:flex;gap:8px 22px;flex-wrap:wrap;font-size:.9rem;align-items:center;padding-top:8px}
  footer .req{font-size:.85rem;line-height:1.6}
  footer .wrap.fbot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:22px;padding-top:16px;font-size:.82rem}
  footer .fcols{display:flex;gap:56px;flex-wrap:wrap}
  footer .fcols h4{font-size:.85rem;margin-bottom:10px;color:var(--ink)}
  footer .fcols ul{list-style:none;margin:0;padding:0;font-size:.88rem}
  footer .fcols li{margin-bottom:8px}
  .cookiebar{position:fixed;left:16px;right:16px;bottom:16px;z-index:80;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:0 18px 50px rgba(0,0,0,.18);padding:16px 22px;display:none;align-items:center;gap:18px;flex-wrap:wrap;max-width:1180px;margin:0 auto}
.cookiebar.show{display:flex}
.cookiebar p{font-size:.85rem;color:var(--ink-2);flex:1 1 420px;margin:0}
.cookiebar p a{color:var(--red);font-weight:600;text-decoration:none}
.cookiebar button{background:var(--red);color:#fff;border:none;font:inherit;font-weight:600;font-size:.88rem;padding:11px 24px;border-radius:99px;cursor:pointer;transition:filter .2s}
.cookiebar button:hover{filter:brightness(1.1)}
.cookiebar .cb-btns{display:flex;gap:10px;margin-left:auto}
.cookiebar button.ghost{background:none;border:1px solid var(--line);color:var(--ink-2)}
.cookiebar button.ghost:hover{border-color:var(--ink-2);color:var(--ink);filter:none}
    .backfab{position:fixed;left:22px;bottom:22px;z-index:80;background:#fff;border:1.5px solid var(--line);color:var(--ink);font:inherit;font-weight:600;font-size:.9rem;padding:12px 20px;border-radius:99px;cursor:pointer;box-shadow:0 8px 24px oklch(0.5 0.05 27 / .16)}
  .backfab:hover{border-color:var(--red);color:var(--red)}
  @media (max-width:700px){.backfab{left:14px;bottom:14px;padding:10px 16px}}
  section[id],div[id],aside[id],header[id]{scroll-margin-top:88px}
  .cnum{display:inline-block;min-width:2ch;font-variant-numeric:tabular-nums}
  .ph-btn{display:inline-flex;align-items:center;gap:8px;color:var(--on-red);text-decoration:none;font-weight:600;font-size:.93rem;white-space:nowrap;flex:none}
  .ph-btn:hover{opacity:.85}
  .ph-btn .num{display:inline}
  @media (max-width:900px){.ph-btn{width:42px;height:42px;justify-content:center;border-radius:99px;background:var(--on-red);color:var(--red-deep);margin-left:auto}
    .ph-btn .num{display:none} nav.main .burger{margin-left:8px}}
  nav.main .wrap{gap:16px}
  .links{gap:16px}
  .links a{white-space:nowrap}
  .nsearch input{width:140px}
  .nsearch input:focus{width:190px}
  @media (max-width:1340px){.nsearch{display:none}}
  @media (max-width:1120px){.ph-btn .num{display:none} .ph-btn{width:40px;height:40px;justify-content:center;border-radius:99px;background:var(--on-red);color:var(--red-deep)}}
  .srch-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:99px;color:var(--on-red);text-decoration:none;flex:none;transition:background .15s ease}
  .srch-btn:hover{background:oklch(0.5 0.17 27 / .45)}
  @media (max-width:900px){.srch-btn{display:none}}
  .ph-btn svg{display:none}
  @media (max-width:1120px){.ph-btn svg{display:block}}