@font-face{font-family:Ninetea;src:url('../../fonts/Ninetea-Medium.otf') format('opentype');font-display:swap;font-weight:500}
:root{--ink:#242223;--paper:#f6f5f2;--lavender:#d3b5d7;--signal:#e5e763;--muted:#6d696b;--line:#c9c5c3;--white:#fff;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.6}body.menu-open{overflow:hidden}img{display:block;max-width:100%}a{color:inherit}button,input,textarea,select{font:inherit;border-radius:0}button{cursor:pointer}.skip-link{position:fixed;left:1rem;top:-5rem;background:var(--signal);color:var(--ink);padding:.7rem 1rem;z-index:100}.skip-link:focus{top:1rem}.site-header{position:sticky;top:0;z-index:30;background:rgba(246,245,242,.96);border-bottom:1px solid var(--line)}.nav-shell{max-width:var(--max);margin:auto;min-height:78px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;text-decoration:none}.brand img{width:44px;height:44px}.brand-word{font-family:Ninetea,sans-serif;font-size:1.08rem;letter-spacing:.09em;margin-left:12px}.nav-links{display:flex;align-items:center;gap:28px}.nav-links a{text-decoration:none;font-size:.79rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-bottom:2px solid transparent}.nav-links a:hover,.nav-links a[aria-current="page"]{border-color:var(--ink)}.nav-cta{background:var(--ink);color:var(--paper)!important;padding:10px 14px;border:1px solid var(--ink)}.nav-cta:hover{background:var(--signal);color:var(--ink)!important;border-color:var(--ink)}.menu-toggle{display:none;border:1px solid var(--ink);background:transparent;padding:10px 12px;font-weight:700}.wrap{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.eyebrow{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);border-bottom:1px solid var(--line)}.hero-copy{padding:clamp(64px,9vw,132px) max(24px,calc((100vw - var(--max))/2)) clamp(64px,8vw,112px);padding-right:clamp(34px,6vw,90px);display:flex;flex-direction:column;justify-content:center}.hero h1,.page-hero h1{font-family:Ninetea,sans-serif;font-weight:500;font-size:clamp(3.4rem,7.7vw,8rem);line-height:.88;letter-spacing:-.035em;margin:20px 0 30px}.hero h1 span{display:block;color:var(--lavender);-webkit-text-stroke:1px var(--ink);text-shadow:3px 3px 0 var(--ink)}.lede{font-size:clamp(1.05rem,1.5vw,1.32rem);max-width:650px;line-height:1.55;margin:0 0 32px}.actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:11px 18px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-weight:750;text-decoration:none}.button:hover{background:var(--signal);color:var(--ink)}.button.secondary{background:transparent;color:var(--ink)}.button.secondary:hover{background:var(--lavender)}.hero-visual{min-height:580px;position:relative;overflow:hidden;background:var(--ink)}.hero-visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.75);opacity:.9}.hero-visual:after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--paper) 1px,transparent 1px),linear-gradient(90deg,var(--paper) 1px,transparent 1px);background-size:25% 25%;opacity:.22}.image-label{position:absolute;z-index:2;left:0;bottom:0;background:var(--signal);color:var(--ink);padding:12px 18px;font-size:.73rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800}.section{padding:clamp(72px,9vw,128px) 0;border-bottom:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-bottom:58px}.section h2{font-family:Ninetea,sans-serif;font-size:clamp(2.4rem,5vw,5.3rem);font-weight:500;line-height:.96;letter-spacing:-.025em;margin:0;max-width:880px}.section-intro{max-width:620px;font-size:1.1rem;margin:0}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.proof{padding:28px;min-height:230px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}.proof strong{font-family:Ninetea,sans-serif;font-size:1.75rem;font-weight:500;display:block;margin-bottom:50px}.proof p{margin:0;color:var(--muted)}.project{display:grid;grid-template-columns:1.4fr .6fr;background:var(--ink);color:var(--paper)}.project-media{min-height:520px}.project-media img{height:100%;width:100%;object-fit:cover}.project-copy{padding:clamp(32px,5vw,70px);display:flex;flex-direction:column;justify-content:space-between}.project-copy h3{font-family:Ninetea,sans-serif;font-size:clamp(2.2rem,4vw,4.4rem);line-height:.95;font-weight:500;margin:14px 0 24px}.project-copy dl{margin:40px 0 0}.project-copy div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #686466}.project-copy dt{color:var(--lavender)}.project-copy dd{margin:0;text-align:right}.process{counter-reset:steps;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink)}.step{counter-increment:steps;padding:28px 28px 45px 0;border-right:1px solid var(--line);margin-right:28px}.step:last-child{border:0;margin-right:0}.step:before{content:"0" counter(steps);display:block;font-size:.78rem;font-weight:800;letter-spacing:.12em;margin-bottom:48px}.step h3{font-size:1.14rem;margin:0 0 14px}.step p{color:var(--muted);margin:0}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(48px,8vw,120px)}.contact-note{background:var(--lavender);border:1px solid var(--ink);padding:28px;margin-top:38px}.contact-note p{margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:grid;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.field input,.field select,.field textarea{background:transparent;border:0;border-bottom:1px solid var(--ink);padding:10px 2px;min-height:48px}.field textarea{border:1px solid var(--ink);padding:12px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid var(--signal);outline-offset:2px}.consent{display:flex;gap:10px;align-items:flex-start;font-size:.88rem}.consent input{margin-top:5px}.form-status{min-height:24px;font-weight:700}.page-hero{padding:clamp(80px,12vw,170px) 0 clamp(60px,8vw,100px);border-bottom:1px solid var(--line)}.page-hero h1{max-width:1050px;font-size:clamp(3.2rem,8vw,7.4rem)}.page-hero .lede{max-width:760px}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(42px,8vw,110px);align-items:start}.statement{border-top:4px solid var(--ink);padding-top:26px}.statement h2{font-size:clamp(2.3rem,4vw,4.5rem)}.values{display:grid;grid-template-columns:repeat(2,1fr);border-left:1px solid var(--ink);border-top:1px solid var(--ink)}.value{min-height:230px;padding:28px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}.value h3{font-family:Ninetea,sans-serif;font-size:1.5rem;font-weight:500}.system-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--ink)}.system-list li{display:grid;grid-template-columns:90px 1fr;gap:30px;padding:36px 0;border-bottom:1px solid var(--ink)}.system-list b{font-family:Ninetea,sans-serif;font-size:2rem;font-weight:500}.system-list h2{font-size:clamp(1.8rem,4vw,3.5rem);margin:0 0 12px}.system-list p{margin:0;max-width:700px;color:var(--muted)}.legal{max-width:800px}.legal h2{font-family:Ninetea,sans-serif;font-size:2rem;font-weight:500;margin-top:52px}.legal h3{font-size:1.05rem;margin-top:32px}.legal p,.legal li{color:#4d494b}.notice{border:1px solid var(--ink);background:var(--white);padding:22px}.site-footer{background:var(--ink);color:var(--paper);padding:62px 0 28px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:50px}.footer-brand{font-family:Ninetea,sans-serif;font-size:2.2rem;margin:0 0 14px}.footer-grid h2{font-size:.76rem;letter-spacing:.13em;text-transform:uppercase;color:var(--lavender)}.footer-links{display:grid;gap:8px}.footer-links a{text-decoration:none}.footer-links a:hover{text-decoration:underline;text-decoration-color:var(--signal);text-underline-offset:4px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #5d595b;margin-top:50px;padding-top:22px;font-size:.79rem;color:#c5c1c2}.cookie-banner{position:fixed;z-index:60;left:20px;right:20px;bottom:20px;background:var(--paper);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:22px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.cookie-banner[hidden]{display:none}.cookie-banner p{margin:0;max-width:780px;font-size:.92rem}.cookie-actions{display:flex;gap:10px}.cookie-actions button{border:1px solid var(--ink);padding:10px 14px;background:var(--ink);color:var(--paper);font-weight:800}.cookie-actions .reject{background:transparent;color:var(--ink)}.thanks{min-height:calc(100vh - 78px);display:grid;place-items:center;text-align:center;padding:50px}.thanks h1{font-family:Ninetea,sans-serif;font-weight:500;font-size:clamp(3rem,8vw,7rem);line-height:.9;margin:0 0 25px}.business-card{min-height:100vh;background:var(--ink);display:grid;place-items:center;padding:28px}.card-inner{width:min(100%,1000px);min-height:420px;border:1px solid var(--lavender);color:var(--paper);padding:clamp(30px,6vw,70px);display:grid;grid-template-columns:1fr auto;gap:30px;position:relative;overflow:hidden}.card-inner:after{content:"";position:absolute;width:330px;height:330px;right:-80px;bottom:-80px;border:60px solid var(--lavender);transform:rotate(45deg)}.card-inner h1{font-family:Ninetea,sans-serif;font-size:clamp(2.5rem,6vw,5.8rem);line-height:.9;font-weight:500;margin:0}.card-role{color:var(--lavender);max-width:400px}.card-contact{align-self:end;z-index:2}.card-contact a{display:block;text-decoration:none;margin-top:6px}.card-logo{width:65px;z-index:2}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-visual{min-height:58vw}.section-head,.contact-grid,.project,.split{grid-template-columns:1fr}.proof-grid{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}.project-media{min-height:420px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.menu-toggle{display:block}.nav-links{display:none;position:fixed;inset:79px 0 0;background:var(--paper);padding:45px 24px;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.nav-links a{font-size:1.3rem}.cookie-banner{grid-template-columns:1fr}}
@media(max-width:620px){.wrap{width:min(calc(100% - 32px),var(--max))}.nav-shell{padding:0 16px}.brand-word{display:none}.hero-copy{padding:64px 16px}.hero h1{font-size:clamp(3.05rem,16vw,5rem)}.hero-visual{min-height:78vw}.proof-grid,.process,.values,.form-grid,.footer-grid{grid-template-columns:1fr}.proof,.step{min-height:unset}.field.full{grid-column:auto}.project-media{min-height:300px}.system-list li{grid-template-columns:52px 1fr;gap:16px}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column}.cookie-banner{left:10px;right:10px;bottom:10px;padding:16px}.cookie-actions{flex-direction:column}.cookie-actions button{width:100%}.card-inner{grid-template-columns:1fr}.card-logo{position:absolute;right:25px;top:25px}.card-inner:after{opacity:.35}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.brand-mosaic{position:relative;isolation:isolate;overflow:hidden}.brand-mosaic:before{content:"";position:absolute;z-index:-1;inset:0;background-image:url('../brand/titanbitt-mark-ink.svg');background-size:clamp(132px,14vw,210px) auto;background-repeat:repeat;opacity:.025;transform:rotate(-5deg) scale(1.08);transform-origin:center;pointer-events:none}.brand-mosaic>.wrap{position:relative}.brand-mosaic.mosaic-edge:before{inset:-12% -4% -12% 52%;opacity:.04;background-size:clamp(150px,16vw,230px) auto}.page-hero.brand-mosaic:before{inset:-22% -2% -20% 44%;opacity:.035;background-size:clamp(170px,18vw,270px) auto}@media(max-width:620px){.brand-mosaic:before,.brand-mosaic.mosaic-edge:before,.page-hero.brand-mosaic:before{inset:0;opacity:.022;background-size:132px auto;transform:rotate(-5deg) scale(1.12)}}
main>.page-hero,main>.section:last-child,main>.hero+.section{position:relative;isolation:isolate;overflow:hidden}main>.page-hero:before,main>.section:last-child:before,main>.hero+.section:before{content:"";position:absolute;z-index:-1;inset:-10% -3%;background-image:url('../brand/titanbitt-mark-ink.svg');background-size:clamp(145px,15vw,220px) auto;background-repeat:repeat;opacity:.026;transform:rotate(-5deg) scale(1.08);transform-origin:center;pointer-events:none}main>.page-hero:before,main>.hero+.section:before{inset:-18% -4% -18% 48%;opacity:.04;background-size:clamp(165px,18vw,260px) auto}main>.page-hero>.wrap,main>.section:last-child>.wrap,main>.hero+.section>.wrap{position:relative}@media(max-width:620px){main>.page-hero:before,main>.section:last-child:before,main>.hero+.section:before{inset:0;opacity:.022;background-size:132px auto;transform:rotate(-5deg) scale(1.12)}}
@font-face{font-family:"Roboto Mono";src:url('../../fonts/RobotoMono-Variable.ttf') format('truetype-variations');font-style:normal;font-weight:100 700;font-display:swap}:root{--ink:#312f30;--paper:#f4f3f2;--lavender:#d3b5d7;--signal:#e5e761;--muted:#6d696b;--line:#c9c5c3;--white:#fff}body{background:var(--paper);font-family:"Roboto Mono",ui-monospace,SFMono-Regular,Consolas,monospace}.brand img{width:clamp(164px,16vw,218px);height:auto}.brand-word{display:none}.nav-links a,.button,.eyebrow,.field label,.image-label{font-family:"Roboto Mono",monospace}.hero-visual:after{background-image:url('../brand/grid-piece-cloud.svg');background-size:118px auto;background-repeat:repeat;opacity:.17}.hero-visual .image-label{font-size:0}.hero-visual .image-label:after{content:"PLACEHOLDER · FOTOGRAFÍA DE PROYECTO";font-size:.73rem}.project-media{position:relative}.project-media:after{content:"PLACEHOLDER · FOTOGRAFÍA DE PROYECTO";position:absolute;left:0;bottom:0;background:var(--signal);color:var(--ink);padding:10px 14px;font-size:.68rem;font-weight:700;letter-spacing:.08em}.site-footer{position:relative;overflow:hidden}.site-footer:after{content:"";position:absolute;right:-40px;bottom:-70px;width:360px;height:170px;background:url('../brand/directional-cloud.svg') center/contain no-repeat;opacity:.055;pointer-events:none}.footer-brand{width:min(260px,100%);height:54px;margin-bottom:20px;background:url('../brand/logo-horizontal-cloud.svg') left center/contain no-repeat;font-size:0}.footer-grid>div:first-child>p:nth-child(2){font-size:0}.footer-grid>div:first-child>p:nth-child(2):after{content:"ESTRUCTURAS SÓLIDAS.\A HOGARES CONECTADOS.";white-space:pre;font-size:.86rem;line-height:1.5;letter-spacing:.08em}main>.page-hero:before,main>.section:last-child:before,main>.hero+.section:before,.brand-mosaic:before{background-image:url('../brand/grid-piece-graphite.svg');background-size:clamp(120px,13vw,190px) auto;transform:none;opacity:.035}main>.page-hero:before,main>.hero+.section:before{inset:-8% -2% -8% 54%;opacity:.055}.contact-note{background:var(--lavender)}@media(max-width:620px){.brand img{width:156px}.brand-mosaic:before,main>.page-hero:before,main>.section:last-child:before,main>.hero+.section:before{background-size:105px auto;transform:none;opacity:.025}.hero-visual:after{background-size:86px auto}}