/* Yugplitka light architectural design: ref kirpich-pro.ru layout principles */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--yg-ink:#242722;--yg-dark:#242722;--yg-forest:#242722;--yg-paper:#fcfbf8;--yg-sand:#f4f2ed;--yg-orange:#baa17d;--yg-line:#e5e3dd;--yg-max:1260px}
body:has(.yg-site){background:#fcfbf8}
.yg-site{background:#fcfbf8;color:#242722;font-family:Manrope,Arial,sans-serif;font-size:15px}
.yg-site h1,.yg-site h2,.yg-site h3,.yg-site h4{font-family:Manrope,Arial,sans-serif;font-weight:750;line-height:1.16;letter-spacing:-.05em}
.yg-site h1{font-size:clamp(42px,5.4vw,77px);max-width:690px}
.yg-site h2{font-size:clamp(32px,3.5vw,51px)}
.yg-site h3{font-size:clamp(21px,1.7vw,27px)}
.yg-shell{width:min(calc(100% - 72px),var(--yg-max))}
.yg-header{position:relative;top:auto;background:#fff;color:#242722;border-bottom:1px solid #eae8e2;box-shadow:none}
.yg-header-in{height:86px;gap:20px}
.yg-logo{font-family:Manrope,Arial,sans-serif;font-size:23px;font-weight:800;letter-spacing:-.065em}
.yg-logo-mark{transform:none;width:33px;height:33px}
.yg-logo-mark i,.yg-logo-mark i:nth-child(2),.yg-logo-mark i:nth-child(3){background:#2b2c29}
.yg-nav{font-size:12px;text-transform:none;letter-spacing:0;gap:24px;font-weight:700}
.yg-nav a:hover,.yg-header-phone:hover{color:#8e7857}
.yg-outline{background:#292b28;color:#fff!important;border:1px solid #292b28;text-transform:none;letter-spacing:0;padding:13px 18px;font-weight:700}
.yg-outline:hover{background:#4a4b43}
.yg-menu-btn{color:#292b28;border-color:#dad8d1}
.yg-hero{min-height:640px;height:auto;background:#f4f1eb;color:#242722;overflow:hidden}
.yg-hero-bg{left:auto;right:0;width:59%;opacity:1;background-position:50% 50%}
.yg-hero-bg:after{background:linear-gradient(90deg,#f4f1eb 0%,#f4f1ebd9 13%,#f4f1eb0a 55%)}
.yg-hero>.yg-shell{padding:92px 0 138px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.yg-site .yg-kicker,.yg-site .yg-kicker.light{color:#967c57;font-size:11px;letter-spacing:.105em}
.yg-kicker:before{height:1px;width:23px}
.yg-hero h1{margin:22px 0 24px;max-width:625px;text-wrap:balance}
.yg-hero-lead{color:#5d5f58;font-size:16px;max-width:530px;line-height:1.85}
.yg-actions{margin-top:30px}
.yg-btn{background:#292b28;border-color:#292b28;color:#fff!important;font-size:13px;letter-spacing:0;text-transform:none;padding:16px 24px;font-weight:750}
.yg-btn:after{content:'→';font-size:19px}
.yg-btn:hover{background:#4b4d45;border-color:#4b4d45;color:#fff!important}
.yg-btn-ghost{background:#ffffffd9;color:#242722!important;border-color:#d8d5cb}
.yg-btn-ghost:hover{background:#fff;color:#242722!important}
.yg-hero-foot{background:#f5f3efdc;border-top:1px solid #dedad0}
.yg-hero-foot .yg-shell{min-height:70px;justify-content:flex-start;gap:40px;color:#5c6058;font-size:10px;letter-spacing:.065em}
.yg-hero-foot span:before{background:#b39a75}
.yg-section{padding:88px 0}
.yg-section-head{margin-bottom:34px;align-items:end}
.yg-section-head h2{margin-top:12px;max-width:710px}
.yg-section-head>p{color:#75786f;font-size:13px;line-height:1.85}
.yg-benefits,.yg-quiz-section,.yg-steps,.yg-faq{background:#fcfbf8}
.yg-benefits-grid{border:none;gap:14px}
.yg-benefit{min-height:216px;border:1px solid #e7e5df;background:#fff;padding:26px}
.yg-benefit-number,.yg-step-card>span{font-family:Manrope,Arial,sans-serif;color:#a48a65;font-weight:700}
.yg-benefit h3{font-size:20px}
.yg-services,.yg-technology,.yg-prices{background:#f4f2ed}
.yg-service-grid{gap:22px}
.yg-service-card{display:flex;flex-direction:column;min-height:0;background:#fff;color:#242722!important;border:1px solid #ebe8e2;box-shadow:0 12px 35px #25252508}
.yg-service-card:after{display:none}
.yg-service-card img{position:relative;inset:auto;height:240px;flex:0 0 240px;opacity:1;filter:none;transition:transform .4s}
.yg-service-card:hover img{transform:scale(1.03)}
.yg-service-content{display:flex;flex-direction:column;flex:1;padding:24px;color:#242722}
.yg-service-content h3{font-size:23px;margin:10px 0}
.yg-service-content p{font-size:13px;color:#73776e;line-height:1.75}
.yg-card-bottom{border-color:#e7e4dd;margin-top:auto;color:#30332d;font-size:12px;text-transform:none;letter-spacing:0}
.yg-arrow{border:0;font-size:20px}
.yg-extras{background:#fff;color:#242722}
.yg-extras .yg-section-head>p{color:#777970}
.yg-extras-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;background:transparent;margin-top:38px}
.yg-extra-card{display:flex;flex-direction:column;min-height:0;background:#f8f7f3;color:#242722!important;border:1px solid #eae7e0;transform:none!important}
.yg-extra-card:hover{background:#f1eee8}
.yg-extra-photo{height:205px;flex:0 0 205px}
.yg-extra-photo span{background:#fff;color:#343630;top:13px;left:13px;padding:5px 11px;font-size:11px}
.yg-extra-copy{padding:22px;display:flex;flex:1;flex-direction:column;justify-content:flex-start}
.yg-extra-copy h3{font-size:22px}
.yg-extra-copy p{color:#73766e;font-size:12px;line-height:1.8;margin:12px 0 20px}
.yg-extra-copy b{margin-top:auto;color:#333630;font-size:12px;text-transform:none;letter-spacing:0}
.yg-band,.yg-portfolio,.yg-contact{background:#292c28}
.yg-quiz-box,.yg-contact-form{border:1px solid #e9e5dd;box-shadow:0 15px 60px #00000007}
.yg-quiz-box .yg-step h3{font-size:27px}
.yg-before-after{background:#f4f2ed}
.yg-ba-note,.yg-compare-disclaimer{color:#777970;font-size:12px;line-height:1.75}
.yg-compare-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.yg-compare-card{background:#fff;border:1px solid #e7e4de;padding:12px 12px 22px}
.yg-compare-visual{--split:50%;position:relative;aspect-ratio:4/3;overflow:hidden;isolation:isolate;background:#dedbd4;touch-action:pan-y}
.yg-compare-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.yg-compare-visual .yg-compare-before{clip-path:inset(0 calc(100% - var(--split)) 0 0);z-index:2}
.yg-compare-visual .yg-compare-line{position:absolute;left:var(--split);top:0;bottom:0;width:3px;background:white;transform:translateX(-50%);z-index:3;pointer-events:none;box-shadow:0 0 15px #0008}
.yg-compare-visual .yg-compare-line:after{content:'↔';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:white;color:#242722;font-size:22px;box-shadow:0 6px 20px #0003}
.yg-compare-tag{position:absolute;bottom:17px;z-index:3;padding:7px 13px;background:#fff;color:#242722;font-size:11px;font-weight:800;pointer-events:none}
.yg-compare-tag-before{left:14px}.yg-compare-tag-after{right:14px}
.yg-compare-range{display:block;width:100%;margin:13px 0 8px;accent-color:#333630;cursor:ew-resize}
.yg-compare-text{padding:0 6px}.yg-compare-text h3{font-size:22px;margin:5px 0}.yg-compare-text p{color:#73766e;font-size:12px}
.yg-compare-disclaimer{margin-top:24px}
.yg-step-card{background:white}
.yg-prices{background:#f4f2ed}
.yg-price-item{border-color:#dedbd3}
.yg-footer{background:#222521}
.yg-landing-nav a{background:#292b28;color:white}
@media(max-width:1120px){.yg-nav{gap:12px}.yg-extras-grid{grid-template-columns:repeat(2,1fr)}.yg-hero-bg{width:55%}}
@media(max-width:850px){.yg-header{position:relative;color:#242722}.yg-menu-btn{color:#242722;border-color:#d7d4cd}.yg-nav{background:#fff;color:#242722;top:84px}.yg-shell{width:min(calc(100% - 38px),1260px)}.yg-hero{min-height:0}.yg-hero>.yg-shell{padding:68px 0 120px}.yg-hero-bg{width:100%;opacity:.22}.yg-hero-bg:after{background:linear-gradient(90deg,#f4f1ebeb,#f4f1eb9c)}.yg-hero h1{font-size:clamp(39px,7vw,60px)}.yg-benefits-grid{grid-template-columns:repeat(2,1fr)}.yg-compare-gallery{grid-template-columns:1fr}.yg-hero-foot .yg-shell{gap:16px}}
@media(max-width:560px){.yg-shell{width:calc(100% - 32px)}.yg-hero>.yg-shell{padding:52px 0 132px}.yg-hero h1{font-size:39px}.yg-section{padding:65px 0}.yg-benefits-grid,.yg-extras-grid,.yg-service-grid{grid-template-columns:1fr}.yg-service-card img{height:245px;flex-basis:245px}.yg-extra-photo{height:250px;flex-basis:250px}.yg-hero-foot .yg-shell{flex-direction:column;gap:7px;align-items:flex-start;justify-content:center;padding:12px 0}.yg-compare-visual{aspect-ratio:1/1}.yg-header-in{height:72px}.yg-nav{top:72px}}
@media(prefers-reduced-motion:reduce){.yg-site *{scroll-behavior:auto!important;transition:none!important}}