:root{--navy:#092f43;--ink:#173849;--steel:#607783;--line:#dbe9ed;--mist:#f1f8fa;--gold:#17b7c4;--sand:#e6f7f8}
body{background:#fff}
.topbar{background:#083044}
.topbar strong{color:#66dbe1}
.brand-mark{width:210px;height:82px;box-shadow:none;background:none;padding:6px 0}
.brand-mark img{max-height:76px;filter:none}
.brand > .brand-mark:last-child{display:grid}
.nav-link:hover{color:#087e8c;background:#eaf8f9}
.hero{background:#092f43;padding:0;isolation:isolate}
.hero::before{z-index:1;background:linear-gradient(90deg,rgba(3,26,40,.88),rgba(3,26,40,.5) 48%,rgba(3,26,40,.08)),linear-gradient(0deg,rgba(3,26,40,.75),transparent 35%);pointer-events:none}
.hero-images{position:absolute;inset:0;overflow:hidden}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity 1.4s ease,transform 7s linear}
.hero-image.active{opacity:1;transform:scale(1)}
.hero-inner{z-index:2;grid-template-columns:1fr;min-height:640px;padding:95px 0 125px}
.hero-copy{max-width:760px}
.hero h1{color:white;max-width:780px;font-size:clamp(44px,5.8vw,78px);line-height:1.09;letter-spacing:-.045em;font-weight:750}
.hero h1 em{font-style:normal;color:#5edce2}
.hero .eyebrow{color:#87e4e8;letter-spacing:.2em}
.hero .lead{color:#e1edf2;max-width:570px;font-size:18px;line-height:1.8}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.button{border-radius:3px}
.button.primary{background:#12b8c6;color:#052b3b}
.hero .button.outline{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.5);color:white}
.slider-bottom{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:28px;color:white;margin-top:-75px}
.slider-bottom>div:first-child{display:flex;align-items:center;flex-wrap:wrap;gap:18px}
.slide-count{font-size:13px;color:#69dae2;letter-spacing:.14em}
#slide-caption{font-size:14px}
.slider-bottom small{color:#c0d0d8;font-size:11px}
.slider-controls{display:flex;gap:8px}
.slider-controls button{border:1px solid #6d8792;background:rgba(5,34,49,.45);color:white;min-width:44px;height:42px;padding:0 12px;cursor:pointer;border-radius:3px;font:inherit;font-size:13px}
.slider-controls button:hover{background:#147d8b}
.project-summary{background:#092f43;color:white}
.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:30px 0}
.summary-grid>div{padding:6px 28px;border-right:1px solid #315060}
.summary-grid>div:first-child{padding-left:0}
.summary-grid>div:last-child{border:0}
.summary-grid span{display:block;font-size:10px;color:#6ad4dc;letter-spacing:.13em;margin-bottom:10px}
.summary-grid strong{font-weight:500;font-size:18px}
.eyebrow{color:#087c8b}
section{padding:82px 0}
.editorial-image{position:relative;height:340px;overflow:hidden;margin-bottom:70px;border-radius:5px}
.editorial-image>img{width:100%;height:100%;object-fit:cover;object-position:center 57%}
.editorial-image>div{position:absolute;inset:0;padding:45px;background:linear-gradient(90deg,rgba(5,36,50,.88),transparent);color:white;display:flex;flex-direction:column;justify-content:center}
.editorial-image span{color:#7be2e8;font-size:11px;letter-spacing:.15em}
.editorial-image p{font-size:clamp(25px,3vw,40px);line-height:1.25;margin:20px 0}
.editorial-image small{font-size:11px;color:#d5e5ec}
.card{transition:transform .25s ease,box-shadow .25s ease}
.service-grid .card{border-top:3px solid #17b7c4}
.service-grid .card:hover{transform:translateY(-6px);box-shadow:0 18px 35px #092f4312}
.card b{color:#087f8c}
.project-cover{background:linear-gradient(130deg,#093548,#127a8b);position:relative;overflow:hidden}
.project-cover::after{content:"";position:absolute;width:180px;height:230px;border:1px solid #ffffff25;right:-10px;bottom:-80px;transform:rotate(30deg);box-shadow:25px -25px 0 #ffffff08,50px -50px 0 #ffffff08}
.project-cover.completed{background:linear-gradient(135deg,#075063,#17a4b0)}
.project-cover small{color:#b9f0f1}
.footer-logo{width:170px;background:white;padding:12px;margin-bottom:20px;border-radius:3px}
.footer-kicker,.footer-col h3{color:#68d8e0}
a:focus-visible,button:focus-visible{outline:3px solid #23cddd;outline-offset:5px}
@media(max-width:980px){.hero-inner{min-height:600px}.summary-grid strong{font-size:15px}.brand-mark{width:175px;height:65px}}
@media(max-width:640px){.hero-inner{padding:65px 0 145px;min-height:620px}.hero h1{font-size:46px}.hero .lead{font-size:16px}.hero-image{object-position:62% center}.slider-bottom{margin-top:-110px;padding-bottom:20px;align-items:flex-start}.slider-bottom>div:first-child{gap:7px;flex-direction:column;align-items:flex-start}.slider-controls{gap:5px}.slider-controls button{padding:0 8px}.summary-grid{grid-template-columns:1fr;padding:12px 0}.summary-grid>div,.summary-grid>div:first-child{padding:16px 0;border:0;border-bottom:1px solid #315060}.summary-grid span{margin-bottom:5px}section{padding:55px 0}.editorial-image{height:300px;margin-bottom:45px}.editorial-image>div{padding:24px}.brand-mark{width:160px;height:58px}.nav{gap:0}}
@media(prefers-reduced-motion:reduce){.hero-image,.card{transition:none;transform:none}.service-grid .card:hover{transform:none}}