
:root{--ink:#101923;--blue:#087abd;--accent:#64c0ff;--muted:#a9b6c2;--paper:#f1f3f4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--ink);color:white;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #1386cf;outline-offset:6px}header{min-height:94px;display:flex;align-items:center;justify-content:space-between;padding:20px 5.5%;border-bottom:1px solid #ffffff1c;background:#101923;gap:30px}.brand{display:flex;align-items:center;gap:14px;font-size:14px;letter-spacing:1.6px;font-weight:700;line-height:1.3}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:2px;margin-top:6px}.brand-mark{font-size:32px;letter-spacing:-3px;font-style:italic}.brand-mark span{color:#47b5ff}nav{display:flex;align-items:center;gap:28px;font-size:13px}nav a:hover,.text-link:hover{color:var(--accent)}.nav-contact{border:1px solid #53616e;padding:11px 18px}.nav-contact span{margin-left:15px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:620px;align-items:center;padding:70px 5.5% 65px;gap:35px;overflow:hidden}.eyebrow{font-family:monospace;font-size:11px;letter-spacing:1.7px;font-weight:600;margin:0 0 22px;color:var(--accent)}h1{font-size:clamp(48px,5.4vw,88px);line-height:1.04;letter-spacing:-4px;font-weight:500;margin:25px 0}h1 em{font-style:normal;color:var(--accent)}.intro{font-size:17px;max-width:480px;color:#b9c5ce;line-height:1.8}.actions{display:flex;align-items:center;gap:28px;margin:32px 0 44px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:16px 23px;background:#137fbd;color:white;font-size:13px;font-weight:bold;border:1px solid transparent}.button:hover{background:#09669d}.text-link{font-size:13px}.text-link span{margin-left:14px}.location{color:#98aab9;font-size:11px}.location>span:first-child{color:var(--accent)}.divider{margin:0 15px}.hero-art{margin:0;transform:rotate(-3deg);border:1px solid #50758b66;box-shadow:0 25px 65px #0004}.hero-art img{display:block;width:100%;height:auto}.hero-art figcaption{background:#112330;padding:14px 18px;font:9px monospace;letter-spacing:1.2px;display:flex;justify-content:space-between;color:#a2bed1}.capability-strip{padding:25px 5.5%;border-top:1px solid #ffffff1c;border-bottom:1px solid #ffffff1c;display:flex;justify-content:space-between;gap:20px;color:#9bafbd;font:11px monospace;letter-spacing:2px}.section{padding:95px 7%}.light{background:var(--paper);color:var(--ink)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:55px;margin-bottom:50px}.section-heading .eyebrow{color:#237ba9}h2{font-size:clamp(34px,4vw,56px);font-weight:500;line-height:1.12;letter-spacing:-2px;margin:0}.section-heading>p{max-width:350px;color:#5d6a76;font-size:14px;margin:0}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cdd4db;border-left:1px solid #cdd4db}.services article{padding:30px;border-right:1px solid #cdd4db;border-bottom:1px solid #cdd4db;min-height:267px}.number{font:11px monospace;color:#357ea7}h3{font-size:20px;font-weight:500;line-height:1.3;margin:22px 0 12px;letter-spacing:-.5px}.services p{color:#5b6873;font-size:13px;margin-bottom:26px}.tags{font:9px monospace;letter-spacing:1px;color:#496a80}.services .service-cta{background:#dae6ed;display:flex;flex-direction:column;justify-content:center}.service-cta h3{font-size:26px;margin-top:0}.service-cta a{font-size:13px;color:#065f97;text-decoration:underline;text-underline-offset:5px}.service-cta .eyebrow{font-size:10px;color:#336880}.projects{background:#fff;color:var(--ink)}.gallery-note{font-size:12px;color:#5d6a76;border-left:2px solid #248ac7;padding-left:14px;margin-top:-22px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0}.filters button{border:1px solid #ccd5dc;background:white;color:#425565;padding:9px 18px;font-size:12px;cursor:pointer}.filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 30px}.project[hidden]{display:none}.project-image{position:relative;overflow:hidden;background:#112533}.project-image img{width:100%;height:auto;display:block;aspect-ratio:1.65;object-fit:cover}.project-image.alternate img{transform:scale(1.1) rotate(14deg);filter:saturate(.5)}.project-image>span{position:absolute;left:15px;bottom:15px;background:#101923e8;color:#d6e5ef;font:8px monospace;letter-spacing:1px;padding:6px 9px}.project-description{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.project-description .eyebrow{font-size:9px;color:#396c8c;margin:0 0 9px}.project-description h3{margin:0;font-size:24px}.project-description>span{color:#2b81b4;font-size:25px}.project>p{color:#64717c;font-size:13px;max-width:440px;margin-top:12px}.approach{background:#e7ecf0;color:var(--ink)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps article{border-top:1px solid #aebfcb;padding-top:22px}.steps span{font:10px monospace;letter-spacing:1px;color:#256b95}.steps p{font-size:13px;color:#5d6a76}.contact{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;background:radial-gradient(ellipse at 100% 100%,#17334a,#101923 70%)}.contact h2{font-size:clamp(36px,4.4vw,64px)}.contact p:not(.eyebrow){font-size:14px;color:#aebfcd;margin:25px 0}.contact-details{align-self:center;border-left:1px solid #526675;padding-left:50px;min-width:0}.contact-details>a{display:block;margin:20px 0;font-size:17px;overflow-wrap:anywhere}.contact-details>a:last-child{font-size:13px}.contact .email-help{font-size:11px;margin:13px 0 0}.contact-details .eyebrow{color:#83a8c2}footer{padding:30px 5.5%;border-top:1px solid #ffffff1c;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#a5b3bf;font-size:10px}footer .brand{color:white;font-size:12px}footer>a:last-child{white-space:nowrap}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip:focus{position:fixed;top:10px;left:10px;z-index:100;background:white;color:black;padding:10px}.button:focus-visible{outline-color:#64c0ff}@media(min-width:1500px){.hero,.section,header,footer,.capability-strip{padding-left:max(7%,calc((100vw - 1400px)/2));padding-right:max(7%,calc((100vw - 1400px)/2))}}@media(max-width:1000px){nav{gap:15px}.brand-mark{font-size:26px}.brand{font-size:11px}.hero{gap:20px;min-height:550px}h1{letter-spacing:-2px}.hero-art figcaption{font-size:7px}.actions{gap:18px;flex-wrap:wrap}.services article{padding:22px}.capability-strip{font-size:9px;letter-spacing:1px}}@media(max-width:760px){header{padding:20px 6%;min-height:80px;position:relative}.menu-toggle{display:block;background:transparent;border:1px solid #607587;color:white;padding:7px 12px;font-size:12px}.menu-toggle span{margin-left:12px}nav{display:none;position:absolute;left:0;right:0;top:100%;background:#101923;padding:20px 6%;z-index:10;border-bottom:1px solid #607587;align-items:stretch}nav.open{display:flex;flex-direction:column}nav a{padding:12px}.hero{grid-template-columns:1fr;padding:50px 6%;gap:30px}h1{font-size:58px}.hero .eyebrow{font-size:9px}.intro{font-size:15px}.hero-art{margin:0 8px 0 4px}.hero-art figcaption{font-size:8px}.actions{margin-bottom:30px}.capability-strip{flex-wrap:wrap;justify-content:center;padding:20px;gap:15px 24px;font-size:9px}.section{padding:60px 6%}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:25px}.services{grid-template-columns:1fr 1fr}.services article{padding:22px;min-height:280px}.services h3{font-size:19px}.services p{font-size:12px}.tags{font-size:8px}.project-grid{gap:32px 20px}.project-description h3{font-size:20px}.project-image>span{font-size:7px;left:9px;bottom:9px;padding:5px}.steps{grid-template-columns:1fr;gap:20px}.steps h3{margin-top:15px}.contact{grid-template-columns:1fr;gap:45px}.contact-details{padding-left:20px}footer{flex-wrap:wrap;padding:30px 6%;gap:15px}footer p{width:100%;order:3;margin:0}.desktop{display:none}.gallery-note{margin-top:0}}@media(max-width:440px){h1{font-size:50px}.services,.project-grid{grid-template-columns:1fr}.services article{min-height:0;padding:25px}.project-image img{aspect-ratio:1.55}.filters{gap:7px}.filters button{padding:8px 12px;font-size:11px}.contact-details>a{font-size:16px}.location{font-size:10px}.divider{margin:0 8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Display the approved logo directly from the source without altering it. */
.logo-window{display:block;width:208px;height:74px;position:relative;overflow:hidden;background:white;border-radius:2px}.logo-window img{position:absolute;width:269px;max-width:none;height:auto;left:-30px;top:-2px}header{padding-top:12px;padding-bottom:12px}@media(max-width:760px){.logo-window{width:178px;height:63px}.logo-window img{width:230px;left:-26px;top:-2px}header{padding-top:10px;padding-bottom:10px}}

/* Homepage features the complete approved promotional artwork. */
.hero{display:flex;flex-direction:column;align-items:center;padding-top:48px;gap:36px}.hero-copy{width:100%;max-width:1100px;display:grid;grid-template-columns:1.15fr 1fr;column-gap:65px}.hero-copy>.eyebrow{grid-column:1/-1;margin-bottom:12px}.hero-copy h1{grid-column:1;grid-row:2/4;font-size:clamp(42px,4.4vw,68px);margin:0;align-self:center}.hero-copy .intro{grid-column:2;font-size:15px;margin:0}.hero-copy .actions{grid-column:2;margin:20px 0 0;gap:20px}.hero-copy .location{grid-column:1/-1;margin:20px 0 0}.promotional-art{width:100%;max-width:1100px;transform:none;background:#fff;box-shadow:0 20px 65px #0005}.promotional-art img{width:100%;height:auto;display:block}.promotional-art figcaption{flex-wrap:wrap;gap:8px;font-size:10px;line-height:1.5}.hero-art figcaption span:last-child{color:#c2d9e9}@media(max-width:760px){.hero{padding-top:35px;gap:25px}.hero-copy{display:block}.hero-copy h1{font-size:48px;margin:15px 0 20px}.hero-copy .intro{font-size:14px}.hero-copy .actions{margin:23px 0}.hero-copy .location{margin-top:0}.promotional-art{margin:0}.promotional-art figcaption{font-size:8px;padding:12px}.hero-copy>.eyebrow{line-height:1.6}}
