:root{
  --night:#0b2a4a; --night-2:#071f37; --night-3:#0f3459;
  --blue:#0c58a6; --sky:#0092cb; --stone:#c6b18c; --stone-2:#a8956f;
  --ink:#13202e; --ink-2:#4b5866; --hair:#dfe3e8; --paper:#fff; --mist:#f3f5f8;
  --en:"Libre Caslon Text",Georgia,serif; --en-d:"Libre Caslon Display",Georgia,serif;
  --ar:"Noto Naskh Arabic",serif; --ar-d:"Amiri",serif;
  --head:84px;
  color-scheme:light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--head) + 16px)}
html,body{overflow-x:clip}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.75 var(--en)}
[lang=ar]{font-family:var(--ar)}
a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,.track:focus-visible{outline:2px solid var(--sky);outline-offset:3px}
img{display:block;max-width:100%;height:auto}
figure{margin:0}
.w{max-width:1400px;margin:0 auto;padding:0 56px}
.skip{position:absolute;left:-9999px;top:8px;background:#fff;color:var(--night);padding:8px 14px;z-index:60}
.skip:focus{left:8px}

.axis{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.axis > .l{text-align:right}
.axis > .r{text-align:left}

/* арка */
.arch{position:relative;aspect-ratio:3/4}
.arch .pic{position:absolute;inset:0;clip-path:url(#arch);-webkit-clip-path:url(#arch);background:var(--mist)}
.arch .pic img{width:100%;height:100%;object-fit:cover}
.arch svg.line{position:absolute;left:-12px;top:-12px;width:calc(100% + 24px);height:calc(100% + 12px);overflow:visible;pointer-events:none}
.arch svg.line path{fill:none;stroke:var(--stone);stroke-width:1.1;vector-effect:non-scaling-stroke}

/* шапка: закреплена, при прокрутке сжимается */
.top{position:sticky;top:0;z-index:50;background:var(--night);color:#fff;border-bottom:1px solid rgba(198,177,140,.28);transition:background-color .25s ease-out}
.top .axis{height:var(--head);transition:height .25s cubic-bezier(.2,.7,.2,1)}
.top nav{display:flex;gap:34px;font-size:15.5px}
.top nav a{text-decoration:none;color:#d4dde8;padding:10px 0;position:relative}
.top nav a:hover,.top nav a[aria-current]{color:#fff}
.top nav a[aria-current]::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:var(--stone)}
.top .l{justify-content:flex-end}
.top .r{justify-content:flex-end;font-size:17.5px}
.top .logo{padding:0 64px;display:block}
.top .logo img{width:150px;transition:width .25s cubic-bezier(.2,.7,.2,1)}
.top.scrolled{background:rgba(7,31,55,.97)}
.top.scrolled .axis{height:62px}
.top.scrolled .logo img{width:118px}

/* первый экран */
.hero{background:var(--night);color:#fff;min-height:min(calc(100svh - var(--head)),980px);display:flex;flex-direction:column;justify-content:flex-end;padding-top:34px;position:relative}
.hero .axis{align-items:start}
.hero .side{padding:clamp(110px,11vw,190px) 44px 48px}
.k{display:block;font-size:15px;color:#d6c3a0;margin-bottom:22px;letter-spacing:.03em}
[lang=ar] .k,.k[lang=ar]{font-size:15.5px;letter-spacing:0}
.hero h1,.hero .h1{font:400 clamp(42px,4.6vw,70px)/1.05 var(--en-d);margin:0 0 28px;letter-spacing:-.015em;text-wrap:balance}
.hero .r .h1{font:700 clamp(40px,4.4vw,66px)/1.4 var(--ar-d);letter-spacing:0;margin-bottom:18px}
.sub{margin:0;color:#c9d4e1;font-size:19px;line-height:1.7;max-width:26em}
.l .sub{margin-left:auto}
.r .sub{font-size:20px;line-height:1.9}
.hero-arch{width:clamp(340px,min(42vw,calc((100svh - 250px)*.833)),640px);aspect-ratio:5/6}
.hero-arch .pic{background:#7d8792}
.hero-arch .pic img{object-fit:cover;object-position:50% 100%}
.hero-arch .pic::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(11,42,74,.35),rgba(11,42,74,0) 38%);pointer-events:none}
.base{border-top:1px solid rgba(198,177,140,.55);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:24px 0 28px}
.base .l,.base .r{font-size:14px;color:#9fb3c8;padding:0 36px}
.base .l{text-align:left}.base .r{text-align:right;font-size:15px}
.cta{display:flex;background:#fff;color:var(--night);text-decoration:none;font:700 15.5px/1 var(--en);transition:background-color .2s ease-out}
.cta span{padding:19px 28px}
.cta span[lang=ar]{font:700 16.5px/1 var(--ar);border-inline-start:1px solid #d9dee5;padding-top:17px}
.cta:hover{background:var(--stone)}
.cta:active{transform:translateY(1px)}

/* решётки */
.origin{background:var(--night);padding:0 0 0}
.origin img{width:100%;height:clamp(320px,50vw,760px);object-fit:cover;object-position:50% 30%}
.origin figcaption,.cap{font-style:italic;font-size:13.5px;color:#9fb3c8;text-align:center;padding:14px 24px 18px;margin:0}
.origin.light{background:#fff}.origin.light figcaption{color:#6b7683}

/* пары на оси */
.pair{display:grid;grid-template-columns:1fr 72px 1fr;align-items:center;margin:0 0 22px}
.pair > :first-child{margin:0;font:400 clamp(36px,4.3vw,64px)/1.1 var(--en-d);text-align:right;letter-spacing:-.01em}
.pair > [lang=ar]{margin:0;font:700 clamp(34px,4vw,58px)/1.45 var(--ar-d);text-align:left}
.pair i{justify-self:center;width:18px;height:26px;position:relative}
.pair i::before{content:"";position:absolute;inset:0;clip-path:url(#arch);background:var(--stone)}
.lede{display:grid;grid-template-columns:1fr 72px 1fr;margin:0 0 72px;color:var(--ink-2)}
.lede p{margin:0;max-width:30em;font-size:19px}
.lede .l{text-align:right;justify-self:end}
.lede [lang=ar]{font-size:20px;line-height:1.9;text-align:left;justify-self:start}

.sol{padding:140px 56px 120px}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:64px}
.trio .arch{margin:0 14px}
.trio h3{margin:36px 0 0;text-align:center;font:400 28px/1.25 var(--en-d)}
.trio h3[lang=ar]{margin:2px 0 14px;font:700 25px/1.5 var(--ar-d)}
.trio p{margin:0 auto;text-align:center;color:var(--ink-2);font-size:16px;max-width:24em}
.trio p[lang=ar]{font-size:17px;line-height:1.9;margin-top:8px}
.more{display:flex;justify-content:center;gap:0;margin:72px 0 0}
.more a{padding:6px 28px;text-decoration-color:var(--stone)}
.more a + a{border-left:1px solid var(--hair);font-size:17.5px}

/* карусель деталей */
.parts{background:var(--mist);padding:120px 0 110px}
.car{position:relative}
.track{list-style:none;margin:0;padding:12px max(56px,calc((100vw - 1288px)/2)) 8px;display:grid;grid-auto-flow:column;grid-auto-columns:clamp(250px,27vw,380px);column-gap:48px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:max(56px,calc((100vw - 1288px)/2));scrollbar-width:none;overscroll-behavior-x:contain}
.track::-webkit-scrollbar{display:none}
.slide{scroll-snap-align:start;padding-top:12px}
.slide .arch{margin:0 12px}
.slide p{margin:22px 0 0;text-align:center;font:400 20px/1.3 var(--en-d)}
.slide p[lang=ar]{margin-top:4px;font:400 18px/1.6 var(--ar)}
.ctrl{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:48px}
.bar{flex:0 1 420px;height:1px;background:rgba(11,42,74,.15);margin-inline-end:24px;overflow:hidden}
.bar i{display:block;height:1px;background:var(--night);width:30%;transition:transform .15s ease-out}
.ctrl button{width:56px;height:56px;border:1px solid var(--stone-2);background:transparent;color:var(--night);cursor:pointer;display:grid;place-items:center;border-radius:50%;transition:background-color .2s ease-out,color .2s ease-out}
.ctrl button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}
.ctrl button:hover:not(:disabled){background:var(--stone);color:var(--night);border-color:var(--stone)}
.ctrl button:disabled{opacity:.35;cursor:default}

/* как мы работаем */
.how{background:var(--night);color:#fff;padding:130px 0 120px}
.how .lede{color:#c9d4e1}
.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(198,177,140,.45)}
.step{padding:44px 44px 8px;text-align:center;border-inline-start:1px solid rgba(198,177,140,.45)}
.step:first-child{border-inline-start:0}
.step .n{display:flex;justify-content:center;align-items:center;gap:14px;color:var(--stone);font:400 30px/1 var(--en-d);margin-bottom:24px}
.step .n span[lang=ar]{font:400 32px/1 var(--ar-d)}
.step .n i{width:1px;height:28px;background:rgba(198,177,140,.6)}
.step h3{margin:0;font:400 26px/1.3 var(--en-d)}
.step h3[lang=ar]{margin:4px 0 14px;font:700 23px/1.5 var(--ar-d)}
.step p{margin:0 auto;color:#c9d4e1;font-size:16px;max-width:22em}
.step p[lang=ar]{font-size:17px;line-height:1.9;margin-top:6px}

/* регион */
.region{background:#fff;padding:130px 0 0}
.map{margin:0}
.mapbox{position:relative;overflow:hidden}
.mapbox img{width:100%;aspect-ratio:2200/1237;object-fit:cover}
.lab{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;color:#e8eef5;font:italic 400 clamp(13px,1.35vw,19px)/1.3 var(--en);letter-spacing:.02em;pointer-events:none}
.lab b{font-weight:400}
.lab b[lang=ar]{font:400 clamp(13px,1.3vw,17px)/1.5 var(--ar);font-style:normal}
.lab.dubai{color:#fff;font:400 clamp(18px,2vw,30px)/1.2 var(--en-d);font-style:normal;flex-direction:row;gap:14px;transform:translate(-50%,-50%)}
.lab.dubai b[lang=ar]{font:700 clamp(19px,2.1vw,32px)/1.3 var(--ar-d)}
.lab.dubai::before{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--stone);box-shadow:0 0 0 6px rgba(198,177,140,.25),0 0 0 14px rgba(198,177,140,.1)}
.lab.dubai b:first-child{transform:translateX(-22px)}
.lab.dubai b[lang=ar]{transform:translateX(22px)}
.map figcaption{font-style:italic;font-size:13.5px;color:#6b7683;text-align:center;padding:14px 24px 0}
.region.big{padding-bottom:40px}

/* о компании */
.about{padding:130px 0 120px}
.about .pair{margin-bottom:60px}
.about .cols{display:grid;grid-template-columns:1fr 72px 1fr}
.about .cols .rule{position:relative;justify-self:center;width:1px;background:linear-gradient(var(--stone),rgba(198,177,140,0))}
.about .cols .rule i{position:absolute;left:-9px;top:-30px;width:18px;height:26px;clip-path:url(#arch);background:var(--stone)}
.about .cols p{margin:0 0 18px;max-width:30em}
.about .en{text-align:right;justify-self:end}
.about .en p{margin-left:auto}
.about .cols .en p:first-child{font-size:22px;line-height:1.6}
.about .cols [lang=ar] p{font-size:18.5px;line-height:1.95}
.about .cols [lang=ar] p:first-child{font-size:22px}
.facts{margin:80px auto 0;border-collapse:collapse;width:min(100%,980px);font-size:16px}
.facts th,.facts td{padding:14px 16px;border-top:1px solid var(--hair);vertical-align:top}
.facts tr:last-child th,.facts tr:last-child td{border-bottom:1px solid var(--hair)}
.facts th{font-weight:400;color:var(--ink-2);text-align:left;width:22%}
.facts td{width:28%}
.facts th[lang=ar]{text-align:right}
.facts td[lang=ar]{text-align:right}

.creek{position:relative;margin:0}
.creek img{width:100%;height:clamp(340px,44vw,660px);object-fit:cover;object-position:60% 45%}
.creek::after{content:"";position:absolute;left:0;right:0;bottom:0;height:220px;background:linear-gradient(rgba(11,42,74,0),var(--night));pointer-events:none}
.creek figcaption{position:absolute;bottom:20px;left:0;right:0;z-index:1;text-align:center;font-style:italic;font-size:14px;color:#e2e9f1}

/* контакты: большая арка */
.contact{background:var(--night);color:#fff;padding:56px 0 120px}
.door{position:relative;width:680px;max-width:100%;margin:0 auto;padding:170px 40px 80px;text-align:center}
.door svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.door svg path{fill:none;stroke:var(--stone);stroke-width:1.1;vector-effect:non-scaling-stroke}
.door .pair{grid-template-columns:1fr 48px 1fr;margin-bottom:40px}
.door .pair > *{color:#fff}
.door .big{font:400 clamp(26px,3vw,42px)/1.5 var(--en-d);margin:0}
.door .big a{display:inline-block;text-decoration-color:rgba(198,177,140,.6)}
.door .big a:hover{color:var(--stone)}
.addr{margin:72px auto 0;max-width:920px;grid-template-columns:1fr 1px 1fr}
.addr > .l,.addr > .r{padding:0 44px;color:#c9d4e1;font-size:16px}
.addr [lang=ar]{font-size:17px;line-height:1.9}
.addr b{display:block;color:var(--stone);font-weight:400;font-size:14px;margin-bottom:6px}
.addr [lang=ar] b{font-size:15.5px}
.addr .rule-v{width:1px;align-self:stretch;background:rgba(198,177,140,.5)}

/* подвал */
.foot{background:var(--night-2);color:#9fb3c8;font-size:15px;padding:96px 0 0}
.fgrid{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;padding-bottom:72px}
.fcol b{display:block;color:var(--stone);font-weight:400;font-size:13.5px;letter-spacing:.03em;margin-bottom:14px}
.fcol[lang=ar] b{font-size:15px;letter-spacing:0}
.fcol ul{list-style:none;margin:0;padding:0}
.fcol li{margin:0}
.fcol a{display:inline-block;padding:5px 0;text-decoration:none;color:#d4dde8}
.fcol a:hover{color:#fff;text-decoration:underline}
.fcol.l{text-align:right;padding-right:80px}
.fcol.r{text-align:left;padding-left:80px;justify-self:start}
.fcol.r ul{font-size:16.5px}
.fmid{text-align:center;padding:0 24px}
.flogo img{width:230px;margin:0 auto 30px}
.fmid p{margin:0;font:400 19px/1.7 var(--en-d);color:#e2e9f1}
.fmid a{text-decoration-color:rgba(198,177,140,.5)}
.fbase{border-top:1px solid rgba(198,177,140,.22);padding:22px 0 26px;font-size:13px;color:#7f93a8}
.fbase .l{text-align:left}.fbase .r{text-align:right}
.fbase .mid{padding:0 32px;color:var(--stone)}

/* заголовок внутренних страниц */
.phead{background:var(--night);color:#fff;padding:120px 0 110px;position:relative}
.phead::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(198,177,140,.4)}
.phead .axis{align-items:end}
.phead .side{padding:0 52px}
.phead h1,.phead .h1{font:400 clamp(42px,5vw,74px)/1.05 var(--en-d);margin:0 0 22px;letter-spacing:-.015em}
.phead .r .h1{font:700 clamp(40px,4.5vw,66px)/1.4 var(--ar-d);letter-spacing:0;margin-bottom:12px}
.phead .mark{width:120px;height:170px;position:relative}
.phead .mark svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.phead .mark path{fill:rgba(198,177,140,.08);stroke:var(--stone);stroke-width:1.1;vector-effect:non-scaling-stroke}

/* решения подробно */
.srows{padding:130px 56px 60px}
.srow{margin-bottom:120px}
.srow .arch{width:clamp(280px,30vw,420px)}
.srow .side{padding:0 60px}
.srow h2{margin:0 0 18px;font:400 clamp(30px,3vw,44px)/1.15 var(--en-d)}
.srow .r h2{font:700 clamp(28px,2.8vw,40px)/1.5 var(--ar-d)}
.srow p{margin:0;color:var(--ink-2);max-width:26em}
.srow .l p{margin-left:auto}
.srow .r p{font-size:18.5px;line-height:1.95}
.num{display:block;color:var(--stone-2);font:400 34px/1 var(--en-d);margin-bottom:20px}
.r .num{font:400 38px/1 var(--ar-d)}

/* форма */
.enq{padding:110px 0 40px;background:#fff}
.form{max-width:1000px;margin:0 auto}
.frow{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.form label{display:block;margin-bottom:28px}
.form label > span{display:flex;justify-content:space-between;font-size:14.5px;color:var(--ink-2);margin-bottom:8px}
.form label i{font-style:normal;font-family:var(--ar);font-size:15.5px}
.form{border:1px solid var(--hair);padding:clamp(28px,5vw,64px)}
.form input,.form textarea{width:100%;font:inherit;font-size:17px;color:var(--ink);background:#fff;border:1px solid #cfd6de;padding:13px 14px;min-height:52px;border-radius:0}
.form textarea{resize:vertical}
.fsend{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.fsend button{display:flex;border:0;background:var(--night);color:#fff;cursor:pointer;font:700 15.5px/1 var(--en);padding:0}
.fsend button span{padding:19px 26px}
.fsend button span[lang=ar]{font:700 16.5px/1 var(--ar);border-inline-start:1px solid rgba(255,255,255,.25)}
.fsend button:hover{background:var(--blue)}
.fsend p{margin:0;font-size:14px;color:var(--ink-2)}
.fsend p span{display:block;font-size:15px}

/* источники фото */
.credits{padding:100px 56px 120px}
.tw{overflow-x:auto}
.credits table{border-collapse:collapse;width:100%;font-size:15px}
.credits th,.credits td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--hair);vertical-align:top}
.credits th{font-weight:400;color:var(--ink-2)}

@media (prefers-reduced-motion:no-preference){
  .hero-arch .pic img{animation:rise .9s cubic-bezier(.2,.7,.2,1) .25s both}
  @keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media (max-width:1100px){
  .top .logo{padding:0 36px}
  .top nav{gap:22px}
  .hero .side,.phead .side{padding:0 30px 48px}
  .srow .side{padding:0 36px}
}
@media (max-width:980px){
  :root{--head:112px}
  .w{padding:0 24px}
  .axis{grid-template-columns:1fr}
  .axis > .l,.axis > .r{text-align:center}
  .top .axis{height:auto;padding:12px 0 4px;grid-template-columns:1fr 1fr;row-gap:2px}
  .top .logo{grid-column:1/-1;grid-row:1;padding:0;display:flex;justify-content:center}
  .top .logo img{width:118px}
  .top nav{gap:16px;font-size:14.5px}
  .top .l{justify-content:flex-end;padding-inline-end:12px;border-inline-end:1px solid rgba(198,177,140,.3)}
  .top .r{justify-content:flex-end;font-size:15.5px;padding-inline-end:12px}
  .top nav a{padding:12px 2px}
  .top.scrolled .axis{height:auto;padding:6px 0 0}
  .top.scrolled .logo img{width:96px}
  .hero{min-height:0;padding-top:40px}
  .hero .axis{align-items:center}
  .hero .side,.phead .side{padding:0 0 32px}
  .hero-arch{width:min(340px,80vw);margin:0 auto 40px;order:-1}
  .l .sub,.srow .l p,.lede .l{margin-left:auto;margin-right:auto}
  .sub{margin:0 auto}
  .base{grid-template-columns:1fr;gap:14px;text-align:center}
  .base .l,.base .r{padding:0;text-align:center}
  .cta{justify-self:center}
  .pair,.lede{grid-template-columns:1fr;gap:6px;text-align:center}
  .pair > :first-child,.pair > [lang=ar],.lede .l,.lede [lang=ar]{text-align:center;justify-self:center}
  .pair i{display:none}
  .lede{gap:12px;margin-bottom:52px}
  .sol,.srows,.credits{padding:84px 24px}
  .trio{grid-template-columns:1fr;gap:72px;max-width:380px;margin:0 auto}
  .parts,.how,.about,.region{padding-top:84px}
  .parts,.how,.about{padding-bottom:84px}
  .track{padding-inline:24px;scroll-padding-inline:24px;grid-auto-columns:min(72vw,300px);column-gap:24px}
  .steps{grid-template-columns:1fr}
  .step{border-inline-start:0;border-top:1px solid rgba(198,177,140,.45);padding:34px 0}
  .step:first-child{border-top:0}
  .about .cols{grid-template-columns:1fr;gap:28px}
  .about .en{text-align:center;justify-self:center}
  .about .en p{margin:0 auto 16px}
  .about .cols .rule{width:64px;height:1px;background:var(--stone)}
  .about .cols .rule i{display:none}
  .facts th,.facts td{display:block;width:auto;border:0;padding:2px 0}
  .facts tr{display:block;border-top:1px solid var(--hair);padding:12px 0;text-align:center}
  .facts th[lang=ar],.facts td[lang=ar],.facts th{text-align:center}
  .lab{display:none}
  .lab.dubai{display:flex}
  .door{padding:120px 20px 60px}
  .door .big{overflow-wrap:anywhere}
  .door .pair{grid-template-columns:1fr}
  .addr{grid-template-columns:1fr}
  .addr > .l,.addr > .r{padding:14px 0}
  .addr .rule-v{width:64px;height:1px;justify-self:center;align-self:auto}
  .fgrid{grid-template-columns:1fr 1fr;row-gap:48px}
  .fmid{grid-column:1/-1;grid-row:1}
  .fcol.l{padding-right:20px}.fcol.r{padding-left:20px;justify-self:end}
  .fbase{text-align:center;gap:8px}
  .fbase .l,.fbase .r{text-align:center}
  .phead{padding:72px 0 64px}
  .phead .mark{order:-1;justify-self:center;width:70px;height:100px;margin-bottom:28px}
  .srow{margin-bottom:84px}
  .srow .arch{order:-1;margin:0 auto 36px;width:min(320px,80vw)}
  .srow .side{padding:0 0 24px}
  .frow{grid-template-columns:1fr;gap:0}
}
@media (min-width:561px) and (max-width:980px){
  .trio{grid-template-columns:repeat(3,1fr);gap:24px;max-width:none}
  .trio .arch{margin:0 8px}
  .trio h3{font-size:21px}.trio h3[lang=ar]{font-size:19px}
}
@media (max-width:560px){
  .cta{flex-direction:column;width:100%;max-width:340px;text-align:center}
  .cta span{padding:16px 20px}
  .cta span[lang=ar]{border-inline-start:0;border-top:1px solid #d9dee5;padding-top:14px}
  .arch svg.line{left:-8px;top:-8px;width:calc(100% + 16px);height:calc(100% + 8px)}
  .fsend button{flex-direction:column;width:100%}
  .fsend button span[lang=ar]{border-inline-start:0;border-top:1px solid rgba(255,255,255,.25)}
}

.form input:focus,.form textarea:focus{border-color:var(--night);outline:0;box-shadow:inset 0 -2px 0 var(--stone)}
@media (max-width:980px){.hero .side{padding:0 0 32px}.hero-arch{width:min(360px,82vw)}.bar{display:none}}

/* подписи фото двуязычные */
figcaption span[lang=ar]{display:block;font-style:normal;font-family:var(--ar);font-size:1.06em;margin-top:2px}
/* шапка без переполнения */
.top nav{white-space:nowrap;min-width:0}
.top nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 2px}
@media (max-width:980px){
  .top .axis{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .top .logo{min-height:44px;align-items:center}
  .top .l,.top .r{min-width:0;justify-content:center;padding-inline-end:0;border:0}
  .top .l{border-inline-end:1px solid rgba(198,177,140,.3)}
}
@media (max-width:560px){
  :root{--head:132px}
  .top .axis{grid-template-columns:minmax(0,1fr);padding:4px 0 0;row-gap:0}
  .top .logo{grid-row:1}
  .top .l{grid-row:2;border:0}
  .top .r{grid-row:3}
  .top nav{gap:20px;font-size:15px}
  .top .r{font-size:16px}
  .top.scrolled .logo{display:none}
  .top.scrolled .axis{padding:0}
}
/* касания от 44 px */
.fcol a,.door .big a,.fmid p a,.more a,.about .cols a,.credits td a,.flogo{display:inline-flex;align-items:center;min-height:44px}
.fmid p a{justify-content:center}
.credits td a{padding:0 4px}
.lab{font-size:max(13px,clamp(13px,1.35vw,19px))}

/* круг I */
.hero{overflow:hidden}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 30%;opacity:.16;filter:grayscale(.3)}
.hero > .w{position:relative;z-index:1}
.ctrl{gap:22px}
.bar{flex:0 1 360px;margin:0}
.phead .mark{width:72px;display:flex;justify-content:center;align-self:stretch}
.phead .mark i{width:1px;background:linear-gradient(rgba(198,177,140,0),var(--stone))}
.phead .axis{align-items:start}
.phead .side{padding-top:0}
.phead .r .k{margin-bottom:22px}
.pband{margin:0}
.pband img{width:100%;height:clamp(240px,30vw,440px);object-fit:cover;object-position:50% 50%}
.p-index .about{background:var(--mist)}
.fsend{justify-content:center;text-align:center}
@media (max-width:980px){.phead .mark{display:none}}

/* круг J */
.hero .r .k{font-size:17px}
.hero .r .sub{font-size:21px}
.cta{background:var(--stone);color:var(--night)}
.cta:hover{background:#fff}
.cta span[lang=ar]{border-inline-start-color:rgba(11,42,74,.25)}
.base .l,.base .r{font-size:15px;color:#b3c3d4}
.hero-bg img{opacity:.14}

/* группы оборудования */
.groups{padding:130px 0 110px;background:#fff}
.glist{list-style:none;margin:0 auto;padding:0;max-width:1100px;display:grid;grid-template-columns:repeat(2,1fr);column-gap:72px;border-top:1px solid var(--hair)}
.glist li{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding:22px 4px;border-bottom:1px solid var(--hair);font:400 22px/1.3 var(--en-d)}
.glist li span[lang=ar]{font:400 20px/1.5 var(--ar);color:var(--ink-2)}
/* вопросы */
.faq{padding:120px 0;background:var(--mist)}
.qas{max-width:1100px;margin:56px auto 0;border-top:1px solid #d3d9e0}
.qa{border-bottom:1px solid #d3d9e0}
.qa summary{list-style:none;display:grid;grid-template-columns:1fr 56px 1fr;align-items:center;padding:26px 0;cursor:pointer;font:400 22px/1.35 var(--en-d)}
.qa summary::-webkit-details-marker{display:none}
.qa summary > span:first-child{text-align:right}
.qa summary span[lang=ar]{font:700 21px/1.5 var(--ar-d);text-align:left}
.qa summary i{justify-self:center;width:14px;height:14px;position:relative}
.qa summary i::before,.qa summary i::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--night);transition:transform .2s ease-out}
.qa summary i::after{transform:rotate(90deg)}
.qa[open] summary i::after{transform:rotate(0)}
.qa summary:hover{color:var(--blue)}
.ans{display:grid;grid-template-columns:1fr 56px 1fr;padding:0 0 30px;color:var(--ink-2)}
.ans p{margin:0;max-width:30em}
.ans p:first-child{text-align:right;justify-self:end}
.ans p[lang=ar]{font-size:18.5px;line-height:1.9;text-align:left}
.phead .sub a{color:#fff}
@media (max-width:980px){
  .groups,.faq{padding:84px 0}
  .glist{grid-template-columns:1fr}
  .glist li{flex-direction:column;align-items:center;gap:2px;text-align:center;font-size:20px}
  .qa summary,.ans{grid-template-columns:1fr;text-align:center;gap:6px}
  .qa summary > span:first-child,.qa summary span[lang=ar],.ans p:first-child,.ans p[lang=ar]{text-align:center;justify-self:center}
  .qa summary i{order:3;margin-top:8px}
}
.glist li{font:400 19px/1.4 var(--en)}
.qa summary{font:400 19px/1.4 var(--en)}
.srow:last-child{margin-bottom:0}
.srows{padding-bottom:20px}

/* круг K */
.track{grid-auto-columns:calc((100vw - 2*max(56px,(100vw - 1288px)/2) - 96px)/3)}
.origin img{height:clamp(300px,34vw,520px)}
.hero-bg img{opacity:.2;filter:none}
.creek::after{display:none}
.creek figcaption{position:static;color:#6b7683;padding:14px 24px 0;background:#fff}
.creek{background:#fff;padding-bottom:40px}
.door{padding:120px 40px 56px}
.contact{padding:72px 0 100px}
.step .n i{display:none}
.step .n{gap:18px}
.sol{padding-top:120px;padding-bottom:110px}
.parts,.how,.region,.about,.groups{padding-top:120px}
.parts,.how,.about,.groups{padding-bottom:110px}
@media (max-width:980px){
  .track{grid-auto-columns:min(72vw,300px)}
  .sol,.parts,.how,.region,.about,.groups{padding-top:84px}
  .parts,.how,.about,.groups{padding-bottom:84px}
}
.door{padding:160px 40px 56px}

/* круг L */
.top nav a{min-width:44px;justify-content:center}
.phead .sub a{padding-block:12px;text-underline-offset:3px}
.qa summary{min-height:64px}
.qa summary:focus-visible{outline:2px solid var(--sky);outline-offset:-2px}
.qa summary > span{text-wrap:balance}
.lede p,.ans p,.glist li span{text-wrap:pretty}
@media (max-width:980px){.qa summary{padding:22px 8px}.glist li{padding:18px 4px}}

/* круг M: масштаб */
.hero h1,.hero .h1{font-size:clamp(44px,5.4vw,84px)}
.hero .r .h1{font-size:clamp(42px,5vw,78px)}
.hero .side{padding-left:28px;padding-right:28px}
.hero-arch{width:clamp(340px,min(40vw,calc((100svh - 230px)*.833)),660px)}
.hero-arch .pic{background:#2a3b50}
.hero-arch .pic::after{display:none}
.hero-bg{-webkit-mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.55) 18%,transparent 34%,transparent 66%,rgba(0,0,0,.55) 82%,#000 100%);mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.55) 18%,transparent 34%,transparent 66%,rgba(0,0,0,.55) 82%,#000 100%)}
.hero-bg img{opacity:.24}
.pair > :first-child{font-size:clamp(38px,4.8vw,72px)}
.pair > [lang=ar]{font-size:clamp(36px,4.4vw,66px)}
.trio h3{font-size:32px}.trio h3[lang=ar]{font-size:28px}
/* большое заявление на фото */
.statement{position:relative;min-height:min(92vh,900px);display:flex;flex-direction:column;justify-content:center;background:var(--night);color:#fff;overflow:hidden}
.st-bg{position:absolute;inset:0}
.st-bg img{width:100%;height:100%;object-fit:cover;object-position:60% 45%}
.st-bg::after{content:"";position:absolute;inset:0;background:rgba(8,26,46,.58)}
.st-in{position:relative;display:grid;grid-template-columns:1fr 96px 1fr;align-items:center}
.st-en{margin:0;text-align:right;font:400 clamp(44px,6.6vw,108px)/1.02 var(--en-d);letter-spacing:-.02em}
.st-ar{margin:0;text-align:left;font:700 clamp(42px,6vw,98px)/1.3 var(--ar-d)}
.st-in i{justify-self:center;width:1px;align-self:stretch;background:rgba(198,177,140,.7)}
.st-cap{position:absolute;left:0;right:0;bottom:18px;margin:0;text-align:center;font:italic 13.5px/1.5 var(--en);color:#c9d4e1}
.st-cap span{font:normal 14.5px var(--ar);margin-inline-start:10px}
@media (max-width:980px){
  .statement{min-height:72vh}
  .st-in{grid-template-columns:1fr;gap:20px;text-align:center}
  .st-en,.st-ar{text-align:center}
  .st-in i{width:64px;height:1px;align-self:auto}
  .hero-bg{display:none}
}

/* фон: свет и зерно вместо плоского цвета */
:root{--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='none' stroke='%23a8956f' stroke-width='.8'%3E%3Crect x='28' y='28' width='40' height='40'/%3E%3Crect x='28' y='28' width='40' height='40' transform='rotate(45 48 48)'/%3E%3Cpath d='M0 48h20M76 48h20M48 0v20M48 76v20'/%3E%3C/g%3E%3C/svg%3E")}
.hero,.how,.contact,.phead{background-color:var(--night);background-image:var(--grain),radial-gradient(ellipse 80% 70% at 50% 0%,#14406c 0%,rgba(20,64,108,0) 70%),linear-gradient(#0c2c4d,#092441);background-size:220px 220px,100% 100%,100% 100%;background-blend-mode:soft-light,normal,normal}
.how{background-image:var(--grain),radial-gradient(ellipse 70% 80% at 50% 100%,#123b64 0%,rgba(18,59,100,0) 70%),linear-gradient(#0b2947,#0b2a4a)}
.contact{background-image:var(--grain),radial-gradient(ellipse 60% 70% at 50% 30%,#143f6a 0%,rgba(20,63,106,0) 72%),linear-gradient(#0b2a4a,#08223d)}
.foot{background-image:var(--grain),linear-gradient(#08223d,#061a2f);background-size:220px 220px,100% 100%;background-blend-mode:soft-light,normal}
.parts,.faq,.p-index .about{background-color:#f2f4f7;background-image:var(--star),linear-gradient(#f4f6f9,#eef1f5);background-size:96px 96px,100% 100%;background-blend-mode:normal}
.parts{background-image:linear-gradient(rgba(242,244,247,.9),rgba(242,244,247,.9)),var(--star),linear-gradient(#f4f6f9,#eef1f5)}
.faq,.p-index .about{background-image:linear-gradient(rgba(242,244,247,.92),rgba(242,244,247,.92)),var(--star)}
.sol,.groups,.region,.detail,.others,.enq,.credits,.srows{background-color:#fff;background-image:radial-gradient(ellipse 70% 50% at 50% 0%,#f3f5f8 0%,rgba(243,245,248,0) 70%)}
.hero h1,.hero .h1{font-size:clamp(44px,4.7vw,74px)}
.hero .r .h1{font-size:clamp(42px,4.4vw,70px)}
/* карточки решений на главной ссылкой */
.tcard{display:block;text-decoration:none;color:inherit}
.tcard:hover h3:first-of-type{color:var(--blue)}
.tcard .arch .pic img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.tcard:hover .arch .pic img{transform:scale(1.04)}
.go{display:inline-flex;align-items:center;min-height:44px;margin-top:14px;color:var(--night);text-decoration-color:var(--stone)}
/* страницы решений */
.detail{padding:120px 0 110px}
.dp{display:grid;grid-template-columns:1fr 72px 1fr;margin:0 0 30px}
.dp p{margin:0;max-width:30em;font-size:19px}
.dp .l{text-align:right;justify-self:end}
.dp p[lang=ar]{font-size:20px;line-height:1.95;text-align:left}
.dp:first-child p{font-size:23px;line-height:1.55;color:var(--ink)}
.dp:first-child p[lang=ar]{font-size:24px;line-height:1.85}
.dmid{display:flex;justify-content:center;margin:90px 0 110px}
.dmid .arch{width:min(440px,80vw)}
.others{padding:110px 0 120px;border-top:1px solid var(--hair)}
.olinks{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1000px;margin:48px auto 0}
.olinks a{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:30px 32px;border:1px solid var(--hair);text-decoration:none;font:400 26px/1.3 var(--en-d);transition:border-color .2s ease-out,background-color .2s ease-out}
.olinks a span[lang=ar]{font:700 24px/1.5 var(--ar-d)}
.olinks a:hover{border-color:var(--stone);background:#faf8f4}
@media (max-width:980px){
  .dp{grid-template-columns:1fr;gap:12px;text-align:center}
  .dp .l,.dp p[lang=ar]{text-align:center;justify-self:center}
  .olinks{grid-template-columns:1fr}
  .olinks a{flex-direction:column;align-items:center;text-align:center}
  .detail,.others{padding:84px 0}
}

/* отрасли */
.sectors{padding:120px 0 120px;color:#fff;background-color:var(--night);background-image:var(--grain),radial-gradient(ellipse 70% 80% at 50% 100%,#143f6a 0%,rgba(20,63,106,0) 70%),linear-gradient(#0b2a4a,#092441);background-size:220px 220px,100% 100%,100% 100%;background-blend-mode:soft-light,normal,normal}
.sectors .pair > *{color:#fff}.sectors .lede p{color:#c3cfdc}
.slist{list-style:none;margin:64px auto 0;padding:0;max-width:1180px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(198,177,140,.35);border-left:1px solid rgba(198,177,140,.35)}
.slist li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:170px;padding:28px 20px;text-align:center;border-right:1px solid rgba(198,177,140,.35);border-bottom:1px solid rgba(198,177,140,.35);font:400 27px/1.25 var(--en-d)}
.slist li span[lang=ar]{font:700 24px/1.5 var(--ar-d);color:#e3d6bd}
@media (max-width:980px){.sectors{padding:84px 0}.slist{grid-template-columns:1fr 1fr}.slist li{min-height:130px;font-size:21px}.slist li span[lang=ar]{font-size:19px}}
.sol,.groups,.region,.detail,.others,.enq,.credits,.srows{background-image:linear-gradient(#fff,#fafbfc)}

/* круг O: движение */
.mo .rv{opacity:0;transform:translate3d(0,32px,0);transition:opacity 1s cubic-bezier(.16,.7,.2,1) var(--d,0ms),transform 1.1s cubic-bezier(.16,.7,.2,1) var(--d,0ms)}
.mo .rv.in{opacity:1;transform:none}
.mo .pair.rv>i{transform:scale(0) rotate(45deg);transition:transform .7s cubic-bezier(.3,1.4,.4,1) calc(var(--d,0ms) + 350ms)}
.mo .pair.rv.in>i{transform:none}
.mo .srow .side.l.rv{transform:translate3d(-40px,0,0)}
.mo .srow .side.r.rv{transform:translate3d(40px,0,0)}
.mo .srow .side.rv.in{transform:none}
[data-px]{will-change:transform}
.hero-bg{top:-80px;bottom:-80px}
.st-bg,.se-bg,.ab-bg{position:absolute;left:0;right:0;top:-90px;bottom:-90px}
.pband{overflow:hidden}.pband>div{height:100%}
@keyframes rise{from{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:none}}
@keyframes slideL{from{opacity:0;transform:translate3d(-48px,0,0)}to{opacity:1;transform:none}}
@keyframes slideR{from{opacity:0;transform:translate3d(48px,0,0)}to{opacity:1;transform:none}}
@keyframes zoomOut{from{transform:scale(1.14)}to{transform:scale(1)}}
@keyframes draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes drift{from{transform:scale(1)}to{transform:scale(1.09)}}
@keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes sheen{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@media (prefers-reduced-motion:no-preference){
 .hero .side.l>*{animation:slideL 1.1s cubic-bezier(.16,.7,.2,1) both}
 .hero .side.r>*{animation:slideR 1.1s cubic-bezier(.16,.7,.2,1) both}
 .hero .side>*:nth-child(2){animation-delay:.12s}.hero .side>*:nth-child(3){animation-delay:.24s}
 .hero-arch{animation:rise 1.2s cubic-bezier(.16,.7,.2,1) .1s both}
 .hero-arch .pic img{animation:zoomOut 2.6s cubic-bezier(.16,.7,.2,1) both}
 .arch svg.line path{stroke-dasharray:1}
 .hero-arch svg.line path{animation:draw 2.4s cubic-bezier(.5,0,.2,1) .3s both}
 .hero .base{animation:fade 1s ease-out .7s both}
 .hero-bg img{animation:fade 2s ease-out both}
 .st-bg img{animation:drift 24s ease-in-out infinite alternate}
 .phead .side.l>*{animation:slideL 1s cubic-bezier(.16,.7,.2,1) both}
 .phead .side.r>*{animation:slideR 1s cubic-bezier(.16,.7,.2,1) both}
 .pband>div img{animation:zoomOut 2.4s cubic-bezier(.16,.7,.2,1) both}
 .cta::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-120%);animation:sheen 5s ease-in-out 2s infinite;pointer-events:none}
}
.cta{position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.cta:hover{transform:translateY(-2px)}
.tcard{transition:transform .35s cubic-bezier(.2,.7,.2,1),background-color .3s ease-out}
.tcard:hover{transform:translateY(-6px)}
.slide .arch .pic img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.slide:hover .arch .pic img{transform:scale(1.06)}
/* круг O: контейнеры с фоном */
.about-ph{position:relative;overflow:hidden;color:#fff;background:var(--night);padding:140px 0}
.ab-bg img,.se-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.ab-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(8,30,52,.5),rgba(8,30,52,.78))}
.about-ph .w{position:relative}
.about-ph .pair>*{color:#fff}
.about-ph .cols{background:rgba(9,32,56,.74);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(198,177,140,.35);padding:56px 48px;max-width:1180px;margin:56px auto 0}
.about-ph .cols p{color:#dbe3ec}.about-ph .cols a{color:#fff}
.sectors{position:relative;overflow:hidden}
.se-bg img{filter:grayscale(.5)}
.se-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(9,34,60,.84),rgba(9,34,60,.78) 50%,rgba(8,30,52,.9))}
.sectors .w{position:relative}
.slist li{background:rgba(9,32,56,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:background-color .3s ease-out}
.slist li:hover{background:rgba(198,177,140,.16)}
.step{background:rgba(255,255,255,.035);border:1px solid rgba(198,177,140,.28);border-top:2px solid var(--stone);padding:40px 32px 36px}
.trio .tcard{background:#f7f4ee;padding:28px 26px 34px;border:1px solid #ece5d8}
.trio .tcard:hover{background:#f3eee4}
.detail .dgrid{background:#f7f4ee;border:1px solid #ece5d8;padding:56px 48px 26px;max-width:1240px;margin:0 auto}
.faq .qas{background:#fff;border:1px solid #e3e7ec;padding:0 36px}
.faq .qa:last-child{border-bottom:0}
.olinks a{background:#fff}
.srow .side{padding:36px 34px;background:#f7f4ee;border:1px solid #ece5d8}
@media (max-width:980px){
 .about-ph{padding:84px 0}.about-ph .cols{padding:32px 22px;margin-top:36px}
 .detail .dgrid{padding:32px 20px 10px}
 .faq .qas{padding:0 14px}
 .step{padding:30px 22px}
 .srow .side{padding:26px 20px}
 .trio .tcard{padding:22px 18px 26px}
 .hero-bg,.st-bg,.se-bg,.ab-bg{top:-40px;bottom:-40px}
}
@media (prefers-reduced-motion:reduce){[data-px]{transform:none!important}}
/* круг N (мобильные) */
.fcol a,.go,.more a{min-width:44px;justify-content:center}
.pair > *,.lede p,.qa summary > span{text-wrap:balance}
.slist{grid-auto-rows:1fr}.slist li{text-wrap:balance}
@media (min-width:700px) and (max-width:980px){.slist{grid-template-columns:repeat(3,1fr)}}
@media (max-width:560px){
 .slist li{padding:22px 12px;min-height:150px;font-size:19px}.slist li span[lang=ar]{font-size:18px}
 .more{flex-direction:column;align-items:center;gap:0;margin-top:48px}.more a{padding:6px 12px}.more a + a{border-left:0}
 .dp:first-child p{font-size:20px;line-height:1.6}.dp:first-child p[lang=ar]{font-size:21px;line-height:1.9}
}
.p-index .about-ph{background:var(--night)}
.pband>div{position:relative;top:-60px;bottom:-60px;height:calc(100% + 120px)}
@media (max-width:980px){.pband>div{top:-30px;height:calc(100% + 60px)}}

/* круг R: карусель решений */
.sol{padding-bottom:40px}
.sol-more{padding-top:20px!important;padding-bottom:110px!important}
.scar{background:#fff;padding:20px 0 30px}
.scar .track{grid-auto-columns:min(560px,82vw);gap:28px}
.scard{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:560px;overflow:hidden;color:#fff;text-decoration:none;background:var(--night);isolation:isolate}
.sc-bg{position:absolute;inset:0;z-index:-1}
.sc-bg img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.sc-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,30,52,.15) 0%,rgba(8,30,52,.35) 40%,rgba(8,30,52,.92) 100%)}
.scard:hover .sc-bg img{transform:scale(1.06)}
.sc-n{position:absolute;top:26px;left:30px;font:400 15px/1 var(--en);letter-spacing:.08em;color:var(--stone)}
.sc-t{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:0 30px;border-bottom:1px solid rgba(198,177,140,.5);padding-bottom:16px;margin-bottom:16px}
.sc-t b{font:400 32px/1.15 var(--en-d)}
.sc-t b[lang=ar]{font:700 28px/1.4 var(--ar-d);text-align:left}
.sc-p{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:0 30px 30px;font-size:15.5px;line-height:1.55;color:#dbe3ec}
.sc-p span[lang=ar]{font-size:16.5px;line-height:1.85}
/* отрасли: плитки */
.itiles{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:56px}
.itile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:360px;overflow:hidden;color:#fff;text-decoration:none;border:1px solid rgba(198,177,140,.35);isolation:isolate}
.it-bg{position:absolute;inset:0;z-index:-1}
.it-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(.75);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.it-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,30,52,.25),rgba(8,30,52,.9))}
.itile:hover .it-bg img{transform:scale(1.06)}
.it-t{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:0 28px 12px}
.it-t b{font:400 30px/1.15 var(--en-d)}
.it-t b[lang=ar]{font:700 26px/1.4 var(--ar-d);color:#efe4cf}
.it-p{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 28px 26px;font-size:15px;line-height:1.55;color:#d4dde8}
.it-p span[lang=ar]{font-size:16px;line-height:1.8}
.itile.big{min-height:440px}
.ind-list{padding:110px 0}
.ind-list .itiles{margin-top:0}
/* меняющийся фон */
.xf img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:xf 24s infinite}
.xf img:nth-child(1){opacity:1;animation-delay:0s}
.xf img:nth-child(2){animation-delay:6s}.xf img:nth-child(3){animation-delay:12s}.xf img:nth-child(4){animation-delay:18s}
.st-bg.xf img{animation-duration:18s}
.st-bg.xf img:nth-child(2){animation-delay:6s}.st-bg.xf img:nth-child(3){animation-delay:12s}
@keyframes xf{0%{opacity:0;transform:scale(1.04)}4%{opacity:1}30%{opacity:1}36%{opacity:0;transform:scale(1.12)}100%{opacity:0}}
.st-bg.xf img{animation-name:xf3}
@keyframes xf3{0%{opacity:0;transform:scale(1.03)}6%{opacity:1}33%{opacity:1}42%{opacity:0;transform:scale(1.1)}100%{opacity:0}}
.xf img:nth-child(1){animation-delay:-1s}
@media (prefers-reduced-motion:reduce){.xf img{animation:none}.xf img:not(:first-child){display:none}}
/* принципы */
.principles{padding:120px 0;background:#f7f4ee}
.prins{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:56px}
.prin{background:#fff;border:1px solid #ece5d8;padding:40px 32px 36px;text-align:center}
.prin i{display:block;width:12px;height:12px;margin:0 auto 22px;background:var(--stone);transform:rotate(45deg)}
.prin h3{margin:0;font:400 26px/1.25 var(--en-d);color:var(--ink)}
.prin h3[lang=ar]{margin:4px 0 16px;font:700 24px/1.5 var(--ar-d)}
.prin p{margin:0 0 8px;color:var(--ink-2);font-size:16.5px;line-height:1.6}
.prin p[lang=ar]{font-size:18px;line-height:1.85}
/* компактная шапка (до 980) */
.mb,.mnav{display:none}
@media (max-width:980px){
 :root{--head:56px;--hb:56px}
 .top .axis{display:grid;grid-template-columns:minmax(0,1fr) 48px;height:var(--hb);padding:0 20px;align-items:center}
 .top.scrolled .axis{height:var(--hb);padding:0 20px}
 .top .l,.top .r{display:none}
 .top .logo,.top.scrolled .logo{grid-column:1;grid-row:1;justify-content:flex-start;padding:0;display:flex;min-height:0}
 .top .logo img,.top.scrolled .logo img{width:104px}
 .mb{display:block;grid-column:2;grid-row:1;justify-self:end;width:48px;height:48px;margin-right:-12px;background:none;border:0;color:#fff;cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent}
 .mb i{position:absolute;left:14px;right:14px;height:1.5px;background:currentColor;transition:transform .3s cubic-bezier(.2,.7,.2,1),top .3s}
 .mb i:first-child{top:20px}.mb i:last-child{top:27px}
 .top.open .mb i:first-child{top:23.5px;transform:rotate(45deg)}
 .top.open .mb i:last-child{top:23.5px;transform:rotate(-45deg)}
 .mnav{display:block;position:fixed;left:0;right:0;top:var(--hb);bottom:0;z-index:49;background:var(--night);overflow-y:auto;overscroll-behavior:contain;padding:8px 24px max(28px,env(safe-area-inset-bottom));opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s ease-out,transform .25s ease-out,visibility 0s .25s}
 .top.open .mnav{opacity:1;visibility:visible;transform:none;transition:opacity .25s ease-out,transform .25s ease-out}
 .mnav > a.row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:16px;min-height:64px;border-bottom:1px solid rgba(198,177,140,.28);text-decoration:none;color:#fff;font:400 24px/1.2 var(--en-d)}
 .mnav > a.row span[lang=ar]{text-align:right;font:700 22px/1.4 var(--ar-d);color:#e3d6bd}
 .mnav > a.row[aria-current]{color:var(--stone)}
 .mnav .sub2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;padding:18px 0 6px;font-size:15.5px}
 .mnav .sub2 a{display:flex;align-items:center;min-height:44px;color:#d4dde8;text-decoration:none}
 .mnav .sub2 a[lang=ar]{justify-content:flex-end;font-family:var(--ar);font-size:16.5px}
 .mnav .tel{display:flex;flex-direction:column;gap:2px;margin-top:20px}
 .mnav .tel a{display:flex;align-items:center;min-height:48px;font:400 20px var(--en-d);color:#fff}
 html.nolock{overflow:hidden}
 .hero{padding-top:24px}
 .hero-arch{width:min(260px,66vw);margin-bottom:28px}
 /* движение на телефоне легче */
 .mo .rv{transform:translate3d(0,18px,0);transition-duration:.6s,.7s}
 .mo .srow .side.l.rv,.mo .srow .side.r.rv{transform:translate3d(0,18px,0)}
 .mo .srow .side.rv.in{transform:none}
 [data-px]{transform:none!important;will-change:auto}
 .slist li,.about-ph .cols{-webkit-backdrop-filter:none;backdrop-filter:none}
 .about-ph .cols{background:rgba(9,32,56,.86)}
 .sectors,.about-ph{padding:72px 0}
 .scard{height:480px}
 .sc-t{flex-direction:column;align-items:flex-start;gap:4px;padding:0 22px 12px}
 .sc-t b[lang=ar]{align-self:flex-end;text-align:right}
 .sc-p{grid-template-columns:1fr;gap:10px;padding:0 22px 24px}
 .sc-p span[lang=ar]{text-align:right}
 .sc-n{left:22px;top:20px}
 .itiles{grid-template-columns:1fr;gap:16px;margin-top:36px}
 .itile,.itile.big{min-height:320px}
 .it-t{flex-direction:column;align-items:flex-start;gap:2px;padding:0 20px 10px}
 .it-t b[lang=ar]{align-self:flex-end}
 .it-p{grid-template-columns:1fr;gap:8px;padding:0 20px 22px}
 .it-p span[lang=ar]{text-align:right}
 .prins{grid-template-columns:1fr;gap:16px;margin-top:36px}
 .principles,.ind-list{padding:72px 0}
 .qa summary{min-height:56px}
 input,textarea,select{font-size:16px}
 a,button,summary{-webkit-tap-highlight-color:transparent}
}
@media (max-width:560px){.hero-bg{display:none}.base .l,.base .r{display:none}}
/* читаемость */
.num{color:#7a6a47}
.fbase{color:#9fb3c8;font-size:14px}
.base .l,.base .r{font-size:16px;color:#c9d4e1}.base .r{font-size:17px}
.k{font-size:16px}.hero .r .k,.k[lang=ar],[lang=ar] .k{font-size:17.5px}
.fcol b{font-size:14.5px}.fcol[lang=ar] b{font-size:16px}
.addr b{font-size:15px}.addr [lang=ar] b{font-size:16px}
.form label > span{font-size:15.5px}.form label i{font-size:17px}
.fsend p{font-size:15px}.fsend p span{font-size:16px}
.step p[lang=ar],.addr [lang=ar]{font-size:18.5px;line-height:1.9}
.step p{font-size:17px}
.dp p[lang=ar]{font-size:21px}
.top .r{font-size:18.5px}
[lang=ar] p,.lede [lang=ar],.ans p[lang=ar],.sub,.lede p,.step p{text-wrap:pretty}
.sol,.sol-more{background:none!important}.p-index main{background:#fff}