@font-face{font-family:Manrope;src:url('assets/manrope-cyrillic.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Manrope;src:url('assets/manrope-latin.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{font-family:Manrope,Arial,sans-serif;--paper:#f7f7f3;--accent:#da3028;--muted:#60655f;--line:#dedfd7}
body{line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}a,button,summary{touch-action:manipulation}
.topbar{background:rgba(247,247,243,.92);backdrop-filter:blur(18px);transition:box-shadow .3s}.topbar.is-scrolled{box-shadow:0 5px 25px #1b211409}.nav{height:84px;gap:26px}.brand img{width:205px}.navlinks{gap:24px;font-weight:600}.navlinks a{position:relative}.navlinks a:after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s}.navlinks a:hover{text-decoration:none}.navlinks a:hover:after{transform:scaleX(1)}
.hero{padding-top:50px}.hero h1{font-size:clamp(45px,4.4vw,68px);font-weight:800;letter-spacing:-.055em;line-height:1.11}.hero h1 .cityline{font-weight:700;font-size:.61em;margin-top:20px;letter-spacing:-.035em}.hero-lead{font-size:17px;line-height:1.8}.hero-layout{gap:56px;grid-template-columns:1.04fr 1fr}.hero-top{margin-bottom:34px}.hero-photo{height:510px;border-radius:16px 16px 60px 16px}.hero-photo img{transition:transform 1s cubic-bezier(.2,.7,.2,1)}.hero-photo:hover img{transform:scale(1.025)}.hero-photo figcaption{padding:60px 28px 27px;font-size:13px}.hero-note{line-height:1.7;font-size:12px}.hero-strip{border-bottom:0}.strip-num{font-size:13px;font-weight:700}.strip-item{padding-top:28px;padding-bottom:30px}.strip-item p{line-height:1.6}
.btn{border-radius:8px;min-height:58px;padding:17px 24px;box-shadow:0 5px 18px #da302818;transition:background .25s,transform .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 24px #da302830}.arrow{transition:transform .25s}.btn:hover .arrow{transform:translate(2px,-2px)}.textlink{font-weight:600;line-height:1.8;text-decoration-thickness:1px;transition:color .2s}.textlink:hover{color:var(--accent)}
.section{padding:96px 0}.sectionhead{margin:22px 0 44px}h2{font-weight:750;line-height:1.16;letter-spacing:-.045em}.eyebrow{font-size:11px;letter-spacing:.13em}.sectionhead p{line-height:1.8}.product{border-radius:14px;padding:30px;min-height:290px;transition:transform .3s,border-color .3s,box-shadow .3s}.product:hover{transform:translateY(-5px);border-color:#d3a49d;box-shadow:0 16px 35px #17201808}.product h3{font-size:24px;font-weight:750;line-height:1.3}.product p{line-height:1.8}.product a{padding:8px 0;line-height:1.6}.product span{letter-spacing:.04em}.product-tags{font-size:12px;color:#656a64;border-top:1px solid var(--line);padding-top:16px;margin-top:auto;margin-bottom:14px}
.about-band{padding:28px 0 12px}.about-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;background:#eceee7;border-radius:18px;padding:46px 48px}.about-card h2{font-size:34px;margin-top:16px;line-height:1.2}.about-copy p{font-size:16px;line-height:1.9;margin:0 0 17px;color:#4f554f}.about-copy p:last-child{margin-bottom:0}.about-copy strong{color:var(--ink);font-weight:700}
.portfolio{background:#1e2523}.project img{border-radius:10px;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.project-open{border:0;display:block;position:relative;background:none;padding:0;width:100%;overflow:hidden;border-radius:10px;cursor:zoom-in;color:white}.project-open:after{content:'Смотреть проект ↗';position:absolute;bottom:16px;right:16px;padding:9px 13px;background:#151c20ba;backdrop-filter:blur(6px);border:1px solid #ffffff30;border-radius:7px;font-size:11px;opacity:0;transform:translateY(6px);transition:opacity .25s,transform .25s}.project-open:hover img{transform:scale(1.045)}.project-open:hover:after,.project-open:focus-visible:after{opacity:1;transform:none}.project figcaption{padding-top:18px;font-weight:600;align-items:baseline}.project small{font-weight:400}.gallery-note{line-height:1.8}.step h3{line-height:1.35;font-weight:700}.step p{line-height:1.85}.delivery-list li{padding:23px 0;font-size:15px;line-height:1.7}.delivery h2{font-size:40px}.delivery p{line-height:1.9}
.quote-section{background:#eaece4}.quote-copy p{line-height:1.85}.form-box{border-radius:17px;box-shadow:0 15px 45px #1a28180a;overflow:hidden}.form-box .b24-form{font-family:Manrope,Arial,sans-serif!important}.form-box .b24-form-header-title{font-family:Manrope,Arial,sans-serif!important;font-size:25px!important;line-height:1.3!important}.form-fallback{font-size:13px;line-height:1.85}.form-confirmation{border-radius:12px}.quote-checklist{padding:0;list-style:none;margin:24px 0}.quote-checklist li{padding:9px 0 9px 26px;position:relative;font-size:14px;color:#4f554f}.quote-checklist li:before{content:'✓';position:absolute;left:0;color:var(--accent);font-weight:800}.quote-contact{font-size:25px;font-weight:750}.quote-contact small{line-height:1.6}
.faq summary{font-size:17px;font-weight:600;line-height:1.6}.faq details p{line-height:1.9}.faq details[open] p{animation:faq-in .3s ease both}.faq summary:after{transition:transform .3s}.footer p{line-height:1.85}.cookie-banner{left:auto;right:22px;border-radius:12px;box-shadow:0 12px 40px #16231317}.cookie-actions button{border-radius:6px}.mobilebar a{border-radius:8px}.lightbox{width:min(1100px,94vw);max-height:92dvh;border:0;border-radius:16px;background:#1b211f;color:white;padding:18px;overflow:auto}.lightbox::backdrop{background:#0a0e0ed9;backdrop-filter:blur(8px)}.lightbox img{width:100%;max-height:72dvh;object-fit:contain;border-radius:8px}.lightbox p{margin:14px 4px 0;font-size:14px}.lightbox-close{display:block;margin:0 0 14px auto;padding:9px 16px;background:#ffffff18;border:1px solid #ffffff40;color:white;border-radius:7px}.lightbox-close:hover{background:#ffffff30}
.reveal{opacity:0;transform:translateY(23px);transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}.reveal.is-visible{opacity:1;transform:none}.reveal:focus-within{opacity:1;transform:none}.hero-layout>div{animation:hero-in .85s cubic-bezier(.16,1,.3,1) both}.hero-photo{animation:hero-in 1s .1s cubic-bezier(.16,1,.3,1) both}@keyframes hero-in{from{opacity:.15;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes faq-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.nav{gap:20px}.brand img{width:175px}.navlinks{gap:16px}.hero-layout{gap:30px}.hero h1{font-size:49px}.hero-photo{height:460px}.hero-lead{font-size:16px}.about-card{gap:35px;padding:36px}.about-card h2{font-size:30px}.product{padding:24px}}
@media(max-width:820px){.nav{height:75px}.brand img{width:155px}.hero-layout{grid-template-columns:1fr}.hero h1{font-size:59px}.hero h1 .cityline{font-size:.62em}.hero-photo{height:410px}.about-card{grid-template-columns:1fr;gap:24px}.about-card h2 br{display:none}.section{padding:70px 0}.hero-top{margin-bottom:25px}.quote-contact{font-size:24px}}
@media(max-width:540px){.nav{height:68px;gap:10px}.brand img{width:136px}.city{font-size:11px}.hero{padding-top:29px}.hero h1{font-size:clamp(37px,10.7vw,51px);line-height:1.13;letter-spacing:-.05em;margin-bottom:24px}.hero h1 .cityline{font-size:.59em;line-height:1.35;margin-top:16px;letter-spacing:-.03em}.hero-lead{font-size:15px;line-height:1.85}.hero-layout{gap:28px}.hero-photo{height:315px;border-radius:12px 12px 38px 12px}.hero-top .eyebrow{font-size:9px;letter-spacing:.11em}.hero-photo figcaption{padding:45px 20px 21px;font-size:12px}.hero-note{font-size:11px}.strip-item,.strip-item:first-child{padding:19px 0}.section{padding:55px 0}h2{font-size:34px}.about-band{padding-top:20px}.about-card{padding:27px 23px;gap:20px;border-radius:14px}.about-card h2{font-size:29px;line-height:1.3}.about-copy p{font-size:14px;line-height:1.9}.product{padding:27px;min-height:0}.product h3{font-size:24px}.product p{font-size:14px}.product-tags{margin-top:5px}.project-open:after{opacity:1;transform:none;font-size:10px;right:12px;bottom:12px}.project img{height:270px}.project figcaption{font-size:14px}.sectionhead p{font-size:14px}.step h3{font-size:18px}.step p{font-size:13px}.delivery h2{font-size:32px}.quote-copy p{font-size:15px}.quote-contact{font-size:23px}.form-box{padding:4px;border-radius:13px}.form-box .b24-form-header-title{font-size:22px!important}.faq summary{font-size:15px}.faq details p{font-size:14px}.cookie-banner{left:12px;right:12px;bottom:84px}.cookie-actions{gap:6px}.cookie-actions button{padding:11px 9px;font-size:10px}.footer{padding-bottom:110px}.lightbox{padding:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
