/* Habita — architectural brutalism. System fonts, exposed grids, hard edges. */
:root{--paper:#f1f0e9;--ink:#171717;--muted:#50504a;--line:#171717;--accent:#e3ff51;--border:2px solid var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a,button{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #435bff;outline-offset:5px}.wrap{width:min(1440px,92%);margin-inline:auto}.demo{padding:10px 20px;background:var(--ink);color:var(--accent);text-align:center;font:10px/1.5 'Courier New',monospace;letter-spacing:1px}.header{min-height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:var(--border);gap:24px}.logo{font-weight:900;font-size:62px;letter-spacing:-5px;line-height:.85}.logo span{font:12px Arial;letter-spacing:0;vertical-align:top;margin-left:8px}.logo small{font:9px/1 'Courier New',monospace;letter-spacing:2px;display:block;margin-top:12px}nav{display:flex;align-items:center;gap:30px;font:12px 'Courier New',monospace;text-transform:uppercase}nav>a:not(.nav-cta){text-decoration:underline;text-underline-offset:5px}.nav-cta{background:var(--accent);border:var(--border);padding:16px 20px;box-shadow:4px 4px 0 var(--ink);font-weight:bold}.nav-cta span{margin-left:25px}.menu{display:none}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:0;align-items:stretch;padding-block:35px 45px}.hero-copy{padding:25px 35px 0 0;min-width:0}.eyebrow{font:700 11px/1.5 'Courier New',monospace!important;letter-spacing:1px;margin:0 0 28px!important}.dot{display:inline-block;width:10px;height:10px;background:var(--ink);margin-right:8px}h1,h2,h3{margin:0;font-weight:900}h1{font-size:clamp(46px,5.3vw,82px);line-height:.97;letter-spacing:-4px;text-transform:uppercase}em{font-family:inherit;font-weight:inherit;font-style:normal}h1 em{display:inline-block;background:var(--accent);padding:0 8px 6px 3px;margin-top:6px}h2{font-size:clamp(36px,3.8vw,58px);line-height:1;letter-spacing:-2.5px;text-transform:uppercase}h2 em{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}.hero-copy>p:not(.eyebrow){max-width:390px;font-size:15px;line-height:1.65;margin:28px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--accent);color:var(--ink);border:var(--border);padding:19px 23px;box-shadow:5px 5px 0 var(--ink);font:700 12px 'Courier New',monospace;text-transform:uppercase}.button span{font-size:22px}.button:hover,.nav-cta:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}.hero-note{font:10px/1.5 'Courier New',monospace;display:flex;gap:18px;margin-top:45px;border-top:var(--border);padding-top:15px}.hero-note span{font-weight:bold;white-space:nowrap}.hero-image{position:relative;min-height:580px;border:var(--border);background:#c9c9bf;overflow:hidden}.hero-image>img{height:100%;width:100%;position:absolute;object-fit:cover;filter:saturate(.55);display:block}.image-label{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;gap:12px;background:var(--accent);border-bottom:var(--border);padding:13px 15px;font:9px/1.5 'Courier New',monospace}.image-card{position:absolute;bottom:20px;left:20px;right:20px;background:var(--paper);border:var(--border);box-shadow:5px 5px 0 var(--ink);display:flex;justify-content:space-between;align-items:center;padding:20px;font:9px 'Courier New',monospace}.image-card small{display:block;font:700 19px Arial;margin-top:10px;letter-spacing:-.5px}.image-card b{font-size:40px}.values{border-block:var(--border);background:var(--accent)}.values>.wrap{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:24px 0;font-size:12px;font-weight:900;text-transform:uppercase}.values i{font-style:normal;font-size:22px}.section{padding-block:75px}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:40px}.section-top>p{max-width:310px;font-size:14px;line-height:1.6;margin:0}.catalog-bar{border-top:var(--border);padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:25px}.filters{display:flex;gap:8px}.filters button{border:var(--border);background:transparent;color:var(--ink);padding:12px 20px;font:700 11px 'Courier New',monospace;text-transform:uppercase;min-height:44px}.filters button.active{background:var(--ink);color:var(--accent);box-shadow:3px 3px 0 #849338}.filters button:hover{background:var(--accent);color:var(--ink)}#count{font:11px 'Courier New',monospace}.properties{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.property{border:var(--border);background:#faf9f4;min-width:0;display:flex;flex-direction:column}.property[hidden]{display:none}.property-image{height:270px;position:relative;border-bottom:var(--border);overflow:hidden;background:#d9d9cf}.property-image img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.45);transition:filter .2s}.property:hover img{filter:saturate(1)}.property-image>span{position:absolute;top:14px;left:14px;background:var(--accent);border:var(--border);padding:8px 10px;font:700 10px 'Courier New',monospace}.property[data-type=renta] .property-image>span{background:var(--paper)}.property-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:20px 18px 0}.property-heading h3{font-size:23px;letter-spacing:-1px;line-height:1.05}.property-heading>span{font-size:27px}.location{margin:10px 18px 22px;font:11px/1.5 'Courier New',monospace;color:var(--muted)}.features{display:flex;border-block:var(--border);font:10px/1.4 'Courier New',monospace;margin-top:auto}.features span{flex:1;padding:12px 5px;text-align:center}.features span+span{border-left:var(--border)}.property-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:16px 18px}.property-bottom strong{font-size:21px;letter-spacing:-.7px}.property-bottom small{font:9px 'Courier New',monospace;display:block;letter-spacing:0;margin-top:4px}.property-bottom button{background:var(--accent);border:var(--border);padding:12px 9px;color:var(--ink);font:700 10px 'Courier New',monospace;min-height:44px}.property-bottom button:hover{background:var(--ink);color:var(--accent)}.disclosure{font:10px/1.7 'Courier New',monospace;margin:24px 0 0;max-width:850px}.about{background:var(--ink);color:var(--paper);border-block:var(--border);padding-block:60px}.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}.about-photo{height:480px;position:relative;border:2px solid var(--paper)}.about-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.about-photo>span{position:absolute;bottom:0;left:0;right:0;background:var(--accent);color:var(--ink);padding:18px;font:700 10px/1.5 'Courier New',monospace;border-top:var(--border)}.about-copy .eyebrow{color:var(--accent)}.about-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:470px;margin-top:25px;color:#dbdbd3}.text-link{display:inline-flex;gap:22px;border-bottom:2px solid var(--accent);color:var(--accent);padding-block:15px 10px;font:700 12px/1.5 'Courier New',monospace}.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:var(--border)}.services article{padding:30px 24px;display:flex;flex-direction:column;align-items:flex-start}.services article+article{border-left:var(--border)}.services article:nth-child(2){background:var(--accent)}.services article>span{font:700 11px 'Courier New',monospace}.services h3{font-size:30px;line-height:1.05;letter-spacing:-1px;margin:40px 0 16px}.services p{font-size:14px;line-height:1.7;margin:0 0 25px}.services a,.services button{margin-top:auto;padding:12px 0 4px;border:0;border-bottom:2px solid var(--ink);background:transparent;color:var(--ink);font:700 11px/1.5 'Courier New',monospace;min-height:44px}.contact{background:var(--accent);padding-block:75px;border-block:var(--border)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.contact h2{font-size:clamp(36px,4vw,60px)}.contact>p,.contact p{font-size:14px;line-height:1.7}.contact-details{display:grid;gap:12px;font:11px/1.6 'Courier New',monospace;margin-top:40px}.contact-details span{border-top:1px solid var(--ink);padding-top:10px;max-width:380px}form{display:grid;align-content:start;min-width:0;background:var(--paper);border:var(--border);box-shadow:8px 8px 0 var(--ink);padding:30px}label{font:700 11px/1.5 'Courier New',monospace;text-transform:uppercase;margin-bottom:8px}input,select,textarea{width:100%;min-width:0;border:var(--border);border-radius:0;padding:13px;color:var(--ink);background:#fffef8;font-size:14px;margin-bottom:20px}input::placeholder,textarea::placeholder{color:#68685f;opacity:1}textarea{resize:vertical}form .button{width:100%}.form-note{font:10px/1.6 'Courier New',monospace!important;margin:17px 0 0}#result{border-top:var(--border);margin-top:22px}#result[hidden]{display:none}#copy{background:var(--ink);color:var(--accent);border:var(--border);padding:13px;font:700 11px 'Courier New',monospace}#copy-status{font:11px/1.5 'Courier New',monospace;margin-left:10px}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:40px}footer .logo{font-size:48px}footer p,footer small{font:10px/1.6 'Courier New',monospace}a:hover{text-decoration-thickness:2px}button:active{transform:translate(1px,1px)}
@media(max-width:1000px){.hero{grid-template-columns:1fr 1fr}.hero-copy{padding-right:24px}h1{font-size:5.4vw;letter-spacing:-2.8px}.hero-image{min-height:540px}.property-image{height:220px}.property-heading h3{font-size:20px}.property-bottom{padding:14px}.about-grid,.contact-grid{gap:35px}.about-copy h2{font-size:40px}.services h3{font-size:26px}.services article{padding:25px 18px}nav{gap:20px}}
@media(max-width:700px){.wrap{width:90%}.demo{font-size:8px;letter-spacing:0}.header{min-height:95px;position:relative}.logo{font-size:48px}.menu{display:block;background:var(--accent);border:var(--border);padding:13px;font:700 12px 'Courier New',monospace;box-shadow:3px 3px 0 var(--ink)}nav{display:none;position:absolute;top:88px;left:0;right:0;background:var(--paper);border:var(--border);padding:25px;z-index:10;box-shadow:5px 5px 0 var(--ink)}nav.open{display:grid;gap:25px}.hero{grid-template-columns:1fr;padding-block:25px 30px;gap:30px}.hero-copy{padding:0}h1{font-size:clamp(39px,8.9vw,62px);letter-spacing:-2px;line-height:1}.hero-copy>p:not(.eyebrow){max-width:100%}.hero-note{margin-top:32px}.hero-image{min-height:440px}.image-label{font-size:8px}.image-card{left:14px;right:18px;bottom:18px;padding:16px}.values>.wrap{flex-wrap:wrap;justify-content:center;gap:14px;font-size:10px;padding-block:20px}.values i{font-size:16px}.values i:last-of-type{display:none}.section{padding-block:50px}.section-top{display:block;margin-bottom:30px}.section-top>p{margin-top:25px;max-width:100%}h2{font-size:clamp(30px,7.7vw,48px);letter-spacing:-1.5px}.eyebrow{margin-bottom:22px!important}.catalog-bar{flex-wrap:wrap;gap:18px}.filters button{padding:12px 16px}#count{font-size:10px}.properties{grid-template-columns:1fr;gap:25px}.property-image{height:300px}.property-heading h3{font-size:25px}.property-bottom strong{font-size:25px}.property-bottom button{padding:13px 16px}.features{font-size:11px}.about{padding-block:40px}.about-grid{grid-template-columns:1fr;gap:35px}.about-photo{height:350px}.about-copy h2{font-size:clamp(29px,7.5vw,45px)}.text-link{font-size:11px;gap:12px}.services{grid-template-columns:1fr}.services article,.services article+article{padding:26px;border-left:0}.services article+article{border-top:var(--border)}.services h3{font-size:30px;margin-top:30px}.contact{padding-block:45px}.contact-grid{grid-template-columns:1fr;gap:35px}.contact h2{font-size:clamp(30px,7.5vw,46px)}form{padding:22px;box-shadow:5px 5px 0 var(--ink)}.contact-details{margin-top:25px}footer{flex-wrap:wrap;gap:15px;padding-block:30px}footer small{width:100%}.button{gap:20px;padding:17px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.demo-banner{padding:12px 20px;text-align:center;background:#233a30;color:#fff;font:14px/1.6 Arial,Helvetica,sans-serif}.demo-banner a{color:inherit;text-decoration:underline;text-underline-offset:3px}.demo-banner a:focus-visible{outline:3px solid #fff;outline-offset:3px}
