*{box-sizing:border-box}html{scroll-behavior:smooth}body.km-site-page{margin:0;background:#fff;color:#111;font-family:"Century Gothic",CenturyGothic,AppleGothic,Arial,sans-serif}.km-site-page a{color:inherit;text-decoration:none}.km-site-page img{display:block;max-width:100%}.km-shell{width:min(1620px,calc(100% - 48px));margin:0 auto}.km-site-header{position:sticky;top:0;z-index:100;background:#fff;height:99px;border-bottom:1px solid rgba(0,0,0,.03)}.km-site-header__inner{height:100%;display:flex;align-items:center;padding:0 34px;gap:32px}.km-site-brand img{width:279px;max-height:68px;object-fit:contain}.km-site-nav{margin-left:auto;display:flex;align-items:center;gap:44px;font-weight:700;font-size:16px}.km-site-nav a.is-active{color:#a38b4b}.km-site-cta{margin-left:18px;display:flex;align-items:center;gap:12px;background:#a38b4b;color:#fff!important;border-radius:40px;padding:0 22px;height:55px;font-weight:700;font-size:14px}.km-site-cta span:first-child{font-size:20px}.km-menu-toggle{display:none}.km-hero{height:463px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff;text-align:center}.km-home-hero{height:967px}.km-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.km-hero:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.2)}.km-hero__content{position:relative;z-index:2;max-width:1420px;padding:30px}.km-hero__badge{width:253px!important;height:253px!important;object-fit:contain!important;position:static!important;margin:0 auto 54px}.km-hero h1{font-size:80px;font-weight:400;letter-spacing:-1.6px;line-height:1.1;margin:0}.km-page-hero h1{font-size:80px}.km-hero p{font-size:24px;line-height:34px;margin:22px auto 0;max-width:850px}.km-facts{height:185px;background:#a38b4b;color:#fff}.km-facts__inner{width:min(1620px,calc(100% - 48px));height:100%;margin:auto;display:grid;grid-template-columns:repeat(4,1fr)}.km-fact{padding:35px 48px;border-right:1px solid rgba(255,255,255,.45)}.km-fact:last-child{border-right:0}.km-fact span{display:block;font-size:18px;font-weight:700;margin-bottom:12px}.km-fact strong{font-size:48px;font-weight:400}.km-section{padding:110px 0}.km-section--soft{background:#f8f5f1}.km-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:center}.km-copy h2,.km-section-title{font-size:48px;line-height:1.1;font-weight:400;letter-spacing:-.96px;margin:0 0 28px}.km-copy h3{font-size:24px;line-height:34px;margin:0 0 20px}.km-copy p,.km-copy li{font-size:18px;line-height:28px}.km-copy p{margin:0 0 20px}.km-image-large{width:100%;height:522px;object-fit:cover}.km-home-project{position:relative;overflow:hidden}.km-home-project__grid{display:grid;grid-template-columns:245px 620px 1fr;gap:55px;align-items:center}.km-badge-square{width:245px;height:245px;background:#c7b292;display:grid;place-items:center}.km-badge-square img{width:183px}.km-home-project__building{width:760px;max-width:none;margin-left:-50px}.km-pill{display:inline-flex;align-items:center;gap:20px;border:1.5px solid #a38b4b;color:#a38b4b;border-radius:50px;padding:18px 26px;font-weight:700;margin-top:22px}.km-buildings{text-align:center;padding:82px 0 55px}.km-buildings h2{font-size:48px;font-weight:400;margin:0 0 14px}.km-buildings strong{font-size:24px}.km-buildings p{font-size:18px;line-height:28px}.km-buildings__visual{height:430px;position:relative;margin-top:20px}.km-buildings__visual a{position:absolute;top:0;width:48%}.km-buildings__visual .b1{left:11%}.km-buildings__visual .b2{right:11%}.km-buildings__visual img{width:100%}.km-experience{background:#a38b4b;color:#fff}.km-experience__inner{display:grid;grid-template-columns:430px 1fr;gap:70px;align-items:center;padding:92px 0}.km-experience__mark img{max-height:330px;object-fit:contain}.km-experience h2{font-size:48px;font-weight:400;line-height:1.1}.km-experience p{font-size:18px;line-height:28px;max-width:820px}.km-experience .km-pill{border-color:#fff;color:#fff}.km-contact-section{background:#f8f5f1;padding:85px 0 65px}.km-contact-section h2{text-align:center;font-size:48px;font-weight:400;margin:0 0 70px}.km-form{display:grid;grid-template-columns:1fr 1fr;gap:70px}.km-form__left label{display:block;font-size:14px;margin-bottom:23px}.km-form input[type=text],.km-form input[type=email],.km-form input[type=tel]{width:100%;border:0;border-bottom:1px solid #a38b4b;background:transparent;padding:12px 0;font:inherit;outline:0}.km-form__right>label{display:block;font-size:14px}.km-form textarea{width:100%;height:229px;border:1.5px solid #a38b4b;border-radius:20px;background:transparent;padding:18px;font:inherit;outline:0}.km-form__bottom{display:flex;align-items:center;gap:16px;margin-top:14px}.km-form__bottom small{font-size:11px;line-height:1.3;max-width:420px}.km-form__bottom button{margin-left:auto;border:1.5px solid #a38b4b;border-radius:50px;background:transparent;color:#a38b4b;padding:16px 24px 16px 32px;font-weight:700}.km-footer{background:#f8f5f1;padding:0 0 28px}.km-footer__grid{border-top:1px solid #a38b4b;padding:55px 0;display:grid;grid-template-columns:1.1fr 1fr 1.2fr .8fr;gap:50px}.km-footer__logo{width:319px}.km-footer h3{font-size:18px;margin:0 0 18px}.km-footer p,.km-footer li{font-size:14px;line-height:28px;margin-top:0}.km-footer ul{padding-left:20px}.km-footer__bottom{border-top:1px solid #a38b4b;padding-top:22px;display:flex;justify-content:space-between;font-size:12px}.km-claim{text-align:center;padding:90px 80px;font-size:40px;line-height:1.35;color:#6a4533}.km-quality{min-height:627px;background:#7d682f;color:#fff;position:relative;overflow:hidden}.km-quality__background{position:absolute;inset:0;width:100%;height:100%;max-width:none!important;object-fit:cover;object-position:center;z-index:0}.km-quality:before{content:"";position:absolute;inset:0;background:rgba(126,101,39,.66);z-index:1}.km-quality .km-shell{position:relative;z-index:2;width:min(1354px,calc(100% - 48px));padding:84px 0 72px}.km-quality h2{font-size:48px;font-weight:400;line-height:1.2;margin:0 0 28px}.km-quality h3{font-size:24px;line-height:1.25;margin:0 0 38px}.km-quality-list{display:grid;row-gap:26px;max-width:1000px}.km-quality-item{display:grid;grid-template-columns:64px 1fr;column-gap:34px;align-items:center;font-size:16px;line-height:1.5}.km-quality-item img{width:58px;height:58px;object-fit:contain}.km-feature-stack .km-grid-2:nth-child(even) .km-copy{order:2}.km-feature-stack .km-grid-2:nth-child(even) .km-image-large{order:1}.km-feature-stack .km-grid-2{padding:90px 0}.km-gallery-tabs{display:flex;justify-content:center;gap:22px;padding:58px 0 20px}.km-gallery-tabs button{min-width:217px;height:55px;border-radius:40px;border:1.5px solid #a38b4b;background:#fff;color:#a38b4b;font-weight:700}.km-gallery-tabs button.is-active{background:#a38b4b;color:#fff}.km-gallery{padding:30px 0 110px}.km-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px 110px}.km-gallery-grid a:nth-child(even){transform:translateY(130px)}.km-gallery-grid img{width:100%;height:509px;object-fit:cover}.km-gallery-pane[hidden]{display:none}.km-lightbox{position:fixed;z-index:999;inset:0;background:rgba(0,0,0,.88);display:none;align-items:center;justify-content:center;padding:40px}.km-lightbox.is-open{display:flex}.km-lightbox img{max-width:92vw;max-height:88vh}.km-lightbox button{position:absolute;right:28px;top:18px;background:none;border:0;color:#fff;font-size:44px}.km-invest-buildings{padding:75px 0 65px;text-align:center}.km-invest-buildings h2{font-size:48px;font-weight:400}.km-invest-buildings__visual{height:430px;position:relative;margin-top:26px}.km-invest-buildings__visual a{position:absolute;width:48%}.km-invest-buildings__visual .b1{left:10%}.km-invest-buildings__visual .b2{right:10%}.km-location{padding:110px 0;background:#fff}.km-location__wrap{display:grid;grid-template-columns:1.05fr .95fr;align-items:center}.km-location__image{height:539px;width:100%;object-fit:cover}.km-location__panel{background:#f8f5f1;padding:70px 85px;margin-left:-80px;position:relative}.km-location__panel h2{font-size:48px;font-weight:400;margin:0 0 18px}.km-location__panel h3{font-size:24px}.km-mazury{position:relative;color:#fff;padding:115px 0;background-size:cover;background-position:center}.km-mazury:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.45)}.km-mazury .km-shell{position:relative}.km-mazury h2{font-size:48px;font-weight:400}.km-mazury h3{font-size:24px}.km-mazury .km-copy{max-width:980px}.km-amenities{padding:90px 0}.km-amenities h2{text-align:center;font-size:48px;font-weight:400}.km-amenities h3{text-align:center;font-size:24px}.km-amenities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:65px 70px;margin-top:70px}.km-amenity{text-align:center}.km-amenity img{width:78px;height:78px;object-fit:contain;margin:0 auto 20px}.km-amenity strong{display:block;font-size:20px;margin-bottom:12px}.km-amenity p{font-size:16px;line-height:26px}.km-brown-panel{background:#6a4533;color:#c7b292;width:min(1330px,calc(100% - 80px));margin:45px auto;padding:88px}.km-brown-panel h2{font-size:48px;font-weight:400}.km-standard{padding:90px 0}.km-standard ul{font-size:18px;line-height:28px}.km-standard__grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.km-contact-info{padding:115px 0}.km-contact-info__grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.km-contact-map{height:507px;object-fit:cover;width:100%}.km-contact-info h2{font-size:48px;font-weight:400}.km-contact-info h3{font-size:18px;line-height:28px}.km-contact-data{margin-top:36px;display:grid;gap:18px}.km-contact-row{display:flex;gap:20px;align-items:center;font-size:30px}.km-contact-row img{width:43px;height:43px;object-fit:contain}.km-contact-row a{word-break:break-word}.km-sticky-switch{position:fixed;z-index:95;left:22px;top:128px;display:grid;gap:8px;text-align:center;font-weight:700;font-size:12px}.km-sticky-switch a{width:61px;height:63px;display:grid;place-items:center;background:#a38b4b;color:#fff;font-size:24px}.km-sticky-switch span{background:#fff;padding:4px}.km-page-hero{height:463px}.km-page-hero p{font-size:36px}.km-mobile-only{display:none}@media(max-width:1100px){.km-site-nav{gap:20px;font-size:13px}.km-site-brand img{width:220px}.km-site-cta{padding:0 14px}.km-home-project__grid{grid-template-columns:190px 1fr}.km-home-project__building{grid-column:1/-1;width:75%;margin:0 auto}.km-gallery-grid{gap:45px}.km-gallery-grid img{height:380px}}@media(max-width:820px){.km-shell{width:min(100% - 30px,720px)}.km-site-header{height:76px}.km-site-header__inner{padding:0 16px}.km-site-brand img{width:180px}.km-menu-toggle{display:block;margin-left:auto;border:0;background:none;font-size:28px}.km-site-nav{display:none;position:absolute;left:0;right:0;top:76px;background:#fff;padding:22px;flex-direction:column}.km-site-nav.is-open{display:flex}.km-site-cta{display:none}.km-home-hero{height:650px}.km-hero__badge{width:160px!important;height:160px!important;margin-bottom:28px}.km-hero h1,.km-page-hero h1{font-size:46px}.km-hero p,.km-page-hero p{font-size:18px;line-height:26px}.km-facts{height:auto}.km-facts__inner{grid-template-columns:1fr 1fr}.km-fact{padding:24px}.km-fact:nth-child(2){border-right:0}.km-fact strong{font-size:30px}.km-section{padding:70px 0}.km-grid-2,.km-contact-info__grid,.km-standard__grid,.km-form,.km-location__wrap{grid-template-columns:1fr;gap:35px}.km-copy h2,.km-section-title,.km-contact-section h2,.km-buildings h2,.km-invest-buildings h2,.km-amenities h2,.km-quality h2,.km-brown-panel h2,.km-contact-info h2{font-size:36px}.km-image-large{height:340px}.km-home-project__grid{grid-template-columns:1fr;gap:25px}.km-badge-square{width:180px;height:180px}.km-home-project__building{width:100%;grid-column:auto}.km-buildings__visual,.km-invest-buildings__visual{height:auto;display:grid;grid-template-columns:1fr 1fr}.km-buildings__visual a,.km-invest-buildings__visual a{position:static!important;width:auto!important}.km-experience__inner{grid-template-columns:1fr;padding:65px 0}.km-footer__grid{grid-template-columns:1fr 1fr}.km-claim{font-size:28px;padding:60px 20px}.km-gallery-grid{grid-template-columns:1fr;gap:25px}.km-gallery-grid a:nth-child(even){transform:none}.km-gallery-grid img{height:auto}.km-location__panel{margin:0;padding:45px 28px}.km-amenities-grid{grid-template-columns:1fr 1fr;gap:40px 20px}.km-brown-panel{width:calc(100% - 30px);padding:45px 28px}.km-contact-row{font-size:20px}.km-sticky-switch{display:none}}
/* K&M Invest — precyzyjne odwzorowanie projektu Figma */
.km-pill{box-sizing:border-box;height:73px;border-radius:37px;padding:0 8px 0 31px;margin:0;display:inline-flex;align-items:center;justify-content:space-between;gap:20px;font-size:16px;line-height:24px;font-weight:700;background:transparent}.km-pill__circle{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;flex:0 0 56px;font-size:20px;line-height:1}.km-pill--gold{border:1.5px solid #a38b4b;color:#a38b4b}.km-pill--gold .km-pill__circle{background:#a38b4b;color:#fff}.km-pill--white{border:1.5px solid #fff;color:#fff}.km-pill--white .km-pill__circle{background:#fff;color:#a38b4b}.km-pill--form{border:1.5px solid #a38b4b;color:#a38b4b}.km-pill--form .km-pill__circle{background:#a38b4b;color:#fff}.km-pill--hero{border:1.5px solid rgba(255,255,255,.9);color:#fff}.km-pill--hero .km-pill__circle{background:#a38b4b;color:#fff}
.km-menu-toggle svg{width:28px;height:28px;display:block}.km-site-cta img{width:28px;height:28px;object-fit:contain}
@media (min-width:1101px){
.km-site-header{height:99px}.km-site-header__inner{height:99px;padding:0;position:relative;display:block}.km-site-brand{position:absolute;left:34px;top:19px;width:279px;height:68px}.km-site-brand img{width:279px;height:68px;object-fit:contain}.km-site-nav{position:absolute;left:calc(50% - 241px);top:0;height:99px;margin:0;display:flex;align-items:center;gap:72px;font-size:14px;line-height:18px;font-weight:700;white-space:nowrap}.km-site-cta{position:absolute;right:23px;top:25px;width:226px;height:55px;margin:0;padding:0 22px;justify-content:flex-start;gap:13px;border-radius:28px;font-size:14px;line-height:18px}
.home .km-home-hero{height:967px;display:block;text-align:center;position:relative;overflow:hidden}.home .km-home-hero>.km-hero__background{position:absolute;left:0;top:-99px;width:100%;height:1066px;max-width:none;object-fit:cover;object-position:center center}.home .km-home-hero:after{background:rgba(0,0,0,.18)}.home .km-home-hero .km-hero__content{position:absolute;inset:0;z-index:2;max-width:none;padding:0}.home .km-home-hero .km-hero__badge{position:absolute!important;left:50%;top:259px;width:253px!important;height:253px!important;transform:translateX(-50%);margin:0;object-fit:contain!important}.home .km-home-hero h1{position:absolute;left:50%;top:566px;transform:translateX(-50%);width:1380px;height:125px;margin:0;font-size:80px;line-height:125px;font-weight:400;letter-spacing:-1.6px;white-space:nowrap}.home .km-home-hero p{position:absolute;left:50%;top:682px;transform:translateX(-50%);width:746px;max-width:none;height:65px;margin:0;font-size:24px;line-height:32px;font-weight:400}.home .km-home-hero__actions{position:absolute;left:calc(50% - 304px);top:792px;width:576px;height:73px;display:flex;align-items:center;gap:55px}.home .km-home-hero__actions .km-pill{width:313px;flex:0 0 313px}.home .km-home-hero__thumb{width:208px;height:73px;padding:4px 6px;border:1px solid rgba(255,255,255,.75);border-radius:37px;position:relative;overflow:hidden;background:rgba(255,255,255,.08)}.home .km-home-hero__thumb img{position:static!important;width:196px!important;height:65px!important;max-width:none;object-fit:cover;border-radius:33px}.home .km-home-hero__thumb span{position:absolute;left:96px;top:25px;width:20px;height:24px;color:#fff;font-size:22px;line-height:24px;text-shadow:0 1px 5px rgba(0,0,0,.35)}
.home .km-facts{height:185px}.home .km-facts__inner{width:1620px;height:185px;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.home .km-fact{padding:35px 0 0;border:0;position:relative}.home .km-fact:not(:last-child):after{content:"";position:absolute;right:0;top:37px;width:1px;height:104px;background:rgba(255,255,255,.55)}.home .km-fact span{font-size:18px;line-height:28px;margin:0 0 5px;font-weight:700}.home .km-fact strong{font-size:48px;line-height:78px;font-weight:400;white-space:nowrap}
.home .km-home-intro{height:794px;background:#fff;position:relative;overflow:visible}.home .km-home-intro__inner{height:794px;position:relative}.home .km-home-intro__copy{position:absolute;left:0;top:138px;width:725px}.home .km-home-intro__copy h2{font-size:48px;line-height:58px;font-weight:400;letter-spacing:-.96px;margin:0 0 24px}.home .km-home-intro__copy p{font-size:18px;line-height:28px;margin:0 0 18px}.home .km-home-intro__media{position:absolute;right:0;top:119px;width:792px;height:522px}.home .km-home-intro__media>img{width:792px;height:522px;object-fit:cover}.home .km-home-intro__lines{position:absolute;left:233px;top:205px;width:580px;height:386px;overflow:visible;color:#c7a45b}.home .km-home-intro__lines path{fill:none;stroke:currentColor;stroke-width:8;stroke-linecap:round}.home .km-home-intro__lines path:nth-child(2){stroke-width:5}
.home .km-home-project{height:712px;background:#f8f5f1;position:relative;overflow:hidden}.home .km-home-project__inner{height:712px;position:relative}.home .km-home-project__badge-col{position:absolute;left:0;top:69px;width:275px;height:610px}.home .km-badge-square{width:245px;height:245px;background:#c7b292;display:grid;place-items:center}.home .km-badge-square img{width:183px;height:auto}.home .km-home-project__badge-col>.km-pill{position:absolute;left:0;top:471px;width:275px}.home .km-home-project__copy{position:absolute;left:331px;top:69px;width:676px}.home .km-home-project__copy h2{font-size:48px;line-height:58px;font-weight:700;letter-spacing:-.96px;color:#6a4533;margin:0 0 21px}.home .km-home-project__copy h3{font-size:24px;line-height:34px;font-weight:700;color:#6a4533;margin:0 0 16px;max-width:794px}.home .km-home-project__copy p{font-size:18px;line-height:28px;margin:0 0 18px}.home .km-home-project__building{position:absolute;right:0;top:-210px;width:688px;height:922px;max-width:none;object-fit:contain;object-position:right bottom}
.home .km-buildings{height:752px;padding:0;text-align:center;position:relative;background:#fff}.home .km-buildings__inner{height:752px;position:relative}.home .km-buildings h2{position:absolute;top:73px;left:0;right:0;margin:0;font-size:48px;line-height:58px;font-weight:400}.home .km-buildings strong{position:absolute;top:156px;left:0;right:0;font-size:24px;line-height:28px}.home .km-buildings p{position:absolute;top:202px;left:0;right:0;margin:0;font-size:18px;line-height:28px}.home .km-buildings__visual{position:absolute;left:50%;top:282px;transform:translateX(-50%);width:1044px;height:389px;margin:0}.home .km-buildings__visual a{position:absolute;width:auto;top:auto}.home .km-buildings__visual .b1{left:0;top:21px;width:506px;height:366px}.home .km-buildings__visual .b2{left:506px;top:0;width:538px;height:389px;right:auto}.home .km-buildings__visual .b1 img{width:506px;height:366px;object-fit:contain}.home .km-buildings__visual .b2 img{width:538px;height:389px;object-fit:contain}
.home .km-experience{height:627px;background:#a38b4b;color:#fff}.home .km-experience__inner{height:627px;padding:0;position:relative;display:block}.home .km-experience__mark{position:absolute;left:2px;top:92px;width:304px;height:333px}.home .km-experience__mark img{width:304px;height:333px;max-height:none;object-fit:contain}.home .km-experience__copy{position:absolute;left:550px;top:95px;width:750px;height:500px}.home .km-experience h2{margin:0 0 26px;font-size:48px;line-height:61px;font-weight:400;letter-spacing:-.96px}.home .km-experience p{font-size:18px;line-height:28px;margin:0 0 18px;max-width:750px}.home .km-experience__copy>.km-pill{position:absolute;left:0;top:371px;width:275px}
.km-contact-section{height:655px;padding:0;background:#f8f5f1}.km-contact-section>.km-shell{height:655px;position:relative}.km-contact-section h2{position:absolute;left:0;right:0;top:85px;margin:0;text-align:center;font-size:48px;line-height:58px;font-weight:400}.km-form{position:absolute;left:50%;top:212px;transform:translateX(-50%);width:1348px;display:grid;grid-template-columns:653px 658px;column-gap:37px;gap:37px}.km-form__left label{display:grid;grid-template-rows:20px 59px;height:79px;margin:0 0 25px;font-size:14px;line-height:20px}.km-form__left label:last-child{margin-bottom:0}.km-form input[type=text],.km-form input[type=email],.km-form input[type=tel]{width:653px;height:59px;border:0;border-bottom:1px solid #a38b4b;background:transparent;padding:0;font:inherit;outline:0}.km-form__message{display:block;position:relative;height:229px}.km-form__message>span{position:absolute;left:20px;top:14px;z-index:2;font-size:14px;line-height:20px}.km-form textarea{display:block;width:658px;height:229px;border:1.5px solid #a38b4b;border-radius:20px;background:transparent;padding:42px 20px 18px;font:inherit;outline:0;resize:none}.km-form__bottom{height:73px;margin:13px 0 0;position:relative;display:block}.km-form__bottom>input[type=checkbox]{position:absolute;left:0;top:14px;width:32px;height:32px;margin:0;appearance:none;border:1px solid #a38b4b;border-radius:8px;background:transparent}.km-form__bottom small{position:absolute;left:52px;top:13px;width:333px;max-width:none;font-size:11px;line-height:15px}.km-form__bottom .km-pill{position:absolute;right:0;top:0;width:216px;height:73px;padding-left:31px}
.km-footer{height:464px;padding:0;background:#f8f5f1}.km-footer__grid{height:407px;border-top:1px solid #a38b4b;padding:0;position:relative;display:block}.km-footer__brand{position:absolute;left:-3px;top:48px;width:319px}.km-footer__logo{width:319px;height:78px;object-fit:contain}.km-footer__contact{position:absolute;left:410px;top:48px;width:335px}.km-footer__project{position:absolute;left:825px;top:48px;width:342px}.km-footer__links{position:absolute;left:1238px;top:48px;width:232px}.km-footer h3{font-size:18px;line-height:20px;margin:0 0 18px}.km-footer p,.km-footer li{font-size:14px;line-height:28px;margin:0}.km-footer__contact .km-footer__line{height:33px;display:flex;align-items:center;gap:12px;white-space:nowrap}.km-footer__icon{width:22px;height:22px;flex:0 0 22px;display:block}.km-footer__icon svg{width:22px;height:22px;display:block}.km-footer__hours-title{margin-top:30px!important;margin-bottom:14px!important}.km-footer__project p{line-height:25px;margin-bottom:18px}.km-footer__project h3:nth-of-type(2){margin-top:18px}.km-footer__project ul{margin:0;padding-left:22px}.km-footer__links p{line-height:28px}.km-footer__bottom{height:57px;border-top:1px solid #a38b4b;padding:22px 0 0;display:flex;justify-content:space-between;align-items:flex-start;font-size:12px;line-height:15px}
}
@media (max-width:1100px){
.km-site-header__inner{display:flex}.km-site-nav{position:absolute}.km-site-cta img{width:24px;height:24px}.km-home-intro,.km-home-project,.km-buildings,.km-experience,.km-contact-section,.km-footer{height:auto}.km-home-intro{padding:70px 0}.km-home-intro__inner{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:40px}.km-home-intro__copy,.km-home-intro__media{position:relative;left:auto;right:auto;top:auto;width:auto}.km-home-intro__media{height:auto}.km-home-intro__media>img{width:100%;height:auto}.km-home-intro__lines{display:none}.km-home-project{padding:70px 0}.km-home-project__inner{height:auto;display:grid;grid-template-columns:220px 1fr;gap:40px}.km-home-project__badge-col,.km-home-project__copy{position:relative;left:auto;top:auto;width:auto;height:auto}.km-home-project__badge-col>.km-pill{position:relative;left:auto;top:auto;margin-top:40px;width:100%}.km-home-project__building{position:relative;right:auto;top:auto;width:min(55vw,688px);height:auto;margin:-80px 0 -70px auto}.km-buildings{padding:70px 0}.km-buildings__inner{height:auto}.km-buildings h2,.km-buildings strong,.km-buildings p,.km-buildings__visual{position:relative;left:auto;right:auto;top:auto;transform:none}.km-buildings__visual{width:min(100%,1044px);height:auto;margin:35px auto 0;display:flex;align-items:flex-start}.km-buildings__visual .b1,.km-buildings__visual .b2{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:50%;height:auto}.km-buildings__visual .b1 img,.km-buildings__visual .b2 img{width:100%;height:auto}.km-experience{padding:70px 0}.km-experience__inner{height:auto;display:grid;grid-template-columns:260px 1fr;gap:60px}.km-experience__mark,.km-experience__copy{position:relative;left:auto;top:auto;width:auto;height:auto}.km-experience__mark img{width:100%;height:auto}.km-experience__copy>.km-pill{position:relative;left:auto;top:auto;margin-top:30px}.km-contact-section{padding:70px 0}.km-contact-section>.km-shell{height:auto}.km-contact-section h2,.km-form{position:relative;left:auto;right:auto;top:auto;transform:none}.km-contact-section h2{margin:0 0 55px}.km-form{width:100%;grid-template-columns:1fr 1fr;gap:40px}.km-form__left label,.km-form input[type=text],.km-form input[type=email],.km-form input[type=tel],.km-form textarea{width:100%}.km-form__message{height:auto}.km-form textarea{height:229px}.km-footer{padding-bottom:28px}.km-footer__grid{height:auto;padding:50px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:45px}.km-footer__brand,.km-footer__contact,.km-footer__project,.km-footer__links{position:relative;left:auto;top:auto;width:auto}.km-footer__bottom{height:auto;padding-top:22px}.km-form__bottom{min-height:90px}.km-form__bottom .km-pill{position:absolute}.home .km-home-hero__actions{position:relative;left:auto;top:auto;width:auto;height:auto;margin:30px auto 0;justify-content:center}.home .km-home-hero__thumb{display:none}
}
@media (max-width:820px){
.km-home-intro__inner,.km-home-project__inner,.km-experience__inner,.km-form,.km-footer__grid{grid-template-columns:1fr}.km-home-project__building{width:100%;margin:0}.km-home-project__badge-col{max-width:275px}.km-experience__mark{max-width:240px}.km-form__bottom{height:150px}.km-form__bottom small{width:calc(100% - 52px);right:0}.km-form__bottom .km-pill{left:0;right:auto;top:76px}.km-footer__bottom{gap:20px;flex-direction:column}.home .km-home-hero h1{white-space:normal}.home .km-home-hero__actions .km-pill{width:min(313px,100%)}
}
/* Jeden globalny formularz i stopka — proporcjonalny układ laptopowy */
@media (min-width:1101px) and (max-width:1600px){
.km-contact-section,.km-footer{height:auto}.km-contact-section{padding:70px 0 55px}.km-contact-section>.km-shell{height:auto}.km-contact-section h2,.km-form{position:relative;left:auto;right:auto;top:auto;transform:none}.km-contact-section h2{margin:0 0 50px}.km-form{width:clamp(900px,70.2vw,1123px);margin:0 auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}.km-form__left label{grid-template-rows:20px 46px;height:66px;margin:0 0 18px}.km-form input[type=text],.km-form input[type=email],.km-form input[type=tel]{width:100%;height:46px}.km-form__message{height:180px}.km-form textarea{width:100%;height:180px}.km-form__bottom{height:58px;margin-top:12px}.km-form__bottom>input[type=checkbox]{top:10px;width:28px;height:28px}.km-form__bottom small{left:44px;top:6px;width:calc(100% - 244px);font-size:10px;line-height:13px}.km-form__bottom .km-pill{right:0;top:0;width:180px;height:58px;padding-left:24px}.km-form__bottom .km-pill__circle{width:46px;height:46px;flex-basis:46px}.km-footer{padding-bottom:24px}.km-footer__grid{height:auto;padding:42px 0;display:grid;grid-template-columns:1.1fr 1fr 1.2fr .8fr;gap:32px}.km-footer__brand,.km-footer__contact,.km-footer__project,.km-footer__links{position:relative;left:auto;top:auto;width:auto}.km-footer__logo{width:min(100%,240px);height:auto}.km-footer__contact .km-footer__line{white-space:normal}.km-footer__bottom{height:auto;padding-top:20px}
}
/* ==============================================================
K&M INVEST — CTA "Zapytaj o mieszkanie" w nagłówku / sticky menu
Normalnie: biel, złoty obrys, złoty napis i ikona.
Hover: złote tło, biały napis i biała ikona.
Focus klawiatury: wyraźny, ale zgodny z kolorystyką marki.
Pozostałe style motywu pozostają bez zmian.
============================================================== */
body.km-site-page .km-site-header .km-site-cta {
background: #fff !important;
border: 1.5px solid #a38b4b !important;
color: #a38b4b !important;
box-shadow: none;
transition: background-color .25s ease,
border-color .25s ease,
color .25s ease,
box-shadow .25s ease;
}
/* Tekst / ikona wewnątrz przycisku dziedziczą bieżący kolor. */
body.km-site-page .km-site-header .km-site-cta span {
color: inherit !important;
}
/* Jeśli ikona to PNG/SVG w tagu img, barwimy ją na złoto.
Filtr jest przybliżeniem odcienia brandowego; na hover staje się biała. */
body.km-site-page .km-site-header .km-site-cta img,
body.km-site-page .km-site-header .km-site-cta svg {
filter: brightness(0) saturate(100%) invert(61%) sepia(20%)
saturate(930%) hue-rotate(6deg) brightness(94%) contrast(87%);
transition: filter .25s ease;
}
/* Stan hover zgodny z projektem. */
body.km-site-page .km-site-header .km-site-cta:hover,
body.km-site-page .km-site-header .km-site-cta:focus-visible {
background: #a38b4b !important;
border-color: #a38b4b !important;
color: #fff !important;
}
body.km-site-page .km-site-header .km-site-cta:hover img,
body.km-site-page .km-site-header .km-site-cta:hover svg,
body.km-site-page .km-site-header .km-site-cta:focus-visible img,
body.km-site-page .km-site-header .km-site-cta:focus-visible svg {
filter: brightness(0) invert(1);
}
/* Usuwamy systemową niebieską ramkę, zastępując ją
kontrastowym obrysem widocznym dla nawigacji klawiaturą. */
body.km-site-page .km-site-header .km-site-cta:focus-visible {
outline: none !important;
box-shadow: 0 0 0 3px #fff, 0 0 0 5px #6a4533 !important;
}
body.km-site-page .km-site-header .km-site-cta:focus:not(:focus-visible) {
outline: none !important;
}
@media (prefers-reduced-motion: reduce) {
body.km-site-page .km-site-header .km-site-cta,
body.km-site-page .km-site-header .km-site-cta img,
body.km-site-page .km-site-header .km-site-cta svg {
transition: none;
}
}
/* ================================================================
K&M INVEST — animacje przycisków, WARIANT A (16.10.2026)
Dyskretny hover 250 ms + ruch strzałki 3 px po przekątnej.
Bez zmian geometrii, wymiarów, marginesów i położenia CTA.
================================================================ */
/* Jednolita płynność na CTA strony głównej. */
body.home.km-site-page a.km-pill {
transition: background-color .25s ease, border-color .25s ease,
color .25s ease;
}
body.home.km-site-page a.km-pill .km-pill__circle {
transition: background-color .25s ease, color .25s ease;
}
body.home.km-site-page a.km-pill .km-pill__arrow,
body.home.km-site-page a.km-pill .km-pill__circle svg {
transition: transform .25s ease, filter .25s ease;
transform: translate(0, 0);
}
/* HERO: „Poznaj inwestycję” — oryginalne białe obramowanie,
na hover jednolite złoto, biały napis i biała strzałka. */
body.home.km-site-page .km-home-hero__actions a.km-pill--hero:hover,
body.home.km-site-page .km-home-hero__actions a.km-pill--hero:focus-visible {
background-color: #a38b4b;
border-color: #a38b4b;
color: #fff;
}
/* Złote przyciski strony głównej: złote wypełnienie, biały napis. */
body.home.km-site-page a.km-pill--gold:hover,
body.home.km-site-page a.km-pill--gold:focus-visible {
background-color: #a38b4b;
border-color: #a38b4b;
color: #fff;
}
/* CTA na złotym tle: dla czytelnego kontrastu białe wypełnienie. */
body.home.km-site-page a.km-pill--white:hover,
body.home.km-site-page a.km-pill--white:focus-visible {
background-color: #fff;
border-color: #fff;
color: #a38b4b;
}
body.home.km-site-page a.km-pill--white:hover .km-pill__arrow,
body.home.km-site-page a.km-pill--white:focus-visible .km-pill__arrow {
filter: brightness(0) saturate(100%) invert(58%) sepia(20%)
saturate(800%) hue-rotate(6deg) brightness(93%) contrast(90%);
}
/* Wariant A: strzałka przesuwa się o 3 px w prawo i 3 px w górę. */
body.home.km-site-page a.km-pill:hover .km-pill__arrow,
body.home.km-site-page a.km-pill:focus-visible .km-pill__arrow,
body.home.km-site-page a.km-pill:hover .km-pill__circle svg,
body.home.km-site-page a.km-pill:focus-visible .km-pill__circle svg {
transform: translate(3px, -3px);
}
/* Sticky header na całej witrynie: zachowujemy ustalony złoty hover,
dodajemy wyłącznie drobny ruch ikony (bez przemieszczania przycisku). */
body.km-site-page .km-site-header .km-site-cta:hover img,
body.km-site-page .km-site-header .km-site-cta:focus-visible img,
body.km-site-page .km-site-header .km-site-cta:hover svg,
body.km-site-page .km-site-header .km-site-cta:focus-visible svg {
transform: translate(3px, -3px);
}
/* Formularz CF7: zachowany obecny hover, jedynie animacja strzałki. */
body.km-site-page .km-contact-section .km-form__bottom button.km-pill--form .km-pill__arrow-text {
transition: transform .25s ease;
}
body.km-site-page .km-contact-section .km-form__bottom button.km-pill--form:hover .km-pill__arrow-text,
body.km-site-page .km-contact-section .km-form__bottom button.km-pill--form:focus-visible .km-pill__arrow-text {
transform: translate(3px, -5px);
}
/* Focus widoczny, ale zgodny z paletą marki. */
body.home.km-site-page a.km-pill:focus-visible {
outline: 2px solid #6a4533;
outline-offset: 4px;
}
/* Dostępność: bez animacji, gdy systemowo ograniczono ruch. */
@media (prefers-reduced-motion: reduce) {
body.home.km-site-page a.km-pill,
body.home.km-site-page a.km-pill .km-pill__circle,
body.home.km-site-page a.km-pill .km-pill__arrow,
body.home.km-site-page a.km-pill .km-pill__circle svg,
body.km-site-page .km-site-header .km-site-cta img,
body.km-site-page .km-site-header .km-site-cta svg,
body.km-site-page .km-contact-section .km-form__bottom button.km-pill--form .km-pill__arrow-text {
transition: none !important;
}
body.home.km-site-page a.km-pill:hover .km-pill__arrow,
body.home.km-site-page a.km-pill:focus-visible .km-pill__arrow,
body.home.km-site-page a.km-pill:hover .km-pill__circle svg,
body.home.km-site-page a.km-pill:focus-visible .km-pill__circle svg,
body.km-site-page .km-site-header .km-site-cta:hover img,
body.km-site-page .km-site-header .km-site-cta:focus-visible img,
body.km-site-page .km-site-header .km-site-cta:hover svg,
body.km-site-page .km-site-header .km-site-cta:focus-visible svg {
transform: none !important;
}
}
/* Kontakt – przesunięcie wyłącznie tekstu */
@media (min-width: 821px) {
body.km-site-page .km-contact-info__grid > :last-child {
transform: translateY(-55px);
}
}
/* K&M 20.10.2026 - galerii Wizualizacje, wyłącznie mobile.
Naprawa u źródła: style site.css są wersjonowane przez filemtime().
Nie zmienia galerii, zakładek ani układu na desktopie. */
@media screen and (max-width: 767px) {
body.page-id-37.km-site-page .km-gallery-tabs {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
justify-content: initial !important;
align-items: stretch !important;
box-sizing: border-box !important;
width: calc(100% - 32px) !important;
max-width: 520px !important;
margin: 0 auto !important;
padding: 32px 0 12px !important;
gap: 10px !important;
}
body.page-id-37.km-site-page .km-gallery-tabs > button {
box-sizing: border-box !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
height: 52px !important;
margin: 0 !important;
padding: 0 6px !important;
border-radius: 999px !important;
font-size: clamp(12px, 3.1vw, 14px) !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
white-space: nowrap !important;
}
}