/* Current live Figma: uLxGGVxHi3svjxTOCPXiRp, Desktop1503 and Mobile390. */
.site-content{overflow:visible!important;min-height:0!important}.mobile-header-links{display:none;text-transform:uppercase}
@container(min-width:701px){.site-content>header{width:100vw;margin-left:calc(50% - 50vw)}.site-content header .desktop-header-logo{left:max(calc((100% - 1440px)/2 + 75.5px),5.24%)}.site-content header nav{left:max(calc((100% - 1440px)/2 + 412px),28.6111%);right:max(calc((100% - 1440px)/2 + 329px),22.8472%);font-size:clamp(16px,1.81712cqw,26.1665px)}}
.process-editorial{margin-top:100px;padding:40px 5.14% 90px}.process-editorial>.eyebrow{font-size:11px;margin-bottom:24px;color:#788369;letter-spacing:0}.process-heading{display:flex;justify-content:space-between;align-items:center;gap:40px}.process-heading h2{font-size:54px;line-height:1.15;letter-spacing:0}.process-heading>p{font-size:14px;color:#788369;max-width:300px;margin:0 16px 0 0;line-height:1.6}.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:58px}.process-step{border-top:1px solid #788369;padding-top:19px}.process-step>span{font-size:11px;color:#788369}.process-step h3{font-size:24px;line-height:1.5;font-weight:400;margin:20px 0 8px}.process-step p{font-size:14px;line-height:1.65;color:#788369;margin:0}.customer-reviews{padding:74px 8.33% 72px;background:#e9ece3}.customer-reviews h2{font-size:48px;line-height:1.3;letter-spacing:0}.customer-reviews h2 em{color:#5f6b52}.reviews-intro{font-size:16px;color:#565d4f;margin:10px 0 32px}.reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.reviews-grid blockquote{margin:0;padding:24px 26px;background:#f5f3ee;border:1px solid #354637;border-radius:2px;min-width:0}.reviews-grid p{font-size:15px;line-height:1.6;margin:0 0 14px}.reviews-grid cite{font-size:13px;font-style:normal;color:#697061;font-weight:600;line-height:1.5}.site-content>footer{margin-top:60px}
@container(max-width:700px){.site-content>header{width:100%;margin-left:0}.site-content header .brand-logo{width:231px;height:57px}.mobile-header-links{height:39px;display:flex;justify-content:space-between;align-items:flex-start;padding:7px 15px 0 38px;font:23.4624px/27px Arial,sans-serif;gap:10px;color:#b7afaf}.mobile-header-links a{padding:0;white-space:nowrap}.hero{padding-top:22px!important;height:982px!important}.hero-gallery{top:590px!important}.process-editorial{margin-top:64px;padding:40px 24px 64px}.process-editorial>.eyebrow{margin-bottom:24px;font-size:10px}.process-heading{display:block}.process-heading h2{font-size:39px;line-height:1.15}.process-heading>p{margin:22px 0 0;max-width:342px}.process-grid{grid-template-columns:1fr;gap:36px;margin-top:58px}.process-step h3{font-size:21px}.process-step p{max-width:none}.customer-reviews{padding:40px 24px}.customer-reviews h2{font-size:36px;line-height:1.2}.customer-reviews h2 em{display:block}.reviews-intro{font-size:14px;line-height:1.6;margin:20px 0 28px}.reviews-grid{grid-template-columns:1fr;gap:16px}.reviews-grid blockquote{padding:20px 22px}.site-content>footer{margin-top:50px}}
@container(max-width:370px){.mobile-header-links{padding-left:24px;padding-right:15px;font-size:20px}.site-content header .brand-logo{width:210px}}
@font-face{font-family:Museo Sans Cyrl;src:url('design/museo-sans-cyrl-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Calc Inter;src:url('design/inter-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Calc Inter;src:url('design/inter-bold.ttf') format('truetype');font-weight:600 900;font-display:swap}
.site-content header nav{position:absolute;left:28.61%;right:18.125%;justify-content:space-between;gap:0;margin:0}.mobile-footer-logo{display:none}
@container(max-width:700px){.footer-brand .brand-logo{display:none}.footer-brand .mobile-footer-logo{display:block;width:232px;height:64px;filter:brightness(0)}}
body{padding:0;background:#f5f3ee}html{scroll-padding-top:24px}.site-shell{max-width:1440px;width:100%;margin:auto;container-type:inline-size}.site-content{min-height:4899px;display:flex;flex-direction:column;overflow:clip}main{flex:1}header{height:114px;padding:0 18.2% 0 5.4%;border:0;background:#1a1919;position:relative;gap:0}header .brand-logo{width:232px;height:64px}header nav{display:flex;gap:6.5cqw;margin-left:auto;color:#fff;text-transform:uppercase;font-size:clamp(16px,2.28cqw,33px)}header nav button{color:inherit;background:none;text-transform:inherit;padding:12px 0;white-space:nowrap}header nav a{white-space:nowrap}header .brand{margin-right:7cqw}.contact-shortcuts{display:none}.viewport-tools{top:29px;right:max(5%,calc((100vw - 1440px)/2 + 72px));z-index:10}.device-button.active{background:#1a1919;color:#f1f0ec}
.hero{height:710px;padding:44px 5% 25px;display:grid;grid-template-columns:32.1% 67.2%;gap:0;align-items:start;position:relative}.hero-copy{position:relative;z-index:1}.hero-copy .eyebrow{font-size:15px;letter-spacing:2px;white-space:nowrap;margin:0 0 22px}.hero h1{font-size:73px;line-height:1.04;letter-spacing:-2px;margin:0 0 32px;font-weight:400}.hero h1 em{color:#758267;font-weight:400}.intro{font-size:18.89px;line-height:1.38;max-width:371px;margin:0}.local-signature{width:390px;max-width:96%;margin:17px 0 0 -18px}.local-signature img{width:100%;height:auto;display:block}.local-signature>div{display:flex;justify-content:space-between;font-size:11.8px;margin:6px 17px 0 4px}.hero-gallery{padding-top:14px;min-width:0}.hero-viewport{height:auto;aspect-ratio:871/586.55;border-radius:170px 0 0 0;position:relative;overflow:hidden;background:#e9ece3}.hero-viewport>img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.hero-open{top:15px;bottom:auto;right:9px;background:#f5f3ee;color:#292f28;font-size:12px;min-height:51px;padding:16px 18px}.hero-open .icon{width:21px}.hero-caption{font-size:11px;margin-top:10px}.hero-dots{display:none}.hero-brand{display:none}.estimate{display:none}.hero-gallery:before{content:'Сделано в Казани';position:absolute;right:6.9%;top:29px;font-size:18px;color:#697061}
.portfolio{padding:51px 5% 0}.filters{border:0;padding:0;margin:0 0 37px;gap:24px;height:64px;align-items:center;justify-content:space-between}.category-tabs{display:flex;flex:1;justify-content:space-between;gap:10px}.filter{font-size:clamp(16px,2.3cqw,33px);padding:12px 28px;min-height:61px;white-space:nowrap}.filter.active{border-radius:40px;background:#354637;color:#f5f3ee}.saved-filter{font-size:23px;min-height:64px;padding:12px 17px;border:1px solid #d9ddd1;border-radius:36px;gap:14px;margin-left:5cqw}.saved-filter .icon{width:24px;height:24px}#saved-count{display:none}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:39px 24px}.project-photo{aspect-ratio:4/5}.project-photo img{object-fit:cover}.project-meta{display:flex;flex-direction:row;justify-content:space-between;font-size:10px;line-height:1.1;margin:18px 0 9px}.project-title{font-size:23px;line-height:26px;margin:0}.portfolio-tip{font-size:12px;margin:30px 0 0;display:flex;gap:10px;align-items:center}.portfolio-tip .icon{width:15px;height:15px}.photo-overlay{font-size:11px;bottom:16px;left:16px}.save-button{width:46px;height:46px;top:12px;right:12px}.save-button[aria-pressed=true]{background:#354637;color:#fff}.bottom-nav{display:none}footer{padding:0 5% 35px;border:0;margin-top:auto;min-height:113px}.footer-brand .brand-logo{width:290px}.info-close{position:absolute;right:16px;top:16px}#info-dialog{padding:50px 32px 32px;max-width:min(540px,calc(100% - 32px));height:auto;max-height:85dvh;overflow:auto}#info-dialog h2{font-size:34px}#info-content{font-size:16px;line-height:1.6}#info-content .button{background:#354637;color:#fff;display:inline-flex}.contact-toast{z-index:100}.preview-mobile .site-shell{max-width:390px}.preview-mobile .site-content{min-height:5094px}.preview-mobile .site-shell{padding-top:0}
@container(max-width:1100px) and (min-width:701px){header .brand-logo{width:180px}header .brand{margin-right:3cqw}header nav{gap:4cqw}.hero h1{font-size:5cqw}.hero-copy .eyebrow{font-size:1cqw}.intro{font-size:1.3cqw}.hero{height:50cqw;padding-top:3cqw}.hero-gallery{padding-top:1cqw}.local-signature{width:27cqw}.hero-viewport{border-radius:12cqw 0 0 0}.hero-gallery:before{font-size:1.2cqw;top:1.8cqw}.portfolio{padding-top:3.5cqw}.saved-filter{font-size:16px;margin-left:1cqw}.filter{padding:10px 15px}.filters{margin-bottom:25px}.project-title{font-size:19px}.site-content{min-height:100vh}}
@container(max-width:700px){
 .site-content{min-height:5094px}header{display:flex;height:105px;padding:0 0 0 44px;gap:0}header .brand{margin:0;min-height:0}header .brand-logo{width:232px;height:64px;max-width:none}header nav{display:none}header .contact-shortcuts{display:grid;grid-template-columns:26px 26px;grid-template-rows:26px 26px;gap:10px 12px;position:absolute;right:19px;top:24px;width:63px;height:62px}header .contact-shortcuts img{position:absolute;inset:0;width:63px;height:62px;max-width:none;pointer-events:none}.contact-shortcuts button{position:relative;background:transparent;border-radius:50%;padding:0}.hero{height:1021px;display:block;padding:61px 0 0;position:relative}.hero-copy{padding:0 37px}.hero .eyebrow{display:none}.hero h1{font-size:61.85px;line-height:.94;letter-spacing:-1.8px;margin:0}.hero h1 em{display:inline-block;font-size:59.06px;line-height:1.06;margin-top:13px}.intro{font-size:16.25px;line-height:28.43px;margin-top:18px;max-width:316px;width:calc(100cqw - 74px)}.local-signature{width:360px;max-width:none;margin:33px 0 0 -23px}.local-signature img{height:104.39px;width:360px}.local-signature>div{font-size:11.8px;line-height:13px;margin:2px 4px 0 23px;gap:110px}.local-signature>div span{flex:1}.hero-gallery{position:absolute;top:629px;left:6%;width:88%;padding:0}.hero-gallery:before{display:none}.hero-viewport{aspect-ratio:343.22/326.875;border-radius:85px 0 0 0;overflow:visible}.hero-viewport>img{border-radius:85px 0 0 0}.hero-open,.hero-caption,.hero-dots{display:none}.estimate{display:flex;justify-content:space-between;align-items:center;position:absolute;top:100%;left:-1px;width:calc(100% + 2px);height:65px;background:#354637;color:#fff;padding:0 24px 0 35px;font-size:19.23px;font-weight:600;white-space:nowrap}.estimate .icon{width:21px;height:21px}.portfolio{padding:492.94px 6% 0}.filters{display:none}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}.project-photo{aspect-ratio:3/4}.project-meta{font-size:9px;line-height:13.5px;flex-direction:column;margin:12px 0 6px}.project-title{font-size:20px;line-height:24px}.save-button{width:44px;height:44px;right:7px;top:7px}.save-button .icon{width:19px}.photo-overlay{font-size:9px;left:7px;bottom:7px;padding:8px;gap:7px}.photo-overlay .icon{width:12px}.portfolio-tip{display:none}footer{padding:0 0 104px;display:block;min-height:156px;text-align:center}.footer-brand{width:auto;margin:0;display:inline-flex}.footer-brand .brand-logo{width:232px}footer>span,.device-signature{display:none}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;justify-content:space-around;gap:0;background:#000;color:#fff;height:76px;padding:12px 10px max(12px,env(safe-area-inset-bottom))}.bottom-nav button{background:none;color:#fff;display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;gap:7px;padding:0;font-size:11px;line-height:18px}.bottom-nav button>.icon,.bottom-nav button>img{height:18px;width:20px;object-fit:contain;stroke-width:1.7}.bottom-nav button[aria-pressed=true]{color:#bac9ac}.bottom-nav button[aria-pressed=true] img{opacity:.72}.contact-toast{bottom:90px}
}
.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;gap:0;background:#000;color:#fff;height:calc(76px + env(safe-area-inset-bottom,0px));padding:0 0 env(safe-area-inset-bottom,0px)}.bottom-nav-art{position:absolute;top:0;left:0;width:100%;height:76px;max-width:none;pointer-events:none}.bottom-nav>button,.bottom-nav>a{position:relative;background:none;color:#fff;display:block;flex:none;min-width:0;height:76px;padding:0}.bottom-nav>:nth-child(2){width:22.56%}.bottom-nav>:nth-child(3){width:16.41%}.bottom-nav>:nth-child(4){width:18.97%}.bottom-nav>:nth-child(5){width:19.49%}.bottom-nav>:nth-child(6){width:22.57%}.bottom-nav span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:700px){body{padding:0}.viewport-tools{display:none}.site-shell{width:100%;margin:0}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0}}
@media(min-width:701px){.preview-mobile .bottom-nav{display:flex;width:390px;left:50%;right:auto;transform:translateX(-50%)}.preview-mobile .viewport-tools{position:fixed;right:24px}}
@container(max-width:370px){header{padding-left:24px}header .brand-logo{width:210px}.hero-copy{padding:0 24px}.hero h1{font-size:56px}.hero h1 em{font-size:54px}.intro{font-size:14px;width:calc(100cqw - 48px)}.local-signature{width:calc(100cqw - 24px);margin-left:-12px}.local-signature img{width:100%;height:auto}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-photo{aspect-ratio:3/4}.project-title{font-size:17px;line-height:22px}.estimate{font-size:16px;padding-left:20px}}
/* Desktop menu properties read from the updated live Figma nodes 2:59/2:60/7:1515. */
.desktop-header-logo{display:none}
@container(min-width:701px){header .brand-logo{display:none}.desktop-header-logo{display:block;position:absolute;left:calc(5.41667% - 2.5px);top:32.5px;width:230.723px;height:56.846px}}
@container(min-width:701px){.site-content header nav{font-family:Museo Sans Cyrl,Arial,sans-serif;font-weight:500;font-size:clamp(16px,1.81712cqw,26.1665px);line-height:31px;top:30px;left:max(calc((100% - 1440px)/2 + 412px),28.6111%);right:max(calc((100% - 1440px)/2 + 329px),22.8472%);align-items:center}.site-content header nav a,.site-content header nav button{padding:12px 0}.estimate{display:flex;align-items:center;gap:10px;position:absolute;bottom:20px;left:20px;padding:18px 24px;background:#354637;color:#fff;font-size:16px}}
#estimate-dialog{font-family:Calc Inter,Arial,sans-serif;color:#1a221d;width:1020px;max-width:calc(100vw - 32px);height:fit-content;max-height:calc(100dvh - 32px);inset:0;margin:auto;padding:28px 62px 30px 34px;background:#faf9f6;border:0;border-radius:26px;overflow:auto;overscroll-behavior:contain;box-shadow:none}
#estimate-dialog::backdrop{background:rgba(26,32,28,.72);backdrop-filter:blur(4px)}
.calc-close{position:absolute;right:40px;top:26px;display:grid;place-items:center;width:40px;height:40px;border:1px solid #eeeee9;border-radius:50%;background:#fff;color:#5c675e}.calc-close .icon{width:18px;height:18px}
#estimate-title{font-size:56.198px;line-height:64px;font-weight:700;letter-spacing:-.843px;white-space:nowrap;margin:0 0 10px;outline:none}#estimate-title em{font-weight:400;color:#2d4c3a}
#estimate-description{font-size:17.669px;line-height:21px;color:#5c675e;margin:0 0 28px;white-space:nowrap}
.calc-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.calc-step{min-width:0;margin:0;padding:22px 18px;border:1px solid #e1e3d9;border-radius:18px;background:#fff;min-height:369px}.calc-step-heading{display:flex;align-items:center;gap:10px;height:24px;margin:0 0 27px;white-space:nowrap}.calc-step-heading>span{font-size:11px;font-weight:700;letter-spacing:.44px;color:#2d4c3a;background:#e8f0ea;padding:5px 8px;border-radius:5px;flex-shrink:0}.calc-step-heading strong{font-size:14px;letter-spacing:-.14px;line-height:17px}.calc-step:nth-child(2) .calc-step-heading,.calc-step:nth-child(3) .calc-step-heading{gap:6px}.calc-step:nth-child(3) .calc-step-heading strong{font-size:13px}
.calc-option{height:48px;display:flex;align-items:center;gap:11px;padding:0 14px;margin-top:8px;border:1px solid #e2e4da;border-radius:12px;background:#fafaf8;font-size:13.5px;cursor:pointer;color:#2c352f}.calc-option:has(input:checked){background:#f1f6f3;border-color:#73927e;font-weight:600}.calc-option input,.calc-consent input{appearance:none;width:18px;height:18px;border:1px solid #afb6a8;background:#fff;border-radius:50%;margin:0;flex-shrink:0}.calc-option input:checked{border:5px solid #2d4c3a}.calc-option img{width:20px;height:20px;margin-left:auto}.calc-option input:focus-visible,.calc-consent input:focus-visible{outline:2px solid #2d4c3a;outline-offset:3px}
.calc-contact{display:grid;grid-template-columns:306px 180px 1fr;align-items:end;gap:20px;margin:48px 2px 0 5px}.calc-contact-field>label{display:block;font-size:14px;font-weight:600;margin:0 0 14px 22px}.calc-input{height:52px;border:1px solid #929d8d;border-radius:14px;display:flex;align-items:center;padding:0 20px;gap:12px;background:#fdfcf8}.calc-input>img{width:32px;height:32px;flex-shrink:0}.calc-input input{background:none;border:0;outline:none;width:100%;min-width:0;font:24px Arial;color:#2c352f}.calc-input:focus-within{outline:2px solid #2d4c3a;outline-offset:2px}.calc-messengers{display:flex;align-items:center;justify-content:space-between;border:0;padding:0;margin:0;height:52px;gap:9px}.calc-messengers label{position:relative;cursor:pointer;display:grid;place-items:center;border-radius:5px;padding:2px}.calc-messengers input{position:absolute;opacity:0;width:1px;height:1px}.calc-messengers label:has(input:checked){outline:2px solid #2d4c3a;background:#e8f0ea}.calc-messengers label:has(input:focus-visible){outline:2px solid #2d4c3a;outline-offset:3px}.calc-messengers img{height:47px;width:auto;max-width:none}
.calc-submit{height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:20px;color:#fff;background:linear-gradient(#2d4c3a,#1d392d);font-size:15px;font-weight:600;box-shadow:0 4px 12px #1d392d24}.calc-submit .icon{width:18px;height:18px}.calc-consent{margin:43px 0 0 34px;font-size:12px;color:#737b72;display:flex;align-items:center;flex-wrap:wrap;gap:3px}.calc-consent label{display:flex;align-items:center;gap:9px}.calc-consent input{width:16px;height:16px;border-radius:4px}.calc-consent input:checked{background:#2d4c3a;box-shadow:inset 0 0 0 3px white}.calc-policy{padding:0;background:none;text-decoration:underline;font-size:12px;color:#404940}#calc-availability,#calc-privacy,#calc-status{font-size:12px;line-height:1.5;margin:14px 0 0 34px;color:#5c675e}#calc-availability a{text-decoration:underline}#calc-status{color:#684c29;font-weight:600}
@media(max-width:1100px){#estimate-dialog{padding:30px;max-width:calc(100vw - 32px)}#estimate-title{font-size:clamp(28px,4.8vw,50px);line-height:1.15;letter-spacing:-1px;white-space:normal;padding-right:35px}#estimate-description{white-space:normal;font-size:15px}.calc-close{top:20px;right:20px}.calc-step-heading{white-space:normal;flex-wrap:wrap;height:auto;min-height:48px;margin-bottom:15px}.calc-step{padding:16px 12px}.calc-contact{grid-template-columns:minmax(220px,1fr) 180px minmax(180px,1fr);gap:14px}.calc-steps{gap:12px}}
@media(max-width:760px){#estimate-dialog{width:calc(100vw - 24px);max-width:none;max-height:calc(100dvh - 24px);padding:25px 18px;border-radius:20px}#estimate-title{font-size:30px;padding-right:26px;line-height:1.1;margin-bottom:16px}.calc-close{width:32px;height:32px;right:12px;top:14px}#estimate-description{font-size:14px;line-height:1.5;margin-bottom:20px}.calc-steps{grid-template-columns:1fr;gap:14px}.calc-step{min-height:0;padding:18px}.calc-step-heading{flex-wrap:nowrap;min-height:24px;margin-bottom:18px}.calc-step-heading strong,.calc-step:nth-child(3) .calc-step-heading strong{font-size:13px}.calc-contact{grid-template-columns:1fr;margin:24px 0 0;gap:18px}.calc-contact-field>label{margin-left:0}.calc-messengers{justify-content:flex-start;gap:24px}.calc-submit{width:100%}.calc-consent{margin:24px 0 0;gap:8px;line-height:1.5}.calc-consent label{align-items:flex-start}#calc-availability,#calc-privacy,#calc-status{margin-left:0}}
