@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#f1f2ef;--ink:#111a21;--dark:#101820;--panel:#1b2730;--orange:#f47b26;--muted:#aab4bb;--line:#35434d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.header{height:78px;padding:0 7%;background:#0d151b;color:white;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:30;border-bottom:1px solid #33404a}.brand{display:flex;gap:10px;align-items:center;font-weight:800;letter-spacing:1.7px;font-size:17px;line-height:1}.brand small{display:block;font-size:8px;letter-spacing:2.5px;color:#9da8ae;margin-top:5px}.brand-symbol{height:38px;width:38px;background:var(--orange);color:#101820;display:grid;place-items:center;font:800 27px 'Barlow Condensed';clip-path:polygon(0 0,100% 0,100% 78%,78% 100%,0 100%)}.orange{color:var(--orange)}.nav{display:flex;align-items:center;gap:32px;font-size:12px;font-weight:700}.nav a:hover{color:var(--orange)}.nav-button{background:var(--orange);padding:13px 18px;color:#111820}.menu-toggle{display:none;background:none;border:0;color:white;font-size:26px}
.hero{min-height:680px;position:relative;display:flex;align-items:center;overflow:hidden;color:white;padding:80px 10%;background:linear-gradient(90deg,#0b1218 0%,#111b23ed 45%,#111b2370 100%),linear-gradient(135deg,#40515b,#111820 65%)}.hero:after{content:"";position:absolute;inset:0 0 0 48%;opacity:.22;background:repeating-linear-gradient(135deg,transparent 0 46px,#9ba8ae 47px 48px)}.hero-shade{position:absolute;right:7%;top:12%;width:40%;height:70%;border:1px solid #ffffff26;transform:skew(-12deg)}.hero-inner{max-width:680px;position:relative;z-index:2}.kicker,.section-tag{font-size:10px;letter-spacing:3px;font-weight:800;color:var(--orange);margin:0 0 19px}.kicker span{display:inline-block;width:25px;height:2px;background:var(--orange);vertical-align:middle;margin-right:9px}.hero h1,.intro h2,.section-head h2,.process h2,.contact h2,.location h2{font:800 clamp(53px,7vw,88px)/.93 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.3px;margin:0}.hero h1 em{font-style:normal;color:var(--orange)}.hero-lead{font-size:14px;line-height:1.85;color:#c4cdd2;max-width:500px;margin:27px 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:16px 20px;font-size:10px;font-weight:800;letter-spacing:1px;cursor:pointer}.primary{background:var(--orange);color:#101820}.primary:hover{background:#ff9853}.ghost{border:1px solid #8c999f;color:white}.hero-index{position:absolute;right:11%;bottom:17%;z-index:2;display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:2px;color:#d5dadd}.hero-index strong{font:800 54px 'Barlow Condensed';color:var(--orange)}.hero-foot{position:absolute;bottom:23px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#9ba7ae}
.wrap{max-width:1200px;margin:auto;padding:96px 6%}.intro{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.intro h2,.contact h2{font-size:clamp(48px,5.5vw,69px)}.intro h2 span,.contact h2 span,.section-head h2 span,.process h2 span,.location h2 span{color:var(--orange)}.intro-copy{font-size:14px;line-height:1.9;color:#606c74}.intro-copy strong{color:#1b2730}.text-link{display:inline-block;margin-top:15px;font-size:10px;font-weight:800;letter-spacing:1.2px;color:#bd5918}.text-link span{font-size:16px;margin-left:9px}
.dark-section{background:var(--dark);color:white}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:39px}.section-head h2{font-size:58px}.section-head>p{max-width:350px;color:#aab4bb;font-size:12px;line-height:1.8;margin:0 0 4px}.models .wrap{padding-top:90px;padding-bottom:90px}.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.model-card{background:#1a2630;border:1px solid #34414b}.model-image{height:220px;position:relative;background:#26343e;overflow:hidden}.model-image img{width:100%;height:100%;object-fit:cover;display:block}.model-number{position:absolute;top:14px;left:15px;background:var(--orange);color:#101820;font:800 16px 'Barlow Condensed';padding:5px 9px}.model-body{padding:23px}.model-meta{display:flex;justify-content:space-between;gap:8px;color:var(--orange);font-size:8px;letter-spacing:1.5px;font-weight:800}.model-body h3{font:800 29px 'Barlow Condensed';text-transform:uppercase;margin:12px 0 8px}.model-body p{color:#aab4bb;font-size:12px;line-height:1.7;min-height:62px}.model-ask{margin-top:13px;padding:0;background:none;border:0;color:white;font-size:9px;font-weight:800;letter-spacing:1px;cursor:pointer}.model-ask b{color:var(--orange);font-size:16px;margin-left:9px}.catalog-note{color:#85929a;font-size:10px;margin:23px 0 0}
.projects .section-head>p{color:#66727a}.project-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:15px}.project-grid figure{margin:0;background:white}.project-grid img{display:block;width:100%;height:240px;object-fit:cover;background:#273640}.project-large img{height:290px}.project-grid figcaption{padding:15px 17px;display:flex;flex-direction:column;gap:5px}.project-grid figcaption b{font-size:9px;letter-spacing:1.3px}.project-grid figcaption span{font-size:10px;color:#89939a}.upload-tip{margin-top:22px;border:1px dashed #c2c9c9;padding:18px;display:flex;gap:15px;align-items:center}.tip-icon{width:34px;height:34px;background:#fbe4d4;color:#bd5918;display:grid;place-items:center;font-size:22px}.upload-tip p{font-size:11px;line-height:1.7;color:#68747c;margin:0}.upload-tip strong{color:#202b33}
.process-inner{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.process h2,.location h2{font-size:clamp(48px,5.5vw,68px)}.process-copy{color:#aab4bb;line-height:1.8;font-size:13px;max-width:440px;margin-top:24px}.steps{border-top:1px solid var(--line)}.step{display:flex;gap:22px;padding:23px 0;border-bottom:1px solid var(--line)}.step>b{font:800 25px 'Barlow Condensed';color:var(--orange)}.step h3{font:700 20px 'Barlow Condensed';text-transform:uppercase;margin:0 0 6px}.step p{font-size:11px;line-height:1.7;color:#aab4bb;margin:0}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.contact-info>p:not(.section-tag){font-size:13px;line-height:1.9;color:#65717a;max-width:470px;margin:23px 0}.whatsapp-cta{display:flex;align-items:center;gap:13px;background:#e4e9e5;padding:16px;margin:28px 0 24px;max-width:440px}.whatsapp-cta>span{height:39px;width:39px;background:#20bd68;color:#092817;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:900}.whatsapp-cta div{display:flex;flex-direction:column;gap:5px;flex:1}.whatsapp-cta b{font-size:9px;letter-spacing:.8px}.whatsapp-cta small{font-size:9px;color:#738087}.whatsapp-cta>strong{color:#159b52}.contact-small{display:flex;gap:20px;margin:13px 0;font-size:11px}.contact-small span{width:75px;color:#8b969c;font-size:9px;letter-spacing:1px}.contact-small a{color:#bd5918}.contact-form{background:white;padding:30px;box-shadow:0 10px 30px #17212a0d}.contact-form h3{font:800 27px 'Barlow Condensed';text-transform:uppercase;margin:0 0 23px}.contact-form label{display:block;font-size:10px;font-weight:800;margin:0 0 15px}.contact-form input,.contact-form textarea,.contact-form select{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #d7dddf;background:#fafbfa;font:12px Inter;color:#1b2730;outline-color:var(--orange)}.contact-form textarea{resize:vertical}.submit{width:100%;margin-top:3px}.contact-form small{display:block;color:#849097;font-size:9px;line-height:1.6;margin-top:13px}
.location-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;align-items:center}.location h2{font-size:53px}.location-inner>div>p:last-child{color:#aab4bb;font-size:12px}.map{height:290px;border:1px solid #3b4852}.map iframe{width:100%;height:100%;border:0;filter:grayscale(1) contrast(1.05)}.footer{background:#0b1116;color:#aab4bb;padding:27px 7%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.5px}.footer p{margin:0}.footer>a:last-child{color:var(--orange);font-weight:800}.float-wa{position:fixed;right:22px;bottom:22px;width:53px;height:53px;background:#20bd68;color:#092817;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:900;box-shadow:0 5px 20px #0003;z-index:25}
@media(max-width:760px){.header{height:68px;padding:0 5%}.menu-toggle{display:block}.nav{display:none;position:absolute;top:68px;left:0;right:0;padding:20px 6%;background:#0d151b;flex-direction:column;align-items:stretch;gap:20px}.nav.open{display:flex}.hero{min-height:620px;padding:70px 7%}.hero-shade{right:-20%;width:65%}.hero-index{right:7%;bottom:12%}.hero-foot{left:7%;right:7%;font-size:7px}.wrap{padding:70px 7%}.intro,.process-inner,.contact,.location-inner{grid-template-columns:1fr;gap:28px}.section-head{display:block}.section-head>p{margin-top:17px}.model-grid{grid-template-columns:1fr}.model-image{height:230px}.model-body p{min-height:0}.project-grid{grid-template-columns:1fr 1fr}.project-large{grid-column:span 2}.project-grid img,.project-large img{height:190px}.project-large img{height:230px}.location-inner{gap:25px}.map{height:250px}.footer{flex-direction:column;align-items:flex-start}.contact-form{padding:23px}}
