.hero{aspect-ratio:1.5}.hero-copy{top:28%;max-width:48%}.hero-copy h1{font-size:42px}.floating{top:64%;left:76%}.ballast{top:73%;left:77%}.final{top:85%;left:75%}.seabed{display:none}.annotation{font-size:13px}.section-heading h2{font-size:28px}.services article{border:0;padding:0}.services article>span{display:none}.service-photo{height:210px;background-image:url('assets/portfolio-preview.png');background-size:448.8% auto;background-repeat:no-repeat;background-position:3.7% 59%}.photo-1{background-position:35% 59%}.photo-2{background-position:66% 59%}.photo-3{background-position:97% 59%}.services h3{font-size:20px;margin:14px 0 8px}.services p{margin:0 0 18px;font-size:15px}.detail-link{font-size:14px;color:var(--accent);font-weight:700}.project-grid{grid-template-columns:repeat(2,1fr)}.project-grid article{display:grid;grid-template-columns:1fr 1fr;background:white;border:0;padding:0}.project-photo{background-image:url('assets/portfolio-preview.png');background-size:420% auto;min-height:260px;background-repeat:no-repeat;background-position:3.7% 94%}.project-photo-1{background-position:69% 94%}.project-content{padding:24px}.project-content h3{font-size:18px;margin:0 0 12px}.project-content strong{font-size:26px}.project-content p{font-size:14px;line-height:1.5}.project-type,.location{display:none}.projects{padding-top:50px;padding-bottom:50px}@media(min-width:1500px){.hero{aspect-ratio:1.6}}@media(max-width:900px){.hero-copy h1{font-size:32px}.hero-copy{max-width:55%}.project-grid article{grid-template-columns:1fr}.project-photo{min-height:200px}.service-photo{height:240px}}@media(max-width:600px){.hero{aspect-ratio:.85}.hero>img{object-fit:fill}.hero-copy{top:27%;max-width:94%}.hero-copy h1{font-size:28px}.hero-copy p{font-size:16px;margin-bottom:18px}.annotation{font-size:11px;max-width:115px}.floating{left:72%;top:65%}.ballast{left:71%;top:74%}.final{left:70%;top:86%}.disclaimer{font-size:10px}.services{grid-template-columns:1fr 1fr}.service-photo{height:140px}.section-heading h2{font-size:26px}.project-grid{grid-template-columns:1fr}.project-grid article{grid-template-columns:1fr 1fr}.project-content{padding:18px}.project-content strong{font-size:23px}.project-photo{min-height:260px}.services h3{font-size:18px}}
.service-photo{height:auto;aspect-ratio:250/210}.project-photo{background-size:440% auto;background-position:3.7% 94%}.project-photo-1{background-position:69% 94%}@media(max-width:600px){.hero>img{object-fit:cover;object-position:center}.hero{aspect-ratio:1}.service-photo{height:auto}.hero-copy{top:25%}}

/* Compact field-photo hero with a separate technical survey band. */
header{height:112px;padding:0 4%;gap:32px}
.logo{width:480px;height:98px;flex-shrink:0;background-size:560px auto;background-position:center -57px}
nav{font-size:16px;gap:30px}
.hero{aspect-ratio:auto;height:500px;background:#07313a;overflow:hidden}
.hero>img{height:400px;object-fit:cover;object-position:center 24%}
.hero:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:100px;background:url('assets/hero.png') center bottom/100% auto no-repeat;z-index:-1}
.hero-copy{top:auto;bottom:145px;max-width:55%}
.hero-copy h1{font-size:44px}
.hero-copy p{font-size:21px}
.annotation{display:none}
.disclaimer{bottom:16px;font-size:12px;right:4%}
.trust{padding:24px 5%}
.section{padding-top:54px;padding-bottom:54px}
@media(min-width:1500px){.hero{height:540px;aspect-ratio:auto}.hero>img{height:430px}.hero:after{height:110px}}
@media(max-width:1100px){header{height:100px;gap:20px}.logo{width:350px;height:84px;background-size:430px auto;background-position:center -43px}nav{gap:22px;font-size:15px}.hero-copy h1{font-size:36px}}
@media(max-width:700px){header{height:88px;padding:0 4%}.logo{width:285px;height:74px;background-size:350px auto;background-position:center -33px}.menu{display:block;font-size:30px}nav{display:none;top:88px;font-size:17px}nav.open{display:flex}.hero{height:410px;aspect-ratio:auto}.hero>img{height:330px;object-fit:cover;object-position:56% 23%}.hero:after{height:80px;background-size:auto 410px}.hero-copy{bottom:110px;max-width:94%;top:auto}.hero-copy h1{font-size:28px}.hero-copy p{font-size:17px}.hero-copy .rule{margin-bottom:14px}.disclaimer{font-size:10px;bottom:10px}.trust{padding:8px 5%}}