/* A shipping journal: expressive headings, material photographs, exact information. */
:is(.solutions-overview, .service-category-page, .service-detail-page) {
  --solution-navy: #102f39;
  --solution-blue: #30357b;
  --solution-ice: #f3efe6;
  --solution-line: #cbd2c5;
  background: #f9f8f3;
  color: #102f39;
}
:is(.solutions-overview, .service-category-page, .service-detail-page) :is(h1, h2, h3),
.industry-visual-copy h2,
.industry-dialog h2,
.page-intro--industries h1 {
  font-family: var(--editorial, 'Cormorant Garamond', Georgia, serif);
  font-weight: 500;
  letter-spacing: -.035em;
  font-synthesis: none;
}
:is(.solutions-overview, .service-category-page, .service-detail-page) .eyebrow,
.industry-visual-copy .eyebrow {
  color: #30357b;
  font-family: var(--display);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.6;
  letter-spacing: .1em;
  text-transform: uppercase;
}
:is(.solutions-overview, .service-category-page, .service-detail-page) :is(.photo-context, .photo-credit, .photo-credit a) { font-size: 14px; line-height: 1.6; }
:is(.solutions-overview, .service-category-page, .service-detail-page) :is(a, button, summary):focus-visible,
.industry-gallery :is(a, button, summary):focus-visible { outline: 3px solid #30357b; outline-offset: 5px; }

/* The cover balances an indigo field with a single, uninterrupted ocean photograph. */
.solutions-overview .solutions-ocean-hero { padding-block: 90px 110px; background: #30357b; }
.solutions-overview .ocean-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.02fr); align-items: center; gap: 8%; }
.solutions-overview .ocean-hero-copy { padding-block: 20px; }
.solutions-overview .ocean-hero-copy > .eyebrow { color: #b4f0ee; margin-bottom: 34px; }
.solutions-overview .ocean-hero-copy > .eyebrow::before { width: 44px; height: 1px; }
.solutions-overview .ocean-hero-copy h1 { max-width: 680px; font-size: clamp(66px, 6.8vw, 100px); font-weight: 400; line-height: .99; letter-spacing: -.045em; margin-bottom: 32px; text-wrap: balance; }
.solutions-overview .ocean-hero-copy > p { max-width: 510px; color: #eeedf6; font-size: 19px; line-height: 1.8; }
.solutions-overview .ocean-hero-actions { margin-top: 30px; padding-top: 14px; border-top: 1px solid #ffffff40; }
.solutions-overview .ocean-hero-actions .text-link { color: #bcf2ef; font-size: 17px; }
.solutions-overview .ocean-hero-visual { padding-top: 44px; }
.solutions-overview .ocean-hero-visual .service-photograph { margin: 0; }
.solutions-overview .ocean-hero-visual img { aspect-ratio: .9; max-height: 650px; border-radius: 2px; box-shadow: 18px 18px 0 #414789; outline: 1px solid #ffffff20; outline-offset: -1px; }
.solutions-overview .ocean-hero-visual :is(.content-video, .external-video) { border-radius: 2px; }
.solutions-overview .ocean-hero-visual figcaption { margin-top: 30px; }
.solutions-overview .ocean-hero-visual :is(.photo-context, .photo-credit, .photo-credit a) { color: #d9dfed; }
.solutions-overview .ocean-current-art { bottom: 14px; height: 100px; opacity: .16; stroke: #bcf2ef; }
.solutions-overview .solutions-ocean-hero :is(a, button):focus-visible { outline-color: #bcf2ef; }

/* First spread: the two priority offers remain together, in their original order. */
.solutions-overview .solutions-catalogue { padding-block: 90px 10px; }
.solutions-overview .solutions-catalogue-heading { gap: 28px; margin-bottom: 42px; padding-bottom: 28px; border-bottom: 1px solid #a9b7b3; }
.solutions-overview .solutions-catalogue-heading .eyebrow { margin-bottom: 12px; }
.solutions-overview .solutions-catalogue-heading h2 { font-size: clamp(42px, 4.8vw, 64px); line-height: 1.04; }
.solutions-overview .catalogue-count { padding: 0 0 4px; min-height: 0; border: 0; border-radius: 0; background: transparent; color: #52646a; font-size: 14px; letter-spacing: .02em; }
.solutions-overview .service-category-grid.is-overview { gap: 34px; }
.solutions-overview .service-category-card { border: 0; border-bottom: 1px solid #bdc9c5; border-radius: 2px; background: #fffefa; box-shadow: none; }
.solutions-overview .service-category-card:hover { border-color: #30357b; box-shadow: none; }
.solutions-overview .service-category-card .service-photograph img { aspect-ratio: 1.5; border-radius: 0; }
.solutions-overview .category-card-copy { padding: 30px; }
.solutions-overview .category-card-meta { margin-bottom: 20px; gap: 12px; }
.solutions-overview .category-service-count { color: #52646a; font-family: var(--display); font-size: 13px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.solutions-overview .category-card-copy h3 { color: #30357b; font-size: 40px; font-weight: 500; line-height: 1.07; letter-spacing: -.035em; margin-bottom: 20px; overflow-wrap: anywhere; }
.solutions-overview .category-card-copy > p { color: #37545c; font-size: 18px; line-height: 1.8; }
.solutions-overview .category-service-preview { display: block; padding-top: 10px; margin-bottom: 0; }
.solutions-overview .category-service-preview li { padding: 10px 0; border: 0; border-top: 1px solid #c4cfca; border-radius: 0; background: transparent; color: #40585e; font-size: 15px; line-height: 1.55; }
.solutions-overview .card-photo-credit { padding: 16px 0 22px; margin-inline: 30px; border-top-color: #cbd5cc; }
.solutions-overview .solutions-priority .service-category-card { background: #dce7dc; }
.solutions-overview .solutions-priority .service-category-card:nth-child(2) { background: #f3efe6; }
.solutions-overview .solutions-priority .service-category-card:first-child { background: #dce7dc; }
.solutions-overview .solutions-priority .service-category-card:first-child .service-photograph img { aspect-ratio: 1.5; }
.solutions-overview .solutions-priority .service-category-card:first-child .category-card-copy,
.solutions-overview .solutions-priority .category-card-copy { padding: 34px; }
.solutions-overview .solutions-priority .service-category-card:first-child .category-card-copy h3,
.solutions-overview .solutions-priority .category-card-copy h3 { font-size: clamp(38px, 3.9vw, 52px); font-weight: 500; line-height: 1.05; }
.solutions-overview .solutions-priority .service-category-card:first-child .category-service-preview li { background: transparent; border: 0; border-top: 1px solid #bdcbbf; }
.solutions-overview .solutions-priority .service-category-card:first-child .card-photo-credit { margin-inline: 34px; border-color: #b9cbbf; }
.solutions-overview .solutions-catalogue:not(.solutions-priority) .service-category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.solutions-overview .solutions-catalogue:not(.solutions-priority) .service-category-card:first-child { grid-column: auto; background: #fffefa; }
.solutions-overview .solutions-catalogue:not(.solutions-priority) .service-category-card:first-child .category-card-link { display: flex; }
.solutions-overview .solutions-catalogue:not(.solutions-priority) .service-category-card:first-child .service-photograph { height: auto; }
.solutions-overview .solutions-catalogue:not(.solutions-priority) .service-category-card:first-child .service-photograph img { aspect-ratio: 1.5; min-height: 0; height: auto; }
.solutions-overview .solutions-catalogue:not(.solutions-priority) .service-category-card:first-child .category-card-copy { padding: 30px; }
.solutions-overview .solutions-catalogue:not(.solutions-priority) .service-category-card:first-child .category-card-copy h3 { font-size: 40px; }
.solutions-overview .solutions-catalogue:not(.solutions-priority) .service-category-card:first-child .card-photo-credit { padding: 16px 0 22px; margin-inline: 30px; background: transparent; }
.solutions-overview .research-resources { border-inline: 0; border-block: 1px solid #bac9bf; border-radius: 0; background: #e8eee4; padding-inline: 28px; }

/* Project work changes the temperature: an ochre frame and terracotta typography. */
.solutions-overview .project-spotlight { gap: 8%; padding: 46px; margin-block: 80px; border: 1px solid #c6b68f; border-radius: 2px; background: #eee2c6; color: #102f39; }
.project-spotlight .service-photograph img { border-radius: 1px; aspect-ratio: .94; }
.project-spotlight-copy .eyebrow { color: #854329; }
.project-spotlight-copy h2 { color: #8e422e; font-size: clamp(46px, 5vw, 68px); line-height: 1.02; margin-bottom: 24px; }
.project-spotlight-copy > p { color: #42544f; font-size: 19px; line-height: 1.8; }
.project-spotlight-copy li { border-color: #c5b897; font-family: var(--display); font-size: 16px; font-weight: 550; }
.project-spotlight-copy .text-link { color: #854329; }

/* Interior pages read as a feature story, with a separate technical appendix. */
:is(.service-category-page, .service-detail-page) { padding-top: 1px; }
:is(.service-category-page, .service-detail-page) .service-breadcrumb { padding-top: 25px; font-size: 14px; color: #5b6e73; }
:is(.service-category-page, .service-detail-page) .service-breadcrumb a { color: #30357b; }
.service-category-page .service-category-hero { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: 7%; margin-block: 34px 76px; padding: 48px; border: 1px solid #c3cdbb; border-radius: 2px; background: #e6ecdf; }
.service-category-page .service-category-hero h1,
.service-detail-page .service-detail-copy h1 { color: #30357b; font-size: clamp(58px, 6vw, 84px); font-weight: 400; line-height: 1.01; letter-spacing: -.045em; margin-block: 24px; overflow-wrap: anywhere; }
.service-category-page .service-category-hero p { color: #3d5860; font-size: 18px; line-height: 1.8; }
.service-category-page .service-category-hero img { aspect-ratio: .88; border-radius: 1px; box-shadow: none; }
.service-detail-page .service-detail-hero { grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); align-items: center; gap: 7%; margin-block: 28px 64px; padding-block: 32px 54px; border-bottom: 1px solid #becac1; }
.service-detail-page .service-detail-copy { grid-column: 1; grid-row: 1; }
.service-detail-page .service-detail-image { grid-column: 2; grid-row: 1; min-width: 0; }
.service-detail-page .service-detail-image img { border-radius: 1px; aspect-ratio: .88; max-height: 680px; box-shadow: 14px 14px 0 #e2e7dc; }
.service-detail-page .service-detail-copy > .eyebrow { color: #30357b; }
.service-detail-page .service-detail-lead { color: #102f39; font-size: 21px; line-height: 1.65; }
.service-detail-page .service-detail-description { color: #3d5860; font-size: 18px; line-height: 1.8; }
.service-detail-page .service-detail-copy .service-delivery-note { padding: 15px 18px; border-left: 2px solid #b6573c; border-radius: 0; background: #f0e9da; color: #4d5e58; font-size: 16px; }
.service-detail-page .service-detail-copy > :is(.text-link, .button) { color: #30357b; }
:is(.service-category-page, .service-detail-page) .service-section-heading h2 { color: #30357b; font-size: clamp(42px, 4.8vw, 64px); font-weight: 500; line-height: 1.05; }
:is(.service-category-page, .service-detail-page) .individual-service-grid { gap: 34px; }
:is(.service-category-page, .service-detail-page) .individual-service-card { border: 0; border-bottom: 1px solid #bfc9c0; border-radius: 1px; background: #f3efe6; }
:is(.service-category-page, .service-detail-page) .individual-service-card img { border-radius: 0; aspect-ratio: 1.6; }
:is(.service-category-page, .service-detail-page) .individual-service-copy { padding: 26px 30px 34px; }
:is(.service-category-page, .service-detail-page) .individual-service-copy :is(h2, h3) { font-size: 40px; font-weight: 500; line-height: 1.1; }
:is(.service-category-page, .service-detail-page) .individual-service-copy :is(h2, h3) a { color: #30357b; }
.service-detail-page .service-capabilities { gap: 7%; padding: 48px; border: 0; border-block: 1px solid #b5c3b7; border-radius: 1px; background: #dce7dc; }
.service-detail-page .service-capabilities-content > ul { margin: 0; }
.service-detail-page .service-capabilities-content > ul li { padding-block: 18px; color: #29474e; border-color: #b5c3b7; font-size: 18px; line-height: 1.8; }
.service-detail-page .service-capabilities-content > ul li::before { background: #30357b; }
:is(.service-category-page, .service-detail-page) .service-information { border-color: #a9beb3; }
:is(.service-category-page, .service-detail-page) .service-gallery-section { padding-block: 72px; }
:is(.service-category-page, .service-detail-page) .service-gallery img { border-radius: 1px; }
:is(.service-category-page, .service-detail-page) .service-gallery > figure { margin: 0; padding: 12px 12px 18px; border: 1px solid #d2cbbd; background: #f3efe6; }
:is(.service-category-page, .service-detail-page) .service-gallery figcaption p { color: #42585c; }
:is(.service-category-page, .service-detail-page) .service-category-navigation { border-top-color: #a5b8b1; gap: 8px 26px; }
:is(.service-category-page, .service-detail-page) .service-category-navigation a { color: #30357b; font-size: 15px; }

/* Project, fulfilment and agency remain part of the same visual vocabulary. */
.project-logistics-page { background: #f3efe6; }
.project-logistics-page :is(.service-category-hero, .service-detail-hero) { padding: 46px; border: 1px solid #3f5264; border-radius: 2px; background: #222f58; }
.project-logistics-page .service-category-hero h1,
.project-logistics-page .service-detail-copy h1 { color: #f4e6c9; }
.project-logistics-page .service-category-hero .eyebrow,
.project-logistics-page .service-detail-copy > .eyebrow { color: #ace5de; }
.project-logistics-page :is(.service-category-hero, .service-detail-copy) p { color: #e0e5e5; }
.project-logistics-page :is(.service-category-hero, .service-detail-hero) .service-photograph img { border-radius: 1px; aspect-ratio: .9; box-shadow: none; }
.project-logistics-page :is(.service-category-hero, .service-detail-hero) :is(.photo-context, .photo-credit, .photo-credit a) { color: #d8e4e3; }
.project-logistics-page .service-detail-copy > .text-link { color: #ace5de; }
.project-logistics-page .service-detail-copy .service-delivery-note { background: #2d3d5d; color: #e2e9e7; border-color: #d7b477; }
:is(.service-category-page, .service-detail-page) .service-highlight { padding: 36px; border: 1px solid #c3cbb9; border-radius: 1px; background: #e9eddf; }
:is(.service-category-page, .service-detail-page) .service-highlight h3 { font-size: 38px; font-weight: 500; color: #30357b; }
:is(.service-category-page, .service-detail-page) .service-highlight p { color: #42585c; }
.project-logistics-page .service-highlight[data-highlight="circular-economy"] { background: #dce7dc; }
.delivery-story .delivery-story-heading { max-width: 900px; margin-bottom: 30px; }
.delivery-story .delivery-story-heading > h2 { font-family: var(--editorial, Georgia, serif); color: #30357b; font-size: clamp(44px, 5vw, 66px); font-weight: 500; line-height: 1.02; letter-spacing: -.035em; }
.delivery-story .delivery-stage { gap: 8%; padding-block: 58px; border-color: #b6c7bc; }
.delivery-story .delivery-stage-number { width: fit-content; min-width: 42px; padding: 5px 0; border-bottom: 1px solid #b6573c; color: #9a482f; font-size: 15px; letter-spacing: .08em; }
.delivery-story .delivery-stage-copy > h3 { font-family: var(--editorial, Georgia, serif); font-size: clamp(38px, 4.2vw, 56px); font-weight: 500; line-height: 1.06; letter-spacing: -.03em; color: #30357b; }
.delivery-story .delivery-stage-visual .service-photograph > img { border: 9px solid #e6e8dd; border-radius: 1px; outline: 1px solid #c5cdbb; outline-offset: 0; box-shadow: none; aspect-ratio: 1.15; }
.delivery-story .delivery-story-closing { border-color: #b6c7bc; font-size: 20px; color: #314f53; }
.agency-pillars { gap: 0; border: 1px solid #bdc9bd; }
.agency-pillars > article { padding: 38px 30px; border-top: 0; background: #dce7dc; }
.agency-pillars > article:first-child { background: #30357b; }
.agency-pillars > article:nth-child(3n) { background: #f0e5d1; }
.agency-pillars h2 { font-family: var(--editorial, Georgia, serif); color: #30357b; font-size: clamp(34px, 3.4vw, 46px); font-weight: 500; line-height: 1.07; }
.agency-pillars > article:first-child h2 { color: #f3efe6; }
.agency-pillars > article:first-child p { color: #e1e6ed; }
.agency-pillars p { color: #36565c; font-size: 18px; }
.agency-closing { max-width: 100%; padding: 42px; border: 1px solid #c4c7af; background: #f0e5d1; }
.agency-closing > h2 { font-family: var(--editorial, Georgia, serif); color: #854329; font-size: 52px; font-weight: 500; line-height: 1.05; }
.agency-closing > .text-link { color: #854329; }

/* An illustrated programme, visually distinct from factual operational evidence. */
.shipment-example { padding-block: 28px 66px; }
.mcc-flow { gap: 24px; }
.mcc-flow > div { padding: 32px; border: 1px solid #bfc9bd; border-radius: 1px; background: #e1e9dc; }
.mcc-flow > div:not(:last-child)::after { color: #30357b; }
.mcc-flow .mcc-hub { border: 1px solid #30357b; background: #30357b; }
.mcc-flow .mcc-destination { background: #f0e5d1; }
.mcc-origins h3 { font-family: var(--editorial, Georgia, serif); color: #30357b; font-size: 36px; font-weight: 500; line-height: 1.1; }
.mcc-origins li { border-color: #bccbbd; }
.mcc-hub :is(.mcc-stage, h3, p, strong),
.mcc-hub .mcc-total-context { color: #eef2ed; }
.mcc-hub h3, .mcc-destination h3 { font-family: var(--editorial, Georgia, serif); font-size: 44px; font-weight: 500; line-height: 1.05; }
.mcc-destination h3 { color: #854329; }
.mcc-total { font-family: var(--editorial, Georgia, serif); font-size: 76px; font-weight: 400; line-height: .95; }
.mcc-total > span { font-family: var(--display); color: #c7e9e1; font-size: 18px; line-height: 1.6; }
.mcc-stage, .mcc-origins h3 > span { font-family: var(--display); font-size: 14px; letter-spacing: .08em; }

/* A product atlas keeps every supplied sector photograph and its own frame. */
.page-intro--industries { margin-top: 32px; padding-block: 64px 76px; }
.page-intro--industries .page-intro-copy h1 { font-size: clamp(64px, 6.9vw, 96px); font-weight: 400; line-height: .99; color: #30357b; }
.page-intro--industries .page-intro-copy > p { color: #425b5d; font-size: 19px; line-height: 1.8; }
.page-intro--industries .industry-photo-mosaic { gap: 12px; }
.page-intro--industries .industry-photo-mosaic > figure { border: 6px solid #e4dfcf; border-radius: 1px; outline: 1px solid #c6c9b6; outline-offset: 0; }
.industry-gallery { color: #102f39; padding-block: 0 88px; }
.industry-index { border-inline: 0; border-block: 1px solid #a3b7ab; border-radius: 0; background: #e3eadf; padding: 12px 24px; margin-bottom: 60px; }
.industry-index > summary { font-family: var(--display); color: #30357b; font-size: 17px; font-weight: 600; }
.industry-index-count { border-radius: 0; color: #30357b; background: #d1dfd0; font-size: 14px; }
.industry-index .industry-quick-nav { border-color: #b5c6b9; gap: 8px 26px; }
.industry-quick-nav a, .industry-quick-nav a:hover, .industry-quick-nav a[aria-current="location"] { color: #30357b; background: transparent; border: 0; border-radius: 0; font-size: 15px; }
.industry-gallery-grid { grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr); gap: 72px 56px; }
.industry-story { position: relative; padding: 24px; border: 1px solid #c0c8b7; border-radius: 2px; background: #e5ebdf; }
.industry-story:nth-child(even) { margin-top: 90px; background: #f0e6d3; border-color: #cfc1a2; }
.industry-story:nth-child(4n + 3) { background: #e0e5e7; border-color: #bec8ca; }
.industry-story:nth-child(6n + 6) { background: #e9ddd1; border-color: #c9b9aa; }
.industry-story > .industry-visual-card { border-radius: 0; }
.industry-story .cargo-photo { border-radius: 1px; outline: 1px solid #102f3917; outline-offset: -1px; }
.industry-story .industry-visual-card .cargo-photo > img { aspect-ratio: 1.08; }
.industry-story:nth-child(3n + 2) .industry-visual-card .cargo-photo > img { aspect-ratio: 1; }
.industry-story:nth-child(4n + 1) .industry-visual-card .cargo-photo > img { aspect-ratio: 1.23; }
.industry-visual-copy { padding: 25px 0 20px; border-color: #b3c1b2; gap: 10px 15px; }
.industry-visual-copy > .eyebrow { color: #566964; font-size: 12px; letter-spacing: .09em; }
.industry-visual-copy h2 { color: #30357b; font-size: clamp(36px, 3.7vw, 50px); line-height: 1.02; letter-spacing: -.03em; text-wrap: balance; }
.industry-visual-copy > .cargo-open { color: #30357b; width: 38px; height: 38px; border-radius: 0; background: transparent; font-size: 29px; }
.industry-story > .industry-description { color: #355055; font-size: 18px; line-height: 1.85; margin-top: 24px; }
.industry-detail-strip { gap: 18px; margin-top: 26px; }
.industry-detail-strip .cargo-detail > img { border-radius: 1px; outline: 1px solid #102f3917; outline-offset: -1px; }
.industry-detail-strip > :nth-child(2) { padding-top: 30px; }
.industry-detail-strip > :only-child { padding-top: 0; }
.industry-detail-strip .cargo-detail-caption, .industry-story .cargo-credit :is(.photo-context, .photo-credit, .photo-credit a) { color: #506660; font-size: 14px; line-height: 1.6; }
.industry-dialog { background: #f6f3eb; }
.industry-dialog h2 { color: #30357b; font-size: 56px; font-weight: 500; line-height: 1.03; }
.industry-dialog .cargo-photo, .industry-dialog .cargo-detail > img { border-radius: 1px; }
.industry-dialog .cargo-photo { border: 7px solid #e4e8da; }
.industry-dialog-gallery > div { padding: 10px; border: 1px solid #cbd0bf; background: #ece8dc; }
.industry-dialog .cargo-credit { margin-bottom: 14px; }

@media (max-width: 1099px) {
  .solutions-overview .ocean-hero-grid { gap: 44px; }
  .solutions-overview .ocean-hero-copy h1 { font-size: 72px; }
  .solutions-overview .solutions-catalogue:not(.solutions-priority) .service-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .solutions-overview .project-spotlight { gap: 40px; padding: 34px; }
  .service-category-page .service-category-hero { gap: 40px; padding: 34px; }
  .service-detail-page .service-detail-hero { gap: 42px; }
  .service-category-page .service-category-hero h1, .service-detail-page .service-detail-copy h1 { font-size: 64px; }
  .agency-pillars > article { padding: 30px 24px; }
  .mcc-flow > div { padding: 28px 22px; }
  .mcc-origins h3 { font-size: 32px; }
  .industry-gallery-grid { gap: 56px 36px; }
  .industry-story { padding: 20px; }
  .industry-visual-copy h2 { font-size: 39px; }
}
@media (max-width: 899px) {
  .solutions-overview .solutions-ocean-hero { padding-block: 60px 76px; }
  .solutions-overview .ocean-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .solutions-overview .ocean-hero-copy { max-width: 720px; }
  .solutions-overview .ocean-hero-copy h1 { max-width: 720px; font-size: clamp(64px, 10vw, 86px); }
  .solutions-overview .ocean-hero-copy > p { max-width: 680px; }
  .solutions-overview .ocean-hero-visual { padding: 0 16px 0 0; }
  .solutions-overview .ocean-hero-visual img { aspect-ratio: 1.8; max-height: 480px; box-shadow: 14px 14px 0 #414789; }
  .solutions-overview .solutions-catalogue { padding-top: 64px; }
  .solutions-overview .solutions-priority .category-card-copy,
  .solutions-overview .solutions-priority .service-category-card:first-child .category-card-copy { padding: 28px; }
  .solutions-overview .project-spotlight { grid-template-columns: minmax(0, 1fr); gap: 32px; margin-block: 58px; }
  .project-spotlight .service-photograph img { aspect-ratio: 1.5; }
  .project-spotlight-copy h2 { font-size: 56px; }
  .service-category-page .service-category-hero { grid-template-columns: minmax(0, 1fr); gap: 34px; margin-bottom: 58px; }
  .service-category-page .service-category-hero img { aspect-ratio: 1.7; }
  .service-detail-page .service-detail-hero { grid-template-columns: minmax(0, 1fr); gap: 34px; }
  .service-detail-page .service-detail-copy, .service-detail-page .service-detail-image { grid-column: 1; grid-row: auto; }
  .service-detail-page .service-detail-image { padding-right: 14px; }
  .service-detail-page .service-detail-image img { aspect-ratio: 1.55; }
  .service-detail-page .service-capabilities { grid-template-columns: minmax(0, 1fr); padding: 36px; gap: 30px; }
  .project-logistics-page :is(.service-category-hero, .service-detail-hero) { padding: 34px; }
  .project-logistics-page :is(.service-category-hero, .service-detail-hero) .service-photograph img { aspect-ratio: 1.45; }
  .delivery-story .delivery-stage { gap: 30px; padding-block: 44px; }
  .delivery-story .delivery-stage-copy > h3 { font-size: 46px; }
  .agency-pillars { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .agency-pillars > article { padding: 34px; }
  .agency-pillars h2 { font-size: 44px; }
  .agency-closing { padding: 34px; }
  .mcc-flow { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  .mcc-flow > div { padding: 32px; }
  .page-intro--industries .page-intro-copy h1 { font-size: 76px; }
  .industry-gallery-grid { gap: 48px 28px; }
  .industry-story:nth-child(even) { margin-top: 60px; }
}
@media (max-width: 599px) {
  .solutions-overview .solutions-ocean-hero { padding-block: 42px 56px; }
  .solutions-overview .ocean-hero-copy > .eyebrow { margin-bottom: 26px; }
  .solutions-overview .ocean-hero-copy h1 { font-size: clamp(52px, 14vw, 68px); line-height: 1; margin-bottom: 24px; }
  .solutions-overview .ocean-hero-copy > p { font-size: 18px; line-height: 1.75; }
  .solutions-overview .ocean-hero-actions .text-link { font-size: 16px; }
  .solutions-overview .ocean-hero-visual img { aspect-ratio: 1.25; }
  .solutions-overview .solutions-catalogue { padding-top: 46px; }
  .solutions-overview .solutions-catalogue-heading { margin-bottom: 30px; padding-bottom: 22px; }
  .solutions-overview .solutions-catalogue-heading h2 { font-size: 44px; }
  .solutions-overview .service-category-grid.is-overview,
  .solutions-overview .solutions-catalogue:not(.solutions-priority) .service-category-grid { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  .solutions-overview .solutions-priority .service-category-card:first-child .category-card-copy,
  .solutions-overview .category-card-copy,
  .solutions-overview .solutions-priority .category-card-copy,
  .solutions-overview .solutions-catalogue:not(.solutions-priority) .service-category-card:first-child .category-card-copy { padding: 24px; }
  .solutions-overview .category-card-copy h3,
  .solutions-overview .solutions-priority .category-card-copy h3,
  .solutions-overview .solutions-priority .service-category-card:first-child .category-card-copy h3,
  .solutions-overview .solutions-catalogue:not(.solutions-priority) .service-category-card:first-child .category-card-copy h3 { font-size: 36px; }
  .solutions-overview .solutions-priority .category-card-copy h3,
  .solutions-overview .solutions-priority .service-category-card:first-child .category-card-copy h3 { font-size: 38px; }
  .solutions-overview .category-card-copy > p { font-size: 18px; }
  .solutions-overview .card-photo-credit,
  .solutions-overview .solutions-priority .service-category-card:first-child .card-photo-credit,
  .solutions-overview .solutions-catalogue:not(.solutions-priority) .service-category-card:first-child .card-photo-credit { margin-inline: 24px; }
  .solutions-overview .project-spotlight { padding: 22px; gap: 28px; margin-block: 48px; }
  .project-spotlight-copy h2 { font-size: 48px; }
  .project-spotlight-copy > p { font-size: 18px; }
  .project-spotlight-copy li { font-size: 16px; }
  .service-category-page .service-category-hero { padding: 24px; gap: 28px; margin-block: 24px 48px; }
  .service-category-page .service-category-hero h1,
  .service-detail-page .service-detail-copy h1 { font-size: clamp(46px, 13vw, 62px); line-height: 1.01; }
  .service-category-page .service-category-hero p,
  .service-detail-page .service-detail-description { font-size: 18px; }
  .service-detail-page .service-detail-hero { margin-block: 22px 44px; padding-top: 22px; padding-bottom: 40px; }
  .service-detail-page .service-detail-lead { font-size: 20px; }
  .service-detail-page .service-detail-image img { aspect-ratio: 1.12; }
  .service-detail-page .service-capabilities { padding: 25px 22px; gap: 24px; }
  :is(.service-category-page, .service-detail-page) .service-section-heading h2 { font-size: 44px; }
  :is(.service-category-page, .service-detail-page) .individual-service-copy { padding: 24px; }
  :is(.service-category-page, .service-detail-page) .individual-service-copy :is(h2, h3) { font-size: 38px; }
  :is(.service-category-page, .service-detail-page) .service-gallery-section { padding-block: 48px; }
  .project-logistics-page :is(.service-category-hero, .service-detail-hero) { padding: 24px 20px; }
  :is(.service-category-page, .service-detail-page) .service-highlight { padding: 26px 22px; }
  :is(.service-category-page, .service-detail-page) .service-highlight h3 { font-size: 36px; }
  :is(.service-category-page, .service-detail-page) .service-highlight p { font-size: 18px; }
  .delivery-story .delivery-story-heading > h2 { font-size: 44px; }
  .delivery-story .delivery-stage { padding-block: 36px; }
  .delivery-story .delivery-stage-copy > h3 { font-size: 40px; }
  .delivery-story .delivery-stage-visual .service-photograph > img { border-width: 6px; aspect-ratio: 1.18; }
  .delivery-story .delivery-story-closing { font-size: 18px; }
  .agency-pillars > article { padding: 28px 24px; }
  .agency-pillars h2 { font-size: 40px; }
  .agency-closing { padding: 28px 24px; }
  .agency-closing > h2 { font-size: 44px; }
  .mcc-flow > div { padding: 28px 24px; }
  .mcc-origins h3 { font-size: 34px; }
  .mcc-hub h3, .mcc-destination h3 { font-size: 42px; }
  .mcc-total { font-size: 68px; }
  .page-intro--industries { margin-top: 12px; padding-block: 40px 48px; }
  .page-intro--industries .page-intro-copy h1 { font-size: clamp(56px, 15vw, 72px); }
  .page-intro--industries .page-intro-copy > p { font-size: 18px; }
  .page-intro--industries .industry-photo-mosaic > figure { border-width: 4px; }
  .industry-gallery { padding-bottom: 56px; }
  .industry-index { padding: 10px 16px; margin-bottom: 36px; }
  .industry-index .industry-quick-nav { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .industry-gallery-grid { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .industry-story, .industry-story:nth-child(even) { padding: 18px; margin-top: 0; }
  .industry-visual-copy h2 { font-size: 41px; }
  .industry-story > .industry-description { font-size: 18px; line-height: 1.8; }
  .industry-detail-strip { gap: 13px; }
  .industry-detail-strip > :nth-child(2) { padding-top: 22px; }
  .industry-dialog h2 { font-size: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .solutions-overview .service-category-card,
  .industry-visual-card .cargo-photo > img { transition: none; }
}