@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap";
:root{--navy:#062a4a;--deep:#031d35;--blue:#0e5d93;--pale:#eef5f8;--gold:#d5a637;--ink:#143047;--muted:#627585;--line:#d8e2e7;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--white);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif;overflow-x:hidden}section[id]{scroll-margin-top:70px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h2{color:var(--navy);letter-spacing:-.045em;font-family:Playfair Display,Georgia,serif;font-size:clamp(2.25rem,4vw,4.4rem);line-height:1.03}h3{color:var(--navy)}p{line-height:1.75}.container{width:min(1160px,100% - 48px);margin:0 auto}.section{padding:128px 0}.eyebrow{color:var(--blue);letter-spacing:.18em;text-transform:uppercase;margin-bottom:22px;font-size:.71rem;font-weight:700}.eyebrow:before{background:var(--gold);content:"";width:27px;height:2px;margin:0 10px 3px 0;display:inline-block}.light{color:#cae8fa}.navbar{color:#fff;z-index:20;justify-content:space-between;align-items:center;height:82px;padding:0 max(24px,50vw - 620px);transition:all .35s;display:flex;position:fixed;top:0;left:0;right:0}.navbar-scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--navy);background:#ffffffed;height:70px;box-shadow:0 3px 18px #031d3514}.nav-brand{align-items:center;display:flex}.nav-brand img{filter:brightness(0)invert();object-fit:contain;width:178px;height:auto;transition:filter .3s}.navbar-scrolled .nav-brand img{filter:none}nav{align-items:center;gap:20px;display:flex}nav a{letter-spacing:.08em;opacity:.9;font-size:.65rem;font-weight:700;position:relative}nav a:after{background:var(--gold);content:"";transform-origin:0;width:16px;height:2px;transition:all .25s;position:absolute;bottom:-7px;left:0;transform:scaleX(0)}nav a:hover:after{transform:scaleX(1)}.menu-button{color:inherit;background:0 0;border:0;padding:8px;display:none}.hero{color:#fff;align-items:center;height:min(820px,100svh);min-height:650px;display:flex;position:relative;overflow:hidden}.hero-image,.hero-overlay,.hero-grid{position:absolute;inset:0}.hero-image{background:url(/images/maritime/crew-handling.jpg) 50%/cover;animation:1.6s cubic-bezier(.2,.7,.2,1) both heroZoom;transform:scale(1.05)}.hero-overlay{background:linear-gradient(90deg,#02162ced 0%,#031d35c2 43%,#031d353b 100%)}.hero-grid{opacity:.45;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(90deg,#000,#0000 65%);mask-image:linear-gradient(90deg,#000,#0000 65%)}.hero-content{z-index:1;max-width:780px;margin-left:max(24px,50% - 580px);position:relative}.hero-eyebrow{color:#cceafa;animation:.7s .25s both fadeUp}.hero h1{letter-spacing:-.064em;font-size:clamp(3rem,7vw,6.6rem);font-weight:700;line-height:.91}.hero h1 span{animation:.85s both fadeUp;display:block}.hero h1 span:nth-child(2){color:#f4c75e;animation-delay:.13s}.hero-copy{color:#d5e5ef;max-width:500px;margin-top:28px;font-size:1.05rem;animation:.7s .45s both fadeUp}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;animation:.7s .6s both fadeUp;display:flex}.button{letter-spacing:.06em;text-transform:uppercase;border:1px solid #0000;justify-content:center;align-items:center;gap:9px;min-height:47px;padding:0 20px;font-size:.73rem;font-weight:700;transition:all .25s;display:inline-flex}.button-gold{background:var(--gold);color:var(--deep)}.button-gold:hover{background:#edc75e;transform:translateY(-2px)}.button-ghost{color:#fff;border-color:#ffffff94}.button-ghost:hover{background:#ffffff1f}.scroll-indicator{letter-spacing:.16em;z-index:1;align-items:center;gap:8px;font-size:.61rem;font-weight:700;animation:.8s 1s both fadeIn;display:flex;position:absolute;bottom:31px;left:max(24px,50% - 580px)}.two-column{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(48px,9vw,130px);display:grid}.image-reveal{overflow:hidden}.image-reveal img{object-fit:cover;width:100%;height:530px;transition:transform .8s}.image-reveal:hover img{transform:scale(1.035)}.about p:not(.eyebrow){color:var(--muted);max-width:500px;margin-top:22px;font-size:1rem}.line-detail{background:var(--gold);width:68px;height:2px;margin-top:35px}.overview{background:var(--pale)}.overview-intro{grid-template-columns:1fr 1fr;align-items:end;gap:60px;display:grid}.overview-intro p{color:var(--muted);max-width:520px}.value-grid{grid-template-columns:repeat(3,1fr);gap:1px;margin:70px 0 32px;display:grid;overflow:hidden}.value{background:var(--navy);color:#fff;min-height:190px;padding:28px;position:relative}.value span{color:var(--gold);font-size:.75rem;font-weight:700}.value h3{color:#fff;letter-spacing:.08em;font-size:1.07rem;position:absolute;bottom:28px}.legal-summary{border-bottom:1px solid var(--line);border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.legal-summary p{flex-direction:column;gap:8px;padding:21px 25px;font-size:.8rem;display:flex}.legal-summary p+p{border-left:1px solid var(--line)}.legal-summary b{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.65rem}.vision{background:var(--white);padding:128px 0 116px}.principle{border-top:1px solid var(--line);grid-template-columns:35% 1fr;align-items:start;gap:90px;padding:58px 6%;display:grid;position:relative}.principle:after{color:#062a4a09;content:"VISION";letter-spacing:-.08em;pointer-events:none;z-index:0;font-size:clamp(6rem,17vw,16rem);font-weight:700;line-height:.8;position:absolute;top:35px;right:2%}.principle>*{z-index:1;position:relative}.principle.mission{background:#e9f4fa;border:0}.principle.mission:after{content:"MISSION"}.principle-title span{color:var(--gold);letter-spacing:.1em;font-size:.75rem;font-weight:700}.principle-title h2{margin-top:9px}.principle>p{color:#3e596d;max-width:650px;font-size:1.08rem}.statement{background:var(--navy);color:#fff;letter-spacing:-.035em;padding:52px 7%;font-size:clamp(1.65rem,3.3vw,3.25rem);font-weight:700;line-height:1.1}.statement em{color:#f1c65b;font-family:Playfair Display,Georgia,serif;font-weight:500}.services-heading{grid-template-columns:1fr 1fr;align-items:end;gap:55px;display:grid}.services-heading p{color:var(--muted);max-width:430px}.service-list{margin-top:78px}.service{grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(40px,8vw,125px);margin-top:58px;display:grid}.service-reverse{grid-template-columns:.92fr 1.08fr}.service-reverse .service-image{order:2}.service-image img{object-fit:cover;width:100%;height:420px}.service-copy{padding:12px 0}.service-number{color:var(--gold);opacity:.8;font-family:Playfair Display,Georgia,serif;font-size:3.4rem;line-height:1}.service-copy h3{letter-spacing:-.035em;margin:5px 0 18px;font-family:Playfair Display,Georgia,serif;font-size:2.1rem}.service-copy>p{color:var(--muted);max-width:420px}.service-copy ul{margin:24px 0 25px;padding:0;list-style:none}.service-copy li{color:#4a6170;align-items:center;gap:10px;margin:9px 0;font-size:.88rem;display:flex}.service-copy li svg{color:var(--gold);flex:none}.text-link{color:var(--blue);letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:7px;font-size:.73rem;font-weight:700;display:inline-flex}.organization{background:var(--pale);text-align:center}.organization h2{max-width:680px;margin:0 auto}.org-chart{max-width:1010px;margin:68px auto 0}.org-node{background:#fff;justify-content:center;align-items:center;gap:8px;min-height:56px;padding:12px 19px;font-size:.78rem;font-weight:700;display:inline-flex;box-shadow:0 7px 21px #04243f14}.org-node svg{color:var(--gold)}.org-node.primary{background:var(--navy);color:#fff;min-width:185px}.org-node.hse{box-shadow:none;background:#d8e9f2;min-height:42px;margin-bottom:16px;font-size:.7rem}.org-line{background:#a9c0cc;width:1px;height:33px;margin:0 auto}.org-line.split{height:24px;position:relative}.org-line.split:after{content:"";background:#a9c0cc;width:70%;height:1px;position:absolute;top:23px;left:15%}.org-branch{position:relative}.division-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.division{border-top:1px solid #a9c0cc;padding-top:16px;position:relative}.division:before{content:"";background:#a9c0cc;width:1px;height:16px;position:absolute;top:0;left:50%}.division .org-node{box-shadow:none;width:100%;min-height:52px}.mini-line{background:#a9c0cc;width:1px;height:17px;margin:0 auto}.division small{color:var(--muted);font-size:.68rem;font-weight:700;display:block}.customer{background:var(--gold);color:var(--deep);padding:15px 25px;font-size:.75rem;font-weight:700;display:inline-block}.legality{background:#fff}.document-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:67px;display:grid}.document-card{color:var(--navy);text-align:left;background:#f5f8fa;border:1px solid #e1e9ed;width:100%;padding:15px;transition:all .3s}.document-card:hover{transform:translateY(-4px);box-shadow:0 13px 30px #04243f1f}.document-preview{background:#fff;height:260px;padding:8px;overflow:hidden}.document-preview img{object-fit:contain;width:100%;height:100%}.doc-label{align-items:center;gap:8px;min-height:56px;padding:12px 4px 6px;font-size:.77rem;font-weight:700;line-height:1.35;display:flex}.doc-label svg{color:var(--gold);flex:none}.view-doc{color:var(--blue);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:6px;padding:6px 4px 4px;font-size:.67rem;font-weight:700;display:flex}.modal{z-index:50;background:#031323d4;justify-content:center;align-items:center;padding:30px;display:flex;position:fixed;inset:0}.modal-panel{background:#fff;max-width:min(900px,100%);max-height:calc(100vh - 60px);padding:30px;position:relative;overflow:auto}.modal-panel .eyebrow{margin-right:40px}.modal-panel img{object-fit:contain;max-height:calc(100vh - 180px);margin:auto}.modal-close{background:var(--navy);color:#fff;z-index:1;border:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:absolute;top:14px;right:14px}.contact{color:#fff;position:relative;overflow:hidden}.contact-photo,.contact-overlay{position:absolute;inset:0}.contact-photo{background:url(/images/maritime/contact.jpg) 50%/cover}.contact-overlay{background:linear-gradient(90deg,#031a30f7 0%,#031a30ed 53%,#031a30c7 100%)}.contact-inner{grid-template-columns:1.08fr .92fr;gap:80px;padding:118px 0;display:grid;position:relative}.contact h2{color:#fff;font-family:DM Sans,sans-serif;font-size:clamp(2.8rem,5.6vw,5.3rem);font-weight:700}.contact-intro{color:#d3e3eb;max-width:450px;margin-top:24px}.contact-people{grid-template-columns:repeat(2,1fr);gap:22px;margin-top:45px;display:grid}.contact-people h3{color:#f4c75e;letter-spacing:.045em;margin-bottom:10px;font-size:.78rem}.contact-people a{color:#e6f0f5;overflow-wrap:anywhere;align-items:center;gap:8px;margin:5px 0;font-size:.77rem;display:flex}.contact-people a:hover{color:#f4c75e}.contact-quick{gap:11px;margin-top:35px;display:flex}.form-wrap{color:var(--navy);background:#fffffff7;align-self:center;padding:34px}.form-kicker{color:var(--blue);letter-spacing:.13em;margin-bottom:22px;font-size:.71rem;font-weight:700}form{gap:14px;display:grid}form label{color:#537083;letter-spacing:.04em;text-transform:uppercase;gap:6px;font-size:.68rem;font-weight:700;display:grid}input,textarea{color:var(--ink);resize:vertical;background:#f5f8fa;border:1px solid #d8e3e8;border-radius:0;outline:none;padding:10px 11px}input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0e5d931c}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}form .button{justify-self:start;margin-top:5px}.form-success{color:#247047;align-items:center;gap:8px;font-size:.78rem;line-height:1.4;display:flex}footer{background:var(--deep);color:#c5d5df;padding-top:60px}.footer-grid{grid-template-columns:1.4fr .6fr 1fr;gap:50px;padding-bottom:48px;display:grid}.footer-brand{color:#fff;align-items:center;display:flex}.footer-brand img{filter:brightness(0)invert();object-fit:contain;width:210px;height:auto}footer p{margin-top:14px;font-size:.82rem}.footer-title{color:var(--gold);letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;font-size:.69rem;font-weight:700}footer a{margin:8px 0;font-size:.8rem;display:block}footer a:hover{color:#f4c75e}.copyright{color:#89a3b5;border-top:1px solid #ffffff24;padding:21px 0;font-size:.68rem}.scroll-top{background:var(--gold);color:var(--deep);opacity:0;pointer-events:none;z-index:10;border:0;place-items:center;width:43px;height:43px;transition:all .25s;display:grid;position:fixed;bottom:22px;right:22px;transform:translateY(12px)}.scroll-top.show{opacity:1;pointer-events:auto;transform:none}.reveal{opacity:1;transform:none}.reveal.reveal-ready{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(28px)}.reveal.reveal-ready.is-visible{opacity:1;transform:none}@keyframes heroZoom{to{transform:scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:900px){.navbar{padding:0 24px}nav{background:#fffffffa;padding:20px;display:none;position:absolute;top:66px;left:16px;right:16px;box-shadow:0 11px 22px #031d351f}nav.nav-open{flex-direction:column;align-items:stretch;display:flex}nav a{color:var(--navy);padding:8px 4px}.menu-button{display:block}.two-column,.overview-intro,.services-heading,.contact-inner{grid-template-columns:1fr}.two-column{gap:48px}.about .image-reveal img{height:420px}.overview-intro{gap:24px}.legal-summary{grid-template-columns:1fr}.legal-summary p+p{border-left:0;border-top:1px solid var(--line)}.principle{grid-template-columns:1fr;gap:36px;padding:45px 8%}.service,.service-reverse{grid-template-columns:1fr;gap:35px}.service-reverse .service-image{order:0}.contact-inner{gap:52px}.form-wrap{max-width:600px}}@media (max-width:640px){.container{width:min(100% - 36px,1160px)}.section{padding:84px 0}.navbar{height:66px;padding:0 18px}.nav-brand img{width:145px}.hero{min-height:640px}.hero-overlay{background:linear-gradient(90deg,#02162ceb,#031d358a)}.hero-content{margin-left:18px;margin-right:18px}.hero h1{font-size:clamp(2.75rem,14vw,4.1rem)}.hero-copy{font-size:.92rem}.scroll-indicator{bottom:23px;left:18px}.image-reveal img,.service-image img{height:310px}.value-grid,.document-grid{grid-template-columns:1fr}.value{min-height:130px}.value h3{bottom:23px}.value-grid{margin:45px 0 25px}.vision{padding:84px 0}.principle{padding:40px 7%}.principle:after{font-size:6.8rem;top:37px}.statement{padding:42px 7%}.services-heading{gap:20px}.service-list,.service{margin-top:45px}.division-grid{grid-template-columns:1fr;padding:0 15%}.org-line.split{height:14px}.org-line.split:after{display:none}.org-node.hse{margin:10px 0 16px}.division{border-top:0;padding-top:14px}.division:before{height:14px}.document-grid{margin-top:45px}.document-preview{height:310px}.contact-inner{padding:84px 0}.contact-people{grid-template-columns:1fr}.contact-quick{flex-wrap:wrap}.form-wrap{padding:26px 20px}.form-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-grid>div{display:grid}}.contact-fields{border:0;gap:14px;min-width:0;margin:0;padding:0;display:grid}.contact-fields:disabled{opacity:.7}.contact-fields:disabled .button{cursor:wait;transform:none}.form-trap{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.form-error{color:#9c2929;font-size:.875rem}.form-error a{overflow-wrap:anywhere;margin-top:8px;text-decoration:underline;display:inline-block}.value-grid>.reveal{min-width:0;height:100%}.value.value-illustrated{flex-direction:column;height:100%;min-height:300px;padding:28px;display:flex}.value .value-number{letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:#f1c65b;font-size:clamp(2.5rem,3.5vw,3.25rem);line-height:1}.value-art{width:200px;max-width:100%;height:142px;margin:-18px 0 12px auto;position:relative}.value-route{stroke:#91bbd2;stroke-width:1px;opacity:.28;width:100%;height:100%}.value-art-main{color:#c9e4f2;width:78px;height:78px;position:absolute;top:26px;left:50%;transform:translate(-50%)}.value-art-badge{color:#f1c65b;background:var(--navy);border-radius:50%;width:40px;height:40px;padding:4px;position:absolute;top:70px;right:35px}.value.value-illustrated h3{letter-spacing:.055em;overflow-wrap:break-word;margin-top:auto;font-size:clamp(1rem,1.3vw,1.125rem);line-height:1.45;position:static}@media (max-width:640px){.value.value-illustrated{min-height:255px;padding:26px}.value-art{height:130px;margin-top:-25px}}.navbar nav a{letter-spacing:.055em;white-space:nowrap;font-size:.875rem}.eyebrow{letter-spacing:.14em;font-size:.875rem;line-height:1.6}.hero-copy{max-width:580px;font-size:clamp(1.0625rem,1.45vw,1.25rem);line-height:1.65}:is(.about,.overview,.vision,.services,.organization,.legality,.contact) .reveal>.eyebrow{letter-spacing:.075em;text-wrap:balance;margin-bottom:26px;font-size:clamp(1.125rem,1.7vw,1.5rem);font-weight:700;line-height:1.4}:is(.about,.overview,.vision,.services,.organization,.legality,.contact) .reveal>.eyebrow:before{vertical-align:middle;width:34px;height:3px;margin-right:12px}.hero-actions .button{letter-spacing:.045em;min-height:52px;padding:12px 24px;font-size:.9375rem}.scroll-indicator{letter-spacing:.12em;gap:10px;font-size:.8125rem}@media (min-width:901px) and (max-width:1350px){.navbar nav{background:#fffffffa;padding:20px;display:none;position:absolute;top:76px;left:16px;right:16px;box-shadow:0 11px 22px #031d351f}.navbar nav.nav-open{flex-direction:column;align-items:stretch;display:flex}.navbar nav a{color:var(--navy);padding:8px 4px}.menu-button{display:block}}@media (max-width:640px){.eyebrow{letter-spacing:.1em;font-size:.8125rem}.hero-actions .button{padding:12px 18px;font-size:.875rem}.scroll-indicator{letter-spacing:.1em;font-size:.75rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.reveal{opacity:1;transform:none}}.language-switcher{flex-shrink:0;align-items:center;gap:12px;display:flex}.navbar .language-switcher a{opacity:.7;align-items:center;gap:5px;display:inline-flex}.navbar .language-switcher a[aria-current],.navbar .language-switcher a:hover{opacity:1}.navbar .language-switcher a[aria-current]:after{transform:scaleX(1)}.language-switcher img{object-fit:cover;width:20px;height:14px}.principle[data-label]:after{content:attr(data-label)}@media (max-width:1350px){.language-switcher{border-top:1px solid var(--line);padding-top:8px}.navbar .language-switcher a{min-height:44px;padding:8px}.navbar nav{max-height:calc(100svh - 90px);overflow-y:auto}}