@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{--ink:#073f49;--navy:#073f49;--teal:#00535b;--green:#17765d;--leaf:#517e24;--gold:#d9a934;--cream:#f2f6f2;--muted:#526a6c;--line:#d7e1dd;--orange:#d9a934;--max:1200px}
body{font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff}.container{width:min(var(--max),calc(100% - 48px))}.topbar{background:var(--teal);color:#fff;border-bottom:3px solid var(--gold)}.site-header{border:0;box-shadow:0 8px 30px #003b4214}.nav{height:92px}.logo{display:inline-flex;align-items:center;margin-right:auto}.logo img{width:180px;height:72px;object-fit:contain}.nav-links{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.nav-links a:hover,.nav-links a.active{color:var(--gold)}
.top-address{display:inline-flex;align-items:center;gap:7px}.top-address:before{content:'';width:10px;height:10px;border:2px solid var(--gold);border-radius:50% 50% 50% 0;transform:rotate(-45deg);flex:0 0 auto}.social-links{display:flex;gap:10px;margin-top:26px}.social-links a{display:grid!important;place-items:center;width:38px;height:38px;margin:0!important;border:1px solid #ffffff66;border-radius:50%;color:#fff;font-weight:800;line-height:1;text-transform:none}.social-links a:hover{color:var(--teal);background:var(--gold);border-color:var(--gold)}.whatsapp-float{position:fixed!important;left:22px!important;right:auto!important;bottom:22px!important;z-index:999998;display:flex;align-items:center;gap:9px;padding:13px 19px 13px 14px;border-radius:999px;background:#25d366;color:#fff;box-shadow:0 10px 30px #003b4240;font-size:.82rem;font-weight:800;letter-spacing:.04em}.whatsapp-float:before{content:'\260E';display:grid;place-items:center;width:27px;height:27px;border:2px solid #fff;border-radius:50%;font-size:15px}.whatsapp-float:hover{background:#1caf54;transform:translateY(-2px)}
.modal-open{overflow:hidden}.quote-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;visibility:hidden;opacity:0;transition:.2s}.quote-modal.open{visibility:visible;opacity:1}.quote-backdrop{position:absolute;inset:0;background:#002f35d9;backdrop-filter:blur(4px)}.quote-dialog{position:relative;width:min(720px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:38px;border-radius:28px;background:#fff;box-shadow:0 24px 80px #001a1f66;border-top:5px solid var(--gold)}.quote-dialog h2{margin:5px 0 4px;font-size:2.8rem}.quote-dialog>p{margin:0 0 22px;color:var(--muted)}.quote-close{position:absolute;right:18px;top:14px;width:40px;height:40px;border:0;border-radius:50%;background:var(--cream);color:var(--teal);font-size:1.8rem;cursor:pointer}.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.quote-form textarea,.quote-form .full,.quote-status{grid-column:1/-1}.quote-form textarea{min-height:125px}.quote-form input,.quote-form select,.quote-form textarea{border-radius:8px;border-color:#cbd9d5}.quote-trap{position:absolute!important;left:-9999px!important}.quote-status{margin:0;text-align:center;font-weight:700}.quote-status.success{color:#147246}.quote-status.error{color:#a82727}
h1,h2,h3,.stat strong{font-family:'Barlow Condensed',Arial,sans-serif;text-transform:uppercase}h2{color:var(--teal)}.btn{background:var(--green);border-radius:999px;letter-spacing:.08em;text-transform:uppercase;padding-inline:27px}.btn:hover{background:var(--gold)}.btn.dark{background:var(--teal)}.btn.outline{background:transparent;border:1px solid #fff}.eyebrow{color:var(--gold);letter-spacing:.2em}
.hero{min-height:700px;position:relative;overflow:hidden;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.97) 42%,rgba(255,255,255,.12) 68%),url('assets/portfolio/page-01-img_p0_3-854x1431.jpg') right 63%/57% auto no-repeat}.hero:after{content:'';position:absolute;right:35%;top:-22%;width:240px;height:145%;background:linear-gradient(110deg,var(--teal),var(--green));border-left:9px solid #efd987;border-radius:50%;transform:rotate(18deg);opacity:.94;z-index:0}.hero .container{position:relative;z-index:1}.hero h1{color:var(--teal);font-size:clamp(3.6rem,7vw,6.8rem);max-width:720px;line-height:.86;letter-spacing:.015em}.hero h1::first-line{color:#102e4d}.hero p{color:#173b40;max-width:570px;font-weight:600;line-height:1.75}.hero .btn.outline{color:var(--teal);border-color:var(--teal)}
.stats{background:var(--teal);border-top:5px solid var(--gold)}.stat{border-color:#ffffff35}.stat strong{color:#fff}.stat span{color:#d9ebe8}.section{padding:92px 0;position:relative}.section.alt{background:var(--cream)}.section.dark{background:var(--teal)}.section.dark h2{color:#fff}.head h2,.split h2{font-size:clamp(2.5rem,5vw,4.5rem);letter-spacing:.01em}.head h2:after,.split h2:after{content:'';display:block;width:74px;height:4px;margin-top:14px;background:linear-gradient(90deg,var(--gold),var(--green))}.card{border:1px solid var(--gold);border-radius:24px;box-shadow:none;padding:30px;overflow:hidden}.card h3{color:var(--teal);font-size:1.7rem;margin:26px 0 10px}.card .num{color:var(--green)}.service-list li:before{color:var(--gold)}.split img{height:590px;border-radius:0 100px 0 100px;border:4px solid var(--gold)}
.project{border-radius:28px}.project img{height:410px}.project-info{background:linear-gradient(transparent,rgba(0,70,77,.96))}.project-info small{color:#f3d67a}.page-hero{padding:145px 0 90px;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(0,70,77,.97),rgba(0,70,77,.74) 54%,rgba(0,70,77,.12)),url('assets/portfolio/page-02-img_p1_3-894x1108.jpg') right 50%/cover}.page-hero:after{content:'';position:absolute;right:-10%;bottom:-65%;width:55%;height:100%;border:8px solid var(--gold);border-radius:50%;transform:rotate(-12deg)}.page-hero h1{font-size:clamp(3.5rem,7vw,6.5rem)}.cta{background:var(--gold)}.cta h2{color:#fff}.footer{background:var(--teal);border-top:6px solid var(--gold)}.footer .logo img{width:190px;height:auto;background:#fff;padding:8px}.notice{display:none}.contact-item small{display:block;color:var(--green);text-transform:uppercase;letter-spacing:.12em}.gallery img{border-radius:26px 0;transition:.3s}.gallery img:hover{transform:scale(1.015)}.intro-copy{max-width:760px;font-size:1.06rem;line-height:1.9}.value-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--gold);border:1px solid var(--gold);border-radius:30px;overflow:hidden}.value-strip span{background:#fff;padding:24px;text-align:center;color:var(--teal);font-family:'Barlow Condensed';font-size:1.25rem;font-weight:700;text-transform:uppercase}.tagline{color:#fff;font-family:'Barlow Condensed';font-size:1.15rem;text-transform:uppercase;letter-spacing:.14em}
.service-group .head{margin-bottom:30px}.service-rows{display:grid;gap:24px}.service-row{display:grid;grid-template-columns:minmax(300px,42%) 1fr;min-height:255px;border:2px solid var(--gold);border-radius:34px;overflow:hidden;background:#fff}.service-row>img{height:100%;min-height:255px}.service-row>div{position:relative;padding:30px 34px}.service-row span{position:absolute;left:-22px;top:22px;display:grid;place-items:center;width:46px;height:46px;border-radius:8px;background:var(--teal);color:#fff;font:700 1.3rem 'Barlow Condensed'}.service-row h3{margin:0 0 8px;color:var(--teal);font-size:1.65rem;line-height:1}.service-row p{margin:0 0 13px;color:#334f51;font-size:.9rem}.service-row ul{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;margin:0;padding:0;list-style:none;font-size:.82rem;font-weight:600}.service-row li:before{content:'›';color:var(--green);font-weight:900;margin-right:6px}
.service-subhead{margin:58px 0 8px;padding:34px 40px;border-left:6px solid var(--gold);background:linear-gradient(100deg,var(--teal),#087266);color:#fff;border-radius:0 32px 32px 0}.service-subhead .eyebrow{color:#f4d879}.service-subhead h2{margin:5px 0 8px;color:#fff;font-size:clamp(2.4rem,5vw,4rem);line-height:1}.service-subhead p{max-width:790px;margin:0;color:#e4f0ed}
@media(max-width:800px){.container{width:min(100% - 30px,var(--max))}.nav{height:72px}.logo img{width:142px;height:58px}.hero{min-height:650px;background:linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.72)),url('assets/portfolio/page-01-img_p0_3-854x1431.jpg') center/cover}.hero:after{display:none}.hero h1{font-size:3.8rem}.page-hero{padding:105px 0 65px}.value-strip{grid-template-columns:1fr 1fr}.split img{height:420px}.card{border-radius:18px}.service-row{grid-template-columns:1fr}.service-row>img{height:240px;min-height:0}.service-row span{left:22px;top:-23px}.service-row>div{padding:34px 24px 24px}}@media(max-width:500px){.hero h1{font-size:3.25rem}.value-strip{grid-template-columns:1fr}.section{padding:68px 0}.service-row ul{grid-template-columns:1fr}.quote-dialog{padding:30px 20px 22px}.quote-form{grid-template-columns:1fr}.quote-form textarea,.quote-form .full,.quote-status{grid-column:1}.whatsapp-float span{display:none}.whatsapp-float{padding:12px}}