:root{color-scheme:light;--navy:#071e2c;--navy-soft:#102e3d;--ink:#102b39;--text:#50616c;--paper:#fff;--mist:#f0f4f5;--accent:#dcac79;--line:#d9e2e5;--serif:Georgia,'Times New Roman',serif;--sans:'Avenir Next',Avenir,'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.7 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #bf7a33;outline-offset:6px}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:var(--serif);font-weight:400}h1 em,h2 em{font-weight:400}p{color:var(--text)}::selection{background:#dcac79;color:#071e2c}.skip-link{position:fixed;top:-6rem;left:1rem;background:#fff;padding:.7rem 1rem;z-index:10}.skip-link:focus{top:1rem}.site-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:112px;padding:1.65rem 5.2%;background:var(--navy);color:#fff;border-bottom:1px solid #ffffff22}.wordmark{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1;flex-shrink:0}.wordmark-name{font:400 2.1rem/1.03 var(--serif);letter-spacing:.18em}.wordmark-description{font-size:.75rem;letter-spacing:.36em;margin-top:.6rem;padding-left:.12rem}.site-header nav{display:flex;gap:2.5rem;align-items:center;font-size:.94rem}.site-header nav a{padding:.5rem 0;position:relative}.site-header nav a:after{content:'';position:absolute;height:1px;left:0;right:100%;bottom:.1rem;background:var(--accent);transition:right .2s}.site-header nav a:hover:after{right:0}.header-location{font-size:.75rem;letter-spacing:.15em;color:#b8c9d1}
.hero{display:grid;grid-template-columns:1.05fr 1fr;background:var(--navy);color:#fff;min-height:700px}.hero-copy{padding:4.5rem 8.7% 2rem 9.9%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-weight:600;font-size:.76rem;letter-spacing:.17em;line-height:1.5;color:#596f7b;margin-bottom:1.65rem}.eyebrow.light{color:var(--accent)}h1{font-size:clamp(3.3rem,5.2vw,5.8rem);line-height:1.07;letter-spacing:-.036em}h1 em{color:#e0b68b;display:block;margin-top:.12em}.hero-description{font-size:1.05rem;line-height:1.75;color:#bfcfd6;max-width:27rem;margin-top:1.7rem}.text-link{display:inline-flex;align-items:center;gap:2.2rem;font-size:.96rem;border-bottom:1px solid #9aaab2;padding:.65rem 0 .6rem;transition:color .2s,gap .2s}.text-link span{font-size:1.4rem;line-height:1}.light-link{margin-top:1.8rem;color:#fff}.text-link:hover{color:var(--accent);gap:2.8rem}.hero-footnote{display:flex;gap:1.3rem;flex-wrap:wrap;color:#93aab5;font-size:.75rem;letter-spacing:.12em;line-height:1.6;padding-top:3.8rem;margin-top:auto}.hero-footnote span+span:before{content:'/' ;margin-right:1.3rem;color:#6a8796}.hero-image{min-height:0;aspect-ratio:1.2;align-self:center;position:relative;overflow:hidden;background:#1d4c61}.hero-image:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#071e2c99);pointer-events:none}.hero-image img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.hero-image figcaption{position:absolute;z-index:1;left:2rem;right:2rem;bottom:2rem;display:flex;justify-content:space-between;gap:1rem;color:#fff;font-size:.75rem;letter-spacing:.13em;flex-wrap:wrap}.service-strip{display:grid;grid-template-columns:repeat(5,1fr);padding:1.6rem 5.2%;border-bottom:1px solid var(--line);background:#fff}.service-strip a{padding:.45rem 1.2rem;font-size:.875rem;text-align:center;line-height:1.5;border-right:1px solid var(--line)}.service-strip a:first-child{padding-left:0}.service-strip a:last-child{border-right:0;padding-right:0}.service-strip a:hover{text-decoration:underline;text-underline-offset:5px}.section-shell{padding:7rem 7.3%}.expertise{display:grid;grid-template-columns:1fr 1.24fr;gap:8.5%}h2{font-size:clamp(2.5rem,3.5vw,3.85rem);line-height:1.15;letter-spacing:-.025em}h2 em{color:#607c8b}.section-intro>p:not(.eyebrow){max-width:23rem;margin-top:1.7rem}.section-rule{display:block;width:4rem;height:2px;background:#b97d41;margin-top:2.3rem}.service{display:grid;grid-template-columns:2.4rem 1fr;gap:1.2rem;padding:1.8rem 0;border-top:1px solid var(--line);scroll-margin-top:2rem}.service:first-child{padding-top:1.1rem}.service:last-child{padding-bottom:0}.service-number{font-size:.8rem;color:#8b673f;padding-top:.25rem}.service h3{font-size:1.27rem;font-weight:500;line-height:1.4;margin-bottom:.55rem}.service p{font-size:1rem;line-height:1.75;max-width:39rem}.heritage{background:var(--navy);color:#fff;display:grid;grid-template-columns:1fr 1.05fr;column-gap:10%;row-gap:4rem;position:relative}.heritage h2 em{color:#c9d9e1}.heritage-story{padding-top:3.1rem}.heritage-story p{color:#b9cad2;margin-top:1.15rem}.heritage-story .large-copy{color:#fff;font-size:1.25rem;line-height:1.65;margin-top:0}.timeline{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:.4rem}.milestone{padding-top:1.5rem;border-top:1px solid #ffffff39}.milestone-year{display:block;font:400 3.2rem/1.15 var(--serif);color:var(--accent);letter-spacing:-.035em;margin-bottom:1.15rem}.milestone h3{font-size:1rem;font-weight:500;line-height:1.5;margin-bottom:.4rem}.milestone p{font-size:.92rem;line-height:1.65;color:#a9bec9;max-width:21rem}.approach{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem 10%;background:var(--mist)}.approach-lead{align-self:end;max-width:33rem;padding-bottom:.15rem}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:4.5%;grid-column:1/-1;margin-top:.9rem}.principles article{border-top:1px solid #b8c9d1;padding-top:1.7rem}.principle-label{display:block;font-size:.75rem;letter-spacing:.1em;color:#5a707d;margin-bottom:1rem}.principles h3{font-size:1.4rem;font-weight:500;margin-bottom:.8rem;line-height:1.4}.principles p{font-size:1rem;line-height:1.75}.site-footer{background:var(--navy);color:#fff;padding:3.7rem 5.2% 1.5rem}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding-bottom:3rem}.footer-top>p{font:400 1.55rem/1.35 var(--serif);color:#c2d3dc}.back-top{font-size:.875rem;display:flex;align-items:center;gap:1.8rem;border-bottom:1px solid #ffffff52;padding:.3rem 0}.back-top span{font-size:1.3rem}.back-top:hover{color:var(--accent)}.footer-bottom{border-top:1px solid #ffffff28;padding-top:1.2rem;display:flex;justify-content:space-between;gap:1rem;color:#a4bac6;font-size:.76rem;line-height:1.65}
@media(min-width:1700px){.site-header,.hero,.service-strip,.section-shell,.site-footer{padding-left:max(5.2%,calc((100vw - 1580px)/2));padding-right:max(5.2%,calc((100vw - 1580px)/2))}.hero{padding:0}.hero-copy{padding-left:max(9.9%,calc((100vw - 1580px)/2))}.hero-image{max-height:850px}.hero{min-height:800px}.section-shell{padding-top:8rem;padding-bottom:8rem}}
@media(max-width:1100px){.hero{min-height:650px}.hero-image{min-height:0}.hero-copy{padding-top:3.5rem;padding-bottom:1.8rem}h1{font-size:4.25rem}.hero-footnote{font-size:.75rem;gap:.4rem;padding-top:2.5rem;flex-direction:column}.hero-footnote span+span:before{display:none}.hero-image figcaption{font-size:.75rem;flex-direction:column;gap:.25rem}.section-shell{padding:5.7rem 6%}.expertise{gap:6%;grid-template-columns:.92fr 1.2fr}.service-strip a{font-size:.875rem;padding:.4rem .7rem}.hero-description{font-size:1rem}.site-header nav{gap:1.8rem}.header-location{display:none}}
@media(max-width:760px){.site-header{min-height:0;padding:1.5rem 6%;gap:1.5rem;flex-wrap:wrap}.wordmark-name{font-size:1.85rem}.wordmark-description{font-size:.75rem}.site-header nav{gap:1.5rem;font-size:.875rem}.hero{grid-template-columns:1fr}.hero-copy{padding:3.2rem 6% 2rem}.hero h1{font-size:clamp(3.3rem,9.6vw,5rem);max-width:36rem}.hero h1 br:nth-of-type(1){display:none}.hero-description{max-width:32rem}.hero-footnote{flex-direction:row;gap:1.5rem;padding-top:2.5rem}.hero-image{min-height:410px;aspect-ratio:1.5}.hero-image img{object-position:50% 52%}.hero-image figcaption{flex-direction:row;left:6%;right:6%;bottom:1.4rem}.service-strip{display:flex;flex-wrap:wrap;padding:1rem 6%;gap:.1rem .85rem}.service-strip a{border:0;padding:.45rem 0;font-size:.875rem;text-align:left}.service-strip a:not(:last-child):after{content:'·';color:#aab9c2;margin-left:.85rem}.section-shell{padding:4.3rem 6%}.expertise{grid-template-columns:1fr;gap:2.7rem}.section-intro>p:not(.eyebrow){max-width:35rem}h2{font-size:clamp(2.4rem,7.3vw,3.6rem)}.section-rule{display:none}.service{grid-template-columns:1.8rem 1fr;gap:.9rem;padding:1.7rem 0}.heritage{grid-template-columns:1fr;gap:1.5rem}.heritage-story{padding-top:.2rem}.timeline{gap:1.8rem;margin-top:1.8rem}.milestone-year{font-size:2.4rem}.milestone p{font-size:.875rem}.approach{grid-template-columns:1fr;gap:1.8rem}.approach-lead{max-width:36rem}.principles{grid-template-columns:1fr;gap:2rem;margin-top:.7rem}.principles p{max-width:35rem}.principles article{padding-top:1.4rem}.principle-label{margin-bottom:.55rem}.principles h3{margin-bottom:.55rem}.footer-top{flex-wrap:wrap;gap:1.8rem}.footer-top>p{font-size:1.3rem}.footer-bottom{flex-direction:column;gap:.5rem}.site-footer{padding:3rem 6% 1.5rem}.back-top{font-size:.875rem}}
@media(max-width:480px){.site-header{align-items:flex-start;gap:1.2rem}.site-header nav{width:100%;justify-content:space-between;gap:.7rem;font-size:.875rem}.hero h1{font-size:3.35rem}.hero-image{min-height:330px}.hero-footnote{font-size:.75rem;gap:.8rem}.hero-image figcaption{font-size:.75rem;gap:.5rem}.timeline{grid-template-columns:1fr;gap:1.5rem}.milestone{display:grid;grid-template-columns:6.5rem 1fr;column-gap:1rem;padding-top:1.25rem}.milestone-year{grid-row:1/3;margin:0}.milestone p{max-width:none}.milestone h3{margin:.05rem 0 .4rem}.footer-top>p{display:none}.footer-top{gap:1rem}.back-top{gap:1rem}.eyebrow{margin-bottom:1.35rem}}
.markets{margin-top:2rem;max-width:26rem}.markets h3{font-size:1rem;font-weight:500;margin-bottom:.6rem}.market-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.5rem;margin:0;padding:0;list-style:none}.market-list li{font-size:.875rem;line-height:1.5;padding:.6rem 0;border-bottom:1px solid var(--line);color:var(--text)}.approach-note{grid-column:1/-1;font-size:1rem;max-width:55rem;padding-top:.5rem}
.timeline .milestone{display:flex;flex-direction:column;min-width:0}.timeline .milestone-year{margin:0 0 1.15rem}.milestone-photo{margin:0 0 1.25rem}.milestone-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:var(--navy-soft)}.milestone-photo figcaption{margin-top:.65rem;font-size:.75rem;line-height:1.5;color:#a9bec9}.milestone p{max-width:none}
@media(max-width:760px){.timeline{grid-template-columns:1fr;gap:2.5rem}.milestone-photo{max-width:36rem}}
.milestone-photo img{border-radius:1rem;border:1px solid #ffffff20}
.milestone-photo img.heritage-monochrome{filter:grayscale(1)}
@media(max-width:760px){.milestone-photo img{border-radius:.85rem}}
.site-header nav{flex-wrap:wrap}.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem 10%;align-items:start;background:var(--paper)}.contact-address{font-style:normal;font-size:1.15rem;line-height:1.9;color:var(--text);overflow-wrap:anywhere}.contact-company{display:block;font-size:1rem;font-weight:600;color:var(--ink);margin-bottom:1rem}
@media(max-width:760px){.contact{grid-template-columns:1fr;gap:2rem}}
.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem 1.2rem;margin-top:2rem}
.contact-form-note{grid-column:1/-1;font-size:.875rem;color:var(--text)}
.contact-field{min-width:0}
.contact-field label{display:block;font-size:1rem;line-height:1.5;color:var(--ink);margin-bottom:.45rem}
.contact-field input,.contact-field textarea{display:block;width:100%;min-width:0;border:1px solid var(--line);border-radius:.4rem;background:var(--paper);color:var(--ink);font:inherit;font-size:1rem;line-height:1.5;padding:.7rem .85rem}
.contact-field textarea{resize:vertical;min-height:8.5rem}
.contact-field input:focus-visible,.contact-field textarea:focus-visible,.contact-submit:focus-visible{outline:2px solid #bf7a33;outline-offset:3px}
.contact-field-wide,.contact-form-actions,.contact-form-status{grid-column:1/-1}
.contact-submit{border:1px solid var(--navy);border-radius:.4rem;background:var(--navy);color:#fff;font:inherit;font-size:1rem;line-height:1.5;min-height:48px;padding:.7rem 1.6rem;cursor:pointer}
.contact-submit:hover{background:var(--navy-soft)}
.contact-submit:disabled{opacity:.65;cursor:wait}
.contact-form-status{font-size:1rem;line-height:1.6;color:var(--ink);border-left:2px solid var(--accent);padding-left:1rem}
.contact-honeypot{display:none}
.contact-form-actions{display:flex;align-items:center;gap:.8rem 1.3rem;flex-wrap:wrap}
.contact-email-fallback{font-size:1rem;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.contact-email-help{grid-column:1/-1;font-size:.875rem;line-height:1.5}
@media(max-width:540px){.contact-form{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.site-header{flex-wrap:wrap}.site-header .wordmark{flex-direction:row;align-items:center;gap:.85rem}.wordmark-copy{display:flex;flex-direction:column;align-items:flex-start}.brand-logo{width:4.5rem;height:4.5rem;object-fit:contain;flex-shrink:0}
@media(max-width:760px){.brand-logo{width:4rem;height:4rem}}
.site-footer .footer-brand{flex-direction:row;align-items:center;gap:.85rem}

/* Keep 40% of the original vertical padding in Our Approach. */
.approach.section-shell{padding-top:2.8rem;padding-bottom:2.8rem}
@media(min-width:1700px){.approach.section-shell{padding-top:3.2rem;padding-bottom:3.2rem}}
@media(max-width:1100px){.approach.section-shell{padding-top:2.28rem;padding-bottom:2.28rem}}
@media(max-width:760px){.approach.section-shell{padding-top:1.72rem;padding-bottom:1.72rem}}

.contact.section-shell{padding-top:clamp(2rem,4vw,3rem)}

/* Live marine chronometers, between the opening page and our expertise. */
.world-clocks{display:flex;justify-content:space-between;gap:1.5rem;padding:2.5rem 7.3% 0;background:var(--paper)}
.world-clock{flex:1 1 0;min-width:0;text-align:center}
.clock-dial{width:min(100%,10rem);aspect-ratio:1;margin:0 auto .9rem}
.clock-dial svg{display:block;width:100%;height:100%;overflow:visible}
.clock-dial .clock-hour,.clock-dial .clock-minute,.clock-dial .clock-second{visibility:hidden}
.clock-dial[data-ready] .clock-hour,.clock-dial[data-ready] .clock-minute,.clock-dial[data-ready] .clock-second{visibility:visible}
.clock-city{display:block;font-size:1rem;font-weight:500;color:var(--ink);line-height:1.5}
.clock-time{display:block;font-size:1.05rem;line-height:1.5;font-variant-numeric:tabular-nums;color:var(--ink);margin-top:.15rem}
.clock-date{display:block;font-size:.875rem;line-height:1.5;color:var(--text);margin-top:.1rem}
.world-clocks+.expertise{padding-top:3rem}
.clocks-notice{font-size:.875rem}
@media(min-width:1700px){.world-clocks{padding-left:max(5.2%,calc((100vw - 1580px)/2));padding-right:max(5.2%,calc((100vw - 1580px)/2))}}
@media(max-width:1100px){.world-clocks{padding-left:6%;padding-right:6%}}
@media(max-width:800px){.world-clocks{flex-wrap:wrap;justify-content:center;gap:1.75rem 2rem;padding-top:2rem}.world-clock{flex:0 1 calc((100% - 4rem)/3)}.world-clocks+.expertise{padding-top:2.5rem}}
@media(max-width:540px){.world-clocks{column-gap:1.5rem}.world-clock{flex-basis:calc((100% - 1.5rem)/2)}}

/* Restrained shipping equities ribbon, directly below the navigation. */
.shipping-stocks{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;min-width:0;padding:.25rem max(5.2%,calc((100vw - 1580px)/2));border-bottom:1px solid #ffffff18;background:var(--navy-soft);color:#bac9cf;color-scheme:dark}
.shipping-stocks-label{padding-right:1rem;border-right:1px solid #ffffff18;white-space:nowrap;line-height:1.4}
.shipping-stocks-label>span{display:block;font-size:.875rem;font-weight:500;letter-spacing:.025em}
.shipping-stocks-label>small{display:block;margin-top:.15rem;font-size:.75rem;color:#99adb7}
.shipping-stocks-tape{display:block;width:100%;min-width:0;min-height:3.5rem;--tv-widget-background-color:transparent;--tv-widget-font-family:var(--sans);--tv-widget-text-color:#bac9cf;--tv-widget-price-text-color:#d1dce1;--tv-widget-accent-color:#c0a080;--tv-widget-positive-color:#93b2a5;--tv-widget-negative-color:#c19d94;--tv-widget-market-status-pre-color:#99adb7;--tv-widget-market-status-post-color:#99adb7;--tv-widget-market-status-open-color:#93b2a5;--tv-widget-market-status-closed-color:#99adb7}
.shipping-stocks-fallback{display:inline-flex;align-items:center;min-height:3.5rem;font-size:.875rem;line-height:1.4;text-decoration:underline;text-underline-offset:4px}
.shipping-stocks-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.75rem;height:2.75rem;padding:0;border:1px solid #ffffff24;border-radius:.25rem;background:transparent;color:#bac9cf;cursor:pointer}
.shipping-stocks-toggle[hidden]{display:none}
.shipping-stocks-toggle:hover{background:#ffffff08;color:#e0e7eb}
.shipping-stocks-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.shipping-stocks-toggle .ticker-play-icon,.shipping-stocks-toggle[aria-pressed="true"] .ticker-pause-icon{display:none}
.shipping-stocks-toggle[aria-pressed="true"] .ticker-play-icon{display:block}
@media(max-width:760px){.shipping-stocks{gap:.65rem;padding-inline:6%}.shipping-stocks-label{padding-right:.65rem}.shipping-stocks-label>span{max-width:4.5rem;white-space:normal}.shipping-stocks-label>small{max-width:4.5rem;white-space:normal}}
@media(max-width:480px){.shipping-stocks{grid-template-columns:minmax(0,1fr) auto;column-gap:.5rem;padding-block:.25rem}.shipping-stocks-label{display:none}}

/* Compact opening section with a framed maritime artwork. */
.hero{min-height:0;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:4%;padding:1.5rem max(5.2%,calc((100vw - 1580px)/2)) 2rem;align-items:center}
.hero-copy{min-width:0;padding:0;align-self:end}
.hero .eyebrow{margin-bottom:1.1rem}
.hero h1{font-size:clamp(2.5rem,4.2vw,4.1rem);line-height:1.07}
.hero-description{margin-top:1.15rem;line-height:1.65}
.hero .light-link{margin-top:1.05rem}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem 1.5rem;margin-top:1.3rem;max-width:100%}
.hero .hero-actions .light-link{margin-top:0}
.enquiry-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;padding:.7rem 1.4rem;border:1px solid var(--accent);border-radius:.4rem;background:var(--accent);color:var(--navy);font-size:1rem;font-weight:600;line-height:1.5;text-align:center;transition:background .2s,border-color .2s}
.enquiry-link:hover{background:#e7bf95;border-color:#e7bf95}
.enquiry-link:focus-visible{outline:3px solid #fff;outline-offset:4px}
.hero-footnote{margin-top:0;padding-top:1.5rem;gap:.5rem 1rem;flex-direction:row}
.hero-footnote span+span:before{margin-right:1rem}
.hero-image{width:88%;justify-self:end;align-self:end;min-width:0;min-height:0;max-height:none;aspect-ratio:auto;overflow:visible;background:transparent}
.hero-image:after{display:none}
.hero-image img{position:static;display:block;width:100%;height:auto;aspect-ratio:3/2;max-height:none;object-fit:cover;object-position:50% 50%;border-radius:1rem;border:1px solid #ffffff20}
.hero-image figcaption{position:static;margin-top:.85rem;flex-direction:row;gap:.35rem 1rem;color:#bfcfd6;font-size:.75rem;line-height:1.6;letter-spacing:.1em}
@media(min-width:761px) and (max-height:740px){
  .hero{padding-top:1.1rem;padding-bottom:1.5rem}
  .hero h1{font-size:clamp(2.4rem,4vw,3.5rem)}
  .hero .eyebrow{margin-bottom:.85rem}
  .hero-description{margin-top:1rem;font-size:1rem;line-height:1.6}
  .hero .light-link{margin-top:.8rem}
  .hero-footnote{padding-top:1.1rem}
}
@media(max-width:760px){
  .hero{grid-template-columns:minmax(0,1fr);gap:1.4rem;padding:1.5rem 6%}
  .hero h1{font-size:clamp(2.25rem,8vw,3rem)}
  .hero .eyebrow{margin-bottom:.9rem}
  .hero-description{margin-top:1rem;font-size:1rem}
  .hero .light-link{margin-top:.9rem}
  .hero-footnote{padding-top:1.25rem}
  .hero-image{width:100%;justify-self:stretch}
  .hero-image img{max-height:none;aspect-ratio:3/2;border-radius:.85rem}
}

/* Dry bulk rates ribbon, alongside the shipping equities ticker. */
.freight-rates{padding:0 max(5.2%,calc((100vw - 1580px)/2));border-bottom:1px solid #ffffff18;background:var(--navy-soft);scroll-margin-top:1rem}
.freight-rates{padding-top:.25rem;padding-bottom:.25rem;min-width:0;color:#bac9cf;color-scheme:dark}
.freight-rates-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:3.5rem;line-height:1.4}
.freight-rates-label{padding-right:1rem;border-right:1px solid #ffffff18;white-space:nowrap}
.freight-rates-label strong{display:block;font-size:.875rem;font-weight:500;letter-spacing:.025em}
.freight-rates-label small{display:block;margin-top:.2rem;font-size:.75rem;color:#99adb7}
.freight-rates-viewport{min-width:0;overflow:hidden;position:relative}
.freight-rates-viewport:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}
.freight-rates-track{display:flex;width:max-content;animation:freight-scroll var(--freight-duration,60s) linear infinite;will-change:transform}
.freight-rates-group{display:flex;align-items:center;justify-content:space-around;flex-shrink:0;min-width:var(--freight-viewport-width,0px);gap:1.5rem;margin:0;padding:0 1.5rem 0 0;list-style:none}
.freight-rates-group li{display:flex;align-items:baseline;gap:.5rem;white-space:nowrap;padding:.625rem 1.5rem .625rem 0;border-right:1px solid #ffffff18;font-variant-numeric:tabular-nums}
.freight-rates-group strong{font-size:.875rem;font-weight:500;color:#d1dce1}
.freight-capacity{font-size:.75rem;color:#99adb7}
.freight-price{font-size:1.0625rem;font-weight:500;color:var(--accent)}
.freight-rates.is-paused .freight-rates-track,.freight-rates-viewport:hover .freight-rates-track,.freight-rates-viewport:focus .freight-rates-track{animation-play-state:paused}
.freight-rates.is-paused .freight-rates-viewport{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#4b6572 transparent}
.freight-rates-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:1px solid #ffffff24;border-radius:.25rem;background:transparent;color:#bac9cf;cursor:pointer}
.freight-rates-toggle:hover{background:#ffffff08;color:#e0e7eb}
.freight-rates-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.freight-rates-toggle .freight-play-icon,.freight-rates-toggle[aria-pressed=true] .freight-pause-icon{display:none}
.freight-rates-toggle[aria-pressed=true] .freight-play-icon{display:block}
.freight-rates-meta{display:flex;justify-content:flex-end;align-items:center;gap:.375rem;flex-wrap:wrap;font-size:.75rem;line-height:1.5;color:#99adb7;padding-bottom:.125rem}
.freight-rates-meta a{color:#b6c9d3;text-decoration:underline;text-underline-offset:3px}
.freight-rates-meta[data-saved=true] #freight-rates-state{color:var(--accent)}
@keyframes freight-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:600px){.freight-rates-row{gap:.625rem}.freight-rates-label{padding-right:.625rem}.freight-rates-label small{max-width:5.5rem;white-space:normal}.freight-rates-group li{gap:.375rem}}
@media(max-width:360px){.freight-rates-row{grid-template-columns:minmax(0,1fr) auto}.freight-rates-label{grid-column:1/-1;display:flex;align-items:center;gap:.5rem;padding:0;border:0}.freight-rates-label small{margin:0;max-width:none;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.freight-rates-track{animation:none;will-change:auto}.freight-rates-group[aria-hidden=true]{display:none}.freight-rates-viewport{overflow-x:auto;scrollbar-width:thin}.freight-rates-toggle{display:none}.freight-rates-row{grid-template-columns:auto minmax(0,1fr)}}
@media(max-width:360px) and (prefers-reduced-motion:reduce){.freight-rates-row{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.freight-rates{padding-inline:6%}}

/* Corporate history, following the approved maritime timeline concept. */
.heritage.section-shell{display:block;padding-top:clamp(3.5rem,6vw,6rem);padding-bottom:clamp(3.5rem,6vw,6rem)}
.heritage-heading{margin-bottom:3rem}
.heritage-heading .eyebrow{font-size:.875rem;margin-bottom:1.2rem}
.heritage h2{max-width:48rem;font-size:clamp(2.4rem,4.5vw,4.6rem);line-height:1.12;overflow-wrap:break-word}
.heritage .timeline{--timeline-gap:clamp(1.5rem,2.3vw,3rem);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--timeline-gap);margin:0;padding:0;list-style:none}
.heritage .milestone{display:block;position:relative;min-width:0;margin:0;padding:0;border:0}
.heritage .milestone-year{display:block;margin:0;font-size:clamp(2.05rem,2.65vw,2.6rem);line-height:1.15;text-align:center}
.milestone-marker{display:block;position:relative;height:1.25rem;margin:1.15rem 0 1.1rem}
.milestone-marker::before{content:'';position:absolute;top:50%;left:0;right:calc(-1 * var(--timeline-gap));height:1px;background:var(--accent)}
.milestone:first-child .milestone-marker::before{left:50%}
.milestone:last-child .milestone-marker::before{right:50%}
.milestone-marker::after{content:'';position:absolute;top:50%;left:50%;width:.75rem;height:.75rem;transform:translate(-50%,-50%);border-radius:50%;background:var(--accent);box-shadow:0 0 0 .25rem var(--navy)}
.heritage .milestone-photo{max-width:none;margin:0 0 1.15rem}
.heritage .milestone-photo img{display:block;width:100%;height:auto;aspect-ratio:1536/810;object-fit:cover;border:1px solid #ffffff20;border-radius:.25rem}
.heritage .milestone h3{margin:0 0 .65rem;font-size:1.1rem;font-weight:600;line-height:1.45;overflow-wrap:break-word}
.heritage .milestone p{max-width:none;margin:0;font-size:1rem;line-height:1.65;color:#b9cad2;overflow-wrap:break-word}
@media(max-width:900px){
  .heritage-heading{margin-bottom:2.5rem}
  .heritage .timeline{--timeline-gap:2.3rem;grid-template-columns:minmax(0,1fr);max-width:38rem}
  .heritage .milestone{padding-left:1.8rem}
  .heritage .milestone-year{margin-bottom:1.2rem;font-size:2.2rem;text-align:left}
  .heritage .milestone-marker{position:absolute;left:0;top:.67rem;bottom:0;width:.75rem;height:auto;margin:0}
  .heritage .milestone-marker::before{top:.58rem;bottom:calc(-1 * var(--timeline-gap) - .58rem);left:50%;right:auto;width:1px;height:auto}
  .heritage .milestone-marker::after{top:.58rem}
  .heritage .milestone:last-child .milestone-marker::before{display:none}
}

/* Shared H2 scale for the four numbered sections. */
#expertise-title,#heritage-title,#approach-title,#contact-title{font-size:64px;line-height:1.0}
@media(max-width:1100px){#expertise-title,#heritage-title,#approach-title,#contact-title{font-size:50px}}
@media(max-width:760px){#expertise-title,#heritage-title,#approach-title,#contact-title{font-size:40px}}