:root{--yellow:#ffd500;--black:#080909;--panel:#111313;--text:#f7f7f7;--muted:#a9aaaa;--light:#f1f1f1;--max:1420px;--head:"Oswald",Impact,sans-serif;--body:"Roboto",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);font-family:var(--body);background:#080909;margin:0;line-height:1.5}img{object-fit:cover;width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.header{z-index:50;background:#050606f5;border-bottom:1px solid #202222;align-items:center;gap:30px;height:88px;padding:0 3%;display:flex;position:sticky;top:0}.logo{letter-spacing:1px;white-space:nowrap;font-size:34px;font-weight:800}.logo span,.accent,em{color:var(--yellow);font-style:normal}.nav{justify-content:center;align-items:stretch;gap:29px;height:100%;margin:auto;display:flex}.nav a{white-space:nowrap;place-items:center;font-size:13px;font-weight:500;display:grid;position:relative}.nav a:after{content:"";background:var(--yellow);width:0;height:3px;transition:all .25s;position:absolute;bottom:0;left:50%}.nav a:hover:after,.nav a.active:after{width:100%;left:0}.header-contact{text-align:right;white-space:nowrap;line-height:1.2}.header-contact a{font-size:14px;font-weight:700}.header-contact small{color:#aaa;display:block}.button{background:var(--yellow);color:#080909;border:1px solid var(--yellow);text-transform:uppercase;letter-spacing:.3px;cursor:pointer;justify-content:center;align-items:center;gap:28px;padding:16px 25px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.button:hover{background:#ffe54f;transform:translateY(-2px)}.button-small{white-space:nowrap;padding:14px 23px}.button-ghost,.button-outline{color:#fff;background:0 0;border-color:#777}.button-outline{border-color:var(--yellow)}.menu-toggle{background:0;border:0;width:40px;height:40px;display:none}.menu-toggle span{background:#fff;height:2px;margin:8px 0;display:block}.hero{background-color:#101111;background-position:50%;background-size:cover;align-items:center;min-height:570px;display:flex;position:relative;overflow:hidden}.hero:after{content:"";background:linear-gradient(90deg,#000000f7 0%,#000000b8 37%,#0000000a 80%);position:absolute;inset:0}.hero-home{background-image:url(/assets/images/%D0%BF%D0%B5%D1%87%D0%B0%D1%82%D1%8C.png);background-position:50%;min-height:680px}.hero-content{z-index:2;position:relative}.eyebrow{text-transform:uppercase;color:var(--yellow);letter-spacing:2px;font-size:12px;font-weight:700}.hero h1,.section h2,.why h2,.process h2,.faq h2,.contact h2,.portfolio h2{font:600 clamp(44px,6vw,88px)/.98 var(--head);text-transform:uppercase;letter-spacing:-1px;margin:16px 0 25px}.hero-lead{color:#e4e4e4;max-width:620px;font-size:19px}.actions{gap:16px;margin-top:36px;display:flex}.hero-note{z-index:2;color:#ff263b;text-transform:uppercase;font:600 27px/1.2 var(--body);position:absolute;top:145px;left:55%}.benefit-strip{min-height:120px;padding:0 max(5%,calc((100% - var(--max))/2));background:linear-gradient(110deg,#0b0c0c,#272929);border-top:1px solid #444;grid-template-columns:repeat(3,1fr);display:grid}.benefit-strip>div{border-right:1px solid #444;align-items:center;gap:22px;padding:25px 45px;display:flex}.benefit-strip>div:last-child{border:0}.benefit-strip i,.advantages i{color:var(--yellow);font-size:42px;font-style:normal}.benefit-strip b,.benefit-strip span{display:block}.benefit-strip b{text-transform:uppercase}.benefit-strip span{color:#ccc;font-size:14px}.section{background:var(--light);color:#090909;padding:70px 0}.section h2,.process h2,.faq h2{font-size:38px}.center{text-align:center}.service-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px;display:grid}.service-card{background:#fff;transition:all .25s;overflow:hidden}.service-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0002}.service-card img{height:220px}.service-card>div{padding:20px}.service-card h3{font:500 22px/1.15 var(--head);margin:0 0 10px}.service-card p{color:#777;margin:0;font-size:13px}.why{background:linear-gradient(100deg,#0b0c0c,#1b1d1d);padding:75px 0}.why-grid{grid-template-columns:.8fr 2fr;gap:80px;display:grid}.why h2{font-size:46px}.why>p,.why-grid>div>p{color:#ccc;max-width:380px}.advantages{grid-template-columns:repeat(2,1fr);gap:35px 50px;display:grid}.advantages article{gap:20px;display:flex}.advantages h3{text-transform:uppercase;margin:0 0 5px;font-size:15px}.advantages p{color:#ccc;margin:0;font-size:13px}.projects{background:#fff}.section-head{justify-content:space-between;align-items:end;display:flex}.section-head h2{margin:0}.section-head a{text-transform:uppercase;font-size:12px}.project-grid,.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px;display:grid}.project-card,.portfolio-card{background:#fff}.project-card img{height:260px}.project-card div,.portfolio-card div{padding:18px}.project-card b,.project-card span,.portfolio-card b,.portfolio-card span{display:block}.project-card span,.portfolio-card span{color:#666;margin-top:7px;font-size:13px}.contact{background:linear-gradient(90deg,#030303f0,#030303cc),url(/assets/images/%D1%81%D0%B2%D1%8F%D0%B6%D0%B8%D1%82%D0%B5%D1%81%D1%8C%20%D1%81%20%D0%BD%D0%B0%D0%BC%D0%B8.png) 50%/cover;padding:85px 0}.contact-grid{grid-template-columns:1fr 1fr;gap:100px;display:grid}.contact h2{font-size:50px}.contact-lines{flex-direction:column;gap:14px;margin-top:35px;font-weight:700;display:flex}.contact-form{gap:16px;display:grid}.contact-form label span{color:#aaa;text-transform:uppercase;margin-bottom:5px;font-size:12px;display:block}.contact-form input,.contact-form textarea{color:#fff;background:0 0;border:0;border-bottom:1px solid #888;outline:0;width:100%;padding:10px 0}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--yellow)}.contact-form .button{justify-self:start}.form-status{color:var(--yellow);margin:0}.footer{color:#aaa;border-top:1px solid #333;justify-content:space-between;align-items:center;min-height:140px;padding:30px 5%;display:flex}.footer .logo{color:#fff}.hero-inner{background-image:url(/assets/images/%D0%BF%D0%B5%D1%87%D0%B0%D1%82%D1%8C.png);min-height:370px}.hero-inner h1,.hero-portfolio h1{font-size:72px}.breadcrumbs{color:#aaa;font-size:12px}.breadcrumbs a:hover{color:var(--yellow)}.service-band{color:#090909;background:#eee;padding:0 0 50px}.service-grid.services-grid{z-index:3;grid-template-columns:repeat(5,1fr);gap:18px;margin-bottom:-35px;position:relative;top:-35px}.services-grid .service-card img{height:190px}.services-grid .service-card>div{min-height:190px}.services-grid .service-card i{color:#e3bc00;font-size:25px;font-style:normal}.process,.faq{background:#101212;padding:65px 0}.steps{grid-template-columns:repeat(4,1fr);gap:45px;display:grid}.steps article{border-top:1px dashed #666;padding-top:24px;position:relative}.steps b{color:var(--yellow);font-size:20px}.steps h3{text-transform:uppercase;font-size:15px}.steps p{color:#aaa;font-size:13px}.faq{background:#121414;border-top:1px solid #333}.faq-grid{grid-template-columns:1fr 1fr;gap:12px 24px;display:grid}.faq details{border:1px solid #454545;padding:13px 16px}.faq summary{cursor:pointer;list-style:none}.faq summary:after{content:"+";float:right;font-size:21px}.faq details[open] summary:after{content:"−"}.faq details p{color:#aaa;font-size:13px}.portfolio-main{background:#080909}.hero-portfolio{background-image:url(/assets/images/%D0%BF%D0%B5%D1%87%D0%B0%D1%82%D1%8C.png);background-position:50%;min-height:440px}.hero-portfolio .accent span{color:#fff}.portfolio{padding:30px 0 70px}.filters{border-bottom:1px solid #333;flex-wrap:wrap;gap:10px 36px;padding-bottom:20px;display:flex}.filters button{color:#ddd;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #0000;padding:10px 14px;font-size:12px}.filters button:hover,.filters button.active{color:var(--yellow);border-color:var(--yellow)}.portfolio-card{background:linear-gradient(120deg,#202222,#111);transition:all .25s}.portfolio-card:hover{transform:translateY(-4px)}.portfolio-card img{height:310px}.portfolio-card div{color:#fff}.portfolio-card span{color:#bbb}.portfolio-card.hidden,.extra{display:none}.extra.visible{display:block}.button-more{color:#fff;background:0 0;margin:30px auto 0;display:flex}.compact{padding:55px 0}.compact .advantages{grid-template-columns:repeat(2,1fr)}@media (width<=1200px){.header{gap:18px}.nav{gap:17px}.nav a{font-size:11px}.header-contact{display:none}.service-grid.services-grid{grid-template-columns:repeat(3,1fr)}.services-grid .service-card>div{min-height:150px}}@media (width<=850px){.container{width:min(100% - 34px,var(--max))}.header{height:70px;padding:0 18px}.menu-toggle{margin-left:auto;display:block}.nav{background:#090a0a;flex-direction:column;align-items:stretch;gap:0;height:auto;padding:20px;display:none;position:fixed;inset:70px 0 auto}.nav.open{display:flex}.nav a{padding:14px;font-size:14px;display:block}.header>.button{display:none}.hero-home{min-height:650px}.hero-note{display:none}.hero h1{font-size:52px}.benefit-strip{grid-template-columns:1fr;padding:15px}.benefit-strip>div{border-bottom:1px solid #444;border-right:0;padding:18px}.service-grid,.project-grid,.portfolio-grid{grid-template-columns:1fr 1fr}.why-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.steps{grid-template-columns:1fr 1fr}.advantages{gap:25px}.faq-grid{grid-template-columns:1fr}.footer{text-align:center;flex-direction:column}.portfolio-card img{height:240px}}@media (width<=560px){.logo{font-size:28px}.hero h1,.hero-inner h1,.hero-portfolio h1{font-size:43px}.hero-lead{font-size:16px}.actions{flex-direction:column;align-items:stretch}.benefit-strip i{font-size:30px}.service-grid,.project-grid,.portfolio-grid,.service-grid.services-grid,.steps,.advantages,.compact .advantages{grid-template-columns:1fr}.service-grid.services-grid{padding-top:20px;top:0}.service-card img,.services-grid .service-card img,.project-card img,.portfolio-card img{height:230px}.why h2,.contact h2{font-size:38px}.filters{gap:4px}.filters button{font-size:10px}.contact{padding:55px 0}.contact-grid{gap:25px}.footer{font-size:13px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}[data-page=services] .service-band{color:#090909;background:#050606}[data-page=services] .services-grid .service-card{box-shadow:0 12px 32px #0008}[data-page=services] .services-grid .service-card img{background:#050606}.hero-home h1{max-width:760px;font-size:clamp(42px,4.5vw,64px)}.advantages .advantage-number{color:var(--yellow);font:600 46px/.9 var(--head);flex:0 0 42px}.services-grid .service-card h3{margin-top:0}@media (width<=560px){.hero-home h1{font-size:clamp(36px,9vw,43px)}.advantages .advantage-number{font-size:42px}}[data-page=services] .process,[data-page=services] .faq{color:#101111;background:#f2f2f2}[data-page=services] .process{border-bottom:1px solid #d5d5d5}[data-page=services] .steps{gap:38px;margin-top:35px}[data-page=services] .steps article{border-top:0;min-height:150px;padding:4px 15px 0 66px;position:relative}[data-page=services] .step-icon{color:#c5a400;border:2px solid #e4bd00;border-radius:9px;place-items:center;width:46px;height:46px;display:grid;position:absolute;top:0;left:0}[data-page=services] .step-icon svg{width:27px;height:27px}[data-page=services] .steps article:not(:last-child):after{content:"";border-top:1px dashed #a59d71;position:absolute;top:17px;left:66px;right:-28px}[data-page=services] .steps b{z-index:1;color:#c6a500;background:#f2f2f2;padding-right:10px;font-size:19px;position:relative}[data-page=services] .steps h3{margin:22px 0 8px;font-size:14px}[data-page=services] .steps p{color:#5f6161;margin:0}[data-page=services] .faq{border-top:0}[data-page=services] .faq-grid{align-items:start}[data-page=services] .faq details{background:#fff;border-color:#c9c9c9}[data-page=services] .faq summary{color:#101111}[data-page=services] .faq details p{color:#656565}@media (width<=560px){[data-page=services] .steps article:not(:last-child):after{display:none}}.section-head>a{letter-spacing:.35px;font-size:16px;font-weight:700}.hero .button-ghost{transition:background-color .4s,border-color .4s,box-shadow .4s,transform .4s cubic-bezier(.22,1,.36,1)}.hero .button-ghost:hover{color:#fff;background:#ffffff17;border-color:#ffffffe6;transform:translateY(-2px);box-shadow:0 8px 28px #0000004d,inset 0 0 18px #ffffff0a}.button:not(.button-ghost):not(.button-outline):not(.button-more){background:linear-gradient(120deg,#ffe96a 0%,#ffd500 48%,#ffb900 100%) 0/170% 170%;transition:background-position .7s,transform .35s cubic-bezier(.22,1,.36,1),box-shadow .4s,filter .4s}.button:not(.button-ghost):not(.button-outline):not(.button-more):hover{color:#080909;filter:brightness(1.04);background:linear-gradient(120deg,#ffe96a 0%,#ffd500 48%,#ffb900 100%) 100%/170% 170%;box-shadow:0 10px 28px #ffc30045}.button-outline:hover,.button-more:hover{color:#fff;border-color:var(--yellow);background:#ffd50012;transform:translateY(-2px);box-shadow:0 8px 26px #ffd5001f,inset 0 0 18px #ffd50009}.brand-word{color:#fff;letter-spacing:1px;margin-top:12px;display:inline-block}.brand-word>span{color:var(--yellow)}.calculate-button{isolation:isolate;transition:background-position .7s,transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s,filter .4s;position:relative;overflow:hidden}.calculate-button>*{z-index:2;position:relative}.calculate-button b{opacity:.72;font-size:23px;font-weight:500;line-height:0;transition:opacity .55s;transform:translate(0)}.calculate-button:after{content:"";z-index:1;background:linear-gradient(90deg,#0000,#ffffffb3,#0000);width:34%;transition:transform 1.15s cubic-bezier(.22,.61,.36,1);position:absolute;inset:-70% auto -70% -45%;transform:rotate(18deg)translate(-180%)}.calculate-button:hover:after{transform:rotate(18deg)translate(600%)}.calculate-button:hover b{opacity:1;animation:1.6s ease-in-out infinite arrow-drift}@keyframes arrow-drift{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@media (width<=560px){.section-head>a{font-size:14px}.brand-word{margin-top:9px}}.services-preview .service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.projects .section-head{flex-wrap:wrap;align-items:center;gap:24px}.photo-preview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:30px;display:grid}.gallery-photo{background:#e6e6e6;display:block;overflow:hidden}.gallery-photo img{height:auto;transition:transform .35s}.gallery-photo:hover img{transform:scale(1.025)}.gallery-photo:focus-visible{outline-offset:4px;outline:3px solid #b18d00}.photo-preview-grid .gallery-photo img{aspect-ratio:3/4;object-fit:cover;height:100%}.gallery-grid{columns:3;column-gap:24px}.gallery-grid .gallery-photo{break-inside:avoid;margin-bottom:24px}@media (width<=850px){.photo-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid{columns:2;column-gap:16px}.gallery-grid .gallery-photo{margin-bottom:16px}}@media (width<=560px){.photo-preview-grid{grid-template-columns:1fr}.photo-preview-grid .gallery-photo img{aspect-ratio:auto;height:auto}.gallery-grid{columns:1}.gallery-section{padding:35px 0}.projects .section-head .button{font-size:13px}}@media (width<=850px){.services-preview .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.services-preview .service-grid{grid-template-columns:1fr}}.cookie-settings{background:var(--black);color:var(--muted);padding:0 5% 24px;font-size:13px}.cookie-settings button{color:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:8px 0;text-decoration:underline}.cookie-banner{z-index:100;width:min(960px,100% - 32px);max-height:calc(100dvh - 32px);color:var(--text);border:1px solid #56513a;border-top:3px solid var(--yellow);background:#151717;align-items:center;gap:28px;padding:26px;display:flex;position:fixed;bottom:24px;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 12px 48px #0009}.cookie-copy{flex:1;min-width:0}.cookie-copy h2{margin:0 0 8px;font-size:22px}.cookie-copy p{color:#ccc;margin:0;font-size:14px;line-height:1.6}.cookie-copy .cookie-current{color:var(--yellow);margin-top:8px}.cookie-actions{flex-wrap:wrap;gap:12px;display:flex}.cookie-actions .button{min-width:130px;padding:14px 18px}.cookie-settings button:focus-visible,.cookie-actions button:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}@media (width<=850px){.cookie-banner{flex-direction:column;align-items:stretch;gap:18px;padding:20px;bottom:16px}.cookie-actions .button{flex:1}}
