:root{color-scheme:dark;--industry-color:#082c42;--ground:#666;--white:#f4f8fc;--accent:#91c9ee;--accent-small:#cfe8f7;--muted:#e6e9eb;--ink:#10364c;--rule:#f4f8fc2b;background:var(--ground)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--ground);color:var(--white);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}figure,p,h1,h2,h3{margin:0}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;left:20px;top:-60px;z-index:200;padding:10px 20px;background:var(--white);color:var(--ink)}.skip-link:focus{top:10px}.maritime-header{display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1520px;margin:auto;padding:23px 5%;position:relative;z-index:30}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{display:block;width:42px;height:47px;flex-shrink:0}.brand-type{display:flex;flex-direction:column;gap:2px}.brand-name{font-size:20px;font-weight:520;letter-spacing:-.055em;line-height:1.2;white-space:nowrap}.brand-dot{color:var(--accent)}.brand-parent{font-size:7px;letter-spacing:.2em;line-height:1.8;color:var(--muted)}.maritime-header>nav{display:flex;align-items:center;gap:32px;font-size:13px}.maritime-header>nav>a{padding:10px 0}.maritime-header>nav>a:hover{color:var(--accent-small)}.maritime-header .nav-contact{padding:10px 19px;background:var(--industry-color);color:var(--white);border-radius:25px;display:flex;gap:22px}.maritime-header .nav-contact:hover{background:#16415d;color:var(--white)}main{max-width:1520px;margin:auto;padding:0 5%}.hero{position:relative;display:grid;grid-template-columns:1.05fr 1.15fr;align-items:center;min-height:640px;padding:48px 0 94px;column-gap:0}.hero-copy{z-index:1}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.17em;line-height:1.5;color:var(--white)}.hero h1{font-size:clamp(54px,5.75vw,88px);font-weight:450;line-height:1.045;letter-spacing:-.062em!important;margin:24px -60px 24px 0}.hero h1>span{color:var(--accent)}.hero-description{font-size:clamp(16px,1.4vw,20px);line-height:1.6;letter-spacing:-.015em;color:var(--muted)}.scroll-cue{display:inline-flex;align-items:center;gap:18px;margin:28px 0 0;font-size:9px;letter-spacing:.16em;line-height:20px;min-height:44px}.scroll-chevron{display:block;width:24px;height:24px;flex-shrink:0;color:var(--white)}.hero-foot{position:absolute;bottom:22px;left:0;right:0;display:flex;justify-content:space-between;align-items:end;font-size:11px;color:var(--muted)}.hero-foot>span{font-size:12px;letter-spacing:-.01em}.hero-foot p{text-align:right;line-height:1.5}.motion-scene{min-width:0;position:relative;isolation:isolate;align-self:center}.motion-scene video{display:block;width:100%;height:auto;aspect-ratio:10/7;object-fit:contain;background:var(--ground);pointer-events:none;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 95%,transparent);mask-composite:intersect}.hero-motion{width:107%;max-width:760px;margin-left:-3%;margin-top:4px}.chapter{padding:40px 0;display:grid;grid-template-columns:.9fr 1.2fr;column-gap:6%;align-items:center;min-height:510px;position:relative}.chapter-copy{max-width:490px}.chapter-copy .eyebrow{display:flex;align-items:center;gap:18px;margin-bottom:22px}.eyebrow>span{color:var(--accent-small);font-size:11px;letter-spacing:0}.chapter h2{font-size:clamp(40px,4.15vw,64px);font-weight:440;line-height:1.065;letter-spacing:-.055em!important;margin-bottom:22px}.chapter h2 em{font-style:normal;color:var(--accent)}.chapter-copy>p:not(.eyebrow){max-width:36ch;font-size:16px;line-height:1.75;color:var(--muted)}.chapter-detail{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:25px;padding-top:16px;border-top:1px solid var(--rule);max-width:360px;font-size:10px;letter-spacing:.015em}.chapter-detail>span{white-space:nowrap}.coordination{grid-template-columns:1.2fr .9fr}.coordination .chapter-copy{grid-column:2;grid-row:1}.coordination .motion-scene{grid-column:1;grid-row:1;margin-left:-5%;width:110%}.context .motion-scene,.people .motion-scene{width:110%;margin-left:-5%}.text-link{display:inline-flex;gap:23px;align-items:center;font-size:12px;margin-top:25px;border-bottom:1px solid var(--rule);padding-bottom:9px}.text-link:hover{color:var(--accent-small)}.closing{text-align:center;padding:60px 20px 76px}.closing h2{font-size:clamp(48px,6vw,88px);line-height:1.07;letter-spacing:-.055em!important;font-weight:440;margin:24px 0}.closing h2>span{color:var(--accent)}.closing>p:not(.eyebrow){font-size:16px;color:var(--muted);margin-bottom:28px}.pill{display:inline-flex;gap:34px;align-items:center;justify-content:center;padding:14px 25px;background:var(--industry-color);color:var(--white);border-radius:999px;font-size:14px;transition:background .2s}.pill:hover{background:#16415d}.maritime-footer{max-width:1368px;margin:0 auto;padding:24px 0 30px;border-top:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;gap:28px;font-size:11px}.maritime-footer .brand-mark{width:36px;height:40px}.maritime-footer .brand-name{font-size:17px}.maritime-footer .brand-parent{font-size:6px}.footer-trust{display:inline-flex;gap:20px;align-items:center;min-height:44px}.footer-trust:hover{color:var(--accent-small)}@media(min-width:1600px){.hero{min-height:690px}.chapter{padding-block:34px;min-height:550px}}@media(max-width:1519px){.maritime-footer{margin-inline:5%}}@media(max-width:1100px){.hero h1{font-size:clamp(49px,5.7vw,65px)}.hero{min-height:590px;padding-top:40px}.chapter{column-gap:3%;padding-block:35px;min-height:460px}.chapter-copy>p:not(.eyebrow){font-size:14px}.chapter h2{font-size:43px}.maritime-header>nav{gap:25px}}@media(max-width:760px){.maritime-header{padding:20px 6% 10px;gap:18px;flex-wrap:wrap}.brand-name{font-size:18px}.brand-mark{width:34px;height:39px}.brand{gap:9px}.brand-parent{font-size:6px}.maritime-header>nav{gap:20px;font-size:11px;justify-content:space-between;flex:1}.maritime-header .nav-contact{padding:8px 13px;gap:13px}main{padding-inline:6%}.hero{grid-template-columns:1fr;min-height:0;padding:40px 0 64px}.hero h1{font-size:clamp(48px,9.3vw,68px);margin:20px 0;line-height:1.05}.hero-description{font-size:17px}.desktop-break{display:none}.hero-copy{max-width:580px}.eyebrow{font-size:9px}.scroll-cue{margin-top:18px;font-size:8px;gap:16px}.scroll-chevron{width:22px;height:22px}.hero-motion{width:100%;margin:0;max-width:none}.hero-foot{bottom:12px;font-size:9px}.hero-foot>span{font-size:10px}.chapter,.coordination{grid-template-columns:1fr;gap:10px;padding:32px 0 18px;min-height:0}.chapter-copy{max-width:550px}.chapter-copy .eyebrow{margin-bottom:20px}.chapter h2{font-size:clamp(38px,7.5vw,54px);line-height:1.08;margin-bottom:20px}.chapter-copy>p:not(.eyebrow){font-size:15px;line-height:1.7;max-width:40ch}.chapter-detail{margin-top:20px;max-width:420px;font-size:10px}.coordination .chapter-copy,.coordination .motion-scene{grid-column:auto;grid-row:auto}.chapter .motion-scene{width:110%;margin:0 0 0 -5%}.people{padding-bottom:15px}.closing{padding:42px 0 56px}.closing h2{font-size:clamp(39px,8vw,58px);margin:20px 0}.closing>p:not(.eyebrow){font-size:14px;max-width:28ch;margin:0 auto 26px}.pill{font-size:13px;gap:35px}.maritime-footer{margin-inline:6%;padding:22px 0;gap:18px;font-size:10px}.maritime-footer .brand-mark{width:32px;height:36px}.maritime-footer .brand-name{font-size:16px}}@media(max-width:600px){.maritime-header>nav{flex-basis:100%;gap:22px}.maritime-header{row-gap:12px}}@media(max-width:480px){.hero{padding-top:32px}.hero h1{font-size:clamp(43px,10.8vw,54px)}.hero-description{font-size:16px}.hero-foot p{max-width:150px}.chapter-detail{gap:8px 12px}.chapter h2{font-size:40px}}@media(max-width:380px){.maritime-header>nav{gap:14px;font-size:10px}.maritime-header .nav-contact{white-space:nowrap;padding:8px 11px;gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}body[data-industry=professional-services] .hero h1{font-size:clamp(46px,4.7vw,72px)}@media(max-width:760px){body[data-industry=professional-services] .hero h1{font-size:clamp(38px,9.7vw,62px)}}
