:root{--navy:#091824;--cream:#f4f2ec;--gold:#b99a67;--text:#172737;--muted:#65737d;--line:rgba(9,24,36,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}
.nav{position:absolute;z-index:5;inset:0 0 auto;padding:27px 5vw;display:flex;justify-content:space-between;align-items:center;color:#fff}.brand strong{display:block;font:400 31px Georgia,serif;letter-spacing:.25em}.brand span{font-size:9px;letter-spacing:.2em}
.nav-right{display:flex;align-items:center;gap:25px}.navlinks{display:flex;align-items:center;gap:30px;font-size:11px;letter-spacing:.14em}.navlinks a:hover,.lang button:hover{color:#dfc18b}.cta{border:1px solid #d2b273;padding:11px 20px}.lang{display:flex;gap:7px;font-size:10px;letter-spacing:.12em}.lang a{color:#fff;padding:3px;cursor:pointer;font:inherit;opacity:.7}.lang a:hover{color:#dfc18b}.lang a.active{opacity:1;color:#dfc18b}
.wrap{width:min(1180px,90vw);margin:auto}.hero{min-height:770px;color:#fff;display:flex;align-items:center;background:linear-gradient(90deg,rgba(4,14,24,.85),rgba(4,14,24,.54) 45%,rgba(4,14,24,.08) 82%),url("maritime.png") center/cover no-repeat}.hero .wrap{padding-top:70px}
.kicker,.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--gold)}.kicker{color:#eee;margin-bottom:16px}.hero h1{font:400 clamp(57px,7vw,102px)/.92 Georgia,serif;margin:0}.hero h1 span{display:block;font-size:.51em;line-height:1.2;margin-top:18px}.goldline{width:58px;height:2px;background:#c6a76d;margin:28px 0 21px}.service-line{font-size:11px;letter-spacing:.13em}.tagline{font:italic 20px Georgia,serif;color:#dfc18b;margin-top:27px}.button{display:inline-flex;margin-top:29px;border:1px solid #d2b273;padding:13px 21px;font-size:10px;letter-spacing:.15em}
.section{padding:100px 5vw}.intro{background:var(--cream);text-align:center}.intro h2{font:400 clamp(34px,4vw,53px)/1.08 Georgia,serif;max-width:760px;margin:12px auto 20px;color:#142c40}.intro>p{max-width:730px;margin:auto;color:#4d5b66;font-size:15px}.about-note{margin:42px auto 0;max-width:940px;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);text-align:left}.about-note div{background:var(--cream);padding:27px 30px}.about-note strong{display:block;font-size:11px;letter-spacing:.15em;margin-bottom:7px}.about-note span{font-size:13px;color:var(--muted)}
.services-section{background:#fff}.services-head{width:min(1180px,90vw);margin:0 auto 48px;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.services-head h2{font:400 clamp(42px,5vw,64px)/1 Georgia,serif;margin:10px 0 0;color:#142c40}.services-head p{max-width:410px;margin:0;color:var(--muted);font-size:13px}.services{width:min(1180px,90vw);margin:auto;display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service{position:relative;min-height:265px;padding:34px 36px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.25s;background:#fff}.service:hover{background:#faf9f5;transform:translateY(-2px)}.num{font:400 42px Georgia,serif;color:var(--gold);margin-bottom:17px}.service h3{font-size:14px;letter-spacing:.13em;margin:0 0 12px}.service p{font-size:13px;color:var(--muted);max-width:450px;margin:0}.service-arrow{position:absolute;right:32px;bottom:29px;color:var(--gold);font-size:17px}
.visual{min-height:450px;color:#fff;display:flex;align-items:flex-end;background:linear-gradient(90deg,rgba(5,17,28,.82),rgba(5,17,28,.12)),url("maritime.png") center/cover no-repeat}.visual .wrap{padding:75px 0}.visual h2{font:400 clamp(46px,6vw,78px)/.94 Georgia,serif;margin:8px 0}.visual p{font:italic 19px Georgia,serif;color:#dfc18b}
.contact{background:#f8f7f2}.contact-grid{width:min(1180px,90vw);margin:auto;display:grid;grid-template-columns:.9fr 1.5fr;gap:80px;align-items:center}.contact h2{font:400 45px Georgia,serif;margin:10px 0 2px}.role{color:#ad9060;font-size:13px}.details{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px}.label{font-size:9px;letter-spacing:.17em;color:#7b858c;margin-bottom:5px}.value{font-size:14px}.whatsapp{grid-column:1/-1;background:var(--navy);color:#fff;min-height:75px;display:flex;align-items:center;justify-content:center;font-size:10px;letter-spacing:.15em}
footer{background:var(--navy);color:#fff;padding:34px 5vw;display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:9px;letter-spacing:.09em}.footer-brand{font:400 23px Georgia,serif;letter-spacing:.2em}
@media(max-width:850px){.navlinks{display:none}.hero{min-height:690px}.services-head{display:block}.services-head p{margin-top:20px}.services{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr;gap:45px}.about-note{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start}}
@media(max-width:520px){.hero h1{font-size:57px}.service{min-height:230px;padding:30px}.details{grid-template-columns:1fr}.nav{padding:20px 6vw}.brand strong{font-size:26px}}

/* Final mobile navigation */
.mobile-menu-toggle{display:none;background:none;border:1px solid rgba(255,255,255,.5);color:#fff;padding:8px 11px;font-size:18px;cursor:pointer}
@media(max-width:850px){
 .nav{position:absolute}.nav-right{gap:12px}.mobile-menu-toggle{display:block}
 .navlinks{display:none;position:absolute;right:5vw;top:76px;min-width:210px;padding:18px;background:rgba(9,24,36,.97);border:1px solid rgba(210,178,115,.45);flex-direction:column;align-items:stretch;gap:0}
 .navlinks.open{display:flex}.navlinks a{padding:12px 10px}.navlinks .cta{margin-top:8px;text-align:center}
}