:root{--g9:#131517;--g8:#1b1e21;--g7:#24282c;--g6:#2e3338;--line:#33383d;--ink:#f1eee8;--mut:#a3a098;--y:#ffc400;--y2:#ffd440;--dk:#15130c}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--g9);color:var(--ink);font-family:Onest,system-ui,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%}
.wrap{width:min(1240px,100% - 2*clamp(16px,4vw,48px));margin-inline:auto}
.oswald,h1,h2,h3{font-family:Oswald,"Arial Narrow",sans-serif}
/* header */
.top{position:fixed;inset:0 0 auto 0;z-index:40;display:flex;align-items:center;gap:28px;padding:14px clamp(16px,4vw,48px);background:rgba(19,21,23,.94);border-bottom:1px solid var(--line)}
.logo{display:flex;align-items:center;gap:12px}
.logo svg{width:48px;height:48px;flex:none}
.logo .ly{color:var(--y);font-weight:600}
.logo b{white-space:nowrap;font:700 22px/1 Oswald,sans-serif;letter-spacing:.04em}
.logo small{display:block;font:500 11px/1.4 Onest,sans-serif;color:var(--mut);letter-spacing:.08em;text-transform:uppercase;margin-top:3px}
nav{display:flex;gap:26px;margin-left:auto}
nav a{font:500 15px Oswald,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#d6d2ca;transition:color .2s}
nav a:hover,nav a.on{color:var(--y)}
.tel{display:flex;align-items:center;gap:10px;background:var(--y);color:var(--dk);font:600 17px Oswald,sans-serif;letter-spacing:.03em;padding:11px 18px;border-radius:4px;transition:background .2s,transform .2s;white-space:nowrap}
.tel:hover{background:var(--y2);transform:translateY(-1px)}
.tel svg{width:18px;height:18px}
.burger{display:none;background:none;border:0;color:var(--ink);width:40px;height:40px;cursor:pointer}
/* hero split */
.hero{min-height:min(100svh,980px);display:flex;flex-direction:column;padding-top:77px}
.hero .h1{font:600 clamp(15px,1.4vw,18px)/1.2 Oswald,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);text-align:center;padding:22px 16px 18px}
.h1 em{font-style:normal;color:var(--y)}
.split{flex:1;display:flex;border-top:1px solid var(--line)}
.half{position:relative;flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(24px,4vw,56px);overflow:hidden;transition:flex-grow .5s cubic-bezier(.2,.7,.2,1);min-height:440px}
.half+.half{border-left:1px solid var(--line)}
.half.dig{background:var(--g8)}.half.road{background:var(--g7)}
.split:hover .half{flex-grow:.8}.split .half:hover{flex-grow:1.25}
.art{position:absolute;top:8%;left:50%;transform:translateX(-50%);width:min(78%,520px);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.half:hover .art{transform:translateX(-50%) translateY(-6px) scale(1.03)}
.half h2{font-size:clamp(34px,4.6vw,68px);line-height:.95;font-weight:700;text-transform:uppercase;position:relative}
.half p{max-width:430px;margin-top:14px;color:#cfcbc3;font-size:clamp(15px,1.2vw,17px);line-height:1.55;position:relative}
.row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:24px;position:relative}
.go{display:inline-flex;align-items:center;gap:10px;font:600 16px Oswald,sans-serif;letter-spacing:.08em;text-transform:uppercase;border-bottom:2px solid var(--y);padding-bottom:4px}
.go i{font-style:normal;transition:transform .3s}
a:hover>.go i,.go:hover i,.half:hover .go i{transform:translateX(6px)}
.addr{display:flex;align-items:center;gap:7px;font-size:14px;color:var(--mut)}
.addr svg,.pin{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;flex:none}
.callbar{display:flex;align-items:center;justify-content:center;gap:clamp(14px,3vw,36px);flex-wrap:wrap;background:var(--y);color:var(--dk);padding:18px 20px;transition:background .25s}
.callbar:hover{background:var(--y2)}
.callbar span{font:600 clamp(14px,1.3vw,17px) Oswald,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.callbar strong{font:700 clamp(30px,4vw,54px)/1 Oswald,sans-serif;letter-spacing:.02em}
.lamp{width:14px;height:14px;border-radius:50%;background:var(--dk);position:relative;flex:none}
.lamp::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--dk);animation:ping 1.6s ease-out infinite}
@keyframes ping{from{transform:scale(.6);opacity:1}to{transform:scale(1.6);opacity:0}}
/* sections */
.sec{padding:clamp(64px,8vw,120px) 0}
.sec.g8{background:var(--g8)}.sec.g7{background:var(--g7)}
.big{font:500 clamp(22px,2.4vw,34px)/1.4 Onest,sans-serif;max-width:40ch;color:#e9e5dd}
.big+.go{margin-top:30px}
h2.t{font-size:clamp(34px,4.4vw,62px);line-height:1;font-weight:700;text-transform:uppercase}
h2.t em{font-style:normal;color:var(--y)}
.sub{margin-top:18px;color:#c9c5bd;max-width:52ch}
.two{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,6vw,96px);align-items:start}
.two.rev{grid-template-columns:7fr 5fr}
.two.rev .lst{order:-1}
.sticky{position:sticky;top:110px}
.btn{display:inline-flex;align-items:center;gap:12px;margin-top:30px;background:var(--y);color:var(--dk);font:600 17px Oswald,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:15px 24px;border-radius:4px;transition:background .2s,transform .2s}
.btn:hover{background:var(--y2);transform:translateY(-2px)}
.btn.ghost{background:none;color:var(--ink);box-shadow:inset 0 0 0 2px var(--line)}
.btn.ghost:hover{box-shadow:inset 0 0 0 2px var(--y);color:var(--y)}
.btns{display:flex;flex-wrap:wrap;gap:12px}
.lst{border-top:1px solid var(--line)}
.lst a,.lst div.it{display:grid;grid-template-columns:1fr auto;gap:4px 20px;align-items:center;padding:22px 4px;border-bottom:1px solid var(--line);transition:background .25s,padding .25s}
.lst a:hover{background:rgba(255,196,0,.05);padding-left:14px}
.lst b{font:600 clamp(20px,1.8vw,25px)/1.2 Oswald,sans-serif;text-transform:uppercase;letter-spacing:.02em}
.lst span{grid-column:1;color:var(--mut);font-size:15px}
.lst i{grid-row:1/3;grid-column:2;font-style:normal;color:var(--y);font-size:22px;transition:transform .3s}
.lst a:hover i{transform:translateX(6px)}
.priceband{background:var(--y);color:var(--dk);padding:clamp(48px,6vw,80px) 0}
.priceband .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 48px}
.priceband h2{font-size:clamp(30px,3.6vw,50px);line-height:1;text-transform:uppercase}
.priceband p{margin-top:12px;max-width:56ch;font-size:18px}
.priceband a{font:700 clamp(26px,3vw,40px) Oswald,sans-serif;background:var(--dk);color:var(--y);padding:14px 26px;border-radius:4px;white-space:nowrap;transition:transform .2s}
.priceband a:hover{transform:translateY(-2px)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;border-top:1px solid var(--line)}
.steps li{list-style:none;padding:28px 28px 8px 0}
.steps li+li{padding-left:28px;border-left:1px solid var(--line)}
.steps small{font:700 15px Oswald,sans-serif;color:var(--y);letter-spacing:.1em}
.steps h3{font-size:24px;text-transform:uppercase;margin:6px 0 8px}
.steps p{color:#c9c5bd;font-size:16px}
/* contact */
.locs{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,28px);margin-top:44px}
.loc{background:var(--g8);border:1px solid var(--line);border-radius:6px;padding:clamp(22px,2.6vw,34px)}
.loc h3{font-size:24px;text-transform:uppercase}
.loc p{display:flex;gap:8px;align-items:center;color:#c9c5bd;margin-top:10px}
.loc .pin{stroke:var(--y)}
.navlbl{margin-top:22px;font:600 12px Onest,sans-serif;letter-spacing:.12em;color:var(--mut)}
.navbtns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.navbtn{display:flex;align-items:center;justify-content:center;gap:9px;padding:13px 12px;border-radius:4px;font:600 15px Onest,sans-serif;background:var(--g6);transition:transform .2s,background .2s}
.navbtn:hover{transform:translateY(-2px);background:#3a4046}
.navbtn svg{width:18px;height:18px}
.map{margin-top:16px;aspect-ratio:16/9;border-radius:4px;overflow:hidden;border:1px solid var(--line);background:var(--g7)}
.map iframe{width:100%;height:100%;border:0;filter:grayscale(.6) invert(.9) hue-rotate(180deg)}
.cgrid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,6vw,90px);margin-top:clamp(56px,7vw,90px)}
.bigtel{display:block;font:700 clamp(36px,4.4vw,60px)/1 Oswald,sans-serif;color:var(--y);margin-top:18px}
.cinfo p{color:#c9c5bd;margin-top:12px}
form{display:grid;gap:14px}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
label{display:grid;gap:6px;font-size:14px;color:var(--mut)}
input,select,textarea{font:inherit;font-size:16px;color:var(--ink);background:var(--g8);border:1px solid var(--line);border-radius:4px;padding:13px 14px;width:100%}
input:focus,select:focus,textarea:focus{outline:2px solid var(--y);outline-offset:-1px}
textarea{min-height:130px;resize:vertical}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:14px}
.chk input{width:18px;height:18px;margin-top:3px;accent-color:var(--y)}
.chk a{color:var(--y);text-decoration:underline}
.hp{position:absolute;left:-9999px}
form button{justify-self:start;border:0;cursor:pointer;margin-top:4px}
.fmsg{font-size:15px;min-height:1.4em}
.fmsg.ok{color:#9fd88f}.fmsg.err{color:#ff8f7a}
/* inner pages */
.phead{padding:clamp(140px,14vw,200px) 0 clamp(48px,6vw,80px);background:var(--g8);border-bottom:1px solid var(--line)}
.crumbs{font-size:14px;color:var(--mut);margin-bottom:18px}
.crumbs a:hover{color:var(--y)}
.phead h1{font-size:clamp(40px,6vw,88px);line-height:.95;font-weight:700;text-transform:uppercase;max-width:16ch}
.phead h1 em{font-style:normal;color:var(--y)}
.phead .lead{margin-top:22px;max-width:60ch;font-size:clamp(17px,1.4vw,20px);color:#d3cfc7}
.prose{max-width:760px}
.prose h2{font-size:clamp(28px,3vw,40px);line-height:1.05;text-transform:uppercase;margin:56px 0 16px}
.prose h2:first-child{margin-top:0}
.prose h2.svc{font-size:clamp(22px,2vw,28px);margin:0;padding-top:26px;border-top:1px solid var(--line);scroll-margin-top:100px}
.prose h2.svc+p{margin:6px 0 26px;color:#bdb9b1}
.prose h2.svc+p+.cta{margin-top:0}
.prose h3{font-size:22px;text-transform:uppercase;margin:28px 0 8px;color:#ece8e0}
.prose p{color:#d0ccc4;margin-top:14px}
.prose ul{margin:14px 0 0 0;list-style:none}
.prose li{position:relative;padding-left:22px;margin-top:8px;color:#d0ccc4}
.prose li::before{content:"";position:absolute;left:0;top:.7em;width:10px;height:2px;background:var(--y)}
.cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 30px;margin:44px 0;padding:24px 28px;background:var(--g7);border:1px solid var(--line);border-radius:4px}
.cta p{margin:0;font:600 20px/1.3 Oswald,sans-serif;text-transform:uppercase;color:var(--ink)}
.cta a{font:700 24px Oswald,sans-serif;color:var(--dk);background:var(--y);padding:10px 20px;border-radius:4px;white-space:nowrap}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;position:relative;font:600 19px/1.35 Onest,sans-serif;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:14px;font:400 30px Oswald;color:var(--y);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:0 0 20px;color:#c9c5bd}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(32px,5vw,80px);align-items:start}
.aside{position:sticky;top:110px;background:var(--g8);border:1px solid var(--line);border-radius:6px;padding:28px}
.aside h3{font-size:22px;text-transform:uppercase}
.aside p{color:#c9c5bd;font-size:15px;margin-top:10px}
.aside .btn{width:100%;justify-content:center;margin-top:18px}
.aside .toc{max-height:42vh;overflow:auto;margin-top:22px;border-top:1px solid var(--line);padding-top:16px;display:grid;gap:8px;font-size:15px}
.aside .toc a{color:#c9c5bd}.aside .toc a:hover{color:var(--y)}
/* footer */
footer{background:#0e0f11;border-top:1px solid var(--line);padding:64px 0 28px;font-size:15px;color:#b5b1a9}
.fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px}
footer h4{font:600 15px Oswald,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin-bottom:14px}
footer li{list-style:none;margin-top:8px}
footer a:hover{color:var(--y)}
.fbot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:48px;padding-top:22px;border-top:1px solid var(--line);font-size:13px;color:#7f7c75}
.mcall{display:none}
@media (max-width:1060px){nav{display:none}.burger{display:block;margin-left:auto}.tel span{display:none}.tel{padding:11px}
 nav.open{display:flex;position:fixed;top:77px;left:0;right:0;flex-direction:column;gap:0;background:var(--g9);border-bottom:1px solid var(--line)}
 nav.open a{padding:16px 24px;border-top:1px solid var(--line)}
 .layout{grid-template-columns:1fr}.aside{position:static}.fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:860px){.two,.two.rev,.cgrid{grid-template-columns:1fr}.two.rev .lst{order:0}.sticky{position:static}.steps{grid-template-columns:1fr}.steps li+li{padding-left:0;border-left:0;border-top:1px solid var(--line)}.locs{grid-template-columns:1fr}}
@media (max-width:760px){body{padding-bottom:62px}.mcall{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:45;align-items:center;justify-content:center;gap:12px;background:var(--y);color:var(--dk);font:700 26px Oswald,sans-serif;padding:12px}
 .split{flex-direction:column}.half{min-height:0;justify-content:flex-start;padding-top:28px}.split:hover .half,.split .half:hover{flex-grow:1}.half+.half{border-left:0;border-top:1px solid var(--line)}
 .art{position:relative;top:auto;left:auto;transform:none;width:78%;margin:0 auto 22px;display:block}.half:hover .art{transform:none}
 .callbar{display:none}.logo small{display:none}.f2{grid-template-columns:1fr}.fgrid{grid-template-columns:1fr}.navbtns{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.navbtns{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
/* светли панели */
.light{--ink:#17191b;--mut:#615e57;--line:#dcd9d0;background:#f4f3ef;color:#1d1f21}
.light .big{color:#1d1f21}
.light .sub,.light .prose p,.light .prose li,.light .steps p,.light .loc p,.light .cinfo p{color:#46443f}
.light h2.t em,.light .prose h2 em{color:inherit;background:linear-gradient(transparent 60%,var(--y) 60%,var(--y) 92%,transparent 92%)}
.light .lst a:hover{background:rgba(0,0,0,.035)}
.light .lst i{color:var(--ink)}
.light .lst a:hover i{color:#c99a00}
.light .btn.ghost{color:var(--ink);box-shadow:inset 0 0 0 2px #c4c0b5}
.light .btn.ghost:hover{color:var(--ink);box-shadow:inset 0 0 0 2px var(--y);background:var(--y)}
.light .prose h3{color:var(--ink)}
.light .prose li::before{background:#e0a800}
.light .prose h2.svc+p{color:#55524b}
.light .aside,.light .cta,.light .loc{background:#fff}
.light .aside p{color:#55524b}
.light .aside .toc a{color:#46443f}
.light .aside .toc a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--y);text-decoration-thickness:2px}
.light .cta p{color:var(--ink)}
.light .faq summary::after{color:var(--ink)}
.light .faq details p{color:#55524b}
.light .crumbs a:hover{color:var(--ink)}
.light .navbtn{background:#ecebe6;color:var(--ink)}
.light .navbtn:hover{background:#e2e0d9}
.light .loc .pin{stroke:#c99a00}
/* анимации на рисунките в hero */
.art g,.art path,.art circle,.art rect{transform-box:view-box}
.exc .boom{transform-origin:186px 170px;animation:boom 4.6s ease-in-out infinite}
.exc .bucket{transform-origin:358px 104px;animation:bucket 4.6s ease-in-out infinite}
.exc .load{opacity:0;animation:load 4.6s linear infinite}
.exc .dirt{opacity:0;animation:dirt 4.6s ease-in infinite}
.exc .body{animation:idle .18s linear infinite alternate}
@keyframes boom{0%,100%{transform:rotate(-6deg)}26%{transform:rotate(20deg)}40%{transform:rotate(20deg)}62%{transform:rotate(-10deg)}86%{transform:rotate(-10deg)}}
@keyframes bucket{0%,100%{transform:rotate(-8deg)}26%{transform:rotate(-16deg)}40%{transform:rotate(28deg)}62%{transform:rotate(28deg)}72%{transform:rotate(-38deg)}86%{transform:rotate(-38deg)}}
@keyframes load{0%,36%{opacity:0}40%,70%{opacity:1}74%,100%{opacity:0}}
@keyframes dirt{0%,70%{opacity:0;transform:translate(0,0)}72%{opacity:1;transform:translate(0,0)}88%{opacity:0;transform:translate(-6px,70px)}100%{opacity:0}}
@keyframes idle{to{transform:translateY(.6px)}}
.art .smoke circle{fill:#8a9096;opacity:0;animation:smoke 2.4s ease-out infinite}
.art .smoke circle:nth-child(2){animation-delay:.8s}.art .smoke circle:nth-child(3){animation-delay:1.6s}
@keyframes smoke{0%{opacity:.55;transform:translate(0,0) scale(.6)}100%{opacity:0;transform:translate(14px,-46px) scale(2.4)}}
.exc .smoke circle{transform-origin:86px 112px}
.tow .smoke circle{transform-origin:134px 94px;animation-name:smoke2}
@keyframes smoke2{0%{opacity:.5;transform:translate(0,0) scale(.6)}100%{opacity:0;transform:translate(46px,-30px) scale(2.4)}}
.tow .wh{animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(-360deg)}}
.tow .road{animation:road .5s linear infinite}
@keyframes road{to{stroke-dashoffset:-46}}
.tow .posts{animation:posts 1.6s linear infinite}
@keyframes posts{from{transform:translateX(-60px)}to{transform:translateX(150px)}}
.tow .body{animation:bob .45s ease-in-out infinite alternate}
@keyframes bob{to{transform:translateY(-1.5px)}}
.tow .lamp{animation:lamp .9s steps(2) infinite}
@keyframes lamp{50%{fill:#6b4a00}}
.tow .glow{transform-origin:86px 94px;animation:glow .9s steps(2) infinite}
@keyframes glow{0%{opacity:.28}50%{opacity:0}}
/* фон на двете половини — светлина, зърно, сянка */
.half.dig{background:radial-gradient(58% 48% at 50% 30%,rgba(255,196,0,.10),transparent 72%),radial-gradient(120% 60% at 0% 100%,rgba(0,0,0,.35),transparent 60%),linear-gradient(180deg,#21252a 0%,#16181b 100%)}
.half.road{background:radial-gradient(55% 45% at 50% 28%,rgba(255,176,0,.08),transparent 72%),radial-gradient(120% 60% at 100% 100%,rgba(0,0,0,.35),transparent 60%),linear-gradient(180deg,#2b3035 0%,#1d2024 100%)}
.half::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.half.dig::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:radial-gradient(70% 60% at 50% 35%,#000,transparent);mask-image:radial-gradient(70% 60% at 50% 35%,#000,transparent)}
.half.road::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:repeating-linear-gradient(115deg,rgba(255,255,255,.025) 0 2px,transparent 2px 26px);-webkit-mask-image:radial-gradient(70% 60% at 50% 35%,#000,transparent);mask-image:radial-gradient(70% 60% at 50% 35%,#000,transparent)}
.half>*{z-index:1}
.half{isolation:isolate}
.art{-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
/* блок За нас на началната */
.abt{display:grid;grid-template-columns:7fr 5fr;gap:clamp(36px,6vw,96px);align-items:center}
.eyebrow{font:600 13px Oswald,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#8a6a00;display:flex;align-items:center;gap:12px;margin-bottom:16px}
.eyebrow::before{content:"";width:34px;height:3px;background:var(--y)}
.abt-lead{margin-top:26px;font:500 clamp(20px,1.9vw,26px)/1.45 Onest,sans-serif;color:#1d1f21;max-width:34ch}
.abt-body{margin-top:14px;font-size:17px;color:#55524b;max-width:52ch}
.vals{list-style:none;display:flex;flex-wrap:wrap;margin:34px 0 34px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.vals li{flex:1 1 150px;padding:18px 20px 18px 0}
.vals li+li{padding-left:20px;border-left:1px solid var(--line)}
.vals b{display:block;font:700 22px Oswald,sans-serif;text-transform:uppercase;color:var(--ink)}
.vals span{display:block;font-size:14px;color:#6a675f;margin-top:2px}
.abt-img{position:relative;margin:0}
.abt-img::before{content:"";position:absolute;inset:22px -22px -22px 22px;background:var(--y);border-radius:4px;z-index:0}
.abt-img .ph,.abt-img picture{position:relative;z-index:1;display:block;aspect-ratio:3/4;border-radius:4px;overflow:hidden}
.abt-img picture{position:absolute;inset:0}
.abt-img img{width:100%;height:100%;object-fit:cover;display:block}
.abt-img .ph{background:radial-gradient(70% 50% at 50% 45%,rgba(255,196,0,.12),transparent 70%),linear-gradient(180deg,#24282c,#16181b);display:flex;align-items:center;justify-content:center}
.phart{width:92%}
.phart *{animation-play-state:paused!important}
@media (max-width:860px){.abt{grid-template-columns:1fr}.abt-img{max-width:440px;margin-right:22px}.vals li{flex-basis:100%;padding-left:0!important;border-left:0!important}.vals li+li{border-top:1px solid var(--line)}}
.spec{display:flex;flex-wrap:wrap;gap:0;margin:28px 0 4px;border:1px solid var(--line);border-radius:4px;width:fit-content;max-width:100%}
.spec div{padding:14px 24px}
.spec div+div{border-left:1px solid var(--line)}
.spec b{display:block;font:700 clamp(28px,3vw,40px)/1 Oswald,sans-serif;color:var(--y)}
.spec span{display:block;font-size:13px;color:var(--mut);margin-top:4px}
.light .spec b{color:var(--ink)}
.spec.sm{margin:22px 0 0}.spec.sm div{padding:10px 18px}.spec.sm b{font-size:28px}
@media (max-width:480px){.spec div{padding:12px 16px}}
/* форми и контакти на светъл фон */
.light input,.light select,.light textarea{background:#fff;color:var(--ink);border-color:#d3d0c6}
.light input::placeholder,.light textarea::placeholder{color:#8f8b82}
.light label{color:#5a574f}
.light .chk a{color:var(--ink);text-decoration-color:var(--y);text-decoration-thickness:2px}
.light .bigtel{color:var(--ink);text-decoration:underline;text-decoration-color:var(--y);text-decoration-thickness:5px;text-underline-offset:8px}
.light .navlbl{color:#7a766d}
.light .fmsg.ok{color:#2f7d23}.light .fmsg.err{color:#b8321f}
.light .loc{border-color:#dcd9d0;box-shadow:0 1px 0 rgba(0,0,0,.03)}
.light .bigtel{margin-bottom:22px}
/* картите с адресите остават тъмни и в светла секция */
.light .loc{--ink:#f1eee8;--mut:#a3a098;--line:#33383d;background:var(--g8);border-color:#33383d;color:#f1eee8;box-shadow:none}
.light .loc h3{color:#f1eee8}
.light .loc p{color:#c9c5bd}
.light .loc .navlbl{color:#a3a098}
.light .loc .navbtn{background:var(--g6);color:#f1eee8}
.light .loc .navbtn:hover{background:#3a4046}
.light .loc .pin{stroke:var(--y)}
.stimg{margin:0 0 22px;aspect-ratio:4/3;border-radius:4px;overflow:hidden;background:var(--g7)}
.stimg img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9) contrast(1.05);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.steps li:hover .stimg img{transform:scale(1.04)}
.steps li{padding-top:32px}
.steps{border-top:0;margin-inline:-28px}
.steps li,.steps li+li{padding:32px 28px 8px}
.steps li{border-top:1px solid var(--line)}
@media (max-width:860px){.steps{margin-inline:0}.steps li,.steps li+li{padding:28px 0 8px}}
/* илюстрации в Как работим */
.stimg{background:radial-gradient(60% 55% at 50% 45%,rgba(255,196,0,.10),transparent 72%),linear-gradient(180deg,#24282c,#17191c);display:flex;align-items:center;justify-content:center}
.sart{width:100%;height:100%;display:block}
.sart g,.sart path,.sart circle,.sart rect,.sart ellipse{transform-box:view-box}
.s1 .phone{transform-origin:160px 118px;animation:shake 2.4s ease-in-out infinite}
@keyframes shake{0%,40%,100%{transform:rotate(0)}5%,15%,25%{transform:rotate(-4deg)}10%,20%,30%{transform:rotate(4deg)}35%{transform:rotate(0)}}
.s1 .w1,.s1 .w2{opacity:0;animation:wave 2.4s ease-out infinite}
.s1 .w2{animation-delay:.2s}
@keyframes wave{0%{opacity:0}8%{opacity:1}35%{opacity:0}100%{opacity:0}}
.s1 .ring{transform-origin:160px 122px;animation:ring 1.2s ease-out infinite}
@keyframes ring{0%{transform:scale(1);opacity:.35}100%{transform:scale(1.9);opacity:0}}
.s2 .route{stroke-dashoffset:0;animation:route 1.4s linear infinite}
@keyframes route{to{stroke-dashoffset:-30}}
.s2 .pin{transform-origin:232px 70px;animation:pin 2.6s cubic-bezier(.3,.7,.3,1) infinite}
@keyframes pin{0%{transform:translateY(-40px);opacity:0}18%{transform:translateY(0);opacity:1}24%{transform:translateY(-8px)}30%,100%{transform:translateY(0);opacity:1}}
.s2 .pulse{transform-origin:232px 70px;opacity:0;animation:pulse 2.6s ease-out infinite}
@keyframes pulse{0%,18%{transform:scale(.4);opacity:0}22%{opacity:.9}60%,100%{transform:scale(2.6);opacity:0}}
.s2 .pshadow{transform-origin:232px 70px;animation:pshadow 2.6s cubic-bezier(.3,.7,.3,1) infinite}
@keyframes pshadow{0%{transform:scale(.3);opacity:0}18%,100%{transform:scale(1);opacity:.5}}
.s3 .wh{animation:spin .8s linear infinite}
.s3 .road{animation:road3 .5s linear infinite}
@keyframes road3{to{stroke-dashoffset:-36}}
.s3 .body{animation:bob .45s ease-in-out infinite alternate}
.s3 .lamp{animation:lamp .9s steps(2) infinite}
.s3 .glow{transform-origin:64px 80px;animation:glow .9s steps(2) infinite}
/* страница За нас */
.aph-g{display:grid;grid-template-columns:1fr 440px;gap:clamp(32px,5vw,72px);align-items:end}
.aph-img{margin:0;aspect-ratio:4/3;border-radius:4px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.aph-img img,.gal img{width:100%;height:100%;object-fit:cover;display:block}
.slogan{font:600 clamp(22px,2.2vw,30px)/1.3 Oswald,sans-serif!important;text-transform:uppercase;color:var(--ink)!important;margin-top:34px!important;padding-left:18px;border-left:4px solid var(--y)}
.gal{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:260px 260px;gap:14px;margin-top:40px}
.gal figure{position:relative;margin:0;border-radius:4px;overflow:hidden;background:var(--g7)}
.gal .g1{grid-row:span 2}
.gal .g4{grid-column:span 2}
.gal img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.gal figure:hover img{transform:scale(1.04)}
.gal figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 16px 12px;background:linear-gradient(transparent,rgba(0,0,0,.75));font:600 15px Oswald,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:#fff}
@media (max-width:980px){.aph-g{grid-template-columns:1fr}.aph-img{max-width:560px}}
@media (max-width:760px){.gal{grid-template-columns:1fr 1fr;grid-template-rows:auto}.gal figure{aspect-ratio:3/4}.gal .g1{grid-row:auto}.gal .g4{grid-column:span 2;aspect-ratio:4/3}}
.abt-img.solo picture{position:relative;inset:auto}
.abt .prose p{font-size:18px;line-height:1.7}.abt .prose p:first-child{font:500 clamp(20px,1.8vw,24px)/1.5 Onest,sans-serif;color:#1d1f21}
.lst.row3{display:grid;grid-template-columns:repeat(3,1fr);margin-top:56px;border-top:0}
.lst.row3 a{border:1px solid var(--line);border-radius:4px;padding:22px 20px;margin:0}
.lst.row3 a+a{margin-left:-1px}
.lst.row3 a:hover{padding-left:20px;border-color:var(--y)}
@media (max-width:860px){.lst.row3{grid-template-columns:1fr}.lst.row3 a+a{margin:-1px 0 0}}
/* За нас — йерархия на текста */
.abt:has(.zn){align-items:start}
.abt:has(.zn) .abt-img{position:sticky;top:110px}
.zn-lead{margin-top:24px;font:500 clamp(20px,1.8vw,25px)/1.5 Onest,sans-serif;color:#1d1f21}
.zn-two{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:40px;padding-top:32px;border-top:1px solid var(--line)}
.zn h3{font:700 22px/1.15 Oswald,sans-serif;text-transform:uppercase;color:var(--ink);display:flex;align-items:center;gap:10px}
.zn h3::before{content:"";width:10px;height:10px;background:var(--y);flex:none}
.zn-two p,.zn-bel p{margin-top:12px;font-size:16px;line-height:1.65;color:#46443f}
.zn-two .go{margin-top:16px}
.zn-bel{margin-top:36px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:4px}
.zn-bel .vals{margin:22px 0 0;border-bottom:0}
.zn-bel .vals li{padding-top:14px;padding-bottom:0}
.zn-bel .vals b{font-size:19px}
.zn .slogan{margin-top:40px!important}
@media (max-width:860px){.zn-two{grid-template-columns:1fr}.abt:has(.zn) .abt-img{position:relative;top:auto}}
/* За нас — блок В какво вярваме */
.bel{display:grid;grid-template-columns:6fr 5fr;gap:clamp(32px,6vw,96px);align-items:center}
.bel .sub{font-size:18px;line-height:1.7;max-width:56ch}
.bel-v{list-style:none;border-top:1px solid var(--line)}
.bel-v li{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--line);font:700 clamp(26px,2.6vw,36px)/1.1 Oswald,sans-serif;text-transform:uppercase;color:var(--ink)}
.bel-v li::before{content:"";width:14px;height:14px;background:var(--y);flex:none}
.bel-s{margin-top:clamp(48px,6vw,80px)!important;max-width:none;font-size:clamp(24px,2.8vw,40px)!important}
@media (max-width:860px){.bel{grid-template-columns:1fr}}
.bel-sec{padding-top:0}.bel-sec .wrap{border-top:1px solid var(--line);padding-top:clamp(56px,7vw,100px)}
/* За нас — карта на България */
.mhead{padding-bottom:clamp(40px,5vw,64px)}
.mhead-g{display:grid;grid-template-columns:1fr minmax(300px,560px);gap:clamp(24px,4vw,64px);align-items:center}
.mapbox{position:relative}
.bgmap{width:100%;height:auto;display:block;overflow:visible}
.bgmap *{transform-box:view-box}
.m-line{stroke-dasharray:1000;stroke-dashoffset:1000;animation:mdraw 2.2s cubic-bezier(.5,.1,.3,1) .2s forwards}
@keyframes mdraw{to{stroke-dashoffset:0}}
.m-fill,.m-dots{opacity:0;animation:mfade 1s ease 1.4s forwards}
@keyframes mfade{to{opacity:1}}
.m-hl{opacity:0;animation:mfade 1.2s ease 2.4s forwards}
.m-sof{opacity:0;animation:mfade .6s ease 1.9s forwards}
.m-pin{transform-origin:77.9px 225px;opacity:0;animation:mpin .9s cubic-bezier(.3,.7,.3,1.3) 2.3s forwards}
@keyframes mpin{0%{opacity:0;transform:translateY(-60px)}60%{opacity:1;transform:translateY(0)}78%{transform:translateY(-8px)}100%{opacity:1;transform:translateY(0)}}
.m-lbl{opacity:0;animation:mlbl .5s ease 3s forwards}
@keyframes mlbl{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}
.m-area{transform-origin:77.9px 225px;opacity:0;animation:marea 1s ease 3s forwards,mspin 18s linear 3s infinite}
@keyframes marea{from{opacity:0;transform:scale(.4)}to{opacity:.8;transform:scale(1)}}
@keyframes mspin{to{transform:rotate(360deg)}}
.m-pulse{transform-origin:77.9px 225px;opacity:0;animation:mpulse 2.4s ease-out 3.2s infinite}
.m-pulse.p2{animation-delay:4.4s}
@keyframes mpulse{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(5)}}
@media (max-width:860px){.mhead-g{grid-template-columns:1fr}.mapbox{max-width:520px}}
@media (prefers-reduced-motion:reduce){.m-line{stroke-dashoffset:0}.m-fill,.m-dots,.m-hl,.m-sof,.m-pin,.m-lbl,.m-area{opacity:1}}
.mhead h1{font-size:clamp(40px,5.2vw,80px);max-width:none}.mhead h1 em{white-space:nowrap}
.zn-two{grid-template-columns:1fr;gap:0}
.zn-two>div{padding:26px 0;border-bottom:1px solid var(--line)}
.zn-two>div:first-child{padding-top:0}
.mhead-g{grid-template-columns:minmax(0,5fr) minmax(320px,7fr);max-width:1400px}.mhead .wrap.mhead-g{width:min(1400px,100% - 2*clamp(16px,4vw,48px))}.mapbox{margin-right:-2%}
.mhead-g{grid-template-columns:minmax(0,1fr) minmax(320px,650px);max-width:none}.mhead .wrap.mhead-g{width:min(1300px,100% - 2*clamp(16px,4vw,48px))}.mapbox{margin-right:0}
.light .map iframe{filter:none}
/* Контакт — анимация (телефон + запитвания) */
.cmap{width:100%;height:auto;display:block}
.cmap *{transform-box:view-box}
.c-phone{transform-origin:160px 188px;animation:cshake 2.8s ease-in-out infinite}
@keyframes cshake{0%,40%,100%{transform:rotate(0)}5%,15%,25%{transform:rotate(-3deg)}10%,20%,30%{transform:rotate(3deg)}35%{transform:rotate(0)}}
.c-ring{transform-origin:160px 270px;animation:ring 1.3s ease-out infinite}
.cw1,.cw2{opacity:0;animation:wave 2.8s ease-out infinite}
.cw2{animation-delay:.2s}
.cb{opacity:0;animation:cbub 9s ease infinite}
.cb.b1{transform-origin:296px 66px}.cb.b2{transform-origin:296px 150px;animation-delay:.9s}.cb.b3{transform-origin:296px 234px;animation-delay:1.8s}.cb.b4{transform-origin:434px 316px;animation-delay:2.9s}
@keyframes cbub{0%{opacity:0;transform:translateY(14px) scale(.96)}6%{opacity:1;transform:translateY(0) scale(1)}72%{opacity:1;transform:none}80%,100%{opacity:0;transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){.cb{opacity:1}}
/* вътрешни страници — нова структура */
.pg-art .art{position:relative;top:auto;left:auto;transform:none;width:100%;opacity:1}
.mhead .spec{margin-top:24px}
.mhead .btns{margin-top:4px}
.cells{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}
.cell{position:relative;display:flex;flex-direction:column;background:var(--g7);border:1px solid var(--line);border-radius:6px;padding:26px 22px;min-height:168px;scroll-margin-top:100px;transition:border-color .25s,transform .25s,background .25s}
.cell:hover{border-color:var(--y);transform:translateY(-3px)}
.cell::after{content:"";position:absolute;right:16px;top:16px;width:8px;height:8px;background:var(--y);opacity:.85}
.cell h2{font:700 clamp(18px,1.5vw,21px)/1.15 Oswald,sans-serif;text-transform:uppercase;padding-right:16px}
.cell p{margin-top:10px;font-size:15px;line-height:1.5;color:#bdb9b1}
.cell.cta{background:var(--y);border-color:var(--y);color:var(--dk)}
.cell.cta::after{display:none}
.cell.cta p{color:#3a3216}
.cta-tel{margin-top:auto;padding-top:14px;font:700 22px Oswald,sans-serif}
.cell.cta:hover{background:var(--y2)}
.st4{grid-template-columns:repeat(4,1fr)}
.fq{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,6vw,96px);align-items:start}
.fq>div:first-child{position:sticky;top:110px}
.fq .btn{margin-top:24px}
.tell{list-style:none;margin-top:16px}
.tell li{position:relative;padding:12px 0 12px 30px;border-bottom:1px solid var(--line);color:#e6e2da}
.tell li::before{content:"";position:absolute;left:0;top:19px;width:14px;height:14px;border:2px solid var(--y);border-radius:3px}
@media (max-width:1100px){.cells{grid-template-columns:repeat(3,1fr)}.st4{grid-template-columns:1fr 1fr}}
@media (max-width:860px){.fq{grid-template-columns:1fr}.fq>div:first-child{position:static}.st4{grid-template-columns:1fr}}
@media (max-width:760px){.cells{grid-template-columns:1fr 1fr}.cell{min-height:0;padding:20px 16px}}
@media (max-width:440px){.cells{grid-template-columns:1fr}}
/* За нас: картата е видима от началото, анимира се само пинът */
.m-line{stroke-dasharray:none;stroke-dashoffset:0;animation:none}
.m-fill,.m-dots,.m-sof{opacity:1;animation:none}
.m-hl{opacity:0;animation:mfade .8s ease .2s forwards}
.m-pin{animation-delay:.3s}
.m-lbl{animation-delay:1s}
.m-area{animation-delay:1s,1s}
.m-pulse{animation-delay:1.2s}.m-pulse.p2{animation-delay:2.4s}
/* hero вариант със снимки */
.half.ph{background:#0d0e10;justify-content:flex-end}
.half.ph::before,.half.ph::after{display:none}
.hph{position:absolute;inset:0;z-index:0!important}
.hph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.half.ph:hover .hph img{transform:scale(1.04)}
.half.ph .hph::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,11,12,.95) 0%,rgba(10,11,12,.65) 34%,rgba(10,11,12,.1) 64%,transparent 80%),linear-gradient(90deg,rgba(10,11,12,.55),transparent 60%)}
.half.ph>*:not(.hph){position:relative;z-index:2}
@media (max-width:760px){.half.ph{min-height:420px;justify-content:flex-end;padding-top:200px}}
/* начална: услугите излизат една по една */
.lst.anim a{opacity:0;transform:translateX(-28px);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1),background .25s,padding .25s}
.lst.anim a.in{opacity:1;transform:none}
.two.rev .lst.anim a{transform:translateX(28px)}
.two.rev .lst.anim a.in{transform:none}
/* ден ↔ нощ до надписа (в стила на илюстрациите) */
.hero .h1{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 .5em}
.dn{width:58px;height:29px;margin-left:12px;flex:none}
.dn *{transform-box:view-box}
.dn-sun{animation:dnSun 4.5s ease-in-out infinite}
.dn-moon{animation:dnMoon 4.5s ease-in-out infinite}
.dn-day{animation:dnDay 4.5s ease-in-out infinite}
.dn-stars{animation:dnStars 4.5s ease-in-out infinite}
@keyframes dnSun{0%,38%{transform:translateY(0)}52%,86%{transform:translateY(40px)}100%{transform:translateY(0)}}
@keyframes dnMoon{0%,38%{transform:translateY(40px)}52%,86%{transform:translateY(0)}100%{transform:translateY(40px)}}
@keyframes dnDay{0%,38%{opacity:1}52%,86%{opacity:0}100%{opacity:1}}
@keyframes dnStars{0%,40%{opacity:0}55%,84%{opacity:1}96%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.dn *{animation:none!important}}
.gal{grid-template-rows:260px 260px 260px}
.gal .g5{grid-column:span 2}
@media (max-width:760px){.gal{grid-template-rows:auto}.gal .g5{grid-column:span 2;aspect-ratio:4/3}}
/* начална, блок „от една фирма“ — две снимки се сменят */
.abt-img .sl{position:absolute;inset:0;z-index:2;border-radius:4px;overflow:hidden}
.abt-img .sl img{animation:kb 5s ease-in-out infinite alternate}
.abt-img .s-b{z-index:3;opacity:0;animation:slB 5s ease-in-out infinite}
@keyframes slB{0%,42%{opacity:0}50%,92%{opacity:1}100%{opacity:0}}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.06)}}
.sl-tag{position:absolute;left:16px;bottom:16px;z-index:4;background:var(--y);color:var(--dk);font:700 14px Oswald,sans-serif;letter-spacing:.08em;text-transform:uppercase;padding:7px 12px;border-radius:3px}
.sl-tag.t-a{animation:tA 5s ease-in-out infinite}
.sl-tag.t-b{opacity:0;animation:tB 5s ease-in-out infinite}
@keyframes tA{0%,40%{opacity:1}44%,96%{opacity:0}100%{opacity:1}}
@keyframes tB{0%,46%{opacity:0}50%,90%{opacity:1}94%,100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.abt-img .sl img,.abt-img .s-b,.sl-tag{animation:none}}
.abt-img.solo.duo .s-b{position:absolute;inset:0}
.fq-img{margin:22px 0 6px;aspect-ratio:16/10;border-radius:4px;overflow:hidden}.fq-img img{width:100%;height:100%;object-fit:cover;display:block}
/* ден ↔ нощ на целия фон на лентата с H1 */
.dnstrip{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}
.dnbg{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.dnbg *{transform-box:view-box}
.dnstrip .h1{position:relative;z-index:1;color:#d6d2ca;text-shadow:0 1px 8px rgba(0,0,0,.55)}
.dnstrip+.split{border-top:0}
.db-day{animation:dbDay 12s ease-in-out infinite}
.db-stars{animation:dbStars 12s ease-in-out infinite}
.db-stars circle:nth-child(odd){animation:tw 1.6s ease-in-out infinite alternate}
@keyframes tw{to{opacity:.35}}
.db-sun{animation:dbSun 12s linear infinite}
.db-moon{animation:dbMoon 12s linear infinite}
@keyframes dbDay{0%,40%{opacity:1}52%,90%{opacity:0}100%{opacity:1}}
@keyframes dbStars{0%,44%{opacity:0}56%,88%{opacity:1}98%,100%{opacity:0}}
@keyframes dbSun{0%{transform:translate(0,34px);opacity:0}3%{opacity:1}12%{transform:translate(300px,-8px)}24%{transform:translate(700px,-16px)}36%{transform:translate(1100px,-8px)}46%{transform:translate(1400px,34px);opacity:1}47%,100%{transform:translate(1400px,34px);opacity:0}}
@keyframes dbMoon{0%,49%{transform:translate(0,36px);opacity:0}52%{opacity:1}62%{transform:translate(300px,-6px)}74%{transform:translate(700px,-14px)}86%{transform:translate(1100px,-6px)}96%{transform:translate(1400px,36px);opacity:1}97%,100%{transform:translate(1400px,36px);opacity:0}}
@media (prefers-reduced-motion:reduce){.dnbg *{animation:none!important}.db-moon,.db-stars{opacity:0}}
.spec.words b{font-size:clamp(20px,1.7vw,26px)}.spec.words div{padding:14px 18px}
.sec{overflow-x:clip}
/* hero на вътрешните страници — светлина, зърно, детайл */
.phead{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(45% 75% at 78% 50%,rgba(255,196,0,.11),transparent 72%),radial-gradient(60% 90% at 0% 100%,rgba(0,0,0,.38),transparent 62%),radial-gradient(50% 60% at 15% 0%,rgba(255,255,255,.035),transparent 70%),linear-gradient(180deg,#22262b 0%,#16181b 100%)}
.phead::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.phead::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:radial-gradient(55% 80% at 80% 50%,#000,transparent);mask-image:radial-gradient(55% 80% at 80% 50%,#000,transparent)}
.phead>.wrap{position:relative;z-index:1}