:root{--ink:#172b36;--muted:#89928f;--cream:#f2f1eb;--red:#f04437;--navy:#0b2936;--line:#d6d9d1;--font:'DM Sans',sans-serif;--heading:'Manrope',sans-serif;--serif:'Instrument Serif',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.75 var(--font)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,summary{cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--heading);font-weight:500;line-height:1.08}h2{font-size:clamp(40px,4.6vw,72px);letter-spacing:-3px}h3{letter-spacing:-.8px}em{font-family:var(--serif);font-weight:400}p{color:#6d797b}p+p{margin-top:20px}.wrap{width:min(1380px,89%);margin-inline:auto}.section{padding-block:130px}.eyebrow{display:flex;gap:10px;align-items:center;font-size:9px;font-weight:600;letter-spacing:1.8px;margin-bottom:28px;color:#5d6e70}.eyebrow.light{color:#b7cbcd}.line{height:1px;width:28px;background:var(--red)}.red-dot{display:inline-block;background:var(--red);width:7px;height:7px;border-radius:50%}.muted{color:#8c9591}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:6px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #7ba7ad;outline-offset:4px}.header{position:absolute;z-index:20;left:3%;right:3%;top:22px;height:76px;padding:0 24px 0 26px;display:flex;align-items:center;justify-content:space-between;border:1px solid #ced5cf;border-radius:60px;background:#f7f7f0e8;backdrop-filter:blur(20px)}.brand{display:block;width:155px}.brand img{width:100%;mix-blend-mode:multiply}.header nav{display:flex;align-items:center;gap:35px;font-size:11px}.header nav>a:not(.nav-cta){position:relative}.header nav>a:not(.nav-cta):after{content:'';position:absolute;bottom:-5px;left:0;right:100%;height:1px;background:var(--red);transition:right .3s}.header nav>a:hover:after{right:0}.nav-cta{padding:13px 18px;border-radius:30px;background:var(--navy);color:#fff;font-size:10px}.nav-cta span{display:inline-block;margin-left:20px;font-size:17px}.menu{display:none}.hero{padding:153px 0 0;position:relative}.hero-heading{text-align:center;position:relative}.hero-heading .eyebrow{justify-content:center;margin-bottom:20px;font-size:8px}.hero h1{font-size:clamp(75px,8.5vw,140px);line-height:.96;letter-spacing:-7px;font-weight:500;position:relative;width:fit-content;margin:auto}.hero h1 em{font-size:1.12em;color:#274f5a}.title-asterisk{position:absolute;right:-90px;top:10px;font-size:56px;color:var(--red);line-height:1}.hero-subline{display:flex;justify-content:center;gap:110px;font-size:8px;letter-spacing:1.7px;color:#7a8787;margin-top:30px;margin-bottom:38px}.hero-ocean{position:relative;margin:0 24px;height:clamp(390px,40vw,630px);overflow:hidden;border-radius:18px;background:#0b465a;color:white}.hero-image{width:100%;height:100%;object-fit:cover;object-position:50% 54%;filter:saturate(.68)}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,#062a3dd9,transparent 60%),linear-gradient(90deg,#08354b44,transparent)}.ocean-top{position:absolute;top:26px;left:34px;right:34px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.5px;color:#daeaed}.ocean-top i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b9e2cf;margin-right:10px}.ocean-bottom{position:absolute;left:44px;right:44px;bottom:35px;display:flex;justify-content:space-between;align-items:flex-end}.hero-description{color:#eff6f2;font-size:clamp(20px,2vw,30px);line-height:1.4;letter-spacing:-.7px;max-width:480px}.round-cta{height:115px;width:115px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:var(--red);gap:6px;transition:background .3s,transform .4s}.round-cta:hover{background:#ff6555;transform:rotate(-8deg)}.round-cta>span{font-size:35px;line-height:1}.round-cta small{font-size:7px;letter-spacing:1px;text-align:center;line-height:1.5}.ocean-depth{position:absolute;right:39px;top:43%;font-size:8px;letter-spacing:1.5px;text-align:right;color:#d1e9e8}.hero-bottom{display:flex;justify-content:space-between;font-size:9px;color:#778583;padding:21px 0 28px}.hero-bottom a{letter-spacing:1px;font-size:8px;color:#243f45}.hero-bottom a span{margin-left:25px}.scope-bar{background:var(--navy);color:#d5e6e2}.scope-bar .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:67px;font-size:9px;letter-spacing:1.7px}.scope-bar i{font-style:normal;line-height:1;font-size:22px;color:#e25e4b}.scope-bar i:after{content:'✳'}.intro{display:grid;grid-template-columns:1.2fr .8fr;gap:13%;align-items:start}.intro h2{font-size:clamp(42px,5vw,76px);line-height:1.12}.intro h2 .muted{font-family:var(--serif);font-style:italic;font-size:1.08em;color:#6b827f}.intro-photo{position:relative;margin-bottom:28px;overflow:hidden;border-radius:110px 110px 4px 4px;height:190px;width:200px}.intro-photo img{height:100%;width:100%;object-fit:cover}.intro-photo:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0a2639ad)}.intro-photo span{position:absolute;bottom:16px;left:20px;z-index:1;font-size:7px;line-height:1.5;letter-spacing:1px;color:white}.intro-copy{padding-top:40px}.intro-copy .lead{color:var(--ink);font-size:21px;line-height:1.5;letter-spacing:-.4px;margin-bottom:20px}.intro-copy strong{font-weight:500}.intro-copy>p:not(.lead){font-size:13px}.intro-tags{display:flex;gap:15px;flex-wrap:wrap;margin-top:25px;font-size:8px;letter-spacing:.6px}.intro-tags span{padding-bottom:6px;border-bottom:1px solid #9eaeaa}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:58px}.section-heading>p{max-width:270px;font-size:12px;padding-bottom:6px}.services{background:#e7eae3;border-radius:28px 28px 0 0}.services h2{font-size:clamp(40px,4.3vw,66px)}.services h2 .muted{font-family:var(--serif);font-style:italic;color:#6d837b}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:46px 26px}.service{min-width:0;position:relative}.service-card-image{height:220px;overflow:hidden;border-radius:6px;background:#123e4b}.service-card-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.7);transition:transform .6s,filter .6s}.service:hover .service-card-image img{transform:scale(1.06);filter:saturate(1)}.service-title{display:flex;gap:12px;align-items:center;margin:22px 0 14px}.service-title>span{font-size:9px;color:#7b8e88}.service-title h3{font-size:20px;flex:1;line-height:1.3}.service-title b{font-weight:400;color:#45675e}.service-body p{font-size:12px;line-height:1.85}.service-body a{display:inline-block;font-size:9px;text-transform:uppercase;letter-spacing:1px;margin-top:18px;padding-bottom:4px;border-bottom:1px solid #9aaa9e}.method{background:var(--navy);color:#f0f3ea;position:relative;overflow:hidden}.method:before{content:'';position:absolute;width:700px;height:700px;right:-420px;top:80px;border:1px solid #759d9a25;border-radius:50%;box-shadow:0 0 0 80px #759d9a08,0 0 0 160px #759d9a05;pointer-events:none}.method h2{font-size:clamp(40px,4.5vw,68px)}.method h2 em{color:#a4c4bb}.method .section-heading>p{color:#9cb8b9}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;position:relative}.steps article{padding-top:34px;border-top:1px solid #aac2ba44}.steps article>span{font-family:var(--serif);font-size:64px;line-height:1;color:#8bb5ad;letter-spacing:-4px}.steps h3{font-size:22px;margin:32px 0 16px}.steps p{color:#9ab3b4;font-size:12px;line-height:1.9}.experience .section-heading{align-items:center}.experience h2 em{color:#748f83}.projects{display:grid;grid-template-columns:1.2fr .8fr;gap:45px 60px;align-items:start}.project:first-child{grid-row:span 2;position:sticky;top:35px}.project-photo{position:relative;height:270px;overflow:hidden;border-radius:5px;background:#184855}.project:first-child .project-photo{height:610px;border-radius:180px 180px 5px 5px}.project-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.7);transition:transform .7s}.project:hover img{transform:scale(1.04)}.project-photo:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0827359c)}.project-photo>span{position:absolute;bottom:19px;left:22px;z-index:1;font-size:8px;color:#fff;letter-spacing:1px}.project-title{display:flex;justify-content:space-between;gap:20px;margin:23px 0 12px}.project-title h3{font-size:23px;line-height:1.3}.project-title>span{font-size:22px;color:var(--red)}.project>p{font-size:12px;max-width:470px}.project-meta{border-top:1px solid var(--line);margin-top:22px;padding-top:13px;display:flex;justify-content:space-between;gap:14px;font-size:8px;letter-spacing:1px}.project-meta>span{color:#7d908a}.photo-note{font-size:9px;max-width:400px;margin-top:30px}.coverage{position:relative;margin:0 24px;border-radius:18px;min-height:640px;display:flex;align-items:center;color:#fff;overflow:hidden;background:#082735}.coverage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.6)}.coverage:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#062b3ccc,transparent 100%)}.coverage-content{position:relative;z-index:1;padding:70px 20px}.coverage h2{font-size:clamp(45px,5.5vw,82px);line-height:1.06;letter-spacing:-3px}.coverage p:not(.eyebrow){color:#c2d6d6;margin-top:30px;font-size:13px;line-height:1.9}.text-link{display:inline-flex;align-items:center;gap:45px;font-size:10px;border-bottom:1px solid #aac8c466;padding-bottom:9px;margin-top:30px}.text-link span{font-size:20px}.faq{display:grid;grid-template-columns:1fr 1.1fr;gap:12%}.faq h2{font-family:var(--serif);font-style:italic;font-size:65px;letter-spacing:-2px}.faq details{border-top:1px solid #becbc0}.faq details:last-child{border-bottom:1px solid #becbc0}.faq summary{display:flex;justify-content:space-between;align-items:center;gap:25px;list-style:none;padding:24px 0;font-size:13px;font-weight:500;line-height:1.5}.faq summary::-webkit-details-marker{display:none}.faq summary b{font-weight:400;font-size:20px;color:#6e8b7c}.faq details[open] summary b{transform:rotate(45deg)}.faq details p{font-size:12px;padding:0 28px 24px 0}.contact{background:#dfe6dc;border-radius:28px 28px 0 0;position:relative}.contact-layout{display:grid;grid-template-columns:1fr .9fr;gap:12%}.contact .eyebrow.light{color:#667c71}.contact h2{font-size:clamp(55px,6vw,90px);letter-spacing:-4px}.contact h2 em{color:#65816e}.contact-intro{font-size:15px!important;color:var(--ink)!important;margin-top:24px!important}.contact-layout>div>p:not(.eyebrow){font-size:12px;margin-top:15px;color:#6c7f73}.contact-phones{max-width:270px;margin-top:35px}.contact-phones a{display:flex;justify-content:space-between;font-size:22px;border-bottom:1px solid #b8c6b7;padding:13px 0}.contact-phones a span{color:#738b76}.contact-company{display:block;font-size:7px;letter-spacing:1.4px;margin-top:25px;color:#7d8c7e}form{background:#f7f8f1;padding:38px;border-radius:10px;box-shadow:0 24px 50px #3c59330a}form h3{font-size:22px;margin-bottom:32px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:23px}label{font-size:9px;display:block;color:#6c7b70;margin-bottom:22px}input,select,textarea{display:block;width:100%;padding:10px 0;border:0;border-bottom:1px solid #c8d3c4;border-radius:0;background:transparent;color:#233c30;font-size:12px;resize:vertical}input::placeholder,textarea::placeholder{color:#9ba69a}select option{color:var(--ink);background:#f7f8f1}.button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:15px 21px;border:0;border-radius:30px;font-size:11px;font-weight:500;transition:background .3s}.red{background:var(--navy);color:white}.red:hover{background:#21534e}.button span{font-size:22px}.form-note{font-size:8px;line-height:1.8;color:#8a988a;margin-top:17px}.footer{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:35px;padding-block:45px}.footer .brand{width:145px}.footer p{font-size:10px;color:#7b8d83}.footer>span{font-size:9px;color:#7b8d83}.back-top{display:flex;align-items:center;justify-content:center;height:60px;width:90px;border:1px solid #c7d0c5;border-radius:50%;font-size:9px}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.js-motion .reveal.is-visible{opacity:1;transform:none}
@media(min-width:1600px){.hero{padding-top:170px}.hero-ocean{height:550px}}@media(max-width:1050px){.header nav{gap:24px}.hero h1{font-size:100px}.title-asterisk{right:-65px;font-size:40px}.section{padding-block:95px}.intro{gap:8%}.service-grid{gap:35px 20px}.service-title{gap:8px}.service-title h3{font-size:17px}.service-card-image{height:180px}.projects{gap:35px}.project:first-child .project-photo{height:520px}.contact-layout{gap:6%}form{padding:26px}.steps{gap:22px}.steps h3{font-size:19px}}
@media(max-width:760px){html{scroll-padding-top:30px}.wrap{width:87%}.header{height:65px;top:14px;left:4%;right:4%;padding:0 19px;position:absolute}.brand{width:132px}.header nav{display:none;position:absolute;top:74px;left:0;right:0;padding:27px;background:#f7f8f0;border:1px solid #cdd6c8;border-radius:23px;align-items:stretch;flex-direction:column;gap:22px;box-shadow:0 15px 45px #102e331a}.header nav.is-open{display:flex}.nav-cta{text-align:center;font-size:11px}.menu{display:block;background:none;border:0;padding:10px}.menu span{display:block;height:1px;background:var(--ink);width:20px;margin:5px 0}.hero{padding-top:127px}.hero-heading .eyebrow{font-size:6px;letter-spacing:1px;gap:7px;margin-bottom:24px}.red-dot{height:5px;width:5px}.hero h1{font-size:clamp(53px,12.8vw,88px);letter-spacing:-3px;line-height:1.02}.title-asterisk{font-size:23px;right:-20px;top:-14px}.hero-subline{gap:15px;font-size:5px;letter-spacing:.9px;margin:25px 0 28px;justify-content:space-between}.hero-ocean{margin:0 12px;height:470px;border-radius:13px}.hero-image{object-position:58% center}.ocean-top{left:21px;right:21px;top:23px;font-size:6px;letter-spacing:.9px;gap:15px}.ocean-top>span:last-child{font-size:5px}.ocean-bottom{left:23px;right:23px;bottom:27px;align-items:flex-end;gap:15px}.hero-description{font-size:20px;letter-spacing:-.5px;max-width:230px;line-height:1.4}.round-cta{flex-shrink:0;width:77px;height:77px;gap:4px}.round-cta>span{font-size:26px}.round-cta small{font-size:5px}.ocean-depth{font-size:6px;right:23px}.hero-bottom{font-size:7px;gap:28px;padding:18px 0 25px;align-items:center}.hero-bottom>span{max-width:150px}.hero-bottom a{font-size:6px;letter-spacing:.8px}.hero-bottom a span{margin-left:7px}.scope-bar .wrap{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-height:90px;padding-block:20px;font-size:7px;letter-spacing:1px}.scope-bar i{display:none}.section{padding-block:75px}h2{font-size:42px;letter-spacing:-1.9px}.eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:24px}.intro{grid-template-columns:1fr;gap:28px}.intro h2{font-size:47px;line-height:1.12}.intro-copy{padding-top:0;display:block}.intro-photo{width:120px;height:145px;float:left;margin:6px 22px 15px 0;border-radius:70px 70px 3px 3px}.intro-photo span{font-size:5px;left:10px;bottom:12px}.intro-copy .lead{font-size:20px;line-height:1.45;padding-top:15px;margin-bottom:22px}.intro-copy>p:not(.lead){font-size:12px}.intro-tags{clear:both;margin-top:25px}.section-heading{display:block;margin-bottom:35px}.section-heading>p{font-size:11px;margin-top:23px;max-width:270px}.services{border-radius:20px 20px 0 0}.services h2{font-size:39px}.service-grid{grid-template-columns:1fr 1fr;gap:32px 15px}.service-card-image{height:160px}.service-title{margin:16px 0 11px;gap:7px;align-items:flex-start}.service-title>span{font-size:7px;padding-top:3px}.service-title h3{font-size:16px;line-height:1.2;letter-spacing:-.5px}.service-title b{display:none}.service-body p{font-size:10px;line-height:1.8}.service-body a{font-size:7px;letter-spacing:.3px;margin-top:13px}.method h2{font-size:41px}.steps{grid-template-columns:1fr 1fr;gap:33px 23px}.steps article{padding-top:23px}.steps article>span{font-size:52px}.steps h3{font-size:19px;margin:24px 0 12px}.steps p{font-size:11px}.projects{grid-template-columns:1fr;gap:36px}.project:first-child{grid-row:auto;position:static}.project:first-child .project-photo{height:420px;border-radius:120px 120px 5px 5px}.project-photo{height:260px}.project-title{margin-top:20px}.project-title h3{font-size:22px}.project>p{font-size:11px}.project-meta{font-size:7px}.photo-note{font-size:8px;margin-top:25px}.coverage{min-height:570px;margin:0 12px;border-radius:13px}.coverage-content{padding:55px 0}.coverage h2{font-size:43px;letter-spacing:-1.8px}.coverage>img{object-position:60% center}.coverage:after{background:linear-gradient(90deg,#062b3cdb,#062b3c45)}.coverage p:not(.eyebrow){font-size:12px}.text-link{font-size:9px;gap:22px}.faq{grid-template-columns:1fr;gap:32px}.faq h2{font-size:54px}.faq h2 br{display:none}.faq summary{font-size:12px;padding-block:22px}.faq details p{font-size:11px}.contact{border-radius:20px 20px 0 0}.contact-layout{grid-template-columns:1fr;gap:40px}.contact h2{font-size:65px;letter-spacing:-3px}.contact-phones{margin-top:22px}.contact-phones a{font-size:22px}.contact-company{font-size:6px}form{padding:28px 23px}.field-row{grid-template-columns:1fr;gap:0}.footer{grid-template-columns:1fr 1fr;gap:24px;padding-block:32px}.footer .brand{width:135px}.footer p{font-size:9px;text-align:right}.footer>span{font-size:8px}.back-top{justify-self:end;width:85px;height:45px;font-size:8px}}
@media(max-width:370px){.hero h1{font-size:48px}.hero-description{font-size:18px}.service-grid{grid-template-columns:1fr}.service-card-image{height:220px}.service-title h3{font-size:21px}.service-body p{font-size:12px}.service-body a{font-size:8px}.title-asterisk{right:-15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}
/* Industrial direction: technical typography, structural grid and marine steel. */
:root{--ink:#e5eaed;--muted:#83939d;--cream:#101b23;--red:#ec3438;--navy:#07131c;--line:#34424b;--font:'Barlow',Arial,sans-serif;--heading:'Barlow Condensed','Arial Narrow',Arial,sans-serif;--serif:'Barlow Condensed','Arial Narrow',Arial,sans-serif}body{background:#101b23;color:#e5eaed}h1,h2,h3{font-weight:600}h2{letter-spacing:-.6px;text-transform:uppercase}em{font-style:normal;font-family:var(--heading);font-weight:600}p{color:#9aaab4}.eyebrow{color:#94a6b2;font-size:10px;letter-spacing:2px}.muted{color:#8499a6}.header{position:absolute;top:0;left:0;right:0;height:88px;border:0;border-bottom:1px solid #ffffff2b;border-radius:0;background:#081722e6;padding-inline:5%;backdrop-filter:blur(12px)}.brand{width:175px;background:#fff;padding:6px 10px}.brand img{mix-blend-mode:normal}.header nav{font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#d2dde4}.nav-cta{border-radius:0;background:var(--red);padding:13px 20px;font-size:11px;color:white}.nav-cta:hover{background:#ca2328}.hero{padding:0;min-height:820px;height:100svh;max-height:1100px;position:relative;display:flex;align-items:center;background:#061724}.hero-heading{z-index:3;text-align:left;position:relative;pointer-events:none;padding-top:70px;padding-bottom:130px}.hero-heading .eyebrow{justify-content:flex-start;font-size:10px;color:#bdd1dd;margin-bottom:30px;letter-spacing:2px}.hero h1{margin:0;font-size:clamp(90px,10vw,158px);text-transform:uppercase;letter-spacing:-1.5px;line-height:.86;max-width:1100px;color:#fff}.hero h1 em{color:#a2bccb;font-size:1em}.hero-subline{justify-content:flex-start;gap:30px;font-family:var(--font);font-size:9px;letter-spacing:1.6px;margin-top:35px;margin-bottom:0;color:#a7becd}.hero-ocean{position:absolute;inset:0;height:100%;margin:0;border-radius:0;background:#073c53}.hero-image{object-position:65% center;filter:saturate(.45);opacity:.8}.hero-shade{background:linear-gradient(90deg,#061523f5 0%,#061523b5 40%,#06152318 90%),linear-gradient(0deg,#061523f5,transparent 60%)}.ocean-top{top:120px;left:auto;right:5%;font-size:8px;z-index:2;flex-direction:column;align-items:flex-end;gap:10px}.ocean-top>span:first-child{display:none}.ocean-bottom{bottom:97px;left:5.5%;right:5.5%;align-items:center}.hero-description{font-family:var(--font);font-size:18px;font-weight:400;line-height:1.6;letter-spacing:0;color:#b8ccd9;max-width:440px}.round-cta{pointer-events:auto;border-radius:0;height:66px;width:230px;flex-direction:row-reverse;justify-content:space-between;padding:18px 23px;background:var(--red);gap:24px}.round-cta:hover{transform:translateY(-3px);background:#ca252b}.round-cta>span{font-size:33px}.round-cta small{font-family:var(--font);font-weight:600;font-size:10px;letter-spacing:1.3px;text-align:left;line-height:1.6}.round-cta small br{display:none}.ocean-depth{top:42%;right:3%;font-size:8px;letter-spacing:2px;border-right:2px solid var(--red);padding-right:18px;line-height:2}.hero-bottom{position:absolute;bottom:20px;left:5.5%;z-index:3;color:#8ca6b7;border-top:1px solid #ffffff2b;padding:18px 0 0;font-size:9px}.hero-bottom a{color:#c4d6e0}.scope-bar{background:#ec3438;color:white}.scope-bar .wrap{font-size:10px;font-weight:600;letter-spacing:1.5px;min-height:61px}.scope-bar i:after{content:'+';color:#ffffff7d;font-family:Arial;font-size:20px}.intro{gap:9%}.intro h2{font-size:clamp(55px,5.5vw,86px);line-height:1.02}.intro h2 .muted{font-family:var(--heading);font-style:normal;color:#687f90;font-size:1em}.intro-photo{border-radius:0;width:100%;height:230px;margin-bottom:28px;filter:saturate(.45)}.intro-photo span{font-size:8px}.intro-copy{padding-top:0}.intro-copy .lead{color:#d4e0e8;font-family:var(--font);font-size:21px;letter-spacing:0}.intro-copy>p:not(.lead){font-size:14px}.intro-tags span{border-color:#506577;font-size:9px;text-transform:uppercase;letter-spacing:1px}.services{background:#dce2e5;color:#152b3b;border-radius:0}.services .eyebrow{color:#597181}.services h2{font-size:clamp(50px,5vw,78px)}.services h2 .muted{font-family:var(--heading);font-style:normal;color:#7b8f9e}.services .section-heading>p{color:#607583}.service-grid{gap:40px 25px}.service-card-image{border-radius:0;height:240px;filter:saturate(.5)}.service-title{border-bottom:1px solid #aebdc6;padding-bottom:15px;margin-top:20px}.service-title h3{font-size:27px;font-weight:600;letter-spacing:.2px;text-transform:uppercase}.service-title>span{font-family:var(--font);font-size:9px;color:#657f91}.service-title b{color:#ec3438}.service-body p{font-size:13px;color:#536b7c;line-height:1.85}.service-body a{color:#173b53;border-bottom:2px solid #ec3438;font-size:9px;font-weight:600}.method{background:#07131c}.method:before{display:none}.method h2{font-size:clamp(50px,5vw,80px)}.method h2 em{color:#678ba1}.steps article{border-top:2px solid #40505b}.steps article>span{font-family:var(--heading);font-size:73px;letter-spacing:-1px;color:#ec3438;font-weight:600}.steps h3{font-family:var(--heading);font-size:31px;text-transform:uppercase;font-weight:600;letter-spacing:.3px}.steps p{font-size:13px;color:#93a9b9}.experience h2 em{color:#e5eaed}.projects{grid-template-columns:repeat(3,1fr);gap:27px}.project:first-child{grid-row:auto;position:static}.project:first-child .project-photo,.project-photo{height:330px;border-radius:0}.project-photo img{filter:saturate(.55)}.project-title h3{font-size:27px;text-transform:uppercase;letter-spacing:0;line-height:1.1}.project>p{font-size:13px;color:#93a9b9}.project-meta{border-color:#344957;color:#d3e0e8;font-size:8px}.project-meta>span{color:#7e9aaf}.photo-note{color:#738e9f}.coverage{margin:0;border-radius:0;min-height:640px;border-top:1px solid #3a5363;border-bottom:1px solid #3a5363}.coverage h2{font-size:clamp(58px,6vw,92px);line-height:.98;letter-spacing:-1px}.coverage-content{padding-inline:0}.coverage>img{filter:saturate(.35)}.coverage:after{background:linear-gradient(90deg,#05131ee8,#05131e35)}.coverage .eyebrow{color:#91afc4}.text-link{border-bottom:2px solid #ec3438;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.6px}.faq h2{font-family:var(--heading);font-style:normal;font-size:72px;letter-spacing:-.5px}.faq details{border-color:#3f5360}.faq details:last-child{border-color:#3f5360}.faq summary{font-size:14px;color:#c8d8e2}.faq summary b{color:#ec3438}.faq details p{font-size:13px;color:#90a6b6}.contact{background:#132d40;border-radius:0;border-top:3px solid #ec3438}.contact .eyebrow.light{color:#9bb3c5}.contact h2{font-size:clamp(70px,7vw,110px);line-height:.92;letter-spacing:-1px}.contact h2 em{color:#729bb7}.contact-intro{color:#d8e5ed!important}.contact-layout>div>p:not(.eyebrow){color:#9ab0c1;font-size:13px}.contact-phones a{color:#dce7ee;border-color:#385568;font-family:var(--font)}.contact-phones a span{color:#ec3438}.contact-company{color:#7f9db2;font-size:8px}form{border-radius:0;background:#071c2c;border:1px solid #365164;box-shadow:none}form h3{font-family:var(--heading);font-size:31px;text-transform:uppercase;font-weight:500;letter-spacing:.5px}label{color:#8ca7b9;font-size:10px;text-transform:uppercase;letter-spacing:.7px}input,select,textarea{color:#e5eef5;border-color:#385568;font-size:13px;letter-spacing:0;text-transform:none}input::placeholder,textarea::placeholder{color:#607f95}select option{background:#071c2c;color:#e5eef5}.button{border-radius:0;background:var(--red);font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:600;padding:16px 20px}.button:hover{background:#c9272d}.form-note{color:#7b97ab;font-size:9px}.footer{padding-block:40px}.footer p,.footer>span{color:#849eaf}.back-top{border-radius:0;height:45px;border-color:#385165}.menu span{background:#d9e7ef}
@media(min-width:1600px){.hero{padding-top:0}.hero-ocean{height:100%}}@media(max-width:1050px){.hero h1{font-size:110px}.hero{min-height:770px}.service-title h3{font-size:23px}.service-card-image{height:200px}.project:first-child .project-photo,.project-photo{height:270px}.contact h2{font-size:85px}}
@media(max-width:760px){.header{top:0;left:0;right:0;height:77px;padding-inline:6%;border-radius:0}.header .brand{width:145px}.header nav{top:77px;left:0;right:0;background:#102b3d;border:1px solid #334e61;border-radius:0;padding:28px}.nav-cta{font-size:10px}.hero{padding:0;min-height:800px;height:100svh;max-height:950px}.hero-heading{padding-top:0;padding-bottom:160px}.hero-heading .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:30px}.hero h1{font-size:clamp(65px,16.5vw,99px);letter-spacing:-.8px;line-height:.92}.hero-subline{font-size:6px;gap:15px;letter-spacing:1px;flex-direction:column;margin-top:27px;gap:6px}.hero-ocean{margin:0;height:100%;border-radius:0}.hero-image{object-position:61% center}.hero-shade{background:linear-gradient(90deg,#061523dd,#06152344),linear-gradient(0deg,#061523f5,transparent 65%)}.ocean-top{top:105px;right:6%;left:auto;font-size:6px}.ocean-bottom{left:6.5%;right:6.5%;bottom:84px;flex-direction:column;align-items:flex-start;gap:25px}.hero-description{font-size:14px;line-height:1.65;max-width:290px}.round-cta{height:52px;width:220px;border-radius:0;padding:12px 18px}.round-cta>span{font-size:27px}.round-cta small{font-size:9px;letter-spacing:1px}.ocean-depth{display:none}.hero-bottom{bottom:22px;left:6.5%;font-size:7px;padding-top:14px;gap:20px}.hero-bottom a{font-size:6px}.scope-bar .wrap{font-size:7px;min-height:85px}.intro h2{font-size:55px;line-height:1}.intro-photo{float:none;width:100%;height:210px;margin:0 0 28px;border-radius:0}.intro-copy .lead{padding-top:0;font-size:21px}.intro-copy>p:not(.lead){font-size:13px}.services{border-radius:0}.services h2{font-size:46px}.service-grid{grid-template-columns:1fr;gap:35px}.service-card-image{height:230px}.service-title{margin-top:17px;align-items:center;gap:14px}.service-title h3{font-size:28px}.service-title>span{font-size:9px}.service-title b{display:block}.service-body p{font-size:13px}.service-body a{font-size:9px}.method h2{font-size:49px}.steps article>span{font-size:61px}.steps h3{font-size:25px}.steps p{font-size:12px}.projects{grid-template-columns:1fr;gap:38px}.project:first-child .project-photo,.project-photo{height:310px;border-radius:0}.project-title h3{font-size:29px}.project>p{font-size:13px}.project-meta{font-size:8px}.coverage{margin:0;border-radius:0;min-height:580px}.coverage h2{font-size:53px;line-height:1;letter-spacing:-.5px}.coverage-content{padding:65px 0}.faq h2{font-size:59px}.faq summary{font-size:13px}.faq details p{font-size:12px}.contact{border-radius:0}.contact h2{font-size:80px}.contact-company{font-size:7px}form{padding:27px 23px}.footer .brand{width:145px}.footer p{font-size:9px}.back-top{border-radius:0;height:40px}}
/* Keep technical content immediately visible. */
.js-motion .reveal{opacity:1;transform:none;transition:none}

/* Supplied transparent PNG identities, selected by background. */
.brand{background:transparent;padding:0}
.brand .logo-on-dark{display:block}
.brand .logo-on-light{display:none}
.brand[data-logo-theme="light"] .logo-on-dark{display:none}
.brand[data-logo-theme="light"] .logo-on-light{display:block}
.brand img{mix-blend-mode:normal}
/* Separate field labels from focus outlines and keep text inset. */
#inquiry input:not([type="hidden"]),#inquiry select,#inquiry textarea{margin-top:10px;padding:12px 10px}
#inquiry input:focus-visible,#inquiry select:focus-visible,#inquiry textarea:focus-visible{outline:2px solid #7ba7ad;outline-offset:0}
/* Section kickers: two pixels larger at each breakpoint. */
.eyebrow,.hero-heading .eyebrow{font-size:12px}
@media(max-width:760px){.hero-heading .eyebrow{font-size:10px}}
.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.form-status{font-size:13px;line-height:1.6;padding:13px 15px;margin:0 0 24px;border-left:3px solid #ec3438;background:#142d3d;color:#e5edf3}
.form-status[hidden]{display:none}
.form-status.is-success{border-color:#7ba7ad}
#inquiry button:disabled{opacity:.6;cursor:wait}

/* Company brochure download */
.brochure-button{display:flex;align-items:center;gap:20px;max-width:400px;margin:30px 0;padding:20px 24px;border:1px solid #7e96a6;background:#132c40;color:#fff;font-family:var(--font);font-size:15px;font-weight:600;line-height:1.4}.brochure-button span{font-size:11px;font-weight:400;color:#b6c8d4}.brochure-button b{margin-left:auto;font-size:25px;color:#ed353a}.brochure-button:hover{background:#1c3b53;border-color:#ed353a}@media(max-width:480px){.brochure-button{gap:12px;padding:18px 16px;font-size:14px}.brochure-button span{font-size:10px}}

/* Shared text rows keep case-study captions and divider lines aligned. */
@media(min-width:761px){
.projects{align-items:stretch;row-gap:0}
.project,.project:first-child{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0}
.project-title{align-self:start}
.project>p{align-self:start}
.project-meta{align-self:start}
}

.company-ruc{display:block;margin-top:8px;font-size:12px;letter-spacing:1px;color:#9ab0bf;font-weight:500}.contact-icon{display:inline-block;width:19px;height:19px;flex-shrink:0;vertical-align:middle;margin-right:10px}.contact-company{display:flex;align-items:center;line-height:1.8}.contact-company .contact-icon{width:22px;height:22px}

/* Brochure access in primary navigation and inquiry section. */
.header nav .nav-brochure{display:inline-flex;align-items:center;gap:12px;padding:10px 0;color:#d3e0e8;font-weight:600}.nav-brochure span{color:#ed353a;font-size:19px}.brochure-contact{margin:28px 0;max-width:370px;background:transparent;border-color:#526b7c}.header nav{gap:24px}@media(min-width:761px) and (max-width:1050px){.header nav{gap:15px}.header nav .nav-brochure{font-size:10px}}@media(max-width:760px){.header nav .nav-brochure{padding:12px 0;font-size:16px}.brochure-contact{max-width:100%}}

/* Persistent return-to-top control. */
.floating-top{position:fixed;right:24px;bottom:24px;z-index:50;display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#132c40;color:#fff;border:1px solid #6f889a;border-bottom:3px solid #ed353a;box-shadow:0 6px 22px #0005;transition:background .2s,border-color .2s,transform .2s}.floating-top svg{width:22px;height:22px}.floating-top:hover{background:#ed353a;border-color:#ed353a;transform:translateY(-3px)}.floating-top:focus-visible{outline:2px solid #fff;outline-offset:4px}@media(max-width:760px){.floating-top{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:44px;height:44px}}@media(prefers-reduced-motion:reduce){.floating-top{transition:none}.floating-top:hover{transform:none}}

/* Compact language selector, visible beside navigation on every screen. */
.header .language-switch{display:flex;position:static;align-items:center;gap:0;margin-left:20px;padding:3px;border:1px solid #526879;background:#0a1b29;width:auto;flex-shrink:0}.header .language-switch a{display:block;font-family:var(--font);font-size:11px;letter-spacing:1px;font-weight:600;line-height:1;padding:9px 10px;color:#a5b9c7}.header .language-switch a[aria-current="page"]{background:#ed353a;color:#fff}.header .language-switch a:hover{color:#fff}.header .language-switch a:after{display:none}.header>.brand{flex-shrink:0}.header>#navigation{margin-left:auto}.header .menu{margin-left:15px}@media(min-width:761px) and (max-width:1100px){.header>#navigation{gap:13px;font-size:10px}.header>.brand{width:145px}.header .language-switch{margin-left:12px}.header .nav-cta{padding:12px}.header .nav-cta span{margin-left:10px}}@media(max-width:760px){.header .language-switch{margin-left:auto}.header .language-switch a{padding:9px;font-size:10px}.header .language-switch{display:flex;inset:auto;transform:none;visibility:visible;opacity:1}.header .menu{margin-left:12px}.header>.brand{width:145px}}

.header .language-switch{flex-direction:row;flex-wrap:nowrap}html[lang="en"] .hero h1{font-size:clamp(62px,8vw,120px)}@media(max-width:760px){html[lang="en"] .hero h1{font-size:clamp(43px,9.5vw,70px)}.header .language-switch{flex-direction:row;align-items:center}}

.contact .text-link .contact-icon{width:22px;height:18px;margin-right:0;overflow:visible;stroke-linecap:round;stroke-linejoin:round}

/* Draw arrows as vectors: platform emoji fonts cannot alter their appearance. */
.icon-diagonal{display:inline-block;width:1em;height:1em;flex:none;vertical-align:-.12em;overflow:visible}.round-cta .icon-diagonal{width:30px;height:30px}.service-title .icon-diagonal,.project-title .icon-diagonal{width:23px;height:23px}.service-body a .icon-diagonal{width:15px;height:15px;margin-left:6px}.text-link .icon-diagonal{width:20px;height:20px}.button .icon-diagonal{width:19px;height:19px}.nav-cta .icon-diagonal{width:19px;height:19px}
/* Compact social links, ready for additional networks. */
.social-strip{display:flex;align-items:center;gap:26px;padding-block:30px;border-bottom:1px solid #344957}.social-strip>p{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#93a9b9}.social-links{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.social-link{display:inline-flex;align-items:center;gap:9px;padding:9px 0;color:#d4e1e9;border-bottom:1px solid transparent;font-size:13px;line-height:1.3;transition:color .2s,border-color .2s}.social-link .social-network-icon{display:block;width:19px;height:19px;flex:none}.social-link:hover{color:#fff;border-bottom-color:#ed353a}.social-link:focus-visible{outline:2px solid #ed353a;outline-offset:5px}@media(max-width:760px){.social-strip{gap:22px;padding-block:25px}.social-strip>p{font-size:10px}.social-link{font-size:12px}}@media(prefers-reduced-motion:reduce){.social-link{transition:none}}

/* Client identities: local assets, consistent sizing and an accessible static grid. */
.clients{background:#eef2f4;color:#163246;border-block:1px solid #c5d0d7}
.clients h2{color:#163246;font-family:var(--heading);text-transform:uppercase;font-size:clamp(36px,4.7vw,66px);line-height:1.02}
.clients .eyebrow{color:#526d80}.clients .section-heading>p{color:#526d80;max-width:330px}
.client-grid{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.client-card{min-width:0;border:1px solid #c9d4db;background:#fff;padding:22px 14px 16px;display:flex;flex-direction:column;align-items:center;text-align:center}
.client-mark{width:100%;height:92px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.client-mark img{display:block;max-width:100%;max-height:76px;width:auto;height:auto;object-fit:contain}
.client-name{margin-top:auto;font-size:12px;line-height:1.45;font-weight:600;color:#405b6c}
.client-wordmark{font-family:var(--heading);font-size:26px;line-height:1.05;letter-spacing:1px;color:#163246}
.client-mark-dark{background:#102b3d;border-color:#294859}.client-mark-dark .client-name{color:#d3e0e8}
@media(max-width:1000px){.client-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.client-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.client-card{padding:20px 12px 15px}.client-mark{height:82px}.client-mark img{max-width:min(100%,180px);width:auto;max-height:65px}.clients .section-heading{gap:20px}.clients .section-heading>p{font-size:14px}}

.client-grid-collapsible:not(.client-grid-expanded) > :nth-child(n+5) {
 display: none;
}
@media (min-width: 601px) and (max-width: 1000px) {
 .client-grid-collapsible:not(.client-grid-expanded) > :nth-child(n+4) {
  display: none;
 }
}
.client-toggle {
 margin: 24px auto 0;
 padding: 12px 24px;
 display: block;
 border: 1px solid #6f889a;
 border-bottom: 3px solid #ed353a;
 background: #132c40;
 color: #fff;
 font: 600 14px var(--font);
 cursor: pointer;
}
.client-toggle[hidden] { display: none; }
.client-toggle:hover { background: #1c3b53; }
.client-toggle:focus-visible { outline: 2px solid #163246; outline-offset: 4px; }

.licences { background: #102b3d; color: #fff; }
.licences h2 { font-size: clamp(36px, 4.7vw, 66px); }
.licence-grid {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 16px;
 list-style: none;
 padding: 0;
 margin: 28px 0 0;
}
.licence-grid li {
 background: #0a1b29;
 border: 1px solid #385568;
 border-left: 3px solid #ed353a;
 padding: 22px;
}
.licence-grid h3 { margin: 8px 0 0; font-size: 20px; line-height: 1.35; }
.licence-id { margin: 0; color: #afc4d1; font-size: 13px; letter-spacing: .04em; }
@media (max-width: 600px) {
 .licence-grid { grid-template-columns: 1fr; }
}

.licence-grid li {
 display: flex;
 align-items: flex-start;
 gap: 16px;
}
.licence-icon {
 width: 32px;
 height: 32px;
 flex: none;
 color: #afc4d1;
}