@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--navy:#0b1c2a;--navy-2:#112a3b;--ink:#162632;--muted:#6d7b83;--paper:#f6f5f1;--white:#fff;--line:rgba(20,40,54,.16);--copper:#c58d6e;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%}.wrap{width:min(1240px,calc(100% - 9vw));margin-inline:auto}.site-header{height:94px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;inset:0 0 auto;color:#fff;border-bottom:1px solid rgba(255,255,255,.2)}.page-inner .site-header{background:var(--navy);position:relative;border:0}.brand{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1}.brand-mark{font-size:31px;font-weight:700;letter-spacing:.14em;line-height:1.1}.brand-mark span{color:var(--copper)}.brand-caption{font-size:8px;letter-spacing:.33em;margin-top:7px}.main-nav{display:flex;align-items:center;gap:42px}.main-nav a{font-size:11px;text-transform:uppercase;letter-spacing:.15em;position:relative;padding:8px 0;color:rgba(255,255,255,.83)}.main-nav a:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--copper);transition:width .25s}.main-nav a:hover:after,.main-nav a.is-active:after{width:100%}.menu-toggle{display:none;background:none;border:0;color:#fff}.hero{height:min(900px,100svh);min-height:700px;background:var(--navy);position:relative;color:#fff;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background:url('../images/mpkshipping.com_mpk-shipping-slider-image.webp') center 48%/cover no-repeat;transform:scale(1.02);animation:heroReveal 1.4s ease-out both}.hero-shade{background:linear-gradient(90deg,rgba(5,18,29,.82) 0%,rgba(5,18,29,.53) 46%,rgba(5,18,29,.08) 100%),linear-gradient(0deg,rgba(5,18,29,.65),transparent 32%)}.hero-content{position:relative;z-index:1;padding-top:clamp(220px,25vh,285px)}.eyebrow{margin:0 0 23px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:#d7b39e;display:flex;align-items:center;gap:12px}.eyebrow-line{display:inline-block;width:36px;height:1px;background:var(--copper)}h1,h2,h3,p{margin-top:0}.hero h1,.page-hero h1{font-size:clamp(58px,7.6vw,108px);font-weight:500;line-height:1.02;letter-spacing:-.055em;margin:0 0 28px;max-width:800px}.hero h1 em,.page-hero h1 em,h2 em,.site-footer em{font-family:var(--serif);font-weight:500}.hero h1 em{color:#e2c2ad}.hero-copy{max-width:440px;color:rgba(255,255,255,.82);font-size:16px;line-height:1.85;margin-bottom:31px}.text-link{display:inline-flex;align-items:center;gap:22px;font-size:10px;text-transform:uppercase;letter-spacing:.17em;font-weight:700;border-bottom:1px solid var(--copper);padding:0 0 10px;transition:gap .25s}.text-link:hover{gap:31px}.text-link span{font-size:16px;color:var(--copper)}.light-link{color:#fff}.hero-index{position:absolute;right:4.5vw;top:50%;display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:.12em;color:rgba(255,255,255,.75)}.hero-index i{height:1px;width:48px;background:var(--copper)}.hero-bottom{position:absolute;left:0;right:0;bottom:28px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.22em;color:rgba(255,255,255,.65)}.section-pad{padding:clamp(82px,10vw,145px) 0}.intro-grid,.split-layout,.section-heading,.subnav{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.dark-eyebrow{color:#9a725c}.intro-section h2,.section-heading h2,.split-layout h2,.subnav h2,.fleet-intro h2,.career-layout h2,.contact-layout h2,.legal-copy h2{font-size:clamp(37px,4.2vw,58px);font-weight:500;line-height:1.14;letter-spacing:-.045em;margin:0}.intro-section h2 em,.section-heading h2 em,.split-layout h2 em,.subnav h2 em,.fleet-intro h2 em,.career-layout h2 em,.contact-layout h2 em{color:#8e9ba0}.lead{font-size:19px;line-height:1.75;color:#253b49}.intro-text{padding-top:36px;max-width:550px}.intro-text p:not(.lead),.rich-copy p:not(.lead),.fleet-intro>p:not(.eyebrow):not(.lead){color:#6d7b83}.intro-text .text-link{margin-top:20px}.image-statement{display:grid;grid-template-columns:1.1fr .9fr;min-height:560px;background:var(--navy)}.statement-photo{background:url('../images/mpkshipping.com_5.webp') center/cover no-repeat;min-height:520px;filter:saturate(.72)}.statement-panel{padding:clamp(60px,8vw,120px) clamp(35px,7vw,110px);color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.statement-panel h2,.closing-inner h2,.culture-feature-copy h2{font-size:clamp(35px,4vw,54px);font-weight:500;line-height:1.18;letter-spacing:-.04em;margin-bottom:25px}.statement-panel>p:not(.eyebrow),.culture-feature-copy>p:not(.eyebrow){color:rgba(255,255,255,.7);max-width:410px;margin-bottom:30px}.pillars{background:var(--paper)}.section-heading{align-items:end;margin-bottom:62px}.heading-note{max-width:420px;color:var(--muted);padding-bottom:4px}.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.pillar{position:relative;padding:31px 34px 20px 0;min-height:245px;border-bottom:1px solid var(--line);transition:padding .25s}.pillar+.pillar{padding-left:34px;border-left:1px solid var(--line)}.pillar:hover{padding-top:24px}.pillar-no{font-size:10px;letter-spacing:.1em;color:#9a725c}.pillar-icon{position:absolute;right:25px;top:25px;color:#9a725c;font-size:20px}.pillar h3{font-size:25px;font-weight:500;margin:40px 0 8px}.pillar p{font-size:13px;color:var(--muted);max-width:270px}.closing-band{background:var(--navy-2);color:#fff;padding:80px 0}.closing-inner{display:grid;grid-template-columns:1fr 1.5fr auto;align-items:center;gap:30px}.closing-inner .eyebrow{margin:0}.closing-inner h2{margin:0;font-size:clamp(32px,4vw,48px)}.site-footer{background:#07141e;color:#fff;padding:70px 0 0}.footer-main{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;padding-bottom:65px}.footer-brand{margin-top:5px}.footer-main>p{font-size:30px;line-height:1.25;margin:0;color:#fff}.footer-main em{color:#d5b29d}.footer-contact{display:flex;flex-direction:column;gap:10px;justify-self:end;padding-top:5px}.footer-contact span,.footer-bottom{font-size:9px;letter-spacing:.14em;color:rgba(255,255,255,.52);text-transform:uppercase}.footer-contact a{font-size:13px;letter-spacing:0;text-transform:none}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-bottom div{display:flex;gap:24px}.footer-bottom a:hover{color:#fff}.back-top{font-size:18px!important;color:#d5b29d}
.page-hero{min-height:560px;height:68vh;max-height:760px;position:relative;display:flex;align-items:flex-end;background:var(--navy);color:#fff;overflow:hidden}.page-hero-bg{position:absolute;inset:0;background-position:center;background-size:cover;filter:saturate(.72)}.page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,20,31,.78),rgba(6,20,31,.17)),linear-gradient(0deg,rgba(6,20,31,.55),transparent 60%)}.page-hero-content{position:relative;z-index:1;padding-bottom:80px}.page-hero h1{font-size:clamp(58px,7vw,94px);margin-bottom:18px}.page-hero-content>p:last-child{font-size:16px;color:rgba(255,255,255,.78);max-width:520px}.company-hero .page-hero-bg{background-image:url('../images/mpkshipping.com_about-us.webp')}.team-hero .page-hero-bg{background-image:url('../images/mpkshipping.com_parallax-about-us.webp')}.culture-hero .page-hero-bg{background-image:url('../images/mpkshipping.com_5.webp')}.fleet-hero .page-hero-bg{background-image:url('../images/mpkshipping.com_slide-01.webp')}.career-hero .page-hero-bg{background-image:url('../images/mpkshipping.com_meeting-room.webp')}.contact-hero .page-hero-bg{background-image:url('../images/mpkshipping.com_parallax-culture_edited.webp')}.legal-hero .page-hero-bg{background-image:url('../images/mpkshipping.com_aerial-photo-of-water-waves-988526.webp')}.rich-copy{max-width:570px}.rich-copy .lead{margin-bottom:25px}.muted-section{background:#eaeae5}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:55px}.value-grid article{border-top:1px solid rgba(20,40,54,.25);padding-top:20px}.value-grid span{font-size:10px;color:#9a725c}.value-grid h3{font-size:23px;font-weight:500;margin:25px 0 7px}.value-grid p{font-size:13px;color:var(--muted);max-width:300px}.subnav{align-items:center}.subnav-links{border-top:1px solid var(--line)}.subnav-links a{display:flex;justify-content:space-between;padding:23px 0;border-bottom:1px solid var(--line);font-size:13px}.subnav-links a span{color:#9a725c}.team-section{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:#fff}.team-photo{min-height:650px;background:url('../images/mpkshipping.com_mpk-fleet-list-001.webp') center/cover no-repeat}.team-list{padding:80px clamp(30px,6vw,90px);align-self:center}.team-list h2{font-size:clamp(38px,4vw,54px);line-height:1.15;font-weight:500;letter-spacing:-.04em}.team-list h2 em{font-family:var(--serif);color:#d5b29d}.department-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-top:40px}.department-grid div{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.15);font-size:12px}.department-grid span{font-size:9px;color:#c58d6e;margin-right:12px}.culture-feature{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:#fff}.culture-feature-image{min-height:530px;background:url('../images/mpkshipping.com_our-mission.webp') center/cover}.culture-feature-copy{padding:80px clamp(35px,7vw,100px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.culture-feature-copy h2{font-size:clamp(38px,4.2vw,56px)}.fleet-intro{max-width:820px}.fleet-intro h2{margin-bottom:25px}.fleet-intro .lead{max-width:650px}.fleet-gallery{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;width:min(1240px,calc(100% - 9vw));margin:0 auto 35px}.fleet-card{background:#e8e8e3}.fleet-card-image{height:360px;background:url('../images/mpkshipping.com_mpk-fleet-list-009.webp') center/cover}.fleet-card:nth-child(2) .fleet-card-image{background-image:url('../images/mpkshipping.com_mpk-fleet-list-014.webp');height:360px}.fleet-card>div:last-child{padding:22px 25px 25px}.fleet-card span{font-size:9px;letter-spacing:.16em;color:#98705a}.fleet-card h3{font-size:23px;font-weight:500;margin:9px 0 0}.small-note{font-size:11px;color:var(--muted);margin-bottom:75px}.career-layout{align-items:start}.career-layout .rich-copy a:not(.button-link){text-decoration:underline;text-decoration-color:var(--copper);text-underline-offset:3px}.button-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--navy);color:#fff;border:0;padding:16px 20px;font:600 10px var(--sans);text-transform:uppercase;letter-spacing:.13em;cursor:pointer;margin-top:18px;transition:background .2s}.button-link:hover{background:#244459}.button-link span{color:#d5b29d;font-size:16px}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:10vw}.contact-note{max-width:390px;color:var(--muted);margin-top:25px}.contact-detail{display:flex;flex-direction:column;gap:7px;margin-top:45px}.contact-detail span{font-size:9px;letter-spacing:.15em;color:#9a725c}.contact-detail a{font-size:15px}.contact-form{display:grid;grid-template-columns:1fr;gap:9px}.contact-form label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-top:8px}.contact-form label span{color:var(--muted);text-transform:none;letter-spacing:0}.contact-form input,.contact-form textarea{width:100%;border:0;border-bottom:1px solid #bfc5c5;background:transparent;padding:12px 2px;font:14px var(--sans);color:var(--ink);border-radius:0;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:#9a725c}.contact-form textarea{resize:vertical}.contact-form .button-link{justify-self:start}.form-status{font-size:12px;color:var(--muted);min-height:20px}.legal-copy{max-width:850px}.legal-copy h2{font-size:38px;margin-bottom:25px}.legal-copy p:not(.eyebrow){color:#596a74;line-height:1.95}
@keyframes heroReveal{from{transform:scale(1.08);opacity:.5}to{transform:scale(1.02);opacity:1}}
@media(max-width:800px){.site-header{height:78px;padding:0 6vw}.brand-mark{font-size:27px}.menu-toggle{display:flex;flex-direction:column;gap:6px;padding:10px}.menu-toggle span{display:block;width:25px;height:1px;background:#fff}.main-nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--navy);padding:25px 6vw 32px;flex-direction:column;align-items:flex-start;gap:12px}.main-nav.is-open{display:flex}.main-nav a{font-size:12px}.hero{min-height:680px;height:90svh}.hero-content{padding-top:230px}.hero h1{font-size:clamp(55px,13vw,82px)}.hero-index{display:none}.hero-bottom{font-size:7px;letter-spacing:.1em}.intro-grid,.split-layout,.section-heading,.subnav,.career-layout,.contact-layout{grid-template-columns:1fr;gap:32px}.intro-text{padding-top:0}.image-statement,.team-section,.culture-feature{grid-template-columns:1fr}.statement-photo{min-height:300px}.statement-panel{padding:65px 8vw}.section-heading{margin-bottom:38px}.heading-note{margin:0}.pillar-grid{grid-template-columns:1fr}.pillar,.pillar+.pillar{padding:25px 0;min-height:190px;border-left:0}.pillar h3{margin-top:26px}.closing-inner{grid-template-columns:1fr;gap:22px}.closing-inner .eyebrow{margin:0}.footer-main{grid-template-columns:1fr 1fr;gap:35px}.footer-contact{grid-column:1/-1;justify-self:start}.footer-main>p{font-size:25px}.footer-bottom{flex-wrap:wrap;padding:18px 0}.footer-bottom div{gap:14px}.page-hero{height:62vh;min-height:490px}.page-hero-content{padding-bottom:55px}.page-hero h1{font-size:clamp(56px,12vw,82px)}.value-grid{grid-template-columns:1fr;gap:20px}.team-photo,.culture-feature-image{min-height:330px}.team-list,.culture-feature-copy{padding:65px 7vw}.fleet-gallery{grid-template-columns:1fr}.fleet-card-image,.fleet-card:nth-child(2) .fleet-card-image{height:280px}.department-grid{gap:0 15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* MPK brand refinement: official logo, navy header fade and accessible sub-navigation */
.brand{width:190px;flex:0 0 auto;display:flex;align-items:center;justify-content:flex-start}
.brand-logo{display:block;width:100%;max-width:190px;height:auto;max-height:58px;object-fit:contain;object-position:left center}
.footer-logo{max-width:210px;max-height:68px}
.page-home .site-header{isolation:isolate;border-bottom-color:rgba(255,255,255,.12)}
.page-home .site-header:before{content:"";position:absolute;z-index:-1;inset:0 0 -44px;background:linear-gradient(180deg,rgba(5,20,37,.96) 0%,rgba(8,35,62,.76) 54%,rgba(8,35,62,0) 100%);pointer-events:none}
.main-nav{gap:clamp(20px,3vw,42px)}
.nav-item{position:relative;display:flex;align-items:center}
.nav-item>a{display:flex;align-items:center;gap:7px}
.nav-caret{font-size:14px;line-height:1;color:var(--copper);transition:transform .2s}
.submenu{position:absolute;top:100%;left:-18px;min-width:190px;padding:10px;background:#0b1c2a;box-shadow:0 14px 35px rgba(0,0,0,.28);border-top:2px solid var(--copper);display:flex;flex-direction:column;gap:0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s,transform .18s,visibility .18s}
.submenu a{padding:11px 12px!important;font-size:10px!important;white-space:nowrap;color:rgba(255,255,255,.82)!important}
.submenu a:after{display:none}
.submenu a:hover,.submenu a.is-active{background:rgba(255,255,255,.08);color:#fff!important}
.has-submenu:hover .submenu,.has-submenu:focus-within .submenu{opacity:1;visibility:visible;transform:translateY(0)}
.has-submenu:hover .nav-caret,.has-submenu:focus-within .nav-caret{transform:rotate(180deg)}
@media(max-width:800px){.brand{width:160px}.brand-logo{max-width:160px;max-height:48px}.footer-logo{max-width:190px}.main-nav{gap:12px}.nav-item{width:100%;display:block}.nav-item>a{width:100%}.submenu{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border-top:1px solid rgba(197,141,110,.5);margin:4px 0 6px 10px;padding:4px 8px;background:rgba(255,255,255,.04);min-width:0}.has-submenu:hover .submenu,.has-submenu:focus-within .submenu{display:flex}.submenu a{white-space:normal}.page-home .site-header:before{inset:0 0 -30px}}
@media(min-width:801px){.has-submenu>a{padding-bottom:8px}}