@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Open+Sans:wght@300;400;600;700&family=Poiret+One&display=swap');
:root{--ink:#262626;--deep:#1b1b1b;--blue:#383838;--cyan:#f2ae03;--gold:#f2ae03;--paper:#fff;--muted:#c0c0c0;--line:rgba(255,255,255,.19);--sans:'Open Sans',Arial,sans-serif;--display:'Poiret One','Lato',sans-serif}
body{font-weight:300}
.topline,.site-header.is-stuck,.footer{background:#242424}
.brand{font-family:'Lato',sans-serif;font-weight:700}
.brand small{color:#f2ae03}
.nav{font-family:'Lato',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.08em}
.hero{background:#111}
.hero:before{background:linear-gradient(90deg,rgba(16,16,16,.94),rgba(22,22,22,.7) 52%,rgba(16,16,16,.26)),linear-gradient(0deg,rgba(15,15,15,.75),transparent 50%)}
.hero h1{font-weight:400;letter-spacing:.025em;line-height:1.14;text-transform:uppercase;max-width:870px}
.hero h1 em{font-style:normal;color:#f2ae03}
.page-hero{background:#1b1b1b}
.page-hero:after{background:linear-gradient(90deg,#1b1b1b 5%,#1b1b1be0 56%,#1b1b1b55),url('../images/hero-port.jpg') center 45%/cover}
.page-hero h1{font-weight:400;letter-spacing:.01em;text-transform:uppercase}
.section-heading h2,.split-copy h2,.why-intro h2,.cta-inner h2{font-weight:400;letter-spacing:.005em;text-transform:uppercase}
.section-heading p,.split-copy p{color:#666}
.dark .section-heading p,.why-intro p{color:#c1c1c1}
.service-card{background:linear-gradient(145deg,#3b3b3b,#242424);border-color:#ffffff2b}
.service-card h3,.benefit strong,.port-card strong,.detail-aside h3{font-family:'Lato',sans-serif;letter-spacing:0;font-weight:400}
.service-card:hover{border-color:#f2ae03}
.text-link{color:#a26e00}
.service-card .text-link{color:#f2ae03}
.cta-band,.ticker,.media-note{background:#f2ae03;color:#232323}
.port-card{border-left-color:#f2ae03}
.coverage-line{border-left-color:#f2ae03;background:#f6f3ec}
.site-header{top:0;inset:0 0 auto;height:112px}
.site-header.is-stuck{top:0;height:78px}
@media(max-width:680px){.site-header{height:76px}.site-header.is-stuck{height:66px}}
.coverage-line strong{color:#9b6800}
.contact-card,.detail-aside{background:#262626}
.form-card{box-shadow:0 20px 60px #00000016}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#d99a00;box-shadow:0 0 0 3px #f2ae0322}
.nav-cta:hover,.button:hover{background:#ffc030}
@media(max-width:680px){.nav{background:#242424}.hero h1{font-size:clamp(47px,12vw,64px)}}