:root{--ink:#171c16;--ink2:#283027;--cream:#f6f4ef;--cream2:#ebe8e0;--cream3:#e1dfd6;--sub:#5c6258;--muted:#82877b;--line:rgba(27,34,27,.17);--accent:#afb59e;--side:clamp(22px,5.3vw,92px);--ease:cubic-bezier(.22,.8,.23,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--cream);color:var(--ink);font:350 15px/1.65 'Montserrat','Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}img{display:block;width:100%;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #6b785e;outline-offset:3px}.wrap{width:100%;max-width:1800px;margin:0 auto;padding-inline:var(--side)}.section{padding-block:clamp(85px,10vw,150px)}.skip{position:fixed;z-index:1000;top:-100px;left:15px;padding:12px 18px;background:#fff;color:#111}.skip:focus{top:15px}.overline{font-size:10px;letter-spacing:.19em;text-transform:uppercase;font-weight:700;color:#70776b;line-height:1.6}.overline-inverse{color:#e5e7db}.overline .line{display:inline-block;vertical-align:middle;background:#cfd4c0;width:24px;height:1px;margin-right:10px}h1,h2,h3,h4,p,figure{margin-top:0}h2{font-size:clamp(42px,5.3vw,86px);letter-spacing:-.059em;line-height:1.13;font-weight:325;margin:20px 0 27px}h2 em,h3 em,h1 em{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;letter-spacing:-.053em}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;min-height:57px;padding:0 24px;font-size:11px;font-weight:700;letter-spacing:.095em;text-transform:uppercase;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn span{font-size:20px;font-weight:350}.btn-ivory{background:var(--cream);color:var(--ink)}.btn-ivory:hover{background:#fff}.btn-wide{width:100%}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:14px 0 13px;border-bottom:1px solid var(--ink);font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:.09em}.text-link span{font-size:19px}.disclaimer{font-size:11px!important;color:#778071;line-height:1.65!important;max-width:930px}
/* Navigation */
.header{position:absolute;z-index:30;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;min-height:96px;padding:15px var(--side);color:#fff;transition:background .2s}.header.is-scrolled{position:fixed;min-height:74px;background:rgba(23,28,22,.975);box-shadow:0 2px 20px rgba(0,0,0,.15)}.brand{display:flex;align-items:center;gap:18px;white-space:nowrap}.brand-name{font-size:21px;font-weight:600;letter-spacing:-.045em}.brand-dot{color:#b5bdab}.brand-sub{font-size:8px;line-height:1.7;letter-spacing:.17em;font-weight:600;opacity:.8}.brand-divide{padding-inline:4px}.nav{display:flex;align-items:center;gap:clamp(12px,1.55vw,27px)}.nav a{font-size:10px;letter-spacing:.03em;white-space:nowrap;font-weight:600;transition:opacity .2s}.nav a:hover{opacity:.7}.nav-cta{border:1px solid rgba(255,255,255,.58);padding:13px 17px}.nav-cta span{margin-left:13px;font-size:17px}.menu-toggle{display:none;background:transparent;border:0;width:48px;height:48px;align-items:center;flex-direction:column;justify-content:center;gap:7px}.menu-toggle span{width:26px;height:1px;background:white;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
/* Hero */
.hero{height:min(930px,100svh);min-height:660px;background:#283122;color:#f5f5ef;display:flex;align-items:center;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background-image:url('assets/dzialka-z-drona.webp');background-size:cover;background-position:59% center;animation:herozoom 1.7s var(--ease) both}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,17,12,.87) 0%,rgba(13,22,14,.67) 35%,rgba(17,23,15,.11) 72%),linear-gradient(0deg,rgba(7,16,9,.58),transparent 30%,rgba(13,21,15,.15) 100%)}@keyframes herozoom{from{opacity:.3;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.hero-inner{position:relative;z-index:2;padding-top:65px}.hero-copy{max-width:900px}.hero h1{font-size:clamp(54px,6.3vw,106px);line-height:1.09;letter-spacing:-.06em;font-weight:300;margin:26px 0}.hero h1 em{color:#e4e8db}.hero-desc{font-size:clamp(16px,1.35vw,21px);line-height:1.72;max-width:575px;color:#e2e7de}.hero-price{display:flex;gap:21px;align-items:baseline;margin-top:21px}.hero-price>span{font-size:10px;letter-spacing:.14em;color:#e2e7de;font-weight:700}.hero-price strong{font-size:23px;font-weight:550;letter-spacing:-.03em}.hero-actions{display:flex;align-items:center;gap:35px;margin-top:38px}.hero-link{display:inline-flex;gap:18px;align-items:center;padding:12px 0;border-bottom:1px solid #e5e7dc;font-size:11px;font-weight:650;letter-spacing:.1em;text-transform:uppercase}.hero-link span{font-size:18px}.hero-foot{position:absolute;z-index:2;left:0;right:0;bottom:26px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#f1f2ec;font-size:9px;letter-spacing:.13em;font-weight:700}
/* metrics */
.metrics{background:var(--ink);color:#fff}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);min-height:153px}.metric{display:flex;flex-direction:column;justify-content:center;padding:22px clamp(12px,2.2vw,35px);border-left:1px solid rgba(255,255,255,.14);gap:5px}.metric:first-child{border-left:0;padding-left:0}.metric strong{font-size:clamp(20px,2.4vw,33px);font-weight:400;letter-spacing:-.045em}.metric strong small{font-size:.45em;letter-spacing:0;font-weight:450}.metric span{font-size:9px;letter-spacing:.12em;color:#cdd3c8;font-weight:600}
/* intro */
.intro-grid{display:grid;grid-template-columns:.31fr 1fr;gap:5vw;margin-bottom:75px}.small-label{display:flex;gap:13px;font-size:11px;font-weight:700;letter-spacing:.13em;padding-top:11px}.small-label span{color:#8a9488}.intro-text .lead{font-size:clamp(18px,1.5vw,24px);line-height:1.63;max-width:800px;margin-bottom:17px}.intro-text>p:not(.overline):not(.lead){max-width:690px;line-height:1.9;color:var(--sub);font-size:15px}.intro-images{display:grid;grid-template-columns:1.15fr .65fr;gap:clamp(12px,2vw,32px);align-items:start}.intro-main img{height:clamp(340px,43vw,620px);object-fit:cover}.intro-side{padding-top:clamp(65px,8.5vw,140px)}.intro-side img{height:clamp(275px,30vw,438px);object-fit:cover}.image-frame{margin:0}.image-frame figcaption{font-size:9px;letter-spacing:.16em;color:#757d70;font-weight:700;padding:17px 0}
/* gallery */
.gallery{background:#efede7}.section-head{display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:clamp(36px,5vw,90px);margin-bottom:47px}.section-head h2{margin-bottom:0}.section-head>p{font-size:14px;line-height:1.85;color:var(--sub);max-width:450px;margin-bottom:8px}.filters{display:flex;gap:30px;flex-wrap:wrap;margin-bottom:27px}.filter{background:transparent;border:0;padding:12px 0;font-size:11px;color:#717769;border-bottom:1px solid transparent;font-weight:600}.filter.is-active{color:var(--ink);border-bottom-color:var(--ink)}.filter span{font-size:9px;margin-left:5px;opacity:.55}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;gap:11px}.gallery-photo{display:block;position:relative;overflow:hidden;padding:0;border:0;min-height:clamp(200px,22vw,345px);background:#c4c5b7;aspect-ratio:1.15/1}.gallery-photo.featured{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}.gallery-photo img{height:100%;object-fit:cover;transition:transform .5s var(--ease)}.gallery-photo:hover img{transform:scale(1.035)}.gallery-photo[hidden]{display:none!important}.zoom{position:absolute;right:13px;bottom:13px;background:rgba(247,245,239,.92);color:var(--ink);height:38px;width:38px;display:grid;place-items:center;font-size:20px}.gallery-bottom{display:flex;justify-content:space-between;gap:20px;font-size:9px;font-weight:700;color:#808377;letter-spacing:.13em;margin-top:18px}
/* comparison */
.compare-section{background:var(--cream)}.compare-head{align-items:end}.compare{position:relative;aspect-ratio:16/9;overflow:hidden;background:#252d20;isolation:isolate;user-select:none}.compare-base,.compare-overlay img{height:100%;width:100%;object-fit:cover}.compare-base{position:absolute;inset:0}.compare-overlay{position:absolute;inset:0;clip-path:inset(0 0 0 var(--split));pointer-events:none}.compare-rule{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#fff;pointer-events:none}.compare-rule span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--cream);border:2px solid white;color:var(--ink);border-radius:100%;width:52px;height:52px;font-size:24px;display:grid;place-items:center;box-shadow:0 3px 15px #0003}.compare-label{position:absolute;z-index:2;top:22px;padding:12px 18px;font-size:9px;font-weight:700;letter-spacing:.12em;color:white;background:rgba(15,23,16,.78);pointer-events:none}.compare-label-left{left:22px}.compare-label-right{right:22px}.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:3;margin:0}.compare-section .disclaimer{margin-top:18px}
/* architecture */
.project-section{background:var(--cream2)}.project-header{display:grid;grid-template-columns:1.1fr .65fr;gap:7vw;align-items:end;margin-bottom:53px}.project-header h2{margin-bottom:0}.project-lead{margin-bottom:10px}.project-lead p{font-size:15px;line-height:1.85;color:var(--sub);margin:18px 0 0}.project-chip{display:inline-block;font-size:10px;letter-spacing:.11em;font-weight:700;border:1px solid #b1b7aa;padding:11px 14px}.project-images{display:grid;grid-template-columns:1.25fr .75fr;gap:12px}.project-image{position:relative;border:0;padding:0;overflow:hidden;background:#96998e;text-align:left;min-height:440px}.project-image img{height:100%;width:100%;object-fit:cover;transition:transform .45s}.project-image:hover img{transform:scale(1.03)}.project-image>span{position:absolute;left:0;right:0;bottom:0;padding:48px 26px 22px;background:linear-gradient(0deg,#101b14b5,transparent);color:#fff;font-size:10px;font-weight:700;letter-spacing:.12em}.project-image i{position:absolute;right:19px;bottom:20px;color:white;font-size:20px;font-style:normal}.plan-site{margin-top:clamp(75px,9vw,140px);display:grid;grid-template-columns:.68fr 1.32fr;align-items:center;gap:6vw}.plan-site h3{font-weight:350;font-size:clamp(30px,3.5vw,56px);line-height:1.17;letter-spacing:-.04em;margin:21px 0}.plan-site>div>p:not(.overline){color:var(--sub);font-size:14px;line-height:1.85;max-width:455px}.siteplan-image{border:0;background:#e0ddd4;padding:0;position:relative;overflow:hidden}.siteplan-image img{width:100%;height:auto}.siteplan-image span{position:absolute;bottom:15px;right:15px;background:#171c16;color:white;padding:10px 14px;font-size:9px;font-weight:700;letter-spacing:.1em}
/* floors */
.floorplans{background:#f8f7f3}.floor-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(36px,6vw,100px);align-items:start}.floor-tabs{display:grid;border-top:1px solid var(--line);margin-bottom:45px}.floor-tab{display:flex;align-items:center;gap:15px;background:transparent;padding:19px 0;border:0;border-bottom:1px solid var(--line);text-align:left;color:var(--ink);font-size:14px;font-weight:500}.floor-tab>span{font-size:10px;color:#838c7f;font-weight:700}.floor-tab small{margin-left:auto;color:#747b70;font-weight:450;white-space:nowrap;font-size:11px}.floor-tab.is-active{font-weight:700;padding-left:14px;background:#eae8e0}.floor-aside h3{font-size:clamp(32px,3.7vw,61px);line-height:1.15;letter-spacing:-.045em;font-weight:350;margin-bottom:22px}.floor-aside>p:not(.disclaimer){font-size:14px;line-height:1.83;color:var(--sub);max-width:480px}.floor-view{padding:22px 24px 25px;background:#eeece5}.floor-view-top,.floor-view-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;font-weight:700;letter-spacing:.13em;color:#737a70}.floor-view-bottom{margin-top:5px}.floor-view-bottom span{font-size:19px;color:var(--ink)}.floor-image{width:100%;height:clamp(320px,36vw,550px);padding:10px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;cursor:zoom-in}.floor-image img{max-height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}
/* location */
.location{background:#f2f0e9}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,5vw,95px);align-items:center}.location-copy>p:not(.overline){max-width:590px;font-size:15px;line-height:1.88;color:var(--sub)}.location-facts{margin:32px 0 28px;border-top:1px solid var(--line);max-width:570px}.location-facts>div{padding:17px 0;border-bottom:1px solid var(--line);font-size:13px;display:flex;gap:18px}.location-facts span{font-size:11px;font-weight:700;color:#879183}.location-copy .map-caution{font-size:11px!important;color:#7b8277!important;margin:22px 0 0}.location-widget{position:relative;width:100%;aspect-ratio:4/4.6;min-height:510px;background:#d7d5ca;overflow:hidden}.location-controls{position:absolute;z-index:5;top:18px;left:18px;display:flex;background:rgba(247,246,241,.97);padding:4px;box-shadow:0 5px 24px #141d1017;gap:2px}.location-toggle{border:0;background:transparent;padding:11px 17px;font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:700;color:#697164}.location-toggle.is-active{color:#fff;background:var(--ink)}.location-photo,.location-map{position:absolute;inset:0}.location-photo[hidden],.location-map[hidden]{display:none!important}.location-photo img{height:100%;object-fit:cover}.location-overlay{position:absolute;left:23px;right:23px;bottom:22px;display:flex;flex-direction:column;gap:3px;background:rgba(23,28,22,.93);color:#fff;padding:25px}.location-overlay span,.location-overlay small{font-size:9px;letter-spacing:.16em;font-weight:700;color:#ced4c9}.location-overlay strong{font-size:clamp(27px,2.3vw,39px);font-weight:350;letter-spacing:-.04em}.location-map{background:#dadbd0}.location-map iframe{border:0;position:absolute;inset:0;width:100%;height:100%;filter:grayscale(.65) saturate(.5) contrast(.93)}.map-loading{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;color:#555f52}.map-loading[hidden]{display:none}.map-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:10px;background:rgba(23,28,22,.94);color:white;padding:16px 18px;font-size:9px;letter-spacing:.08em;font-weight:700}.map-bottom a{border-bottom:1px solid #ddd;white-space:nowrap}
/* details */
.details{background:#f8f7f2}.details-header{display:grid;grid-template-columns:1.15fr .65fr;align-items:end;gap:6vw;margin-bottom:60px}.details-header h2{margin-bottom:0}.details-header>p{font-size:14px;line-height:1.85;color:var(--sub);max-width:440px}.details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.detail{border-top:1px solid #adb6a7;padding-top:24px}.detail>span{font-size:9px;color:#778174;font-weight:700;letter-spacing:.1em}.detail h3{font-size:20px;letter-spacing:-.03em;font-weight:500;margin:21px 0 14px}.detail p{font-size:12px;line-height:1.85;color:#6c736a}.detail-important{border-top:2px solid #56634f}.detail-important h3{color:#3f503b}.detail-important p strong{font-weight:750;color:var(--ink)}.prepared{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,100px);align-items:center;margin-top:clamp(60px,7vw,115px);background:#edebe4}.prepared img{height:400px;object-fit:cover}.prepared>div{padding:30px 40px 30px 0}.prepared h3{font-size:clamp(26px,2.8vw,45px);letter-spacing:-.045em;line-height:1.15;font-weight:400;margin:18px 0}.prepared p:not(.overline){font-size:13px;color:var(--sub);line-height:1.85}.prepared span{font-size:9px;letter-spacing:.1em;color:#797f73;font-weight:700}
/* offer */
.offer{background:var(--ink);color:#f8f7f1;padding-block:clamp(95px,11vw,165px)}.offer-grid{display:grid;grid-template-columns:1fr .72fr;align-items:center;gap:6vw}.offer h2{font-size:clamp(43px,5vw,80px);margin-top:22px}.offer-grid>div:first-child>p:not(.overline){color:#cad0c3;font-size:17px;line-height:1.8;max-width:560px}.offer-card{border:1px solid #5f6a5f;padding:clamp(27px,3.5vw,52px);background:#242c23}.offer-card>span{font-size:10px;font-weight:700;letter-spacing:.14em;color:#c7cfc1}.offer-card>strong{display:block;font-size:clamp(42px,4.2vw,72px);letter-spacing:-.06em;font-weight:400;margin:20px 0 25px;white-space:nowrap}.offer-card strong small{font-size:.45em}.offer-rule{height:1px;background:#657162}.offer-data{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:20px 0 36px;font-size:10px;font-weight:700;letter-spacing:.09em;color:#d2d9cc}.offer-card>p{font-size:10px;line-height:1.8;color:#b8c4b7;margin:19px 0 0}
/* contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,105px)}.contact-grid h2{font-size:clamp(42px,4.7vw,74px)}.contact-grid>div:first-child>p:not(.overline){color:var(--sub);line-height:1.85;font-size:15px;max-width:510px}.contact-small{display:block;font-size:10px;color:#8a9187;letter-spacing:.14em;font-weight:700;margin-top:38px}.contact-right{padding-top:40px}.contact-link{display:grid;grid-template-columns:1fr auto;align-items:center;border-bottom:1px solid var(--line);padding:22px 0;column-gap:20px}.contact-link:first-child{border-top:1px solid var(--line)}.contact-link>span{grid-column:1/-1;font-size:10px;letter-spacing:.12em;font-weight:700;color:#798176;margin-bottom:12px}.contact-link strong{font-size:clamp(18px,2vw,29px);font-weight:400;letter-spacing:-.035em;overflow-wrap:anywhere}.contact-link i{font-size:22px;font-style:normal}.contact-hint{font-size:11px;line-height:1.7;color:#798176;margin-top:28px}
/* footer, modal */
.footer{background:#eae8e1}.footer-main{border-bottom:1px solid var(--line);padding-block:37px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-wordmark{font-size:27px;font-weight:600;letter-spacing:-.06em}.footer-wordmark span{color:#8b9381}.footer-main>span,.footer-main>a:last-child{font-size:9px;letter-spacing:.13em;font-weight:700}.footer-bottom{display:grid;grid-template-columns:2fr 1fr;gap:45px;padding-block:26px 42px}.footer-bottom>p{font-size:10px;color:#777e75;line-height:1.9;max-width:780px;margin:0}.footer-bottom>div{display:flex;align-items:start;justify-content:flex-end;gap:20px;flex-wrap:wrap}.footer-bottom a{font-size:10px}.lightbox{width:100%;max-width:100vw;height:100dvh;max-height:100dvh;border:0;padding:0;background:#111713;color:white;overflow:hidden}.lightbox::backdrop{background:rgba(4,7,5,.8)}.lightbox-bar{height:75px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding-inline:clamp(22px,5vw,75px);border-bottom:1px solid #303a30;font-size:10px;letter-spacing:.13em}.lightbox-bar button{border:0;background:transparent;color:white;font-size:11px;letter-spacing:.1em;padding:15px}.lightbox-middle{display:grid;grid-template-columns:65px minmax(0,1fr) 65px;align-items:center;justify-items:center;height:calc(100dvh - 128px);padding:15px 25px}.lightbox-middle img{max-height:100%;width:auto;object-fit:contain}.lightbox-step{border:0;background:transparent;color:white;font-size:33px;padding:10px 0}.lightbox-count{text-align:center;height:53px;padding:15px 0;color:#a7b0a4;font-size:10px;letter-spacing:.13em}.mobile-sticky{display:none}
@media(min-width:1700px){.hero{max-height:1050px}}
@media(max-width:1230px){.nav{gap:12px}.nav a{font-size:9px}.brand-sub{display:none}.details-grid{grid-template-columns:repeat(2,1fr);gap:30px}.project-image{min-height:350px}}
@media(max-width:970px){.nav{display:none;position:absolute;top:100%;left:0;right:0;padding:20px var(--side) 36px;background:#171c16;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #444}.nav.is-open{display:flex}.nav a{padding:13px 0;border-bottom:1px solid #444;font-size:13px}.nav .nav-cta{padding:14px;border:1px solid #748071;margin-top:15px}.menu-toggle{display:flex}.header.is-scrolled{min-height:70px}.intro-grid{grid-template-columns:1fr;gap:20px}.intro-grid .small-label{padding:0}.intro-images{grid-template-columns:1fr .7fr}.section-head,.project-header,.details-header{grid-template-columns:1fr 1fr;gap:25px}.floor-grid,.location-grid{grid-template-columns:1fr;gap:35px}.floor-tabs{max-width:none}.location-widget{aspect-ratio:16/11;min-height:410px}.offer-grid{grid-template-columns:1fr 1fr;gap:25px}.hero h1{font-size:clamp(48px,7.5vw,80px)}.contact-grid{gap:35px}}
@media(max-width:680px){:root{--side:21px}.section{padding-block:80px}.hero{height:780px;min-height:670px;max-height:100svh}.hero-bg{background-position:65% center}.hero-overlay{background:linear-gradient(90deg,rgba(8,17,12,.86),rgba(13,22,14,.4)),linear-gradient(0deg,rgba(8,17,12,.65),transparent 30%,rgba(13,22,14,.25) 100%)}.hero-inner{padding-top:75px}.hero h1{font-size:clamp(42px,10.5vw,65px)}.hero-desc{font-size:14px;line-height:1.7}.hero-price{gap:10px;flex-direction:column}.hero-actions{flex-direction:column;align-items:flex-start;gap:10px;margin-top:25px}.hero-foot span:last-child{display:none}.metrics-grid{grid-template-columns:repeat(2,1fr)}.metric{min-height:105px;padding:20px 10px;border-bottom:1px solid #485147}.metric:nth-child(odd){border-left:0;padding-left:0}.metric strong{font-size:25px}.metric span{font-size:8px}.intro-grid{margin-bottom:45px}.intro-images{display:block}.intro-side{width:82%;margin:24px 0 0 auto;padding:0}.intro-main img{height:300px}.intro-side img{height:240px}.section-head,.project-header,.details-header{grid-template-columns:1fr;gap:20px;margin-bottom:30px}.section-head h2,.project-header h2,.details-header h2,h2{font-size:clamp(40px,10vw,57px)}.section-head>p{font-size:13px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.gallery-photo{min-height:145px;aspect-ratio:1/1}.gallery-photo.featured{grid-column:span 2;grid-row:span 1;aspect-ratio:1.35/1}.filters{gap:16px}.filter{font-size:10px}.gallery-bottom{flex-direction:column;gap:5px}.compare{aspect-ratio:1.1/1}.compare-label{top:12px;padding:8px 10px;font-size:8px;letter-spacing:.02em}.compare-label-left{left:8px}.compare-label-right{right:8px}.compare-rule span{width:44px;height:44px}.project-images{grid-template-columns:1fr;gap:10px}.project-image{min-height:300px}.project-image-small{min-height:265px}.plan-site{grid-template-columns:1fr;gap:15px;margin-top:70px}.floor-grid{gap:30px}.floor-view{padding:12px 12px 20px}.floor-image{height:280px;padding:0}.floor-view-top{font-size:8px}.location-widget{aspect-ratio:4/4.8;min-height:450px}.location-overlay{padding:19px;left:15px;right:15px;bottom:15px}.location-controls{top:12px;left:12px}.location-toggle{padding:9px 14px}.map-bottom{font-size:8px;flex-direction:column;align-items:flex-start}.details-grid{grid-template-columns:1fr;gap:18px}.detail{padding-top:18px}.detail h3{margin:11px 0}.prepared{grid-template-columns:1fr;gap:0}.prepared img{height:290px}.prepared>div{padding:28px}.offer-grid,.contact-grid{grid-template-columns:1fr;gap:25px}.offer-card>strong{font-size:clamp(41px,11vw,59px)}.contact-right{padding-top:0}.contact-grid h2{font-size:42px}.footer-main>span{display:none}.footer-bottom{display:flex;flex-direction:column;gap:15px;padding-bottom:112px}.footer-bottom>div{justify-content:flex-start}.lightbox-bar{height:65px;padding-inline:17px}.lightbox-middle{height:calc(100dvh - 112px);grid-template-columns:30px minmax(0,1fr) 30px;padding:5px}.lightbox-step{font-size:25px}.lightbox-count{height:47px}.mobile-sticky{display:flex;position:fixed;z-index:25;bottom:0;left:0;right:0;align-items:center;justify-content:space-between;background:#171c16;color:#f7f5ef;padding:16px max(20px,env(safe-area-inset-left)) calc(16px + env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-right));font-size:12px;letter-spacing:.1em;font-weight:700;text-transform:uppercase;box-shadow:0 -7px 25px #0002}.mobile-sticky span{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* v1.1 — editorial hero: photograph is displayed in its entirety, including the outlined plot. */
.hero{height:clamp(730px,88svh,900px);min-height:730px;align-items:center;background:#171d16}
.hero-bg{inset:auto;top:52%;right:var(--side);width:60%;height:auto;aspect-ratio:16/9;background-size:contain;background-position:center;background-repeat:no-repeat;transform:translateY(-50%);animation:heroPhotoFade .9s ease both;box-shadow:0 20px 65px rgba(0,0,0,.2)}
.hero-overlay{display:none}
@keyframes heroPhotoFade{from{opacity:0}to{opacity:1}}
.hero-inner{padding-top:70px;display:flex;align-items:center}
.hero-copy{max-width:440px;position:relative;z-index:2}
.hero h1{font-size:clamp(45px,4.35vw,66px);line-height:1.13;letter-spacing:-.056em}
.hero h1 em{letter-spacing:-.05em}
.hero-desc{max-width:405px;font-size:clamp(15px,1.18vw,18px);line-height:1.8}
.hero-photo-note{position:absolute;z-index:2;right:var(--side);top:calc(52% + 16.875vw + 13px);font-size:9px;letter-spacing:.13em;font-weight:650;color:#d1d9cd}
.hero-foot{bottom:25px;color:#bbc9ba}.hero-foot span:last-child{color:#c5cfc1}
.hero-actions{gap:21px;margin-top:27px}.hero-link{gap:12px}
/* Conversion-oriented clarity: strong display of buyer-relevant details. */
.metric strong{line-height:1.2}.metric:nth-child(3) strong{font-size:clamp(18px,2.05vw,30px)}
.section-head h2{max-width:770px}.project-more{margin-top:13px}
.gallery-grid .featured img{object-position:50% 60%}
.gallery-photo.featured{grid-row:span 1;aspect-ratio:16/9}
.gallery-photo[data-category="plot"]:first-child img{object-fit:cover}
@media(max-width:1150px) and (min-width:901px){
  .hero-copy{max-width:440px}.hero h1{font-size:clamp(44px,4.35vw,58px)}
  .hero-bg{width:58%}.hero-photo-note{top:calc(52% + 16.3125vw + 13px)}
}
@media(max-width:970px) and (min-width:681px){.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1150px){
  .hero{height:auto;max-height:none;min-height:0;display:block;padding-top:85px;padding-bottom:72px}
  .hero-bg{top:93px;left:var(--side);right:var(--side);width:calc(100% - 2 * var(--side));height:auto;aspect-ratio:16/9;background-size:contain;transform:none;box-shadow:0 10px 35px rgba(0,0,0,.16)}
  .hero-photo-note{top:calc(93px + (100vw - 2 * var(--side)) * .5625 + 11px);left:var(--side);right:auto;letter-spacing:.12em}
  .hero-inner{display:block;padding-top:calc((100vw - 2 * var(--side)) * .5625 + 70px)}
  .hero-copy{max-width:690px}
  .hero h1{font-size:clamp(47px,7vw,76px);margin-top:12px}
  .hero-desc{max-width:620px}
  .hero-foot{bottom:22px}.hero-foot span:last-child{display:none}
}
@media(max-width:680px){
  .hero{height:auto;min-height:0;max-height:none;padding-top:74px;padding-bottom:76px}
  .hero-bg{top:80px;box-shadow:none}
  .hero-photo-note{top:calc(80px + (100vw - 2 * var(--side)) * .5625 + 12px);font-size:8px}
  .hero-inner{padding-top:calc((100vw - 2 * var(--side)) * .5625 + 75px)}
  .hero h1{font-size:clamp(40px,9.5vw,60px);margin:13px 0 21px}
  .hero-desc{font-size:14px;line-height:1.72;max-width:540px}
  .hero-price{margin-top:20px;gap:4px}
  .hero-actions{margin-top:22px;gap:9px}.hero-actions .btn{min-height:50px}
  .hero-foot{bottom:18px}.hero-foot span:first-child{font-size:8px}
  .metric:nth-child(3) strong{font-size:21px}
  .gallery-photo.featured{aspect-ratio:16/9}.gallery-photo.featured img{object-fit:cover}
}

/* v1.3 — full-viewport photographic hero, with the complete plot boundary visible.
   Desktop: true edge-to-edge cover, biased to preserve the right-hand edge of the parcel.
   Portrait / narrower screens: full-bleed atmospheric photo behind a complete edge-to-edge
   photographic layer. Never crop, stretch or re-draw the plot boundary. */
.hero{
  width:100%;
  height:100svh;
  height:100dvh;
  min-height:620px;
  max-height:none;
  padding:0;
  display:flex;
  align-items:flex-start;
  isolation:isolate;
  background:#192319;
}
.hero-bg{
  position:absolute;
  inset:0;
  top:0;right:0;bottom:0;left:0;
  width:100%;height:100%;aspect-ratio:auto;
  transform:none;
  background-image:url('assets/dzialka-z-drona.webp');
  background-size:cover;
  background-position:right center;
  background-repeat:no-repeat;
  box-shadow:none;
  animation:heroPhotoFade .85s ease both;
  z-index:-2;
}
.hero::before{content:none}
.hero-overlay{
  display:block;
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(9,20,12,.89) 0%,rgba(9,20,12,.73) 22%,rgba(9,20,12,.27) 50%,transparent 75%),
    linear-gradient(180deg,rgba(9,16,10,.27) 0%,transparent 39%,rgba(8,17,10,.04) 67%,rgba(9,17,10,.42) 100%);
}
.hero-inner{
  flex:1;
  height:100%;
  padding-top:clamp(146px,18svh,198px);
  padding-bottom:95px;
  display:block;
  position:relative;
  z-index:1;
}
.hero-copy{max-width:500px}
.hero h1{font-size:clamp(53px,5.4vw,84px);line-height:1.08;letter-spacing:-.061em;margin:23px 0 24px}
.hero-desc{max-width:420px;font-size:clamp(14px,1.12vw,17px);line-height:1.76;margin-bottom:15px}
.hero-price{margin-top:17px}
.hero-actions{margin-top:26px;gap:25px}
.hero-photo-note{
  position:absolute;
  z-index:2;
  top:auto;
  bottom:73px;
  right:var(--side);
  left:auto;
  background:rgba(17,28,18,.64);
  padding:10px 13px;
  font-size:9px;
  color:#f5f4eb;
  letter-spacing:.11em;
  line-height:1.45;
}
.hero-foot{bottom:26px;color:#eff2eb}
.hero-foot span:last-child{color:#eff2eb}
@media(min-width:1900px){.hero h1{font-size:clamp(70px,5.3vw,100px)}}
/* Narrow desktop / tablet: maintain the whole drone photo, with a photographic
   atmosphere behind it rather than a solid-color letterbox. */
@media(max-width:1150px){
  .hero{height:100svh;height:100dvh;min-height:680px;max-height:none;display:flex;padding:0}
  .hero::before{
    content:"";position:absolute;inset:-20px;z-index:-3;
    background:url('assets/dzialka-z-drona.webp') center center / cover no-repeat;
    filter:blur(11px) brightness(.48) saturate(.75);
  }
  .hero-bg{
    inset:auto 0 74px;
    top:auto;left:0;right:0;
    width:100%;height:auto;
    aspect-ratio:16/9;
    background-size:100% 100%;
    background-position:center center;
    transform:none;
    box-shadow:none;
    /* Soften the upper edge, keeping the parcel completely sharp and intact. */
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 11%,#000 100%);
    mask-image:linear-gradient(to bottom,transparent 0%,#000 11%,#000 100%);
  }
  .hero-overlay{
    background:linear-gradient(180deg,rgba(11,23,13,.8) 0%,rgba(11,23,13,.65) 34%,rgba(11,23,13,.07) 74%,rgba(8,18,10,.32) 100%);
  }
  .hero-inner{height:100%;padding-top:clamp(130px,15svh,165px);padding-bottom:55px;display:block}
  .hero-copy{max-width:min(520px,90%)}
  .hero h1{font-size:clamp(47px,5.5vw,65px);margin:20px 0}
  .hero-desc{font-size:15px;max-width:420px;line-height:1.65}
  .hero-price{margin-top:13px}
  .hero-actions{margin-top:20px}
  .hero-photo-note{top:auto;left:auto;bottom:clamp(42px,6svh,64px);right:var(--side);font-size:8px}
  .hero-foot{bottom:22px}
}
@media(max-width:680px){
  .hero{height:100svh;height:100dvh;min-height:610px;max-height:none;padding:0;display:flex}
  .hero-bg{
    top:auto;left:0;right:0;bottom:clamp(80px,9svh,108px);
    width:100%;height:auto;aspect-ratio:16/9;
    background-size:100% 100%;
    box-shadow:none;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 9%,#000 100%);
    mask-image:linear-gradient(to bottom,transparent 0%,#000 9%,#000 100%);
  }
  .hero::before{filter:blur(13px) brightness(.46) saturate(.66)}
  .hero-overlay{
    background:linear-gradient(180deg,rgba(11,22,13,.86),rgba(11,22,13,.76) 30%,rgba(11,22,13,.35) 57%,rgba(11,22,13,.04) 78%,rgba(11,22,13,.38) 100%);
  }
  .hero-inner{height:100%;padding-top:clamp(106px,13svh,137px);padding-bottom:0;display:block}
  .hero-copy{max-width:480px}
  .hero h1{font-size:clamp(39px,10.4vw,56px);margin:15px 0 15px;line-height:1.08}
  .hero-desc{font-size:13px;line-height:1.56;max-width:340px;margin-bottom:8px}
  .hero-price{gap:4px;margin-top:12px}
  .hero-price>span{font-size:9px}
  .hero-price strong{font-size:22px}
  .hero-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px}
  .hero-actions .btn{min-height:47px;padding:0 15px;font-size:10px;gap:24px}
  .hero-link{font-size:10px}
  .hero-photo-note{top:auto;left:auto;right:var(--side);bottom:clamp(44px,6svh,67px);font-size:7px;padding:6px 8px;letter-spacing:.055em}
  .hero-foot{bottom:19px}
  .hero-foot span:first-child{font-size:8px}
}
@media(max-width:680px) and (max-height:720px){
  .hero-inner{padding-top:100px}
  .hero h1{font-size:clamp(37px,9.3vw,45px);margin:10px 0 10px}
  .hero-desc{font-size:12px;line-height:1.46}
  .hero-actions{margin-top:10px}
  .hero-actions .btn{min-height:42px}
  .hero-bg{bottom:78px}
  .hero-photo-note{bottom:44px}
}
/* Preserve the bright yellow survey outline; darken only the text-safe area. */
@media(min-width:1151px){
  .hero-overlay{background:
    radial-gradient(ellipse 75% 80% at 0% 17%,rgba(6,16,10,.90) 0%,rgba(6,16,10,.72) 36%,rgba(6,16,10,.07) 100%),
    linear-gradient(180deg,rgba(9,18,11,.28) 0%,transparent 48%,rgba(9,18,11,.17) 100%)}
  .hero-actions{flex-direction:column;align-items:flex-start;gap:4px;margin-top:22px}
}
@media(max-width:1150px){
  .hero::before{filter:blur(5px) brightness(.84) saturate(.72)}
  .hero-overlay{background:
    linear-gradient(180deg,rgba(9,21,11,.83) 0%,rgba(9,21,11,.66) 36%,rgba(9,21,11,.08) 77%,rgba(9,21,11,.32) 100%)}
}
@media(max-width:680px){
  .hero::before{filter:blur(6px) brightness(.80) saturate(.77)}
  .hero-overlay{background:linear-gradient(180deg,rgba(10,22,12,.84) 0%,rgba(10,22,12,.64) 40%,rgba(10,22,12,.22) 68%,rgba(10,22,12,.30) 100%)}
  .hero-bg{-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 23%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 23%,#000 100%)}
}
/* Unusual desktop aspect ratios: never sacrifice a piece of the yellow boundary. */
@media(min-width:1151px) and (min-aspect-ratio:19/10),
       (min-width:1151px) and (max-aspect-ratio:8/5){
  .hero::before{content:"";position:absolute;inset:-16px;z-index:-3;background:url('assets/dzialka-z-drona.webp') center / cover no-repeat;filter:blur(11px) brightness(.63) saturate(.75)}
  .hero-bg{background-size:contain;background-position:right center}
}
@media(min-width:1900px){
  .hero-copy{max-width:740px}
  .hero h1{font-size:clamp(74px,4.4vw,96px)}
  .hero-desc{max-width:520px}
}
@media(min-width:1151px) and (min-aspect-ratio:19/10){
  .hero-bg{-webkit-mask-image:linear-gradient(to right,transparent 10%,#000 40%);mask-image:linear-gradient(to right,transparent 10%,#000 40%)}
}
@media(min-width:1151px) and (max-aspect-ratio:8/5){
  .hero-bg{-webkit-mask-image:linear-gradient(to bottom,transparent 7%,#000 19%,#000 87%,transparent 99%);mask-image:linear-gradient(to bottom,transparent 7%,#000 19%,#000 87%,transparent 99%)}
}


/* v1.6 — editorial gallery mosaic. Exact grid positions prevent holes.
   The outlined plot always stays fully visible in the hero image tile. */
.gallery-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-auto-rows:clamp(165px,16.3vw,300px);
  grid-auto-flow:row;
  gap:clamp(7px,.72vw,12px);
  align-items:stretch;
}
.gallery-grid .gallery-photo,
.gallery-grid .gallery-photo.featured{
  position:relative;
  display:block;
  width:100%;min-width:0;min-height:0;height:100%;
  grid-column:auto;grid-row:auto;
  aspect-ratio:auto;
  background:#c0c4b6;
  isolation:isolate;
}
.gallery-grid .gallery-photo img{
  position:absolute;inset:0;
  width:100%;height:100%;object-fit:cover;
}
/* The highlighted land outline must remain intact, even on odd screen ratios. */
.gallery-grid .gallery-photo[data-category="plot"].featured{
  background:#293227;
}
.gallery-grid .gallery-photo.featured::before{
  content:"";position:absolute;inset:-18px;
  background:url('assets/dzialka-z-drona.webp') center / cover no-repeat;
  filter:blur(18px) brightness(.65);opacity:.8;
  pointer-events:none;
}
.gallery-grid .gallery-photo.featured img{
  object-fit:contain;object-position:center;
}
/* All six photos: one dominant anchor, two supporting frames, varied bottom triptych. */
.gallery-grid[data-count="6"] .gallery-photo[data-slot="1"]{grid-column:1 / span 8;grid-row:1 / span 2}
.gallery-grid[data-count="6"] .gallery-photo[data-slot="2"]{grid-column:9 / span 4;grid-row:1}
.gallery-grid[data-count="6"] .gallery-photo[data-slot="3"]{grid-column:9 / span 4;grid-row:2}
.gallery-grid[data-count="6"] .gallery-photo[data-slot="4"]{grid-column:1 / span 4;grid-row:3}
.gallery-grid[data-count="6"] .gallery-photo[data-slot="5"]{grid-column:5 / span 3;grid-row:3}
.gallery-grid[data-count="6"] .gallery-photo[data-slot="6"]{grid-column:8 / span 5;grid-row:3}
/* Filtered sets recompose; do not leave empty cells or retain old spans. */
.gallery-grid[data-count="3"] .gallery-photo[data-slot="1"]{grid-column:1 / span 8;grid-row:1 / span 2}
.gallery-grid[data-count="3"] .gallery-photo[data-slot="2"]{grid-column:9 / span 4;grid-row:1}
.gallery-grid[data-count="3"] .gallery-photo[data-slot="3"]{grid-column:9 / span 4;grid-row:2}
.gallery-grid[data-count="2"]{grid-auto-rows:clamp(240px,28vw,450px)}
.gallery-grid[data-count="2"] .gallery-photo[data-slot="1"]{grid-column:1 / span 7;grid-row:1}
.gallery-grid[data-count="2"] .gallery-photo[data-slot="2"]{grid-column:8 / span 5;grid-row:1}
.gallery-grid[data-count="1"]{grid-auto-rows:auto}
.gallery-grid[data-count="1"] .gallery-photo[data-slot="1"]{
  grid-column:1 / -1;grid-row:1;aspect-ratio:16/9;max-height:700px;
}
.gallery-grid[data-count="1"] .gallery-photo[data-slot="1"] img{height:100%}
/* Phone/tablet: a wide hero tile, an asymmetric middle band and a paired bottom. */
@media(max-width:900px){
  .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:8px}
  .gallery-grid[data-count="6"] .gallery-photo,
  .gallery-grid[data-count="3"] .gallery-photo,
  .gallery-grid[data-count="2"] .gallery-photo,
  .gallery-grid[data-count="1"] .gallery-photo{
    grid-column:auto;grid-row:auto;aspect-ratio:1/1;height:auto;
  }
  .gallery-grid[data-count="6"] .gallery-photo[data-slot="1"],
  .gallery-grid[data-count="3"] .gallery-photo[data-slot="1"]{
    grid-column:1 / -1;grid-row:1;aspect-ratio:16/9;
  }
  .gallery-grid[data-count="6"] .gallery-photo[data-slot="2"],
  .gallery-grid[data-count="3"] .gallery-photo[data-slot="2"]{grid-column:1;grid-row:2}
  .gallery-grid[data-count="6"] .gallery-photo[data-slot="3"],
  .gallery-grid[data-count="3"] .gallery-photo[data-slot="3"]{grid-column:2;grid-row:2}
  .gallery-grid[data-count="6"] .gallery-photo[data-slot="4"]{
    grid-column:1 / -1;grid-row:3;aspect-ratio:16/10;
  }
  .gallery-grid[data-count="6"] .gallery-photo[data-slot="5"]{grid-column:1;grid-row:4}
  .gallery-grid[data-count="6"] .gallery-photo[data-slot="6"]{grid-column:2;grid-row:4}
  .gallery-grid[data-count="2"]{grid-template-columns:7fr 5fr}
  .gallery-grid[data-count="2"] .gallery-photo[data-slot="1"],
  .gallery-grid[data-count="2"] .gallery-photo[data-slot="2"]{
    grid-column:auto;grid-row:1;aspect-ratio:auto;height:clamp(210px,38vw,350px)
  }
  .gallery-grid[data-count="1"]{grid-template-columns:minmax(0,1fr)}
  .gallery-grid[data-count="1"] .gallery-photo[data-slot="1"]{
    grid-column:1;grid-row:1;aspect-ratio:16/9;max-height:none;height:auto;
  }
}
@media(max-width:480px){
  .gallery-grid{gap:6px}
  .gallery-grid[data-count="2"] .gallery-photo[data-slot="1"],
  .gallery-grid[data-count="2"] .gallery-photo[data-slot="2"]{height:205px}
}


/* v1.7 — eliminate dark letterboxing around the featured aerial photograph.
   Bottom anchoring preserves the yellow parcel boundary; no image manipulation. */
.gallery-grid .gallery-photo.featured::before{content:none;display:none}
.gallery-grid .gallery-photo.featured img{
  object-fit:cover;
  object-position:center bottom;
}

/* v2.0 — original unframed navigation aligned with the treeline per marked reference. */
@media (min-width: 1151px) {
  .header:not(.is-scrolled) .nav {
    transform: translateY(15px);
  }
  .header.is-scrolled .nav {
    transform: none;
  }
}