:root{--ink:#1f2224;--ink-soft:#545a5e;--ink-faint:#1f222424;--graphite:#2e3336;--graphite-soft:#3d4347;--wood:#b5692c;--wood-dark:#8f4f1d;--wood-soft:#f6ebe0;--wood-line:#e7cdb4;--paper:#f7f5f1;--white:#fff;--line:#e4e0d9;--ok:#2f6b4a;--on-dark:#fff;--on-dark-soft:#ffffffbd;--on-dark-line:#ffffff29;--plan-wall:#2e3336;--plan-floor:#fff;--plan-room:#f4efe8;--plan-garage:#eceae6;--plan-glass:#7fb3d5;--plan-text:#1f2224;--plan-muted:#8a8f92;--plan-attic:#f1dcc6;--action-bg:var(--wood-dark);--action-bg-hover:#74400f;--action-text:var(--white);--radius:18px;--radius-sm:10px;--shadow:0 20px 50px #1f22241f;--shadow-soft:0 8px 24px #1f222414;--container:1160px;--gutter:20px;--measure:680px;--section-space:clamp(64px, 8vw, 112px);--header-height:64px;--font-body:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-body:17px;--font-size-small:14px;--font-size-micro:12.5px;--font-size-h1:clamp(34px, 5vw, 58px);--font-size-h2:clamp(27px, 3.4vw, 40px);--font-size-h3:clamp(18px, 1.6vw, 21px);--font-size-price:clamp(34px, 4.4vw, 50px);--line-height:1.6}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height);-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--font-size-body);line-height:var(--line-height);color:var(--ink);background:var(--white);margin:0}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3{letter-spacing:-.02em;margin:0 0 .6em;line-height:1.15}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}p{margin:0 0 1em}table{border-collapse:collapse;width:100%}:focus-visible{outline:3px solid var(--wood);outline-offset:3px}.container{width:min(100% - 2 * var(--gutter), var(--container));margin-inline:auto}.section{padding-block:var(--section-space)}.section-paper{background:var(--paper)}.section-dark{background:var(--graphite);color:var(--on-dark)}.section-title{max-width:var(--measure)}.section-lead{max-width:var(--measure);color:var(--ink-soft);margin-top:-.2em;margin-bottom:2em}.eyebrow{font-size:var(--font-size-small);letter-spacing:.08em;text-transform:uppercase;color:var(--wood-dark);margin-bottom:1em;font-weight:700}.eyebrow-dark{color:var(--wood-dark)}.fineprint{font-size:var(--font-size-small);color:var(--ink-soft)}.subhead{margin-top:1.6em}.text-link{color:var(--wood-dark);font-weight:600}.button{border:2px solid var(--action-bg);background:var(--action-bg);min-height:52px;color:var(--action-text);border-radius:999px;justify-content:center;align-items:center;gap:.5em;padding:0 26px;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.button:hover{background:var(--action-bg-hover);border-color:var(--action-bg-hover)}.button-sm{min-height:42px;font-size:var(--font-size-small);padding:0 18px}.button-lg{min-height:60px;font-size:22px}.button-ghost{color:var(--ink);border-color:var(--ink-faint);background:0 0}.button-ghost:hover{background:var(--white);border-color:var(--ink)}.button-ghost-dark{color:var(--on-dark);border-color:var(--on-dark-line);background:0 0}.button-ghost-dark:hover{background:var(--graphite-soft);border-color:var(--on-dark)}.site-header{z-index:20;backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#fffffff2;position:sticky;top:0}.header-inner{min-height:var(--header-height);justify-content:space-between;align-items:center;gap:24px;display:flex}.brand{flex-direction:column;font-weight:800;line-height:1.15;text-decoration:none;display:flex}.brand span{font-size:var(--font-size-micro);color:var(--ink-soft);font-weight:500}.site-header nav{font-size:var(--font-size-small);gap:26px;font-weight:600;display:flex}.site-header nav a{color:var(--ink-soft);text-decoration:none}.site-header nav a:hover{color:var(--ink)}.hero{padding-block:clamp(36px, 5vw, 72px) var(--section-space);background:linear-gradient(180deg, var(--paper), var(--white))}.hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(28px,4vw,56px);display:grid}.lead{color:var(--ink-soft);max-width:560px;font-size:19px}.hero-media{margin:0}.hero-media img{border-radius:var(--radius);box-shadow:var(--shadow);aspect-ratio:16/11;object-fit:cover;width:100%}.price-card{background:var(--white);border:1px solid var(--wood-line);border-radius:var(--radius);box-shadow:var(--shadow-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;margin:28px 0 24px;padding:20px 24px;display:flex}.price{font-size:var(--font-size-price);letter-spacing:-.03em;margin:0 0 6px;font-weight:800;line-height:1}.price-note{color:var(--ink-soft);font-size:var(--font-size-small);margin:0}.tags{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tags li{background:var(--wood-soft);color:var(--wood-dark);font-size:var(--font-size-small);border-radius:999px;padding:6px 12px;font-weight:700}.actions{flex-wrap:wrap;gap:12px;display:flex}.facts{background:var(--line);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(5,1fr);gap:1px;margin:clamp(32px,5vw,56px) 0 0;display:grid;overflow:hidden}.facts div{background:var(--white);padding:18px 20px}.facts dt{font-size:var(--font-size-micro);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.facts dd{margin:4px 0 0;font-size:18px;font-weight:700}.now{background:var(--wood-soft)}.now-grid{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(28px,5vw,72px);display:grid}.checks{gap:14px;margin:0;padding:0;list-style:none;display:grid}.checks li{padding-left:34px;position:relative}.checks li:before{content:"";background:var(--ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 12.5l4 4 8-9' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px no-repeat;border-radius:50%;width:22px;height:22px;position:absolute;top:.2em;left:0}.checks-plain{gap:10px;margin-bottom:1.4em}.benefits{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:2em;display:grid}.benefit{border:1px solid var(--line);border-radius:var(--radius);background:var(--white);border-top:4px solid var(--wood);padding:28px}.benefit p{color:var(--ink-soft);margin:0}.gallery{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.shot{margin:0}.shot-wide{grid-column:span 2}.shot button{cursor:zoom-in;border-radius:var(--radius-sm);background:0 0;border:0;width:100%;padding:0;display:block;overflow:hidden}.shot img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .3s}.shot-wide img{aspect-ratio:16/10}.shot:not(.shot-wide) img{aspect-ratio:3/4}.shot button:hover img{transform:scale(1.03)}.shot figcaption{font-size:var(--font-size-small);color:var(--ink-soft);padding-top:8px}.lightbox{border-radius:var(--radius-sm);background:var(--graphite);max-width:min(96vw,1400px);max-height:94vh;color:var(--on-dark);border:0;padding:0;overflow:visible}.lightbox::backdrop{background:#141618e0}.lightbox img{max-width:100%;max-height:84vh;margin-inline:auto}.lightbox-caption{font-size:var(--font-size-small);color:var(--on-dark-soft);margin:0;padding:12px 18px}.lightbox button{background:var(--white);width:48px;height:48px;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-soft);border:0;border-radius:50%;font-size:28px;line-height:1;position:absolute}.lightbox-close{top:-16px;right:-16px}.lightbox-prev{top:45%;left:12px}.lightbox-next{top:45%;right:12px}.area-summary{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:36px;display:grid}.area-summary div{border-radius:var(--radius-sm);background:var(--paper);padding:20px}.area-summary strong{letter-spacing:-.02em;font-size:26px;display:block}.area-summary span{font-size:var(--font-size-small);color:var(--ink-soft)}.area-summary .area-bonus{background:var(--wood-soft)}.area-bonus strong{color:var(--wood-dark)}.plans{grid-template-columns:1fr 1fr;gap:24px;display:grid}.plan-card{border:1px solid var(--line);border-radius:var(--radius);padding:24px}.plan-card td{border-bottom:1px solid var(--line);padding:8px 0;font-size:15px}.plan-card td:last-child{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;padding-left:12px}.plan-card .subtotal td{font-weight:700}.plan{width:100%;max-height:560px;font-family:var(--font-body);margin:8px auto 20px}.plan .room{fill:var(--plan-room)}.plan .wet{fill:var(--plan-floor)}.plan .garage{fill:var(--plan-garage)}.plan .terrace{fill:none;stroke:var(--plan-muted);stroke-dasharray:5 4}.plan .stairs rect{fill:var(--white);stroke:var(--plan-wall);stroke-width:1.5px}.plan .stairs line{stroke:var(--plan-muted);stroke-width:1px}.plan .arrow{fill:none;stroke:var(--plan-wall);stroke-width:1.4px}.plan .hatch{fill:none;stroke:var(--wood);stroke-width:2px;stroke-dasharray:4 3}.plan .wall-in{fill:none;stroke:var(--plan-wall);stroke-width:5px}.plan .wall-out{fill:none;stroke:var(--plan-wall);stroke-width:12px}.plan .wall-party{stroke:var(--plan-wall);stroke-width:18px}.plan .glass line{stroke:var(--plan-glass);stroke-width:12px}.plan .opening line{stroke:var(--plan-floor);stroke-width:13px}.plan text{text-anchor:middle;fill:var(--plan-text);font-size:14px}.plan .label{font-weight:700}.plan .area{fill:var(--wood-dark);font-weight:700}.plan .sm{font-size:11.5px}.plan .muted{fill:var(--plan-muted);font-size:12px}.attic-grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,5vw,64px);display:grid}.section-svg{width:100%;font-family:var(--font-body)}.section-svg .attic{fill:var(--plan-attic)}.section-svg .roof{fill:none;stroke:var(--plan-wall);stroke-width:6px;stroke-linejoin:round}.section-svg .slab{fill:var(--plan-wall)}.section-svg .floor{fill:var(--white)}.section-svg .wall{stroke:var(--plan-wall);stroke-width:10px}.section-svg .hatch-open{fill:var(--wood)}.section-svg text{text-anchor:middle;fill:var(--plan-text);font-size:14px}.section-svg .label{font-weight:700}.section-svg .muted{fill:var(--ink-soft);font-size:12px}.section-svg .small{text-anchor:start;font-size:11px}.two-col{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(28px,5vw,72px);display:grid}.spec td{border-bottom:1px solid var(--line);vertical-align:top;padding:10px 0;font-size:15px}.spec td:first-child{color:var(--ink-soft);width:42%;padding-right:16px}.spec td:last-child{font-weight:600}.spec small{color:var(--ink-soft);font-weight:400}.map{aspect-ratio:4/3;border-radius:var(--radius);background:var(--paper);border:0;width:100%}.paths{grid-template-columns:1fr 1fr;gap:20px;margin-top:2em;display:grid}.path{border:1px solid var(--on-dark-line);border-radius:var(--radius);color:var(--on-dark-soft);padding:32px}.path h3{color:var(--on-dark)}.path-now{background:var(--graphite-soft);border-color:var(--wood)}.path-tag{font-size:var(--font-size-micro);text-transform:uppercase;letter-spacing:.08em;color:var(--wood-line);font-weight:700}.path-price{color:var(--on-dark);letter-spacing:-.02em;font-size:32px;font-weight:800}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;padding:16px 32px 16px 0;font-weight:700;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--wood-dark);font-size:24px;position:absolute;top:12px;right:4px}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--ink-soft)}.contact{background:var(--graphite);color:var(--on-dark)}.contact-card{grid-template-columns:1.2fr 1fr;align-items:center;gap:32px;display:grid}.contact-card p{color:var(--on-dark-soft)}.contact-actions{gap:12px;display:grid}.contact-person{margin:0;font-weight:600}.site-footer{background:var(--ink);color:var(--on-dark-soft);font-size:var(--font-size-small);padding-block:40px 96px}.footer-grid{grid-template-columns:1fr 1.4fr;gap:32px;display:grid}.footer-brand{color:var(--on-dark);margin-bottom:.4em;font-weight:700}.site-footer .fineprint{color:var(--on-dark-soft)}.call-bar{display:none}.highlights{flex-wrap:wrap;gap:8px;margin:0 0 4px;padding:0;list-style:none;display:flex}.highlights li{background:var(--white);border:1px solid var(--line);font-size:var(--font-size-small);border-radius:999px;padding:7px 14px;font-weight:700}.money{background:var(--white);padding-block:clamp(28px,4vw,48px)}.money-grid{grid-template-columns:1.3fr 1fr 1fr;gap:16px;display:grid}.money-tile{border-radius:var(--radius);background:var(--paper);padding:24px 26px}.money-tile p{color:var(--ink-soft);margin:0}.money-tile .money-value{letter-spacing:-.02em;color:var(--ink);margin-bottom:6px;font-size:clamp(22px,2.4vw,28px);font-weight:800}.money-main{background:var(--ok)}.money-main p,.money-main .money-value{color:var(--on-dark)}.money-inline{flex-wrap:wrap;gap:8px 24px;display:flex}.money-inline p{color:var(--ok);margin:0}.viz-title{margin-top:clamp(48px,6vw,80px)}.viz{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.viz-shot{margin:0}.viz-shot button{cursor:zoom-in;border-radius:var(--radius-sm);background:0 0;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.viz-shot img{aspect-ratio:4/5;object-fit:cover;width:100%}.viz-badge{color:var(--on-dark);font-size:var(--font-size-micro);background:#1f2224c7;border-radius:999px;padding:4px 10px;font-weight:700;position:absolute;top:10px;left:10px}.viz-shot figcaption{font-size:var(--font-size-small);color:var(--ink-soft);padding-top:8px}.checks-columns{columns:2;column-gap:32px;display:block}.checks-columns li{break-inside:avoid;margin-bottom:10px}.sewage th{text-align:left;font-size:var(--font-size-small);color:var(--ink-soft);border-bottom:2px solid var(--line);padding:8px 12px 8px 0;font-weight:600}.sewage td{width:auto;padding-right:12px}.distances{grid-template-columns:1fr;gap:8px;margin-bottom:12px;display:grid}.distances h3{margin:12px 0 4px}.distances .spec td:last-child{white-space:nowrap;text-align:right}.tech-grid{grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);display:grid}@media (width<=900px){.site-header nav{display:none}.hero-grid,.now-grid,.attic-grid,.two-col,.plans,.paths,.contact-card,.footer-grid{grid-template-columns:1fr}.hero-media{order:-1}.facts{grid-template-columns:repeat(2,1fr)}.facts div:last-child{grid-column:span 2}.benefits,.gallery,.area-summary{grid-template-columns:1fr 1fr}.call-bar{z-index:30;background:var(--white);box-shadow:var(--shadow);border-radius:999px;grid-template-columns:1fr 1.4fr;gap:8px;padding:6px;display:grid;position:fixed;bottom:12px;left:12px;right:12px}.call-bar a{border:2px solid var(--action-bg);min-height:48px;color:var(--action-bg);border-radius:999px;justify-content:center;align-items:center;font-weight:800;text-decoration:none;display:flex}.call-bar .call-bar-main{background:var(--action-bg);color:var(--action-text)}.money-grid,.distances,.tech-grid{grid-template-columns:1fr}.viz{grid-template-columns:1fr 1fr}.checks-columns{columns:1}}@media (width<=600px){:root{--font-size-body:16px;--gutter:16px}.header-inner .button-sm{display:none}.benefits,.area-summary,.gallery{grid-template-columns:1fr}.shot-wide{grid-column:auto}.shot:not(.shot-wide) img{aspect-ratio:4/3}.price-card{padding:18px}.actions .button{flex:100%}.plan-card,.path,.benefit{padding:20px}.lightbox-close{top:8px;right:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.shot img{transition:none}}.spec-wide{max-width:760px;margin-bottom:20px}.plan .dim path{fill:none;stroke:var(--wood-dark);stroke-width:1.4px}.plan .dim-text{fill:var(--wood-dark);font-size:13px;font-weight:700}.address-line{font-weight:700}.price-m2{color:var(--wood-dark);font-weight:700;font-size:var(--font-size-small);margin:6px 0 0}.ppm{max-width:820px;margin-bottom:36px}.ppm td:nth-child(2),.ppm td:nth-child(3){text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;padding-left:16px}.ppm td:first-child{width:auto}.ppm .spec .ppm-main td{color:var(--wood-dark);font-weight:800}.plan .xs{font-size:10px}
