/* Full-width photographic introductions and larger, responsive typography. */
@font-face{font-family:'Exo 2';src:url('/assets/fonts/exo2-italic-latin.woff2') format('woff2');font-style:italic;font-weight:100 900;font-display:swap}
@font-face{font-family:'Manrope About';src:url('/assets/fonts/manrope-regular-400.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Manrope About';src:url('/assets/fonts/manrope-bold-700.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
.about-panorama-hero .activity-hero-content{font-family:'Manrope About',Manrope,Arial,sans-serif;font-weight:400}
.about-panorama-hero.activity-hero h1{font-family:inherit;font-weight:700;font-variation-settings:normal}
.facilities-labelled-hero.activity-hero{padding-top:clamp(180px,12.5vw,270px)}
.facilities-panel-labels{position:absolute;inset:0 0 auto;height:clamp(105px,9vw,190px);z-index:0;pointer-events:none;user-select:none;color:rgba(207,224,235,.56);text-shadow:0 -1px 0 rgba(241,248,252,.13),1px 1px 0 rgba(36,64,85,.46),2px 2px 0 rgba(22,49,70,.36),3px 4px 6px rgba(2,25,44,.2)}
.facilities-panel-labels span{position:absolute;top:clamp(46px,3.4vw,82px);left:var(--panel-x);transform:translate(-50%,-50%) rotate(-26deg);white-space:nowrap;font-family:'Exo 2',Manrope,sans-serif;font-size:clamp(22px,1.8vw,36px);font-weight:600;font-style:italic;line-height:1;letter-spacing:.025em}
@media(max-width:1200px){.facilities-labelled-hero.activity-hero{padding:0}.facilities-panel-labels{height:33.333vw;color:rgba(224,236,245,.65);text-shadow:1px 1px 0 rgba(24,51,72,.5),2px 2px 3px rgba(2,25,44,.35)}.facilities-panel-labels span{top:calc(18% + 5px);font-size:clamp(12px,2.45vw,29px);letter-spacing:0}.facilities-panel-labels span:first-child{left:max(38px,8.5%)}}
.services-collage-hero.activity-hero{min-height:max(480px,33.333vw)}
.services-collage-hero.activity-hero:after{background:linear-gradient(90deg,rgba(2,30,57,.74),rgba(3,38,69,.60) 46%,rgba(3,38,69,.15)),linear-gradient(0deg,rgba(3,27,49,.40),transparent 70%)}
@media(max-width:1200px){.services-collage-hero.activity-hero{display:block;min-height:0;padding:0}.services-collage-hero.activity-hero .activity-hero-image{position:relative;z-index:0;inset:auto;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain}.services-collage-hero.activity-hero:after{display:none}.services-collage-hero .activity-hero-content{padding-block:36px 42px}}
:root{--max:1440px}
body{font-size:1.1875rem}
h1,h2,h3{font-weight:700}
h2{font-size:clamp(2rem,3.3vw,3.25rem);line-height:1.18}
.navigation .wrap,.utility .wrap{width:min(1660px,94%)}
.nav-inner{gap:32px}
#primary-nav{min-width:0}
#primary-nav>ul{gap:12px 24px;flex-wrap:wrap;justify-content:flex-end}
#primary-nav li>a{font-size:1.0625rem;padding:30px 0}
.submenu a{font-size:1rem}
.submenu-toggle{padding-inline:4px}
.page-hero h1{font-size:clamp(2.5rem,4.8vw,4.75rem);line-height:1.12;font-weight:750;max-width:1180px}
.page-hero p:not(.eyebrow){font-size:1.375rem}
.activity-hero{isolation:isolate;display:flex;align-items:flex-end;min-height:540px;min-height:clamp(480px,57vh,660px);padding:90px 0 66px;background:var(--deep);color:white;overflow:hidden}
.activity-hero .activity-hero-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--hero-position,center)}
/* Keep the upper quay and the lower shoreline in the About-page panorama. */
@media(min-width:1401px){
 .about-panorama-hero.activity-hero{min-height:max(clamp(480px,57vh,660px),37.037vw);align-items:flex-start;padding-top:clamp(30px,2.6vw,64px)}
 .about-panorama-hero .activity-hero-content{width:82%;max-width:none;margin-left:9%;margin-right:auto}
 .about-panorama-hero.activity-hero .eyebrow{font-size:.875rem;margin-bottom:16px}
 .about-panorama-hero.activity-hero h1{max-width:min(900px,55vw);font-size:clamp(2.25rem,3vw,3.75rem);line-height:1.12;font-variation-settings:'wght' 700}
 .about-panorama-hero.activity-hero p:not(.eyebrow){max-width:min(850px,55vw);font-size:1.125rem;line-height:1.55;margin-top:18px}
 .about-panorama-hero .hero-breadcrumbs{font-size:.875rem;margin-top:20px}
}
/* On touch-sized screens, keep the complete panorama clear of text. */
@media(max-width:1400px){
 .about-panorama-hero.activity-hero{display:flex;flex-direction:column;min-height:0;padding:0}
 .about-panorama-hero.activity-hero .activity-hero-image{position:relative;order:2;inset:auto;z-index:0;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}
 .about-panorama-hero.activity-hero:after{display:none}
 .about-panorama-hero .activity-hero-content{order:1;padding-block:30px 32px}
 .about-panorama-hero.activity-hero h1{font-size:clamp(2rem,4.4vw,3rem);overflow-wrap:anywhere;hyphens:auto;font-variation-settings:'wght' 700}
 .about-panorama-hero.activity-hero .eyebrow{margin-bottom:16px}
 .about-panorama-hero.activity-hero p:not(.eyebrow){margin-top:18px}
 .about-panorama-hero .hero-breadcrumbs{margin-top:20px}
}
.activity-hero:after{inset:0;width:auto;height:auto;transform:none;border:0;z-index:-1;background:linear-gradient(90deg,rgba(2,30,57,.78) 0%,rgba(3,38,69,.66) 46%,rgba(3,38,69,.20) 100%),linear-gradient(0deg,rgba(3,27,49,.35),transparent 65%)}
.activity-hero .activity-hero-content{z-index:1}
.activity-hero .activity-hero-content,.home-hero .wrap{text-shadow:0 1px 3px rgba(0,17,32,.38)}
/* Keep the blue left-to-right treatment while revealing more of the photo. */
.home-hero:after{background:linear-gradient(90deg,rgba(4,48,87,.78),rgba(4,48,87,.58) 62%,rgba(4,48,87,.2))}
.home-hero p:not(.eyebrow){color:#f0f6fb}
@media(max-width:600px){.home-hero:after{background:linear-gradient(90deg,rgba(4,48,87,.78),rgba(4,48,87,.60))}}
.activity-hero .eyebrow{color:#cde9ff;font-size:.9375rem;letter-spacing:.12em}
.activity-hero h1{color:#fff;max-width:1100px;text-wrap:balance}
.activity-hero p:not(.eyebrow){color:#f0f6fb;max-width:920px;line-height:1.6;margin-top:26px}
.hero-breadcrumbs{color:#e3edf5;margin-top:32px;padding:0;font-size:.9375rem;gap:10px;width:auto}
.hero-breadcrumbs a{color:#fff}
.detail-layout{grid-template-columns:290px minmax(0,1fr);gap:58px;padding-top:72px}
.side-nav{font-size:1.0625rem}
.side-nav nav>a{padding:16px 20px}
.side-nav .side-title{font-size:1.1875rem}
.side-nav .button{font-size:1rem}
.article-section h2{font-size:clamp(1.875rem,2.65vw,2.75rem);margin-bottom:28px;line-height:1.2}
.article-section p,.detail-list li{font-size:1.1875rem;line-height:1.75}
.card h3{font-size:1.75rem;line-height:1.25}
.card p,.cert-card p{font-size:1.125rem}
.card-action{font-size:1rem}
.card-number{font-size:.875rem}
.yard-gallery h2{font-size:clamp(1.875rem,2.5vw,2.5rem);margin-bottom:24px}
.capacity-card h2{font-size:1.375rem;line-height:1.25;margin-bottom:24px}
.facility-metric h2{font-size:1.375rem;line-height:1.3}
.capacity-card dt,.capacity-card .capacity-label{font-size:.9375rem}
.news-social-link{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:28px 0 0;border-top:1px solid var(--line);margin-top:42px}
.news-social-link p{max-width:760px}
@media(max-width:600px){.hydraulics-hero h1{font-size:clamp(1.75rem,8vw,2.125rem);line-height:1.18;overflow-wrap:normal;hyphens:auto;text-wrap:balance}}
@media(min-width:1221px) and (max-width:1599px){#primary-nav>ul{gap:0 20px}#primary-nav li>a{font-size:1.0625rem;padding:17px 0}.nav-inner{padding-block:12px;gap:24px}}
@media(max-width:1220px){.navigation .wrap,.utility .wrap{width:90%}.nav-inner{gap:0}#primary-nav li>a{font-size:1.125rem;padding:17px 0}.detail-layout{grid-template-columns:260px minmax(0,1fr);gap:36px}.activity-hero{min-height:500px}.activity-hero h1{max-width:1000px}.activity-hero p:not(.eyebrow){font-size:1.25rem}}
@media(max-width:900px){.detail-layout{grid-template-columns:1fr;gap:32px;padding-top:45px}.activity-hero{min-height:480px;padding:70px 0 50px}.activity-hero h1{font-size:clamp(2.625rem,7vw,3.75rem)}.activity-hero .activity-hero-image{object-position:var(--hero-mobile-position,center)}.activity-hero:after{background:linear-gradient(90deg,rgba(2,30,57,.78),rgba(3,38,69,.5)),linear-gradient(0deg,rgba(3,27,49,.5),transparent 70%)}.activity-hero p:not(.eyebrow){font-size:1.1875rem}.article-section h2{font-size:2rem}}
@media(max-width:600px){body{font-size:1.0625rem}.activity-hero{min-height:460px;padding:58px 0 42px}.activity-hero .eyebrow{font-size:.8125rem;letter-spacing:.09em;margin-bottom:20px}.activity-hero h1{font-size:clamp(2.1rem,8.5vw,2.8rem);line-height:1.15;overflow-wrap:normal;hyphens:auto;text-wrap:balance}.activity-hero p:not(.eyebrow){font-size:1.0625rem;line-height:1.7;margin-top:22px}.hero-breadcrumbs{font-size:.875rem;line-height:1.5;margin-top:25px}.article-section p,.detail-list li,.card p,.cert-card p{font-size:1.0625rem}.article-section h2,.yard-gallery h2{font-size:1.875rem}.card h3{font-size:1.625rem}.side-nav{font-size:1rem}.capacity-card h2,.facility-metric h2{font-size:1.375rem}.facility-metric dl>div{grid-template-columns:minmax(0,1fr) auto}.news-social-link{align-items:flex-start;flex-direction:column}.news-social-link .button{width:100%}}