:root{--bg:#f4f2ee;--bg-elevated:#ebe8e2;--ink:#1a1916;--ink-soft:#4a4842;--ink-muted:#8a877e;--line:#d6d2c8;--line-strong:#b8b3a6;--accent:#b4441f;--reserved:#c9a574;--surface-dark:#1a1916;--surface-dark-ink:#f4f2ee;--font-display:Georgia, "Iowan Old Style", "Palatino Linotype", "Book Antiqua", serif;--font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--shell:min(1280px, calc(100vw - 80px));--section-pad:clamp(4rem, 10vh, 8rem)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100%;scroll-padding-top:72px;overflow-x:hidden}body{background:var(--bg);max-width:100%;color:var(--ink);font:17px/1.55 var(--font-body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}img,svg{max-width:100%;display:block}::selection{background:var(--accent);color:var(--bg)}.page-shell{width:var(--shell);margin-inline:auto}.skip-link{z-index:200;background:var(--ink);color:var(--bg);padding:.75rem 1.25rem;position:fixed;top:0;left:-9999px}.skip-link:focus{left:0}.site-header{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);background:#f4f2eedb;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:2rem;height:72px;display:flex}.brand{align-items:center;gap:.75rem;width:max-content;display:inline-flex}.brand-mark{border:1.5px solid var(--ink);width:40px;height:40px;font:500 1.25rem/1 var(--font-display);letter-spacing:-.04em;border-radius:50%;flex:none;place-items:center;display:grid}.brand-text{flex-direction:column;font-size:.95rem;font-weight:500;line-height:1.15;display:flex}.brand-text small{color:var(--ink-muted);font:400 .67rem/1.3 var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.header-actions{align-items:center;gap:.75rem;display:flex}.language-toggle{border:1px solid var(--line);color:var(--ink-muted);font:500 .76rem/1 var(--font-mono);letter-spacing:.05em;border-radius:999px;align-items:center;gap:.3rem;padding:.4rem .7rem;display:flex}.language-toggle .active{color:var(--ink)}.header-contact{background:var(--ink);color:var(--bg);border-radius:999px;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;transition:background .2s}.header-contact:hover,.header-contact:focus-visible{background:var(--accent)}.hero{padding:clamp(3rem,6vh,5rem) 0 clamp(4rem,8vh,7rem);position:relative;overflow:hidden}.hero-grid{z-index:0;pointer-events:none;border-inline:1px solid var(--line);background:linear-gradient(#0000,#b4441f14);width:55%;height:140%;position:absolute;top:-15%;right:-8%;transform:rotate(6deg)}.hero-content{z-index:1;position:relative}.hero-pill{border:1px solid var(--line);width:max-content;max-width:100%;color:var(--ink-soft);font:.78rem/1.4 var(--font-mono);letter-spacing:.05em;border-radius:999px;align-items:center;gap:.6rem;margin:0 0 2.5rem;padding:.5rem .85rem;display:flex}.hero-pill span{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #b4441f24}.hero h1{max-width:15ch;font:400 clamp(3rem,8.5vw,7.5rem)/.98 var(--font-display);letter-spacing:-.035em;text-wrap:balance;margin:0 0 2.5rem}.hero h1 span{display:block}.hero h1 .accent-line{color:var(--accent);font-style:italic;font-weight:300}.hero-copy{max-width:55ch;color:var(--ink-soft);text-wrap:pretty;margin:0 0 3rem;font-size:clamp(1.1rem,1.5vw,1.35rem);line-height:1.5}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.button{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.75rem;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex}.button svg,.contact-card svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:18px;height:18px}.button-light{background:var(--ink);color:var(--bg)}.button-light:hover,.button-light:focus-visible{background:var(--accent)}.button-ghost{border-color:var(--line-strong)}.button-ghost:hover,.button-ghost:focus-visible{border-color:var(--ink)}.stats-band{background:var(--bg)}.stats-grid{border-block:1px solid var(--line);background:var(--line);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.stat{background:var(--bg);min-height:145px;padding:2rem 1.5rem}.stat strong{font:400 clamp(2rem,3.5vw,2.75rem)/1 var(--font-display);letter-spacing:-.02em;margin-bottom:.5rem;display:block}.stat span{color:var(--ink-muted);font:.72rem/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.section{padding:var(--section-pad) 0}.eyebrow{color:var(--ink-muted);font:.72rem/1.4 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 1.5rem;display:block}.eyebrow-light{color:#f4f2eead}.section h2{max-width:20ch;font:400 clamp(2rem,4.5vw,3.75rem)/1.02 var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin:0 0 1.5rem}.project-section{border-top:1px solid var(--line)}.project-layout{grid-template-columns:280px 1fr;gap:clamp(2rem,5vw,5rem);display:grid}.project-main{max-width:900px}.project-body{max-width:62ch;color:var(--ink-soft);margin:0;font-size:clamp(1.05rem,1.3vw,1.2rem);line-height:1.55}.features-grid{border-top:1px solid var(--line);gap:2rem;margin-top:3rem;padding-top:2.5rem;display:grid}.feature{grid-template-columns:32px 1fr;gap:1.25rem;max-width:65ch;display:grid}.feature-index{color:var(--accent);font:1.1rem/1.4 var(--font-mono)}.feature h3{font:500 1.4rem/1.2 var(--font-display);letter-spacing:-.01em;margin:0 0 .35rem}.feature p{color:var(--ink-soft);margin:0;font-size:1rem;line-height:1.55}.map-section{border-block:1px solid var(--line);background:var(--bg-elevated);color:var(--ink)}.heading-split{max-width:min(800px,var(--shell));margin-left:max(40px,50vw - 640px);margin-right:auto;display:block}.heading-split>p{max-width:62ch;color:var(--ink-soft);margin:0;font-size:clamp(1.05rem,1.3vw,1.2rem);line-height:1.55}.map-wrapper{grid-template-columns:320px 1fr;align-items:stretch;gap:2rem;margin-top:3rem;display:grid}.map-sidebar{flex-direction:column;gap:1.5rem;display:flex}.legend-card,.lot-detail{border:1px solid var(--line);background:var(--bg)}.legend-card{padding:1.5rem}.legend-card h3{color:var(--ink-muted);font:500 .72rem/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 1rem}.legend-row{color:var(--ink);align-items:center;gap:.75rem;padding:.4rem 0;font-size:.9rem;line-height:1.35;display:flex}.legend-count{color:var(--ink-muted);font:.8rem/1 var(--font-mono);margin-left:auto}.swatch{border-radius:2px;flex:none;width:14px;height:14px}.swatch-available{background:var(--ink)}.swatch-reserved{background:var(--reserved)}.swatch-variante{background:var(--ink)}.swatch-campina{background:var(--accent)}.lot-detail{flex-direction:column;flex:1;min-height:280px;padding:1.75rem;display:flex}.lot-detail-number{font:400 4rem/1 var(--font-display);letter-spacing:-.03em;margin-bottom:.25rem}.lot-detail-status{color:var(--accent);font:.72rem/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5rem}.lot-detail dl{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1rem .5rem;margin:0;padding-top:1.25rem;display:grid}.lot-detail dt{color:var(--ink-muted);font:.68rem/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.15rem}.lot-detail dd{margin:0;font-size:.9rem;font-weight:500}.price-on-request{border-top:1px solid var(--line);color:var(--ink-muted);font:.78rem/1.4 var(--font-mono);margin:.75rem 0 0;padding-top:1rem}.lot-whatsapp{background:var(--ink);color:var(--bg);text-align:center;border-radius:999px;margin-top:auto;padding:.75rem;font-size:.85rem;transition:background .2s;display:block}.lot-whatsapp:hover,.lot-whatsapp:focus-visible{background:var(--accent)}.select-prompt{color:var(--ink-muted);font:.85rem/1.5 var(--font-mono);text-align:center;margin:auto}.map-canvas{aspect-ratio:600/700;border:1px solid var(--line);background:var(--bg);place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.plan-svg,.plan-svg svg{width:100%;height:100%}.plan-svg .surroundings{fill:var(--bg-elevated)}.plan-svg .parcel{fill:color-mix(in oklab,var(--accent) 12%,var(--bg));stroke:var(--ink);stroke-width:.6px;vector-effect:non-scaling-stroke;transition:fill .15s}.plan-svg .lot{cursor:pointer;outline:none}.plan-svg .lot:hover .parcel{fill:var(--accent)}.plan-svg .lot.selected .parcel{fill:var(--ink)}.plan-svg .lot:focus-visible .parcel{stroke:var(--accent);stroke-width:2px}.plan-svg .lot-number{fill:var(--ink);font:500 15px var(--font-mono);text-anchor:middle;pointer-events:none}.plan-svg .lot-area{fill:var(--ink-soft);font:8px var(--font-mono);text-anchor:middle;pointer-events:none}.plan-svg .lot:hover .lot-number,.plan-svg .lot:hover .lot-area,.plan-svg .lot.selected .lot-number,.plan-svg .lot.selected .lot-area{fill:var(--bg)}.plan-svg .road{fill:var(--line-strong);opacity:.55}.plan-svg .property-line{fill:none;stroke:var(--ink);stroke-width:2px;pointer-events:none}.plan-svg .dimension,.plan-svg .road-label,.plan-svg .north-label{fill:var(--ink-soft);font:8px var(--font-mono);text-anchor:middle;pointer-events:none}.plan-svg .road-label{fill:var(--ink);letter-spacing:.06em;font-size:10px;font-weight:600}.plan-svg .north-line{stroke:var(--ink);stroke-width:1.3px}.plan-loading,.plan-fallback{color:var(--ink-soft);font-size:.9rem}.lot-tooltip{z-index:10;pointer-events:none;background:var(--ink);color:var(--bg);font:.8rem/1.4 var(--font-mono);white-space:nowrap;border-radius:4px;padding:.6rem .85rem;position:absolute;transform:translate(-50%,-120%)}.lot-tooltip strong,.lot-tooltip span{display:block}.lot-tooltip span{opacity:.7}.map-disclaimer{max-width:90ch;color:var(--ink-muted);margin:1.5rem 0 0;font-size:.78rem;line-height:1.5}.uses-section{border-top:1px solid var(--line);background:var(--bg)}.uses-grid{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:3.5rem;display:grid}.use-card{background:var(--bg);flex-direction:column;transition:background .2s;display:flex;overflow:hidden}.use-card:hover{background:var(--bg-elevated)}.use-card-large{grid-column:span 2}.use-image{aspect-ratio:16/10;background:var(--bg-elevated);position:relative;overflow:hidden}.use-card-large .use-image{aspect-ratio:16/9}.use-image img{object-fit:cover;width:100%;height:100%}.concept-label{color:var(--bg);font:.65rem/1.3 var(--font-mono);letter-spacing:.05em;text-transform:uppercase;background:#1a1916c7;border-radius:2px;padding:.25rem .5rem;position:absolute;bottom:.6rem;right:.6rem}.use-card-body{flex-direction:column;flex:1;gap:.5rem;padding:1.75rem;display:flex}.card-tag{color:var(--accent);font:.65rem/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;align-self:flex-start;margin-bottom:.25rem}.use-card h3{font:500 1.4rem/1.15 var(--font-display);letter-spacing:-.01em;margin:0 0 .35rem}.use-card-large h3{font-size:1.75rem}.use-card p{color:var(--ink-soft);margin:0;font-size:.95rem;line-height:1.5}.section-footnote{color:var(--ink-muted);font:.75rem/1.5 var(--font-mono);letter-spacing:.04em;text-align:right;margin-top:1.5rem}.location-section{background:var(--bg);color:var(--ink)}.location-layout{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.location-lede{max-width:62ch;color:var(--ink-soft);margin:0;font-size:clamp(1.05rem,1.3vw,1.2rem);line-height:1.55}.location-facts{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1.5rem 2rem;margin:3rem 0 0;padding-top:2rem;display:grid}.location-facts dt{color:var(--ink-muted);font:.72rem/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem}.location-facts dd{margin:0;font-size:1.1rem;font-weight:500}.coordinate-card{aspect-ratio:4/3;border:1px solid var(--line);background-color:var(--bg-elevated);background-image:repeating-linear-gradient(45deg,#0000 0 14px,#b8b3a647 14px 15px);display:block;position:relative;overflow:hidden}.coordinate-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.map-marker{align-items:center;gap:.5rem;display:flex;position:absolute;top:22%;left:62%}.map-marker i{background:var(--accent);border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 6px #b4441f33}.map-marker b{background:var(--ink);color:var(--bg);font:400 .75rem/1.3 var(--font-mono);letter-spacing:.05em;border-radius:3px;padding:.25rem .55rem}.map-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex;position:absolute;inset:0}.map-center strong{color:var(--ink-soft);font:500 .85rem/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.map-center small{color:var(--ink-muted);font:.7rem/1.4 var(--font-mono);letter-spacing:.08em}.map-coordinates{color:var(--bg);font:.72rem/1.4 var(--font-mono);letter-spacing:.02em;background:#1a1916d1;border-radius:3px;padding:.4rem .7rem;position:absolute;bottom:.85rem;left:.85rem}.coordinate-card:hover .map-coordinates,.coordinate-card:focus-visible .map-coordinates{background:color-mix(in oklab,var(--accent) 75%,var(--ink))}.contact-section{padding:var(--section-pad) 0;background:var(--surface-dark);color:var(--surface-dark-ink)}.contact-layout{grid-template-columns:1.2fr 1fr;align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.contact-copy h2{max-width:20ch;font:400 clamp(2rem,4.5vw,3.75rem)/1.02 var(--font-display);letter-spacing:-.025em;margin:0 0 1.5rem}.contact-copy>p:last-child{color:#f4f2eec7;max-width:56ch;margin:0;font-size:clamp(1.05rem,1.3vw,1.2rem)}.contact-actions{gap:1rem;display:grid}.contact-card{background:#f4f2ee14;border:1px solid #f4f2ee26;flex-direction:column;padding:1.75rem;transition:all .2s;display:flex;position:relative}.contact-card:hover,.contact-card:focus-visible{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 30%,var(--surface-dark));transform:translate(4px)}.contact-card>span{color:#f4f2ee99;font:.72rem/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem}.contact-card strong{font:400 1.6rem/1.2 var(--font-display)}.contact-card svg{width:24px;height:24px;position:absolute;top:50%;right:1.75rem;transform:translateY(-50%)}.site-footer{border-top:1px solid var(--line);background:var(--bg);padding:2.5rem 0}.footer-grid{color:var(--ink-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;font-size:.85rem;display:flex}.footer-grid p{margin:0}.brand-footer{color:var(--ink);font-weight:500}.brand-footer .brand-mark{width:28px;height:28px;font-size:1rem}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:960px){:root{--shell:calc(100vw - 40px)}.brand-text{display:none}.hero h1{font-size:clamp(2.5rem,11vw,5rem)}.project-layout,.location-layout,.contact-layout,.map-wrapper{grid-template-columns:1fr}.heading-split{width:var(--shell);margin-inline:auto}.uses-grid{grid-template-columns:repeat(2,1fr)}.use-card-large{grid-column:span 2}}@media (max-width:600px){:root{--shell:calc(100vw - 40px);--section-pad:4rem}body{font-size:16px}.header-contact{display:none}.hero{padding-top:3rem}.hero-pill{font-size:.68rem}.hero-copy{font-size:1rem}.stats-grid{grid-template-columns:1fr 1fr}.stat{min-height:120px;padding:1.5rem}.lot-detail{min-height:280px}.map-canvas{aspect-ratio:600/700}.plan-svg .lot-number{font-size:19px}.plan-svg .lot-area,.plan-svg .dimension{display:none}.plan-svg .road-label{font-size:13px}.uses-grid{grid-template-columns:1fr}.use-card-large{grid-column:span 1}.location-facts{grid-template-columns:1fr}.map-coordinates{font-size:.62rem;right:.85rem}.map-coordinates b{margin-top:.2rem;display:block}.footer-grid{flex-direction:column;align-items:flex-start}}
