@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:#172a2c;--muted:#617071;--teal:#164c4c;--mint:#dce9e4;--paper:#f7f8f5;--white:#fff;--line:#dce2de;--orange:#e59c50;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:17px/1.62 'DM Sans',Arial,sans-serif;background:var(--paper)}h1,h2,h3{font-family:Manrope,'DM Sans',sans-serif;line-height:1.12;letter-spacing:-.045em;margin:0}h1{font-size:clamp(2.7rem,5.5vw,5.2rem);font-weight:600}h2{font-size:clamp(2rem,4vw,3.65rem);font-weight:600}h3{font-size:1.45rem;font-weight:600}em{font-style:normal;color:#76918a}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);background:var(--paper);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.brand-mark{font:800 24px/1 Manrope,sans-serif;letter-spacing:-.08em;color:#397aa0}.brand-copy{font:600 9px/1.2 'DM Sans',sans-serif;letter-spacing:.07em}.topbar nav{display:flex;gap:clamp(16px,2.5vw,34px);align-items:center}.topbar nav a,.mobile-cta{font-size:14px;text-decoration:none;color:var(--ink)}.topbar nav a:hover{color:var(--teal)}.topbar nav .nav-cta{color:#fff;background:var(--teal);padding:13px 20px;border-radius:3px}.mobile-cta{display:none}.hero{display:grid;grid-template-columns:1fr .9fr;min-height:650px;background:var(--teal);color:white}.hero-copy{padding:clamp(52px,8vw,110px) 6vw 46px max(7vw,32px);display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;color:#6d8980;margin:0 0 20px}.hero .eyebrow{color:#c1d7ce}.hero h1 em{color:#bcd4ca}.lead{font-size:18px;max-width:620px;color:#e0ebe6;margin:27px 0 30px}.actions{display:flex;align-items:center;gap:26px}.button{display:inline-flex;align-items:center;gap:28px;padding:15px 20px;text-decoration:none;font-size:14px;font-weight:700;border-radius:3px;transition:.2s}.button span{font-size:18px}.button-light{background:#fff;color:var(--teal)}.button-light:hover{background:#e1eee8}.button-dark{background:var(--teal);color:#fff}.text-link{color:#e1ebe7;font-size:14px;text-decoration:none}.hero-stats{display:flex;gap:32px;border-top:1px solid #ffffff3d;padding-top:24px;margin-top:58px}.hero-stats div{display:grid;gap:4px}.hero-stats strong{font-size:13px}.hero-stats span{font-size:11px;color:#c2d5ce}.hero-visual{position:relative;min-height:540px;overflow:hidden}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--teal) 0%,transparent 28%),linear-gradient(0deg,#102e2c55,transparent 45%)}.hero-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.photo-tag{position:absolute;z-index:2;bottom:32px;left:40px;font-size:12px;background:#0e2424dd;padding:11px 15px;border-radius:2px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:8px}.trust-strip{display:flex;justify-content:space-around;gap:24px;padding:24px 5vw;background:#e9efeb;color:#355653;font-size:13px;font-weight:600}.trust-strip span+span{border-left:1px solid #c4d3ce;padding-left:30px}.section{padding:110px max(7vw,28px);max-width:1440px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:48px}.section-head>p{max-width:405px;color:var(--muted);margin:0 0 4px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{position:relative;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 26px 27px;min-height:310px;display:flex;flex-direction:column}.number{font-size:11px;letter-spacing:.1em;color:#8b9d96}.service-icon{margin:20px 0 16px;color:var(--teal);font-size:26px}.service-card p{color:var(--muted);font-size:14px;margin:12px 0 26px}.service-card>a{margin-top:auto;color:var(--teal);font-size:13px;font-weight:700;text-decoration:none}.service-card>a span{margin-left:6px}.service-card:hover{background:#f2f6f3}.feature-project{display:grid;grid-template-columns:1.05fr .95fr;background:#eaf0ec}.project-image{position:relative;min-height:540px}.project-image img{position:absolute;width:100%;height:100%;object-fit:cover}.image-index{position:absolute;bottom:22px;left:24px;color:#fff;background:#173c3c;padding:9px 13px;font-size:12px}.project-copy{padding:clamp(45px,7vw,90px);display:flex;flex-direction:column;justify-content:center}.project-copy>p:not(.eyebrow){color:var(--muted);max-width:500px;margin:22px 0}.project-facts{padding:0;margin:12px 0 26px;list-style:none;border-top:1px solid #cad6d1}.project-facts li{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #cad6d1;font-size:13px}.project-facts li span{color:var(--muted)}.project-facts li strong{text-align:right}.project-copy .button{align-self:flex-start}.gallery{padding:100px max(7vw,28px);max-width:1440px;margin:auto}.gallery-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.gallery-head>p{max-width:330px;color:var(--muted);margin:0}.photo-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;grid-auto-rows:240px;gap:14px}.photo-grid figure{margin:0;position:relative;overflow:hidden;background:#dde4df}.photo-grid .wide{grid-row:span 2}.photo-grid img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.photo-grid figure:hover img{transform:scale(1.035)}.photo-grid figcaption{position:absolute;left:13px;bottom:12px;background:#142a29dd;color:#fff;padding:6px 10px;font-size:11px}.more-projects{margin-top:30px;border-top:1px solid var(--line)}.more-projects a{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 0;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line);font-size:13px}.project-mini{min-width:170px;font-weight:700}.project-mini small{display:block;font-weight:400;color:var(--muted)}.about{display:grid;grid-template-columns:.6fr 1fr;gap:55px;padding:94px max(10vw,32px);background:#fff}.big-acronym{font:800 clamp(5rem,12vw,10rem)/.85 Manrope,sans-serif;letter-spacing:-.1em;color:#e1eae5}.big-acronym span{font-size:.35em;color:var(--orange);vertical-align:top;margin-left:.18em}.about h2{margin:0 0 24px}.about p:not(.eyebrow){max-width:710px;color:var(--muted)}.dark-link{display:inline-block;color:var(--teal);font-weight:700;margin-top:14px}.contact{display:flex;justify-content:space-between;align-items:center;gap:45px;padding:90px max(8vw,32px);background:#173e3e;color:white}.contact .eyebrow{color:#bbd3c9}.contact h2 em{color:#bcd4ca}.contact p:not(.eyebrow){color:#d4e1dc;max-width:600px}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:280px}.contact-actions>a:not(.button){font:600 22px Manrope,sans-serif;color:#fff;text-decoration:none}.contact-actions>span{font-size:12px;color:#c3d4ce}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px max(5vw,24px);background:#102c2c;color:#d5e0dc;font-size:12px}footer a{color:#d5e0dc;text-decoration:none}.brand-footer .brand-copy{color:#d5e0dc}@media(max-width:950px){.topbar{height:76px}.topbar nav{gap:14px}.topbar nav a{font-size:12px}.hero{grid-template-columns:1fr .8fr}.hero-copy{padding-right:32px}.hero-stats{gap:15px}.hero-stats span{max-width:105px}.service-grid{grid-template-columns:repeat(2,1fr)}.project-copy{padding:45px}.contact{padding:70px 6vw}}@media(max-width:680px){body{font-size:16px}.topbar{height:72px;padding:0 20px}.topbar nav{display:none}.mobile-cta{display:block;background:var(--teal);color:#fff;padding:10px 13px;border-radius:3px;font-weight:700}.hero{display:flex;flex-direction:column-reverse}.hero-visual{min-height:300px}.hero-visual:after{background:linear-gradient(0deg,#164c4c88,transparent 55%)}.photo-tag{left:18px;bottom:18px}.hero-copy{padding:38px 22px 35px}.hero h1{font-size:2.55rem}.lead{font-size:16px}.actions{flex-wrap:wrap;gap:18px}.hero-stats{gap:12px;margin-top:35px}.hero-stats strong{font-size:11px}.hero-stats span{font-size:10px}.trust-strip{flex-direction:column;gap:8px;padding:17px 22px;font-size:12px}.trust-strip span+span{border:0;padding:0}.section,.gallery{padding:65px 22px}.section-head,.gallery-head{display:block}.section-head>p,.gallery-head>p{margin-top:20px}.section-head{margin-bottom:30px}.service-grid{grid-template-columns:1fr}.service-card{min-height:unset;padding:22px}.service-icon{margin:12px 0}.feature-project{grid-template-columns:1fr}.project-image{min-height:300px}.project-copy{padding:40px 23px}.project-facts li{font-size:12px}.gallery-head{margin-bottom:24px}.photo-grid{grid-template-columns:1fr 1fr;grid-auto-rows:170px;gap:9px}.photo-grid .wide{grid-column:span 2;grid-row:span 1;height:230px}.photo-grid figcaption{font-size:10px;left:8px;bottom:8px}.more-projects a{align-items:flex-start;flex-direction:column;gap:6px}.about{grid-template-columns:1fr;gap:22px;padding:65px 22px}.big-acronym{font-size:5.5rem}.contact{display:block;padding:65px 22px}.contact-actions{margin-top:30px;min-width:0}footer{align-items:flex-start;flex-direction:column;padding:28px 22px}}
.service-details{max-width:1440px;margin:auto;padding:0 max(7vw,28px) 90px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.service-details article{scroll-margin-top:30px;padding:24px;background:#e9efeb;border-left:3px solid var(--teal)}.service-details h3{font-size:1.1rem}.service-details p{font-size:14px;color:var(--muted);margin:8px 0 0}.more-projects{display:grid;grid-template-columns:1fr 1fr;gap:20px}.more-projects article{padding:15px 0;border-bottom:1px solid var(--line)}.more-projects p{font-size:12px;color:var(--muted);margin:10px 0 0}@media(max-width:680px){.service-details{padding:0 22px 60px;grid-template-columns:1fr;gap:9px}.more-projects{grid-template-columns:1fr;gap:0}}
.topbar nav{gap:clamp(10px,1.55vw,23px)}.topbar nav a{font-size:13px}.mobile-menu{display:none}.mobile-menu summary{list-style:none;cursor:pointer;font-size:14px;font-weight:700}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu>div{position:absolute;right:18px;top:64px;background:#fff;box-shadow:0 12px 30px #172a2c22;min-width:220px;padding:10px;display:grid;z-index:10}.mobile-menu>div a{text-decoration:none;color:var(--ink);padding:10px;border-bottom:1px solid var(--line);font-size:14px}.interior-main{min-height:68vh}.interior-hero{padding:90px max(8vw,28px) 80px;background:var(--teal);color:white}.interior-hero .eyebrow{color:#bad3c9}.interior-hero h1{max-width:950px;font-size:clamp(2.6rem,5.3vw,4.8rem)}.interior-hero h1 em{color:#bcd4ca}.interior-hero .lead{max-width:800px}.crumb{font-size:12px;color:#c4d6cf;margin:0 0 25px}.page-body{max-width:1240px;margin:auto;padding:70px max(7vw,28px)}.page-body h2{font-size:clamp(1.7rem,3vw,2.6rem);margin:0 0 20px}.page-body p{color:var(--muted)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:35px 0}.detail-card{background:#fff;border:1px solid var(--line);padding:28px}.detail-card .eyebrow{margin-bottom:10px}.detail-card h3{margin-bottom:9px}.detail-card p{font-size:14px;margin:0}.page-callout{background:#e7efea;padding:32px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:45px 0}.page-callout h3{font-size:1.25rem}.page-callout p{margin:8px 0 0;font-size:14px}.page-callout .button{white-space:nowrap}.project-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project-card{background:#fff;border:1px solid var(--line);overflow:hidden}.project-card img{display:block;width:100%;height:260px;object-fit:cover}.project-card>div{padding:24px}.project-card h3{margin:0 0 8px}.project-card p{font-size:14px;margin:0}.project-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:35px 0}.project-gallery img{width:100%;height:240px;object-fit:cover}.business-contact{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:35px 0}.business-contact article{padding:24px;background:#fff;border:1px solid var(--line)}.business-contact h3{font-size:1rem}.business-contact a{color:var(--teal)}@media(max-width:1050px){.topbar nav a{font-size:11px}.topbar nav{gap:8px}.topbar nav .nav-cta{padding:10px 12px}}@media(max-width:680px){.topbar nav{display:none}.mobile-menu{display:block;margin-left:auto;margin-right:15px}.interior-hero{padding:55px 22px}.page-body{padding:50px 22px}.detail-grid,.project-cards,.business-contact{grid-template-columns:1fr}.page-callout{display:block;padding:24px}.page-callout .button{margin-top:20px}.project-gallery{grid-template-columns:1fr 1fr}.project-gallery img{height:170px}}
.project-placeholder{height:260px;display:grid;place-items:center;background:linear-gradient(140deg,#173f3e,#4d7770);color:#d4e2dc;font:700 6rem/1 Manrope,sans-serif;letter-spacing:-.08em}.project-placeholder:nth-child(1){background:linear-gradient(140deg,#173f3e,#4d7770)}@media(max-width:1020px){.topbar nav{display:none}.mobile-menu{display:block;margin-left:auto;margin-right:15px}.mobile-cta{display:block}}
.project-card{display:block;color:var(--ink);text-decoration:none;transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px #122e2c18}
/* Image-led project and service sections */
.service-card{overflow:hidden;padding-top:0}.service-card>img{display:block;width:calc(100% + 52px);height:154px;margin:0 -26px 20px;object-fit:cover}.service-card .number{margin-top:0}.home-projects{grid-template-columns:repeat(3,minmax(0,1fr))}.home-projects .project-card img{height:245px}.project-card .eyebrow{margin:0 0 10px}.project-card h3{margin:0 0 9px}.project-card-link{display:inline-block;margin-top:18px;color:var(--teal);font-size:13px;font-weight:700}.visual-examples{max-width:1240px;margin:0 auto 48px;padding:0 max(7vw,28px)}.visual-examples-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:24px}.visual-examples-head h2{font-size:clamp(1.7rem,3vw,2.6rem)}.visual-examples-head>p{max-width:340px;margin:0;color:var(--muted)}.visual-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.visual-gallery figure,.case-gallery figure,.case-project-photo{margin:0;overflow:hidden;background:#e5ebe7}.visual-gallery img{display:block;width:100%;height:210px;object-fit:cover}.visual-gallery figcaption,.case-gallery figcaption,.case-project-photo figcaption{padding:10px 12px;color:var(--muted);font-size:12px}.case-project-photo{margin:28px 0 32px}.case-project-photo img{display:block;width:100%;height:min(52vw,560px);object-fit:cover}.case-intro{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:50px}.case-intro>div>p{max-width:700px}.case-intro .project-facts{margin:0}.case-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:34px 0}.case-gallery img{display:block;width:100%;height:245px;object-fit:cover}.case-study .page-callout{margin-bottom:0}
@media(max-width:950px){.home-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.case-intro{grid-template-columns:1fr;gap:12px}}
@media(max-width:680px){.home-projects{grid-template-columns:1fr}.service-card>img{height:190px}.visual-examples{padding:0 22px}.visual-examples-head{display:block}.visual-examples-head>p{margin-top:14px}.visual-gallery{gap:9px}.visual-gallery img{height:165px}.case-project-photo img{height:270px}.case-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.case-gallery img{height:175px}}
/* Stronger, clearly differentiated gate and access proposals */
.portal-solutions{margin:38px -1px 48px;padding:clamp(30px,5vw,64px);background:#e9efeb}.portal-solutions-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:30px}.portal-solutions-head h2{max-width:680px;font-size:clamp(2rem,4vw,3.1rem)}.portal-solutions-head>p{max-width:380px;margin:0;color:var(--muted)}.portal-solution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.portal-solution-card{display:grid;grid-template-rows:280px 1fr;background:#fff;overflow:hidden;box-shadow:0 8px 24px #172a2c0a}.portal-solution-card>img{display:block;width:100%;height:280px;object-fit:cover}.portal-solution-card>div{padding:22px 24px 24px}.portal-type{display:block;color:var(--teal);font:700 17px/1.3 Manrope,'DM Sans',sans-serif}.portal-solution-card p{margin:10px 0 0;color:var(--muted);font-size:14px}.portal-solution-wide{grid-column:span 2;grid-template-columns:1.15fr 1fr;grid-template-rows:300px}.portal-solution-wide>img{height:300px}.portal-solution-wide>div{align-self:center;padding:30px}.portal-proposal{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:18px;padding:30px 32px;background:var(--teal);color:#fff}.portal-proposal .eyebrow{color:#bcd4ca;margin-bottom:10px}.portal-proposal h3{max-width:700px;font-size:clamp(1.25rem,2.2vw,1.75rem)}.portal-proposal p:not(.eyebrow){max-width:700px;margin:10px 0 0;color:#dce9e4;font-size:14px}.portal-proposal .button{white-space:nowrap}
@media(max-width:680px){.portal-solutions{margin:30px -22px 38px;padding:34px 20px}.portal-solutions-head{display:block}.portal-solutions-head>p{margin-top:14px}.portal-solution-grid{grid-template-columns:1fr;gap:12px}.portal-solution-card{grid-template-rows:240px 1fr}.portal-solution-card>img{height:240px}.portal-solution-wide{grid-column:auto;grid-template-columns:1fr;grid-template-rows:220px 1fr}.portal-solution-wide>img{height:220px}.portal-solution-wide>div{padding:20px}.portal-proposal{display:block;padding:24px 22px}.portal-proposal .button{margin-top:20px}}