@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--ink:#172b27;--green:#0c493d;--accent:#b4d79a;--cream:#f5f5ef;--line:#e3e8e1;--muted:#6b7b75}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:'DM Sans',sans-serif;line-height:1.65}h1,h2,h3,h4{font-family:Manrope,sans-serif;line-height:1.13;letter-spacing:-.045em}h1{font-size:clamp(48px,6.4vw,94px);margin:22px 0}h2{font-size:clamp(36px,4vw,60px);margin:14px 0 24px}h3{font-size:24px;margin:16px 0 8px}p{margin:0 0 20px}a{text-decoration:none;color:inherit}img{display:block;width:100%;object-fit:cover}.container{width:min(1260px,calc(100% - 64px));margin:auto}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:#6a8b77}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:16px 25px;border-radius:3px;background:var(--accent);color:var(--green);font-weight:800;font-size:13px;border:0;cursor:pointer}.btn.dark{background:var(--green);color:white}.btn.outline{background:transparent;border:1px solid #bbc7bd;color:var(--ink)}.btn:hover{filter:brightness(.95)}.topline{background:#0a3d33;color:#d6e4d9;font-size:11px;padding:8px 0}.topline .container{display:flex;justify-content:space-between}.header{height:84px;background:white;position:sticky;top:0;z-index:20;border-bottom:1px solid #edf0eb}.header .container{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font-family:Manrope;font-weight:800;font-size:20px;line-height:1.1;letter-spacing:-.05em}.logo span{color:#75a17b}.logo small{display:block;font-size:9px;letter-spacing:.17em;font-weight:700;color:#788a7c;margin-top:6px}.nav{display:flex;gap:26px;align-items:center}.nav a{font-size:12px;font-weight:700;color:#566860}.nav a.active,.nav a:hover{color:#0a4a3a}.nav .nav-cta{background:#0c493d;color:#fff;padding:13px 19px}.menu{display:none;border:0;background:none;font-size:26px}.hero{min-height:690px;position:relative;color:white;display:flex;align-items:center;background:#18382e}.hero:before,.pagehero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,33,26,.92),rgba(5,35,28,.56) 60%,rgba(5,35,28,.12))}.hero .container,.pagehero .container{position:relative;z-index:1}.hero h1{max-width:890px}.hero p{max-width:570px;color:#e2ece7;font-size:17px}.hero .eyebrow,.pagehero .eyebrow{color:#b3d5a6}.heroactions{display:flex;gap:12px;margin-top:36px}.heronote{position:absolute;bottom:0;right:0;background:#b7d89f;color:#113c30;padding:26px 42px;font-size:13px;font-weight:700;max-width:370px}.section{padding:105px 0}.section.soft{background:var(--cream)}.section.deep{background:var(--green);color:white}.section.deep .eyebrow{color:#b9d6a7}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:35px}.sectionhead h2{max-width:700px}.sectionhead p{max-width:390px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:white;border:1px solid var(--line);overflow:hidden}.card img{height:260px}.cardbody{padding:26px}.cardbody p{font-size:13px;color:#6e7c76}.card .kicker{font-size:10px;letter-spacing:.16em;color:#6c9076;text-transform:uppercase;font-weight:800}.arrow{font-weight:800;color:#0e5a48}.featuregrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dce4d9}.feature{background:white;padding:34px 28px}.feature .num{font-size:13px;color:#6b9376}.feature p{font-size:13px;color:#78867e}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split img{height:570px}.statrow{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:35px;border-top:1px solid #d8e1d9;padding-top:25px}.statrow strong{display:block;font-size:25px;color:var(--green)}.statrow span{font-size:12px;color:var(--muted)}.pagehero{position:relative;min-height:400px;color:white;display:flex;align-items:center;background:#173b31}.pagehero h1{font-size:clamp(45px,5vw,70px);max-width:840px}.pagehero p{max-width:610px;color:#dce8df}.tag{display:inline-block;padding:7px 11px;background:#e6efe2;color:#3d7154;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 34px}.filters button{background:white;border:1px solid #d7e1d9;padding:12px 18px;cursor:pointer;font-weight:700;color:#456054}.filters button.selected{background:#0c493d;color:white}.projectcard img{height:260px}.projectcard .cardbody{min-height:190px}.projectcard .cardbody h3{font-size:20px}.disclaimer{background:#f3f6ee;padding:18px 23px;border-left:3px solid #8bac76;color:#52695b;font-size:12px;margin:25px 0}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.step{border-top:3px solid #a9c88e;padding:25px 0}.step b{font-size:13px;color:#7b9c7a}.step p{font-size:13px;color:#6e7e76}.form{display:grid;gap:14px}.form input,.form textarea,.form select{width:100%;border:1px solid #d6ded7;background:#fff;padding:16px;font:inherit;font-size:13px}.form textarea{min-height:130px}.contactlist p{border-bottom:1px solid #dce5dc;padding:12px 0}.contactlist b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#7b9980}.cta{padding:90px 0;background:#b8d9a5}.cta .container{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{max-width:750px}.footer{background:#082e27;color:#c7d7d0;padding:75px 0 30px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:40px}.footer h4{color:white;letter-spacing:0}.footer a{display:block;font-size:13px;margin:10px 0;color:#c7d7d0}.footer p{font-size:13px}.bottom{border-top:1px solid #2b5248;padding-top:24px;margin-top:60px;font-size:11px;color:#a5bbb0;display:flex;justify-content:space-between}.labelphoto{font-size:10px;color:#84948a;margin-top:7px}.profile{border:1px solid #e3e8e1;padding:34px}.profile h3{margin-top:0}.detailhero{height:440px;object-fit:cover}.detailgrid{display:grid;grid-template-columns:2fr 1fr;gap:70px}.detailgrid aside{background:#f3f6ef;padding:28px;align-self:start}.detailgrid aside p{font-size:13px;border-bottom:1px solid #dbe5d9;padding-bottom:12px}.empty{display:none}.pill{font-size:11px;color:#64826d;font-weight:800;letter-spacing:.1em;text-transform:uppercase}@media(max-width:950px){.nav{display:none;position:absolute;top:84px;left:0;right:0;background:white;padding:25px;flex-direction:column;align-items:stretch;box-shadow:0 10px 25px #0001}.nav.open{display:flex}.menu{display:block}.grid,.featuregrid{grid-template-columns:repeat(2,1fr)}.split,.detailgrid{grid-template-columns:1fr}.process{grid-template-columns:repeat(2,1fr)}.footgrid{grid-template-columns:repeat(2,1fr)}.heronote{display:none}}@media(max-width:620px){.container{width:min(100% - 36px,1260px)}.hero{min-height:650px}.heroactions{flex-wrap:wrap}.section{padding:70px 0}.grid,.featuregrid,.process,.footgrid{grid-template-columns:1fr}.sectionhead,.cta .container{display:block}.split img{height:350px}.topline{display:none}.statrow{gap:10px}.bottom{display:block}.pagehero{min-height:350px}}
/* Project portfolio enhancements */
.project-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:22px;border-top:1px solid #e4e9e2;padding-top:16px;font-size:13px;font-weight:800;color:#285548}.project-meta .status{font-size:11px;color:#246947;text-align:right}.projectcard .cardbody{min-height:205px;display:flex;flex-direction:column}.projectcard .cardbody h3{flex:1;line-height:1.35}.project-section-title{margin:22px 0 24px}.sample-divider{margin:80px 0 30px;padding-top:35px;border-top:1px solid #dbe6dd}.sample-divider p{max-width:770px;color:#64786c}.projectcard img{height:220px}.projectcard{transition:transform .2s,box-shadow .2s}.projectcard:hover{transform:translateY(-4px);box-shadow:0 12px 35px #122c2014}

/* Image-free professional project presentation */
.hero{background:linear-gradient(115deg,#082b25 0%,#135a46 72%,#276d51 100%)!important}
.pagehero{background:linear-gradient(120deg,#0a332a,#1e6750)!important}
.hero:before,.pagehero:before{background:linear-gradient(90deg,rgba(4,33,26,.25),transparent)}
.card{border-top:3px solid #a3c899}.cardbody{min-height:210px}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px 0}
.project-entry{padding:25px;border:1px solid #dbe5dc;background:#fff;min-height:156px;display:flex;flex-direction:column;justify-content:space-between;border-top:3px solid #a5cda7}
.project-entry h3{font-size:18px;letter-spacing:-.025em;line-height:1.35;margin:16px 0 0}
.project-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;font-weight:800;color:#50705c}
.status{font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:5px 10px;background:#e3f1e7;color:#17573c}
.status.ongoing{background:#f1ecdd;color:#7b5b20}
.project-notice{font-size:12px;color:#52695b;background:#f3f6ef;padding:16px 20px;border-left:3px solid #a5cda7}
.featured-projects{margin-bottom:26px}
.split>div:only-child{grid-column:1/-1}
@media(max-width:950px){.project-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.project-grid{grid-template-columns:1fr}}
