/*
Theme Name: МОСТ
Version: 1.0.0
*/
@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700;800&family=Marck+Script&display=swap');
:root{--navy:#112d45;--green:#0c554e;--muted:#6e7d88;--line:#e4e9eb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--navy);font-family:'Golos Text',Arial,sans-serif;font-size:16px;line-height:1.5;background:#fff}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #c99740;outline-offset:5px}img{display:block;width:100%;object-fit:cover}.wrap{max-width:1320px;padding:0 44px;margin:auto}.header{height:98px;display:flex;align-items:center;gap:32px;position:relative;z-index:5;background:#fff}.brand{display:flex;align-items:center;gap:12px;font-size:32px;line-height:1;font-weight:800;letter-spacing:1px;white-space:nowrap}.brand small{display:block;font-size:8px;letter-spacing:1px;margin-top:7px}.brand-mark{font-size:49px;font-family:Georgia;border-bottom:3px solid var(--green);color:var(--green);line-height:1}.header nav{display:flex;gap:25px;margin:auto;font-size:13px;font-weight:600}.header nav a:hover{color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;background:var(--green);color:white;padding:15px 23px;border:0;border-radius:5px;font-size:14px;font-weight:500;transition:background .2s,transform .2s}.button:hover{background:#073e3b;transform:translateY(-1px)}.button.small{font-size:12px;padding:13px 16px}.menu{display:none;border:0;background:none;font-size:27px;color:var(--navy)}.hero{position:relative;overflow:hidden;background:#edf2f3}.hero-photo{position:absolute;inset:0;background:linear-gradient(90deg,#f5f8fa 0%,#f5f8fadd 28%,#f5f8fa00 66%),url('hero.jpg') center/cover}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 330px;gap:60px;padding-top:55px;padding-bottom:40px;min-height:610px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;color:var(--muted);margin:0 0 15px}h1{font-size:clamp(44px,4.7vw,69px);line-height:.99;letter-spacing:-2.7px;margin:0 0 22px;font-weight:800}h1 em{font-style:normal;color:var(--green)}.intro{font-size:16px;line-height:1.5;max-width:440px}.services{display:flex;gap:30px;margin-top:27px;max-width:450px}.services a{font-size:11px;text-align:center}.services span{display:block;font-size:32px;color:var(--green);line-height:1.3;margin-bottom:7px}.handwritten{font-family:'Marck Script',cursive;font-size:27px;line-height:1.1;font-weight:400;color:#426174;transform:rotate(-6deg)}.hero-copy>.handwritten{margin:28px 0 0 35px}.lead{align-self:start;background:#fff;border:1px solid #ebeeee;padding:26px;border-radius:9px;box-shadow:0 16px 50px #112d4512}.lead .eyebrow{font-size:9px;letter-spacing:1.5px}.lead h2{font-size:23px;line-height:1.16;margin:10px 0}.lead p{font-size:13px;color:var(--muted);line-height:1.5}.lead label{display:block;font-size:11px;color:var(--muted);margin:12px 0}.lead input,.lead select{display:block;width:100%;border:1px solid var(--line);background:#fafcfc;padding:11px;border-radius:4px;font-size:13px;color:var(--navy);margin-top:4px}.lead .button{width:100%;margin:5px 0 12px}.lead small{font-size:10px;line-height:1.4;display:block;color:var(--muted);text-align:center}.form-status:empty{display:none}.section{padding-top:45px;padding-bottom:38px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}h2{font-size:27px;line-height:1.2;letter-spacing:-.7px;margin:0 0 22px}.section-head h2{margin:0}.text-link{font-size:12px;color:var(--green)}.tabs{display:flex;gap:30px;margin-bottom:23px;overflow:auto}.tabs button{white-space:nowrap;background:none;border:0;border-bottom:2px solid transparent;padding:0 0 10px;color:var(--muted);font-size:13px}.tabs button.active{color:var(--green);border-color:var(--green);font-weight:600}.property-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:19px}.property{border:1px solid var(--line);border-radius:7px;overflow:hidden;transition:box-shadow .2s}.property:hover{box-shadow:0 8px 24px #102d4512}.property-image{position:relative;height:190px;overflow:hidden}.property-image img{height:100%;transition:transform .5s}.property:hover img{transform:scale(1.04)}.badge{position:absolute;left:11px;top:12px;background:#0c554ee8;color:white;padding:5px 8px;border-radius:4px;font-size:9px}.favorite{position:absolute;right:9px;top:8px;border:0;background:#ffffffde;width:31px;height:31px;border-radius:50%;font-size:22px;color:var(--green)}.property-body{padding:15px}.property h3{font-size:15px;margin:0 0 5px}.meta{font-size:11px;color:var(--muted);margin:0 0 13px}.price{display:flex;justify-content:space-between;align-items:center;font-size:17px;font-weight:700}.more{border:1px solid var(--line);background:#fff;border-radius:50%;width:31px;height:31px;color:var(--green)}.about{background:#f3f6f5;margin-top:10px}.about-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;padding-top:40px;padding-bottom:40px}.about h2{font-size:37px}.about p:not(.eyebrow){font-size:13px;max-width:350px}.about-image{background:url('about.jpg') center/cover;min-height:280px;position:relative;border-radius:50% 50% 0 0}.about-image .handwritten{position:absolute;top:5px;right:0;background:#ffffffe0;padding:10px}.values{background:var(--green);color:white;display:grid;grid-template-columns:1fr 1fr;padding:24px;gap:24px;border-radius:6px}.values span{font-size:30px;font-weight:300}.values h3{font-size:13px;margin:7px 0}.values p{font-size:10px!important;color:#d5e7e1;margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr) 1.3fr;padding-top:38px;padding-bottom:38px;border-bottom:1px solid var(--line)}.stats>div{border-right:1px solid var(--line);padding-left:25px}.stats>div:first-child{padding-left:0}.stats strong{font-size:35px;letter-spacing:-1px;color:var(--green)}.stats p:not(.handwritten){font-size:11px;margin:2px 0}.stats .handwritten{padding-left:25px;font-size:26px;margin:10px 0}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.person{display:flex;align-items:center;gap:13px}.person img{width:90px;height:137px;object-position:center 25%;border-radius:5px;background:#e9edec}.person h3{font-size:13px;line-height:1.3;margin:0 0 6px}.person p{font-size:10px;color:var(--muted);line-height:1.5;margin:0}.person blockquote{font-size:10px;line-height:1.5;margin:13px 0 0;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:30px;text-align:center;padding-top:12px}.steps>div{position:relative}.steps>div:not(:last-child):after{content:'→';position:absolute;top:3px;left:80%;width:50%;color:#baccca;font-size:25px}.steps span{display:inline-grid;place-items:center;width:41px;height:41px;border-radius:50%;color:var(--green);background:#eaf1ef;font-size:14px}.steps h3{font-size:14px;margin:15px 0 5px}.steps p{font-size:12px;color:var(--muted);margin:0}.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.reviews article{border:1px solid var(--line);border-radius:6px;padding:25px}.reviews p{font-size:13px;color:#677785;line-height:1.7;margin:0 0 20px}.reviews footer{display:flex;justify-content:space-between;gap:10px;font-size:12px}.reviews footer span{color:#e6a23d;letter-spacing:2px}.reviews small{font-size:10px;color:var(--muted)}.cta{background:linear-gradient(90deg,#102f48e8,#102f4840),url('hero.jpg') center 62%/cover;color:white;margin-top:15px}.cta>.wrap{min-height:285px;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta h2{font-size:40px;margin:0 0 15px}.cta p{font-size:14px}.cta .eyebrow{color:#ccdce4;font-size:10px}.button.light{background:white;color:var(--green)}.site-footer{background:#102f45;color:#f1f6f7;padding:35px 0 18px}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr 1.3fr;gap:45px;align-items:start}.site-footer .brand-mark{color:#fff;border-color:#95bdb1}.footer-grid>div a{display:block;font-size:12px;margin-bottom:7px;color:#cedce2}.footer-grid p{font-size:12px;margin:0}.footer-grid .handwritten{display:block;color:#d0e0e3;font-size:23px;margin-top:20px}.footer-bottom{border-top:1px solid #ffffff20;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#a6bbc7;margin-top:35px;padding-top:18px}dialog{width:min(580px,calc(100% - 32px));border:0;border-radius:12px;padding:25px;color:var(--navy)}dialog::backdrop{background:#0d263a99}dialog img{height:260px;border-radius:6px;margin-bottom:20px}dialog .close{position:absolute;right:33px;top:33px;background:white;border:0;border-radius:50%;width:35px;height:35px;font-size:26px}dialog h2{margin-bottom:10px}dialog .button{margin-top:20px}body:has(dialog[open]){overflow:hidden}[hidden]{display:none!important}@media(min-width:1450px){.hero-grid{min-height:640px}}@media(max-width:1100px){.wrap{padding-left:28px;padding-right:28px}.header nav{gap:15px;font-size:11px}.header>.button{display:none}.hero-grid{gap:30px}.property-grid{gap:12px}.property-image{height:160px}.about-grid{grid-template-columns:1fr 1fr}.about-image{display:none}.team-grid{grid-template-columns:1fr 1fr}.person img{width:100px}.person p,.person blockquote{font-size:12px}.stats strong{font-size:29px}.stats .handwritten{font-size:23px}.footer-grid{gap:25px}}@media(max-width:760px){html{scroll-padding-top:75px}.wrap{padding-left:22px;padding-right:22px}.header{height:77px;justify-content:space-between}.brand{font-size:27px}.brand-mark{font-size:40px}.menu{display:block}.header nav{display:none;position:absolute;top:77px;left:0;right:0;background:white;padding:24px;box-shadow:0 12px 15px #112d4515;font-size:16px;flex-direction:column}.header nav.open{display:flex}.hero-grid{grid-template-columns:1fr;padding-top:35px;padding-bottom:30px;gap:35px}.hero-photo{background:linear-gradient(180deg,#f4f8faf0 0%,#f4f8faaa 38%,#f4f8faee 65%),url('hero.jpg') center top/auto 620px no-repeat}.hero h1{font-size:54px;letter-spacing:-2px;line-height:1.01}.intro{font-size:14px}.eyebrow{font-size:9px}.services{gap:0;justify-content:space-between;max-width:400px}.services a{font-size:10px}.hero-copy>.handwritten{margin-top:25px;font-size:25px}.lead{padding:23px;width:100%;max-width:450px}.lead h2{font-size:25px}.lead label{font-size:12px}.lead input,.lead select{font-size:16px}.lead small{font-size:11px}.section{padding-top:33px;padding-bottom:25px}h2{font-size:25px}.section-head{align-items:flex-start}.section-head .text-link,.section-head>.eyebrow{display:none}.tabs{gap:24px;margin-right:-22px;padding-right:22px}.tabs button{font-size:13px}.property-grid{grid-template-columns:1fr 1fr;gap:15px}.property-image{height:160px}.property-body{padding:12px}.property h3{font-size:13px}.price{font-size:14px}.meta{font-size:10px}.badge{font-size:8px;max-width:calc(100% - 45px)}.favorite{right:6px;width:26px;height:26px;font-size:20px}.about-grid{grid-template-columns:1fr;gap:25px;padding-top:30px;padding-bottom:30px}.about h2{font-size:34px}.about p:not(.eyebrow){font-size:15px;max-width:none}.values{gap:22px;padding:25px}.values h3{font-size:14px}.values p{font-size:12px!important}.stats{grid-template-columns:1fr 1fr;gap:25px;padding-top:30px;padding-bottom:30px}.stats>div{padding-left:0;border:0}.stats strong{font-size:36px}.stats p:not(.handwritten){font-size:12px}.stats .handwritten{display:none}.team-grid{gap:25px 15px}.person{display:block}.person img{width:100%;height:200px;margin-bottom:12px}.person h3{font-size:14px}.person p{font-size:11px}.person blockquote{display:none}.steps{grid-template-columns:1fr;gap:20px;text-align:left}.steps>div{padding-left:62px;min-height:60px}.steps span{position:absolute;left:0;top:0}.steps h3{margin-top:0;font-size:16px}.steps p{font-size:13px}.steps p br{display:none}.steps>div:not(:last-child):after{content:'';width:1px;height:24px;left:20px;top:45px;background:var(--line)}.reviews{grid-template-columns:1fr}.reviews article{padding:22px}.reviews p{font-size:14px}.cta>.wrap{align-items:flex-start;flex-direction:column;padding-top:38px;padding-bottom:38px;gap:15px}.cta h2{font-size:34px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>.brand{grid-column:1/-1}.footer-grid>p{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px;font-size:10px}.property h3{min-height:34px}.property .more{flex-shrink:0;width:26px;height:26px}.price{gap:4px}}@media(max-width:380px){.hero h1{font-size:46px}.property-grid{grid-template-columns:1fr}.property-image{height:210px}.property h3{min-height:0}.price{font-size:18px}.team-grid{gap:20px 12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}