@import url('../fonts/fonts.css');
*,*::before,*::after{box-sizing:border-box}
:root{
--ink:#101012;--ink2:#191A1D;--ink3:#232428;
--paper:#F4F2EE;--paper2:#E7E4DC;
--amber:#FFC21A;--amber2:#E2A400;
--dim-d:rgba(255,255,255,.60);--dim-l:#5C5C61;
--ln-d:rgba(255,255,255,.13);--ln-l:rgba(16,16,18,.14);
--disp:'Oswald',Impact,sans-serif;--body:'Manrope',system-ui,sans-serif;
--pad:clamp(18px,5vw,64px);--max:1320px;
--e:cubic-bezier(.22,.61,.36,1);
}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.65;font-weight:400;overflow-x:hidden;font-feature-settings:"locl" 0}
img,video{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4,h5{margin:0;font-family:var(--disp);font-weight:500;line-height:1.02;letter-spacing:.005em;text-transform:uppercase;font-feature-settings:"locl" 0}
p{margin:0}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.wrap{width:100%;max-width:var(--max);margin:0 auto;padding-inline:var(--pad)}
.dk{background:var(--ink);color:#fff}
.dk h1,.dk h2,.dk h3{color:#fff}
.lt{background:var(--paper);color:var(--ink)}
.sec{padding-block:clamp(64px,10vw,132px);position:relative}
.eyebrow{font-family:var(--disp);text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:500;color:var(--amber);display:flex;align-items:center;gap:12px}
.eyebrow::before{content:"";width:34px;height:1px;background:var(--amber);flex:none}
.h-xl{font-size:clamp(2.5rem,7.6vw,6.1rem)}
.h-lg{font-size:clamp(2rem,5.2vw,3.9rem)}
.h-md{font-size:clamp(1.45rem,2.9vw,2.15rem)}
.lead{font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.72}
.dim{color:var(--dim-l)}.dk .dim{color:var(--dim-d)}
.rule{height:1px;background:var(--ln-l);border:0;margin:0}.dk .rule{background:var(--ln-d)}
/* ---- BUTTONS ---- */
.btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--disp);text-transform:uppercase;letter-spacing:.09em;font-size:14px;font-weight:500;padding:15px 26px;border:1px solid transparent;transition:.35s var(--e);position:relative}
.btn i{font-style:normal;transition:transform .35s var(--e)}
.btn:hover i{transform:translateX(5px)}
.btn-a{background:var(--amber);color:#101012}
.btn-a:hover{background:#fff}
.btn-o{border-color:var(--ln-l);color:inherit}
.dk .btn-o{border-color:rgba(255,255,255,.28);color:#fff}
.btn-o:hover{border-color:var(--amber);color:var(--amber)}
/* ---- ИКОНИ ---- */
.ico{width:1.02em;height:1.02em;flex:none;display:block}
.hd-cta,.cb a,.cta .btn-d{display:inline-flex;align-items:center;gap:9px}
.cb a{justify-content:center}
.hd-cta .ico{width:16px;height:16px}
.cb a .ico{width:17px;height:17px}
.cta .btn-d .ico{width:18px;height:18px}
/* ---- HEADER ---- */
.hd{position:fixed;top:0;left:0;right:0;z-index:90;transition:.4s var(--e)}
.hd-in{display:flex;align-items:center;gap:22px;height:82px;transition:.4s var(--e)}
.hd::after{content:"";position:absolute;inset:0;background:var(--paper);opacity:0;transition:.4s var(--e);z-index:-1;border-bottom:1px solid var(--ln-l)}
.hd.on::after{opacity:1}
.hd.on .hd-in{height:66px}
.hd-lg{display:flex;align-items:center;gap:11px;flex:none;z-index:2}
.hd-lg img{height:56px;width:auto;transition:.4s var(--e)}
.hd.on .hd-lg img{height:44px}
.hd-nm{font-family:var(--disp);font-size:15px;line-height:1;letter-spacing:.05em;text-transform:uppercase}
.hd-nm b{display:block;font-weight:600}
.hd-nm span{font-size:9.5px;letter-spacing:.24em;color:var(--dim-l);font-weight:400}
.nav{margin-left:auto;display:flex;align-items:center;gap:4px}
.nav a{font-family:var(--disp);text-transform:uppercase;font-size:13.5px;letter-spacing:.08em;padding:10px 13px;position:relative;font-weight:400}
.nav a::after{content:"";position:absolute;left:13px;right:13px;bottom:6px;height:1px;background:var(--amber);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--e)}
.nav a:hover::after,.nav a.act::after{transform:scaleX(1)}
.hd-cta{background:var(--amber);color:#101012;font-family:var(--disp);font-size:14.5px;letter-spacing:.05em;padding:12px 20px;font-weight:600;transition:.3s var(--e);white-space:nowrap}
.hd-cta:hover{background:var(--ink);color:#fff}
.lang{display:flex;gap:2px;font-family:var(--disp);font-size:12px;letter-spacing:.1em;border:1px solid var(--ln-l);padding:2px}
.lang a{padding:5px 8px;line-height:1}
.lang a.act{background:var(--ink);color:#fff}
.burg{display:none;width:44px;height:44px;flex:none;position:relative;z-index:2}
.burg span{position:absolute;left:11px;right:11px;height:2px;background:var(--ink);transition:.35s var(--e)}
.burg span:nth-child(1){top:15px}.burg span:nth-child(2){top:21px}.burg span:nth-child(3){top:27px}
body.mopen .burg span:nth-child(1){top:21px;transform:rotate(45deg)}
body.mopen .burg span:nth-child(2){opacity:0}
body.mopen .burg span:nth-child(3){top:21px;transform:rotate(-45deg)}
.mob{position:fixed;inset:0;background:var(--ink);z-index:80;display:flex;flex-direction:column;justify-content:center;padding:92px var(--pad) 34px;opacity:0;visibility:hidden;transition:.45s var(--e);overflow-y:auto;overscroll-behavior:contain}
body.mopen .mob{opacity:1;visibility:visible}
/* само навигационните линкове — те са преки деца на .mob */
.mob>a{font-family:var(--disp);text-transform:uppercase;color:#fff;font-size:clamp(1.05rem,4.6vw,1.4rem);letter-spacing:.02em;padding:13px 0;border-bottom:1px solid var(--ln-d);display:flex;justify-content:space-between;align-items:center;gap:14px;opacity:0;transform:translateY(16px)}
body.mopen .mob>a{opacity:1;transform:none;transition:.5s var(--e) calc(.06s * var(--i))}
.mob>a em{font-style:normal;font-size:10.5px;color:var(--amber);letter-spacing:.16em;flex:none}
.mob>a:active{color:var(--amber)}
.mob-b{margin-top:24px;display:flex;flex-direction:column;gap:9px}
.mob-b .hd-cta{width:100%;justify-content:center;font-size:15.5px;padding:15px 16px;letter-spacing:.03em}
.mob-b .hd-cta .ico{width:17px;height:17px}
.mob-b .hd-cta2{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28)}
.mob-b .hd-cta2:active{border-color:var(--amber);color:var(--amber)}
@media(max-height:640px){
 .mob{padding-top:78px;padding-bottom:24px;justify-content:flex-start}
 .mob>a{padding:10px 0;font-size:clamp(1rem,4.2vw,1.25rem)}
 .mob-b{margin-top:18px;gap:8px}
 .mob-b .hd-cta{padding:13px 16px;font-size:15px}
 .mob-lang{margin-top:16px}
}
/* ---- HERO ---- */
.hero{background:var(--ink);color:#fff;padding-top:112px;padding-bottom:0;position:relative;overflow:hidden}
.hero-grid{position:absolute;left:0;right:0;top:-14%;bottom:-14%;pointer-events:none;overflow:hidden;will-change:transform}
.hg-l,.hg-b{position:absolute;inset:0;background-image:linear-gradient(var(--gl) 1px,transparent 1px),linear-gradient(90deg,var(--gl) 1px,transparent 1px);background-size:100% 96px,12.5% 100%}
.hg-l{--gl:rgba(255,255,255,.115);opacity:0;transform:scale(1.035);transition:opacity 1.3s var(--e) .1s,transform 1.8s var(--e) .1s}
.hero.rdy .hg-l,.ph .hg-l{opacity:1;transform:none}
.hg-b{--gl:rgba(255,194,26,.85);opacity:0;transition:opacity .5s var(--e);
 -webkit-mask-image:radial-gradient(390px circle at var(--mx,-400px) var(--my,-400px),#000 0%,rgba(0,0,0,.55) 40%,transparent 74%);
 mask-image:radial-gradient(390px circle at var(--mx,-400px) var(--my,-400px),#000 0%,rgba(0,0,0,.55) 40%,transparent 74%)}
.hg-on .hg-b{opacity:1}
.hg-c{position:absolute;inset:0;display:grid;grid-template-columns:repeat(8,1fr);grid-auto-rows:96px;pointer-events:none}
.hg-c i{background:var(--amber);opacity:0;transition:opacity 1.15s var(--e)}
.hg-g{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .55s var(--e);
 background:radial-gradient(340px circle at var(--mx,-400px) var(--my,-400px),rgba(255,194,26,.085),transparent 68%)}
.hg-on .hg-g{opacity:1}
.hg-c i.lit{opacity:.11;transition-duration:.38s;box-shadow:inset 0 0 0 1px rgba(255,194,26,.34)}
.hg-c i.lit.hot{opacity:.2;box-shadow:inset 0 0 0 1px rgba(255,194,26,.6)}
@keyframes hgwave{0%{opacity:0}30%{opacity:.19}100%{opacity:0}}
.hg-c.wave i{animation:hgwave .78s var(--e) both;animation-delay:var(--wd,0ms)}
@media(max-width:1020px){
 .hg-l,.hg-b{background-size:100% 84px,25% 100%}
 .hg-c{grid-template-columns:repeat(4,1fr);grid-auto-rows:84px}
}
@media(prefers-reduced-motion:reduce){
 .hg-g{display:none}
 .hg-c.wave i{animation:none!important}
 .hg-l{opacity:1!important;transform:none!important;transition:none!important}
 .hg-b{display:none}
 .hg-c i{display:none}
 .hero-grid{transform:none!important}
}
.hero-in{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,4vw,64px);align-items:end;position:relative}
.hero-l{padding-bottom:clamp(48px,7vw,96px)}
.hero h1{margin:20px 0 0;font-weight:600}
.hero h1 .ln{display:block;overflow:hidden}
.hero h1 .ln>span{display:block}
.hero-sub{max-width:44ch;margin-top:22px;color:var(--dim-d);font-size:clamp(1rem,1.4vw,1.12rem)}
.hero-tel{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.tel-c{display:flex;flex-direction:column;gap:2px;border:1px solid var(--ln-d);padding:12px 20px;transition:.35s var(--e);min-width:172px}
.tel-c:hover{border-color:var(--amber);background:rgba(255,194,26,.06)}
.tel-c em{font-style:normal;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--amber);font-family:var(--disp)}
.tel-c b{font-family:var(--disp);font-size:21px;font-weight:500;letter-spacing:.02em}
.hero-act{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.hero-r{position:relative;align-self:stretch;min-height:clamp(340px,54vw,640px)}
.hero-fig{position:absolute;inset:0;overflow:hidden;clip-path:inset(0 0 100% 0)}
.hero-fig img{width:100%;height:100%;object-fit:cover;transform:scale(1.06)}
.hero-tag{position:absolute;left:0;bottom:0;background:var(--amber);color:#101012;font-family:var(--disp);text-transform:uppercase;font-size:12px;letter-spacing:.15em;padding:10px 16px;z-index:2}
.hero-bar{border-top:1px solid var(--ln-d);display:grid;grid-template-columns:repeat(3,1fr);position:relative}
.hero-bar>div{padding:26px 0 30px;padding-right:24px;border-left:1px solid var(--ln-d);padding-left:24px}
.hero-bar>div:first-child{border-left:0;padding-left:0}
.hero-bar h2{font-size:15px;letter-spacing:.06em;margin-bottom:7px}
.hero-bar p{font-size:13.6px;color:var(--dim-d);line-height:1.6}
.hero-bar .no{font-family:var(--disp);color:var(--amber);font-size:12px;letter-spacing:.16em;display:block;margin-bottom:12px}
/* ---- ABOUT ---- */
.ab{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(28px,5vw,76px);align-items:center}
.ab-fig{position:relative;aspect-ratio:3/4;overflow:hidden}
.ab-fig img{width:100%;height:100%;object-fit:cover}
.ab-fig::after{content:"";position:absolute;inset:0;border:1px solid var(--ln-l)}
.ab-b{border-left:1px solid var(--ln-l);padding-left:clamp(18px,3vw,40px)}
.ab-b h2{margin:18px 0 22px}
.ab-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.tag{font-family:var(--disp);text-transform:uppercase;font-size:12px;letter-spacing:.12em;border:1px solid var(--ln-l);padding:8px 14px}
.dk .tag{border-color:var(--ln-d)}
/* ---- SERVICES ---- */
.srv{border-top:1px solid var(--ln-d)}
.srv-i{display:grid;grid-template-columns:88px 1fr .78fr;gap:clamp(18px,3vw,48px);align-items:center;padding-block:clamp(28px,4vw,52px);border-bottom:1px solid var(--ln-d);position:relative;transition:.4s var(--e)}
.srv-i:hover{background:rgba(255,255,255,.025)}
.srv-no{font-family:var(--disp);font-size:clamp(1.5rem,3vw,2.3rem);color:var(--amber);font-weight:400;line-height:1}
.srv-t h3{font-size:clamp(1.35rem,2.8vw,2.1rem);margin-bottom:12px;transition:transform .4s var(--e)}
.srv-i:hover .srv-t h3{transform:translateX(6px)}
.srv-t p{color:var(--dim-d);max-width:52ch;font-size:15px}
.srv-t .go{display:inline-flex;align-items:center;gap:10px;margin-top:16px;font-family:var(--disp);text-transform:uppercase;font-size:13px;letter-spacing:.1em;color:var(--amber)}
.srv-t .go i{font-style:normal;transition:transform .4s var(--e)}
.srv-i:hover .go i{transform:translateX(6px)}
.srv-f{aspect-ratio:16/11;overflow:hidden;position:relative}
.srv-f img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--e);filter:grayscale(.15)}
.srv-i:hover .srv-f img{transform:scale(1.06);filter:none}
.srv-i>a.abs{position:absolute;inset:0;z-index:3}
/* ---- GALLERY PREVIEW ---- */
.gp{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.gp a{position:relative;overflow:hidden;display:block;background:var(--ink2)}
.gp a img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--e)}
.gp a:hover img{transform:scale(1.05)}
.gp a::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(16,16,18,.45),transparent 55%);opacity:0;transition:.4s var(--e)}
.gp a:hover::after{opacity:1}

.gp a{aspect-ratio:3/4}
.gp .t1{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.gp .w{aspect-ratio:16/10;grid-column:span 2}
.gp a img{height:100%}
/* ---- CTA STRIP ---- */
.cta{background:var(--amber);color:#101012;padding-block:clamp(44px,6vw,74px)}
.cta-in{display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between}
.cta h2{font-size:clamp(1.6rem,4vw,2.9rem);max-width:18ch}
.cta .btn-d{background:#101012;color:#fff;font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;padding:17px 28px;font-size:15px;transition:.3s var(--e)}
.cta .btn-d:hover{background:#fff;color:#101012}
/* ---- PAGE HEAD ---- */
.ph{background:var(--ink);color:#fff;padding-top:clamp(120px,14vw,168px);padding-bottom:clamp(40px,6vw,72px);position:relative;overflow:hidden}
.ph .hero-grid{opacity:.72}
.bc{display:flex;gap:10px;font-family:var(--disp);text-transform:uppercase;font-size:11.5px;letter-spacing:.14em;color:var(--dim-d);margin-bottom:20px;flex-wrap:wrap}
.bc a:hover{color:var(--amber)}
.ph h1{max-width:20ch}
.ph .lead{margin-top:18px;max-width:62ch;color:var(--dim-d)}
/* ---- SERVICE PAGE ---- */
.sp{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,5vw,70px);align-items:start}
.sp-fig{aspect-ratio:3/4;overflow:hidden;position:relative}
.sp-fig img{width:100%;height:100%;object-fit:cover}
.sp-body p+p{margin-top:16px}
.box{border:1px solid var(--ln-l);padding:clamp(20px,3vw,32px);margin-top:30px}
.dk .box{border-color:var(--ln-d)}
.box h3{font-size:19px;margin-bottom:10px}
.box p{color:var(--dim-l);font-size:15px}
.dk .box p{color:var(--dim-d)}
.mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;background:var(--ln-l);border:1px solid var(--ln-l);margin-top:34px}
.mini>a{background:var(--paper);padding:22px;display:block;transition:.3s var(--e);color:inherit}
.mini>a:hover,.mini>a:active{background:#fff}
.mini>a:hover h4{color:var(--amber2)}
.mini .go{display:inline-flex;align-items:center;gap:9px;margin-top:14px;font-family:var(--disp);text-transform:uppercase;font-size:12.5px;letter-spacing:.1em;color:var(--amber2)}
.mini .go i{font-style:normal;transition:transform .35s var(--e)}
.mini>a:hover .go i{transform:translateX(5px)}
.mini h4{font-size:15px;margin-bottom:8px}
.mini p{font-size:13.6px;color:var(--dim-l)}
.mini .no{font-family:var(--disp);color:var(--amber);font-size:12px;letter-spacing:.16em;display:block;margin-bottom:10px}
/* ---- GALLERY ---- */
.filt{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(24px,3vw,38px)}
.filt button{font-family:var(--disp);text-transform:uppercase;font-size:13px;letter-spacing:.1em;padding:10px 18px;border:1px solid var(--ln-l);transition:.3s var(--e)}
.filt button:hover{border-color:var(--ink)}
.filt button.act{background:var(--ink);color:#fff;border-color:var(--ink)}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:stretch}
.gi{position:relative;overflow:hidden;display:block;width:100%;aspect-ratio:4/5;background:var(--paper2);cursor:pointer;padding:0;border:0;transition:opacity .4s var(--e),transform .4s var(--e)}
.gi img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--e)}
.gi:hover img{transform:scale(1.05)}
.gi::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(16,16,18,.72),rgba(16,16,18,.05) 60%);opacity:0;transition:.4s var(--e)}
.gi:hover::after{opacity:1}
.gi-c{position:absolute;left:0;right:0;bottom:0;padding:16px;z-index:2;opacity:0;transform:translateY(10px);transition:.4s var(--e);display:flex;align-items:center;justify-content:space-between;gap:10px}
.gi:hover .gi-c{opacity:1;transform:none}
.gi-c span{font-family:var(--disp);text-transform:uppercase;font-size:12.5px;letter-spacing:.1em;color:#fff}
.gi-c i{font-style:normal;width:34px;height:34px;border:1px solid rgba(255,255,255,.5);display:grid;place-items:center;color:#fff;flex:none;font-size:15px}
.gi.hide{display:none}
.gi.vid img{object-fit:cover}
.gi.vid::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(255,194,26,.94);z-index:3;transition:.35s var(--e)}
.gi.vid .play{position:absolute;left:50%;top:50%;transform:translate(-42%,-50%);z-index:4;width:0;height:0;border-left:19px solid #101012;border-top:12px solid transparent;border-bottom:12px solid transparent}
.gi.vid:hover::before{transform:translate(-50%,-50%) scale(1.1)}
.gi .dur{position:absolute;top:12px;right:12px;z-index:4;background:rgba(16,16,18,.78);color:#fff;font-family:var(--disp);font-size:11.5px;letter-spacing:.08em;padding:4px 9px}
/* ---- LIGHTBOX ---- */
.lb{position:fixed;inset:0;background:rgba(10,10,12,.97);z-index:120;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:.35s var(--e);padding:64px 16px 84px;touch-action:pan-y}
.lb.on{pointer-events:auto}
.lb.on{opacity:1;visibility:visible}
.lb-m{max-width:min(1180px,94vw);max-height:100%;display:flex;align-items:center;justify-content:center}
.lb-m>video,.lb-m>img{flex:0 1 auto}
.lb-m>picture{display:contents}
.lb-m img,.lb-m video{max-width:94vw;max-height:calc(100vh - 150px);width:auto;height:auto;object-fit:contain;opacity:0;transform:scale(.985);transition:.4s var(--e)}
.lb-m video{height:min(calc(100vh - 200px),660px);width:auto;max-width:min(1040px,92vw);background:#000}
@media(max-width:760px){.lb-m video{height:auto;width:auto;max-height:calc(100vh - 190px);max-width:94vw}}
.lb.rdy .lb-m img,.lb.rdy .lb-m video{opacity:1;transform:none}
.lb-x{position:absolute;top:14px;right:14px;width:50px;height:50px;display:grid;place-items:center;color:#fff;font-size:26px;line-height:1;border:1px solid rgba(255,255,255,.22);transition:.3s var(--e);z-index:3}
.lb-x:hover{background:var(--amber);color:#101012;border-color:var(--amber)}
.lb-n{position:absolute;top:50%;transform:translateY(-50%);width:54px;height:54px;display:grid;place-items:center;color:#fff;font-size:22px;border:1px solid rgba(255,255,255,.22);transition:.3s var(--e);z-index:3;background:rgba(16,16,18,.5)}
.lb-n:hover{background:var(--amber);color:#101012;border-color:var(--amber)}
.lb-p{left:14px}.lb-nx{right:14px}
.lb-f{position:absolute;left:0;right:0;bottom:0;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:#fff;font-family:var(--disp);text-transform:uppercase;font-size:12.5px;letter-spacing:.12em;border-top:1px solid rgba(255,255,255,.12)}
.lb-f b{font-weight:500}.lb-f span{color:var(--amber)}
/* ---- CONTACT ---- */
.ct{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:start}
.ct-row{display:flex;gap:16px;padding-block:20px;border-bottom:1px solid var(--ln-l)}
.dk .ct-row{border-color:var(--ln-d)}
.ct-row:first-of-type{border-top:1px solid var(--ln-l)}
.ct-row .k{font-family:var(--disp);text-transform:uppercase;font-size:11.5px;letter-spacing:.16em;color:var(--amber);min-width:112px;flex:none;padding-top:4px}
.ct-row .v{font-size:16px}
.ct-row .v a{display:block;font-family:var(--disp);font-size:21px;letter-spacing:.02em}
.ct-row .v a:hover{color:var(--amber2)}
.ct-row .v small{display:block;font-family:var(--body);font-size:12.5px;letter-spacing:.06em;color:var(--dim-l);text-transform:uppercase;margin-top:-2px}
form .f{margin-bottom:14px}
form label{display:block;font-family:var(--disp);text-transform:uppercase;font-size:11.5px;letter-spacing:.16em;margin-bottom:7px;color:var(--dim-l)}
form input,form textarea{width:100%;background:transparent;border:1px solid var(--ln-l);padding:14px 16px;font:inherit;font-size:15px;color:inherit;transition:.3s var(--e);border-radius:0}
form input:focus,form textarea:focus{outline:0;border-color:var(--amber);box-shadow:0 0 0 3px rgba(255,194,26,.16)}
form textarea{min-height:132px;resize:vertical}
.fmsg{margin-top:14px;font-size:14.5px;padding:12px 14px;display:none}
.fmsg.ok{display:block;background:rgba(40,140,60,.1);border:1px solid rgba(40,140,60,.4)}
.fmsg.er{display:block;background:rgba(190,40,40,.08);border:1px solid rgba(190,40,40,.4)}
.hp{position:absolute;left:-9999px}
/* ---- FOOTER ---- */
.ft{background:var(--ink);color:#fff;padding-top:clamp(50px,7vw,78px)}
.ft-g{display:grid;grid-template-columns:1.25fr 1fr 1fr 1.15fr;gap:clamp(24px,4vw,52px);padding-bottom:44px}
.ft h3{font-size:13px;letter-spacing:.16em;color:var(--amber);margin-bottom:18px}
.ft ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.ft ul a{font-size:14.6px;color:var(--dim-d);transition:.3s var(--e)}
.ft ul a:hover{color:#fff}
.ft-lg img{height:74px;width:auto;margin-bottom:16px}
.ft-lg p{color:var(--dim-d);font-size:14.4px;max-width:34ch}
.ft-tel a{display:block;font-family:var(--disp);font-size:20px;letter-spacing:.02em;margin-bottom:2px}
.ft-tel small{display:block;font-size:12px;color:var(--dim-d);margin-bottom:14px}
.ft-b{border-top:1px solid var(--ln-d);padding-block:22px;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;font-size:13px;color:var(--dim-d)}
.ft-b a:hover{color:var(--amber)}
/* ---- CALLBAR ---- */
.cb{display:none;position:fixed;left:0;right:0;bottom:0;z-index:70;background:var(--ink);border-top:1px solid var(--ln-d)}
.cb-in{display:grid;grid-template-columns:1fr 1fr}
.cb a{padding:14px 8px;color:#fff;font-family:var(--disp);text-transform:uppercase;font-size:14px;letter-spacing:.05em}
.cb a:first-child{background:var(--amber);color:#101012}
/* при завъртян телефон лентата за обаждане също трябва да я има */
@media(max-height:520px) and (pointer:coarse){
 .cb{display:block}
 body{padding-bottom:50px}
 .cb a{padding:12px 8px;font-size:13.5px}
}
/* ---- REVEAL ---- */
.rv{opacity:0;transform:translateY(26px);transition:opacity .8s var(--e),transform .8s var(--e)}
.rv.in{opacity:1;transform:none}
.rv-m{clip-path:inset(0 0 100% 0);transition:clip-path 1.05s var(--e)}
.rv-m.in{clip-path:inset(0 0 0 0)}
.rv-m img{transform:scale(1.08);transition:transform 1.4s var(--e)}
.rv-m.in img{transform:none}
[data-d="1"]{transition-delay:.09s}[data-d="2"]{transition-delay:.18s}[data-d="3"]{transition-delay:.27s}[data-d="4"]{transition-delay:.36s}[data-d="5"]{transition-delay:.45s}
/* ---- RESPONSIVE ---- */
@media(max-width:1180px){.grid{grid-template-columns:repeat(3,1fr)}.ft-g{grid-template-columns:1fr 1fr}}
@media(max-width:1020px){
 .nav,.hd .lang{display:none}.burg{display:block}
 .hd-cta{margin-left:auto}
 .hero-in{grid-template-columns:1fr}.hero-r{min-height:clamp(320px,68vw,520px);order:-1}
 .hero-l{padding-bottom:44px}
 .ab{grid-template-columns:1fr}.ab-fig{aspect-ratio:4/3;max-height:420px}
 .ab-b{border-left:0;padding-left:0;border-top:1px solid var(--ln-l);padding-top:26px}
 .srv-i{grid-template-columns:56px 1fr;gap:16px}
 .srv-f{grid-column:1/-1;aspect-ratio:16/9;margin-top:6px}
 .sp{grid-template-columns:1fr}.sp-fig{aspect-ratio:4/3;max-height:420px}
 .ct{grid-template-columns:1fr}
 .gp{grid-template-columns:repeat(2,1fr)}.gp .t1{grid-column:span 2;grid-row:auto;aspect-ratio:16/10}.gp .w{grid-column:span 2}
}
@media(max-width:760px){
 .grid{grid-template-columns:repeat(2,1fr);gap:10px}.hero-bar{grid-template-columns:1fr}
 .hero-bar>div{border-left:0;border-top:1px solid var(--ln-d);padding-left:0;padding-block:20px}
 .hero-bar>div:first-child{border-top:0}
 .cb{display:block}body{padding-bottom:52px}
 .ft-g{grid-template-columns:1fr;gap:32px}
 .cta-in{flex-direction:column;align-items:flex-start}
 .lb{padding:56px 8px 76px}.lb-n{width:44px;height:44px}
 .lb-p{left:6px}.lb-nx{right:6px}
}
@media(max-width:480px){
 .grid{grid-template-columns:repeat(2,1fr);gap:8px}
 .hero-tel{flex-direction:column}.tel-c{width:100%}
 .btn{width:100%;justify-content:center}
 .gp{grid-template-columns:1fr}.gp a,.gp .t1,.gp .w{grid-column:auto;aspect-ratio:4/3}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
 .rv,.rv-m{opacity:1!important;transform:none!important;clip-path:none!important}
 .hero-fig{clip-path:none!important}.hero-fig img{transform:none!important}
}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px}

/* ---- HEADER ВЪРХУ ТЪМНА СЕКЦИЯ ---- */
.hd:not(.on) .hd-nm{color:#fff}
.hd:not(.on) .hd-nm span{color:rgba(255,255,255,.5)}
.hd:not(.on) .nav a{color:#fff}
.hd:not(.on) .lang{border-color:rgba(255,255,255,.26)}
.hd:not(.on) .lang a{color:#fff}
.hd:not(.on) .lang a.act{background:#fff;color:#101012}
.hd:not(.on) .burg span{background:#fff}
body.mopen .burg span{background:#fff!important}
@media(max-width:1020px){.hd-cta{padding:11px 16px;font-size:14px}}
@media(max-width:480px){.hd-cta{padding:10px 13px;font-size:13.5px}.hd-lg img{height:46px}.hd-in{gap:12px}}
@media(max-width:360px){.hd-cta span{display:none}}

.mob-lang{display:flex;gap:0;margin-top:22px;font-family:var(--disp);font-size:12.5px;letter-spacing:.14em;border:1px solid var(--ln-d);align-self:flex-start;overflow:hidden}
.mob-lang span,.mob-lang a{padding:9px 17px;line-height:1;color:rgba(255,255,255,.7);font-size:12.5px;display:block}
.mob-lang span{background:#fff;color:#101012;font-weight:600}
.mob-lang a{border-left:1px solid var(--ln-d)}
.mob-lang a:active{color:var(--amber)}
/* ---- ПАДАЩО МЕНЮ УСЛУГИ ---- */
.nav a,.ndb{white-space:nowrap}
.ndd{position:relative}
.ndb{font-family:var(--disp);text-transform:uppercase;font-size:13.5px;letter-spacing:.08em;padding:10px 13px;display:flex;align-items:center;gap:7px;position:relative;font-weight:400;color:inherit}
.hd:not(.on) .ndb{color:#fff}
.ndb i{font-style:normal;font-size:9px;transition:transform .3s var(--e);opacity:.7}
.ndd:hover .ndb i,.ndd:focus-within .ndb i{transform:rotate(180deg)}
.ndb::after{content:"";position:absolute;left:13px;right:13px;bottom:6px;height:1px;background:var(--amber);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--e)}
.ndd:hover .ndb::after,.ndb.act::after,.ndd:focus-within .ndb::after{transform:scaleX(1)}
.nsub{position:absolute;top:calc(100% - 2px);left:0;background:var(--ink);border:1px solid var(--ln-d);min-width:248px;padding:6px 0;opacity:0;visibility:hidden;transform:translateY(9px);transition:.3s var(--e);z-index:5}
.ndd:hover .nsub,.ndd:focus-within .nsub{opacity:1;visibility:visible;transform:none}
.nsub a{display:block;padding:12px 18px;font-family:var(--disp);text-transform:uppercase;font-size:13px;letter-spacing:.06em;color:#fff;transition:.25s var(--e)}
.nsub a:hover{background:rgba(255,194,26,.12);color:var(--amber);padding-left:23px}
@media(max-width:1180px){.nav a,.ndb{padding:10px 9px;font-size:12.8px}}

@media(max-width:700px){.hd-nm{display:none}.hd-in{gap:14px;height:74px}.hd.on .hd-in{height:62px}.hd-lg img{height:48px}.hd.on .hd-lg img{height:42px}}
/* ---- МОБИЛЕН ХЕДЪР И МЕНЮ: ФИНА НАСТРОЙКА ---- */
@media(max-width:700px){
 /* логото само по себе си е нечетимо на тъмен фон — името застава до него */
 .hd-nm{display:block;font-size:11.5px;line-height:1.16}
 .hd-nm b{font-weight:600;letter-spacing:.03em}
 .hd-nm span{display:none}
 .hd:not(.on) .hd-nm{color:#fff}
 .hd-lg{gap:9px}
 .hd-cta{font-size:13px;padding:11px 14px;gap:8px}
 .hd-cta .ico{width:15px;height:15px}
}
@media(max-width:360px){
 .hd-nm{font-size:10.5px}
 .hd-cta{font-size:12.2px;padding:10px 11px}
}
/* при отворено меню телефонът в хедъра дублира този в менюто */
body.mopen .hd-in .hd-cta{opacity:0;visibility:hidden;pointer-events:none}
.hd-cta{transition:.3s var(--e),background .3s var(--e)}
body.mopen .hd-nm{color:#fff}
body.mopen .hd::after{opacity:0}
/* текущата страница се вижда в менюто */
.mob>a.act{color:var(--amber)}
.mob>a.act em{color:#fff}
.mob>a.act::before{content:"";position:absolute;left:calc(var(--pad) * -1);top:0;bottom:0;width:3px;background:var(--amber)}
.mob>a{position:relative}
/* менюто застава оптически по средата */
.mob{padding-top:96px;padding-bottom:96px}
@media(max-height:640px){.mob{padding-top:80px;padding-bottom:26px}}

/* ---- ЧЕТИМОСТ НА ТЕЛЕФОН ---- */
@media(max-width:760px){
 .tel-c em{font-size:11px;letter-spacing:.16em}
 .bc{font-size:12.5px;letter-spacing:.1em}
 .ct-row .k{font-size:12px}
 form label{font-size:12px}
 .gi .dur{font-size:12px;padding:5px 10px}
 .eyebrow{font-size:11.5px}
 .ft-b{font-size:13.5px}
 .mini p{font-size:14px}
 .mini>a{padding:20px 18px}
 .hero-bar p,.srv-t p{font-size:14.6px}
}

/* ---- УДОБНО ЗА ПРЪСТ (мин. 44px) + без авто-зум на iOS ---- */
@media(max-width:760px){
 form input,form textarea{font-size:16px;padding:15px 16px}
 form textarea{min-height:140px}
 .ft ul{gap:0}
 .ft ul li{display:block}
 .ft ul a{display:flex;align-items:center;min-height:46px;padding:2px 0}
 .ft-tel a{display:flex;align-items:center;min-height:46px;margin-bottom:0}
 .ft-tel small{margin-bottom:10px}
 .ft-b{padding-block:18px}
 .ft-b span a{display:inline-flex;align-items:center;min-height:44px}
 .bc{margin-bottom:14px}
 .bc a{display:inline-flex;align-items:center;min-height:40px;padding-right:4px}
 .ct-row{padding-block:12px}
 .ct-row .v a{min-height:48px;display:flex;align-items:center}
 .ct-row .v small{margin-top:-6px;margin-bottom:6px}
 .mob-lang span,.mob-lang a{padding:16px 22px}
 .hero-f .hero-act .btn-o{padding:12px 0;min-height:44px;display:inline-flex;align-items:center}
 .hero-f .hero-act .btn-o::after{bottom:7px}
 .filt button{min-height:44px}
 .lb-x{width:52px;height:52px}
}
/* ================= HERO НА ЦЯЛ ЕКРАН ================= */
.hero-f{padding:0;min-height:100svh;min-height:100vh;max-height:940px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;background:var(--ink)}
.hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero-img{position:absolute;top:-7%;left:0;right:0;height:114%;will-change:transform}
.hero-bg picture{display:block;width:100%;height:100%}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:62% center;
 transform:scale(1.38);opacity:0;
 transition:transform 4.6s cubic-bezier(.14,.88,.24,1),opacity 1.4s var(--e);will-change:transform}
.hero-f.rdy .hero-bg img{transform:scale(1.02);opacity:1}
.hero-ov{position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(96deg,rgba(14,14,16,.9) 0%,rgba(14,14,16,.74) 24%,rgba(14,14,16,.4) 48%,rgba(14,14,16,.14) 72%,rgba(14,14,16,.3) 100%),
 linear-gradient(180deg,rgba(14,14,16,.6) 0%,rgba(14,14,16,.04) 20%,transparent 48%,rgba(14,14,16,.72) 100%)}
.hero-f .hero-grid{z-index:2;opacity:.9}
.hero-c{position:relative;z-index:3;flex:1;display:flex;flex-direction:column;justify-content:center;padding-top:100px;padding-bottom:74px;width:100%;max-width:var(--max);margin:0 auto}
.hero-f h1{margin:20px 0 0;font-weight:600;max-width:15ch;text-shadow:0 2px 10px rgba(8,8,10,.5),0 4px 46px rgba(8,8,10,.7)}
.hero-f .hero-sub{max-width:46ch;color:rgba(255,255,255,.92);text-shadow:0 1px 8px rgba(8,8,10,.65),0 2px 26px rgba(8,8,10,.55)}
.hero-f .eyebrow{text-shadow:0 1px 10px rgba(8,8,10,.7)}
.hero-f .hero-tag{position:static;display:inline-block;align-self:flex-start;margin-top:clamp(22px,3vh,38px);background:transparent;border:1px solid rgba(255,255,255,.24);color:rgba(255,255,255,.72);padding:7px 14px;font-size:11px;letter-spacing:.24em}
.hero-f .tel-c{background:rgba(12,12,14,.58);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);border-color:rgba(255,255,255,.2)}
.hero-barw{position:relative;z-index:3;background:rgba(10,10,12,.66);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--ln-d)}
.hero-f .hero-bar{border-top:0}
.hero-f .hero-bar>div{padding-block:22px 24px}
@media(max-width:1020px){
 /* снимката покрива само текстовата част -> реже се в пъти по-малко от кадъра */
 .hero-f{min-height:0;max-height:none;display:grid;grid-template-rows:auto auto;grid-template-columns:100%}
 .hero-bg{position:relative;inset:auto;grid-row:1;grid-column:1;height:100%;width:100%}
 .hero-c{grid-row:1;grid-column:1}
 .hero-barw{grid-row:2;grid-column:1}
 .hero-bg img{object-position:50% 42%}
 .hero-ov{background:linear-gradient(180deg,rgba(14,14,16,.84) 0%,rgba(14,14,16,.3) 18%,rgba(14,14,16,.26) 42%,rgba(14,14,16,.5) 66%,rgba(14,14,16,.82) 90%,rgba(14,14,16,.94) 100%)}
 .hero-c{min-height:84svh;min-height:84vh;padding-top:92px;padding-bottom:64px}
 .hero-f h1{max-width:none;font-size:clamp(2.2rem,10.5vw,4rem)}
 .hero-barw{background:var(--ink);backdrop-filter:none}
}
@media(max-width:480px){
 .hero-c{min-height:80svh;min-height:80vh}
 .hero-f .hero-tel{flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
 .hero-bg img{transform:none!important;opacity:1!important;transition:none!important}
 .hero-img{transform:none!important;top:0;height:100%}
}

/* --- компактно hero на телефон, за да не се разтяга снимката --- */
@media(max-width:760px){
 .hero-c{min-height:78svh;min-height:78vh;padding-top:96px;padding-bottom:60px}
 .hero-bg img{object-position:50% 44%}
 .hero-f .eyebrow{font-size:11.5px;letter-spacing:.2em}
 .hero-f h1{margin-top:26px;line-height:1.0}
 .hero-f .hero-sub{font-size:15.6px;line-height:1.7;max-width:34ch;margin-top:30px}
 .hero-f .hero-tel{flex-direction:row;flex-wrap:wrap;gap:9px;margin-top:38px}
 .hero-f .tel-c{min-width:0;flex:1 1 44%;padding:12px 15px}
 .hero-f .tel-c em{font-size:11px}
 .hero-f .tel-c b{font-size:18.5px}
 .hero-f .hero-act{flex-direction:column;align-items:stretch;gap:16px;margin-top:32px}
 .hero-f .hero-act .btn-a{width:100%;justify-content:center;padding:16px 14px;font-size:13.4px}
 .hero-f .hero-act .btn-o{width:auto;align-self:flex-start;border:0;background:none;padding:0;font-size:13px;color:#fff;letter-spacing:.1em;position:relative;text-shadow:0 1px 10px rgba(8,8,10,.75)}
 .hero-f .hero-act .btn-o::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:rgba(255,255,255,.32);transition:background .3s var(--e)}
 .hero-f .hero-act .btn-o:hover::after{background:var(--amber)}
 .hero-f .hero-act .btn-o:hover{color:var(--amber)}
 .hero-f .hero-tag{margin-top:26px}
}
@media(max-width:380px){
 .hero-f .hero-act .btn{font-size:11.6px;padding:13px 8px}
 .hero-f .tel-c b{font-size:16.5px}
}
/* ---- HERO INTRO ---- */
.hero h1 .ln>span{display:block;transform:translateY(106%);transition:transform .95s var(--e)}
.hero h1 .ln:nth-child(2)>span{transition-delay:.11s}
.hero.rdy h1 .ln>span{transform:none}
.hero-fig{transition:clip-path 1.15s var(--e) .1s}
.hero.rdy .hero-fig{clip-path:inset(0 0 0 0)}
.hero-fig img{transition:transform 1.7s var(--e)}
.hero.rdy .hero-fig img{transform:scale(1.06)}
.skip:focus{left:12px!important;top:12px!important;position:fixed!important;z-index:200;background:var(--amber);color:#101012;padding:12px 18px;font-family:var(--disp);text-transform:uppercase}
@media(prefers-reduced-motion:reduce){
 .hero h1 .ln>span{transform:none!important;transition:none!important}
 .hero-fig{clip-path:none!important;transition:none!important}
 .hero-fig img{transform:none!important;transition:none!important}
}