@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{--teal:#003d49;--paper:#f6f7f3;--lime:#4e8174;--ink:#123e47;--muted:#52666b;--radius:3px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'DM Sans',Arial,sans-serif}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.12;letter-spacing:-.045em;margin:0 0 25px}h1{font-size:clamp(48px,5.8vw,86px);font-weight:600}h2{font-size:clamp(36px,4vw,58px);font-weight:500}h3{font-size:25px;font-weight:600}p{color:var(--muted);max-width:600px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #629e96;outline-offset:4px}header{height:110px;display:flex;align-items:center;justify-content:space-between;padding:8px 5.5%;background:white;border-bottom:1px solid #dde5e3}header .brand img{width:150px;height:94px;object-fit:contain}nav{display:flex;gap:34px;align-items:center;font-size:14px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--teal);color:white;padding:17px 25px;border:0;border-radius:var(--radius);font-weight:600;cursor:pointer}.button:hover{background:#15616a}.button.small{padding:13px 22px}.button.light{background:var(--lime);color:var(--teal)}button:disabled{opacity:.6;cursor:wait}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:640px}.hero-copy{padding:80px 9% 35px 11%}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;margin-bottom:26px}.hero h1 em{font-style:normal;color:#4e8174}.hero p{max-width:430px;margin-bottom:30px}.hero-note{font-size:12px;margin-top:64px;display:flex;gap:22px}.hero-note span{color:#698385}.hero-photo{position:relative;min-height:560px;overflow:hidden}.hero-photo>img{width:100%;height:100%;object-fit:cover;position:absolute}.photo-caption{position:absolute;bottom:0;background:var(--teal);color:white;width:100%;padding:18px 25px;font-size:10px;letter-spacing:.15em;display:flex;justify-content:space-between}.photo-caption span{letter-spacing:0;font-size:12px}.ticker{display:flex;gap:40px;align-items:center;background:var(--lime);padding:25px 5.5%;font-size:20px;font-weight:700;letter-spacing:.04em}.ticker span:last-child{font-size:13px;font-weight:500;letter-spacing:0}.line{height:1px;background:#46674b;flex:1}.section{padding:95px 5.5%}.about{display:grid;grid-template-columns:1fr 1fr;gap:8%}.large{font-size:24px;line-height:1.45;color:var(--ink)}.text-link{display:inline-block;border-bottom:1px solid var(--ink);padding-bottom:7px;font-weight:600;margin-top:15px}.services{padding-top:45px;border-top:1px solid #d5dfda}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.service-grid article{border-top:1px solid #b4c7c3;padding-top:20px}.service-grid article>span{font-size:12px;display:block;margin-bottom:35px}.service-grid p{font-size:15px}.work{background:#e9efea}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px}.section-heading p{font-size:14px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.filters button{border:1px solid #b8cac2;background:transparent;padding:8px 17px;border-radius:var(--radius);cursor:pointer;font-size:13px;color:var(--teal)}.filters button[aria-pressed=true]{background:var(--teal);color:white}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:35px}.project{border:0;padding:0;text-align:left;background:transparent;color:var(--ink);cursor:pointer}.project img{display:block;width:100%;height:360px;object-fit:cover}.project:nth-child(even){margin-top:65px}.project .caption{display:flex;justify-content:space-between;margin-top:17px;font-size:20px}.project small{font-size:11px;letter-spacing:.08em;color:var(--muted);display:block;margin-top:6px}.project:hover img{filter:brightness(1.06)}.brand-strip{padding:45px 15%;background:white;text-align:center}.brand-strip img{max-width:100%;max-height:320px;object-fit:contain}.cta{background:var(--teal);color:white;position:relative}.cta h2{font-size:clamp(46px,6vw,80px)}.cta .button{position:absolute;right:9%;bottom:100px}footer{padding:50px 5.5%;display:flex;justify-content:space-between;gap:35px;background:#edf1eb;font-size:13px}footer strong{font-size:15px;letter-spacing:.08em}footer p{margin:6px 0}footer>span{align-self:end;font-size:11px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-top:80px}.contact h1{font-size:clamp(45px,4.7vw,70px)}.contact-note{border-top:1px solid #cedbd4;margin-top:60px;padding-top:25px;font-size:14px}.form-panel{background:white;padding:42px}.form-panel h2{font-size:30px}label{display:block;font-size:13px;font-weight:600;margin-top:20px}input,textarea{width:100%;padding:13px;border:1px solid #c4d0cd;background:#fafbf9;border-radius:var(--radius);margin-top:7px;color:var(--ink)}textarea{min-height:135px;resize:vertical}.privacy{font-size:12px}.error{color:#a62424}dialog{border:0;padding:18px;background:var(--teal);color:white;max-width:94vw;max-height:94vh}dialog::backdrop{background:#00202be8}dialog img{display:block;max-width:85vw;max-height:72vh;object-fit:contain}dialog p{color:white}dialog .close{display:block;margin-left:auto;background:transparent;color:white;border:0;cursor:pointer;padding:8px}.skip{position:absolute;left:10px;top:-100px}.skip:focus{top:10px;background:white;padding:15px;z-index:5}.social{min-height:60vh} @media(max-width:760px){header{height:90px;padding:5px 5%}header .brand img{width:110px;height:75px}nav{gap:15px;font-size:12px}.button.small{padding:10px 13px}.hero{grid-template-columns:1fr}.hero-copy{padding:48px 6%}.hero-note{margin-top:35px}.hero-photo{min-height:380px}.ticker{gap:16px;font-size:15px;flex-wrap:wrap}.ticker span:last-child{width:100%}.section{padding:60px 6%}.about,.contact{grid-template-columns:1fr;gap:30px}.service-grid{grid-template-columns:1fr;gap:22px}.service-grid article>span{margin-bottom:15px}.section-heading{display:block}.gallery{gap:24px;grid-template-columns:1fr}.project:nth-child(even){margin-top:0}.project img{height:300px}.cta .button{position:static}.brand-strip{padding:25px 6%}footer{flex-direction:column;gap:15px}footer>span{align-self:start}.form-panel{padding:25px}.contact-note{margin-top:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Branded illustration within the project call to action. */
.cta{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1.45fr) auto;gap:36px;align-items:center}.cta-copy{min-width:0}.cta h2{font-size:clamp(38px,4.4vw,70px);margin-bottom:0}.cta-art img{display:block;width:100%;height:auto;max-height:340px;object-fit:contain}.cta .button{position:static;align-self:end;white-space:nowrap;margin-bottom:0}@media(max-width:1100px){.cta{grid-template-columns:1fr 1.3fr}.cta .button{grid-column:1/-1;justify-self:start}}@media(max-width:760px){.cta{grid-template-columns:1fr;gap:30px}.cta-art{width:100%}.cta .button{grid-column:auto}}

/* Match the slogan strip to the heading accent. */
.ticker{background:#4e8174;color:#fff}.ticker .line{background:#fff}

/* Modern Quantula visual system */
:root{--paper:#f5f7f5;--ink:#103c45;--muted:#52666b;--radius:999px}
body{background:var(--paper);-webkit-font-smoothing:antialiased}
header{height:100px;padding:8px 5%;position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid #dce5df}
header .brand img{width:125px;height:84px}
nav{gap:36px}nav>a:not(.button){position:relative}nav>a:not(.button):after{content:"";position:absolute;bottom:-6px;left:0;width:0;height:2px;background:#4e8174;transition:width .2s}nav>a:not(.button):hover:after{width:100%}
.button{padding:18px 27px;border-radius:999px;box-shadow:0 8px 24px #003d4912;transition:transform .2s,background .2s,box-shadow .2s}
.button:hover{transform:translateY(-3px);box-shadow:0 12px 28px #003d4924}
.hero{margin:26px 2.5% 0;grid-template-columns:1fr 1fr;min-height:620px;background:#eef3ef;border:1px solid #e0e8e1;border-radius:32px;overflow:hidden}
.hero-copy{padding:76px 8% 70px}.hero h1{font-size:clamp(54px,6vw,94px);font-weight:600;letter-spacing:-.065em;line-height:1.04}.hero h1 em{color:#4e8174}
.hero p{font-size:17px;line-height:1.8;max-width:440px;margin:30px 0 34px}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:700}
.hero-copy .eyebrow{display:inline-block;padding:9px 14px;background:#fff;border:1px solid #dce6de;border-radius:999px;letter-spacing:.1em;margin-bottom:30px}
.hero-photo{min-height:600px}.hero-photo>img{transition:transform 1s}.hero-photo:hover>img{transform:scale(1.025)}
.photo-caption{bottom:22px;left:22px;right:22px;width:auto;padding:16px 20px;border:1px solid #ffffff40;border-radius:16px;background:#003d49e6;backdrop-filter:blur(12px);align-items:center;gap:15px}
.ticker{margin:24px 2.5% 0;border-radius:18px;padding:25px 3%;font-size:18px;background:#4e8174;color:white}.ticker .line{background:#ffffff75}
.section{padding:110px 6%}h2{font-size:clamp(38px,4.2vw,64px);letter-spacing:-.055em;line-height:1.08}
.about{gap:10%;align-items:start}.about .eyebrow,.section-heading .eyebrow,.services>.eyebrow{color:#477667}.about .large{margin-top:0;font-size:28px;letter-spacing:-.025em}.about p:not(.large){line-height:1.85}.text-link{transition:color .2s}.text-link:hover{color:#477667}
.services{padding-top:0;border-top:0}.services>.eyebrow{margin-bottom:25px}.service-grid{gap:20px}.service-grid article{border:1px solid #dce5de;background:#fff;border-radius:24px;padding:32px;transition:transform .25s,box-shadow .25s}.service-grid article:hover{transform:translateY(-6px);box-shadow:0 20px 40px #0c3c4510}.service-grid article>span{color:#527d71;margin-bottom:36px;font-size:13px}.service-grid h3{font-size:26px;letter-spacing:-.04em}.service-grid p{margin-bottom:0;line-height:1.8}
.work{background:#eaf0ec;border-radius:36px 36px 0 0}.section-heading{margin-bottom:36px;gap:50px}.section-heading p{line-height:1.8}.filters{gap:9px;margin-bottom:32px}.filters button{border-radius:999px;background:#f8faf8;border:1px solid #ccdad1;padding:11px 20px;transition:background .2s,transform .2s}.filters button:hover{transform:translateY(-2px)}
.gallery{gap:28px;align-items:start}.project{border-radius:24px;background:white;overflow:hidden;padding-bottom:24px;border:1px solid #dce5df;transition:transform .25s,box-shadow .25s}.project:nth-child(even){margin-top:48px}.project:hover{transform:translateY(-5px);box-shadow:0 20px 45px #123e4716}.project img{height:360px;transition:filter .25s}.project .caption{font-family:Manrope,Arial,sans-serif;padding:0 24px;margin-top:23px;font-weight:600;font-size:21px;letter-spacing:-.035em}.project small{padding:0 24px;margin-top:8px;font-size:10px;letter-spacing:.12em}
.cta{margin:0 2.5% 28px;border-radius:30px;background:#003d49;padding:65px 4%;grid-template-columns:minmax(220px,1fr) minmax(0,1.4fr);gap:30px}.cta-copy .eyebrow{color:#4e8174}.cta h2{font-size:clamp(38px,4vw,64px)}.cta-art{grid-column:2;grid-row:1 / span 2;background:white;border-radius:20px;overflow:hidden;padding:12px}.cta-art img{max-height:300px}.cta .button{grid-column:1;justify-self:start;align-self:start}.cta .button.light{background:#4e8174;color:#ffffff;}
footer{background:transparent;padding:44px 6% 55px;border-top:1px solid #dce4df;margin:0 2.5%}footer a:hover{color:#477667}
.contact{gap:8%;padding-top:65px;align-items:start}.contact h1{font-size:clamp(46px,5vw,76px);letter-spacing:-.06em}.form-panel{border:1px solid #dce5df;border-radius:28px;box-shadow:0 20px 70px #003d4909;padding:42px}.form-panel h2{font-size:32px}input,textarea{border-radius:12px;padding:15px 16px;background:#f7f9f6;transition:border-color .2s}input:focus,textarea:focus{border-color:#4e8174}.contact-note{padding:25px;background:#eaf0ec;border:0;border-radius:18px}dialog{border-radius:22px;box-shadow:0 20px 90px #0005}dialog img{border-radius:12px}
@media(min-width:1700px){.hero-copy{padding-left:10%;padding-right:10%}.hero{min-height:720px}.hero-photo{min-height:720px}}
@media(max-width:1100px){.hero-copy{padding:60px 7%}.hero h1{font-size:clamp(48px,6.5vw,76px)}.service-grid article{padding:26px}.cta{grid-template-columns:1fr 1.2fr}.cta .button{grid-column:1}.cta-art{grid-column:2}.section{padding-left:5%;padding-right:5%}}
@media(max-width:760px){html{scroll-padding-top:90px}header{height:84px;padding:5px 5%}header .brand img{width:100px;height:70px}nav{gap:14px;font-size:12px}.button.small{padding:11px 15px}.hero{margin:16px 4% 0;border-radius:24px;grid-template-columns:1fr;min-height:0}.hero-copy{padding:40px 7%}.hero-copy .eyebrow{font-size:8px;letter-spacing:.055em;padding:9px 11px}.hero h1{font-size:clamp(47px,10.5vw,70px)}.hero p{font-size:15px;margin:24px 0 28px}.hero-photo{min-height:330px}.photo-caption{left:14px;right:14px;bottom:14px;padding:13px 15px;font-size:8px}.photo-caption span{font-size:10px}.ticker{margin:16px 4% 0;padding:20px 6%;gap:18px;font-size:14px;border-radius:16px}.ticker span:last-child{font-size:12px}.section{padding:64px 6%}.about{gap:26px}.about .large{font-size:24px}.services{padding-top:0}.service-grid{gap:16px}.service-grid article{padding:28px;border-radius:20px}.service-grid article>span{margin-bottom:24px}.work{border-radius:26px 26px 0 0}.gallery{grid-template-columns:1fr;gap:24px}.project:nth-child(even){margin-top:0}.project img{height:290px}.project{border-radius:20px}.project .caption{font-size:20px}.filters button{padding:9px 15px;font-size:12px}.cta{margin:0 4% 22px;grid-template-columns:1fr;padding:38px 7%;gap:26px;border-radius:24px}.cta-copy{grid-column:1;grid-row:1}.cta-art{grid-column:1;grid-row:2;padding:8px;border-radius:14px}.cta .button{grid-column:1;grid-row:3}.cta h2{font-size:45px}.cta-copy .eyebrow{font-size:9px}.form-panel{padding:28px 23px;border-radius:22px}.contact{gap:35px}footer{padding:35px 3%}}
@media(max-width:380px){nav{gap:10px;font-size:11px}header .brand img{width:80px}.button.small{padding:10px 12px}.hero-copy .eyebrow{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}

[hidden]{display:none!important}.offscreen{position:absolute;left:-10000px}.notice{padding:20px;background:#e5f0e7;border-radius:16px;color:#173e32}