.elementor-kit-37{--e-global-color-primary:#1D2F4C;--e-global-color-secondary:#008189;--e-global-color-text:#54637A;--e-global-color-accent:#1FB8AE;--e-global-color-mrdink:#080F1B;--e-global-color-mrdnavy900:#0E1A2C;--e-global-color-mrdnavy800:#14243C;--e-global-color-mrdnavy500:#33486A;--e-global-color-mrdpaper:#F2F5F7;--e-global-color-mrdline:#E3EAEE;--e-global-color-mrdbodydk:#B9C6D0;--e-global-color-1ea5160:#FFFFFF;--e-global-typography-primary-font-family:"Archivo Variable";--e-global-typography-primary-font-weight:600;--e-global-typography-primary-letter-spacing:-1.2px;--e-global-typography-secondary-font-family:"Archivo Variable";--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-letter-spacing:-0.3px;--e-global-typography-text-font-family:"Archivo Variable";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Archivo Variable";--e-global-typography-accent-font-size:14px;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-line-height:1.7em;--e-global-typography-accent-letter-spacing:2.6px;--e-global-typography-mrdfig-font-family:"Newsreader Variable";--e-global-typography-mrdfig-font-weight:300;--e-global-typography-7929920-font-family:"Archivo";--e-global-typography-7929920-font-size:14px;--e-global-typography-7929920-font-weight:600;--e-global-typography-7929920-text-transform:none;--e-global-typography-7929920-line-height:1.3em;--e-global-typography-7929920-letter-spacing:0px;--e-global-typography-24058dc-font-family:"Archivo";--e-global-typography-24058dc-font-size:14px;--e-global-typography-24058dc-font-weight:400;--e-global-typography-24058dc-line-height:1.6em;--e-global-typography-cfacefd-font-family:"Archivo";--e-global-typography-cfacefd-font-size:18px;--e-global-typography-cfacefd-font-weight:600;--e-global-typography-cfacefd-line-height:1.35em;--e-global-typography-cfacefd-letter-spacing:-0.2px;--e-global-typography-4a0de39-font-family:"Archivo";--e-global-typography-4a0de39-font-size:44px;--e-global-typography-4a0de39-font-weight:600;--e-global-typography-4a0de39-line-height:1.1em;--e-global-typography-4a0de39-letter-spacing:-1.1px;--e-global-typography-14b61d9-font-family:"Archivo";--e-global-typography-14b61d9-font-size:12px;--e-global-typography-14b61d9-font-weight:600;--e-global-typography-14b61d9-text-transform:uppercase;--e-global-typography-14b61d9-line-height:1.4em;--e-global-typography-14b61d9-letter-spacing:2.6px;--e-global-typography-2ae788c-font-family:"Archivo";--e-global-typography-2ae788c-font-size:70px;--e-global-typography-2ae788c-font-weight:600;--e-global-typography-2ae788c-line-height:1em;--e-global-typography-2ae788c-letter-spacing:-1.2px;background-color:var( --e-global-color-mrdink );overscroll-behavior:contain;}.elementor-kit-37 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1320px;}.e-con{--container-max-width:1320px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-37{--e-global-typography-cfacefd-font-size:18px;--e-global-typography-4a0de39-font-size:36px;--e-global-typography-2ae788c-font-size:46px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-37{--e-global-typography-cfacefd-font-size:18px;--e-global-typography-4a0de39-font-size:30px;--e-global-typography-2ae788c-font-size:44px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ==========================================================================
   MERIDIANIS — single stylesheet
   --------------------------------------------------------------------------
   Existing site CSS + styles for the Logistics, Markets and Contact pages,
   merged into one file. Paste the whole thing into
   Elementor → Site Settings → Custom CSS, replacing what is there now.

   Four collisions were resolved during the merge — see the notes at the
   bottom of this file if you need the detail.

   CONTENTS
     1.  Tokens
     2.  Type + Elementor resets
     3.  Header
     3b. Mobile menu
     4.  Hero, arcs, ticker
     5.  Capability cards          (.mrd-cap)
     6.  Numbered steps            (.mrd-steps / .mrd-step)
     7.  Case band
     8.  Brand tiles
     9.  Map + region legend
     10. Footer + buttons
     11. NEW — shared page furniture
     12. NEW — Logistics & Supply
     13. NEW — Markets
     14. NEW — Contact
     15. Reduced motion
   ========================================================================== */


/* ==========================================================================
   1. TOKENS
   ========================================================================== */

:root{
  --mrd-ink:#080F1B;    --mrd-navy900:#0E1A2C; --mrd-navy800:#14243C;
  --mrd-navy:#1D2F4C;   --mrd-navy500:#41597E;
  --mrd-teal:#008189;   --mrd-teal400:#1FB8AE;
  --mrd-paper:#F2F5F7;  --mrd-line:#E3EAEE;    --mrd-body:#54637A;
  --mrd-ease:cubic-bezier(.22,.68,.28,1);

  /* added for the new pages */
  --mrd-teal700:#00666D;          /* button hover, contact links, form submit */
  --mrd-onnavy:rgba(226,236,242,.72);  /* body copy on dark backgrounds */
  --mrd-line-dark:rgba(255,255,255,.14);

  --mrd-hdr-logo:42px;
  --mrd-hdr-pad:20px;
  --mrd-hdr-pad-sticky:8px;

  --mrd-hdr-h:83px;
}
@media (max-width:1024px){ :root{ --mrd-hdr-h:75px; } }
@media (max-width:400px){  :root{ --mrd-hdr-h:69px; } }


/* ==========================================================================
   2. TYPE + ELEMENTOR RESETS
   ========================================================================== */

.mrd-display .elementor-heading-title,
.mrd-hero h1,
.mrd-cap-title .elementor-heading-title{
  font-variation-settings:'wdth' 112,'wght' 600;
}
.mrd-eyebrow .elementor-heading-title{
  font-variation-settings:'wdth' 118,'wght' 600;
}

.elementor .e-con.e-grid{
  grid-template-rows:auto !important;
  grid-auto-rows:auto !important;
}

.mrd-eyebrow {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    gap: 14px;
}
.mrd-eyebrow::before {
    content: "";
    width: 28px;
    height: 1px;
    background: #1fb8ae;
}

/* centred variant, used above the section headings on the new pages */
.mrd-eyebrow-c{ justify-content:center; }


/* ==========================================================================
   3. HEADER
   ========================================================================== */

.mrd-header{
  padding-top:var(--mrd-hdr-pad) !important;
  padding-bottom:var(--mrd-hdr-pad) !important;
  border-bottom:1px solid transparent;

  transition:box-shadow .30s var(--mrd-ease),
             border-color .30s var(--mrd-ease),
             padding .35s var(--mrd-ease);
}
.mrd-header > .e-con-inner{
  display:flex; align-items:center; justify-content:space-between; gap:40px;
  min-height:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

.mrd-header .elementor-widget{
  min-height:0 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
}
.mrd-header .elementor-widget-container{ line-height:0; }
.mrd-header .mrd-logo-light,
.mrd-header .mrd-logo-dark,
.mrd-header .mrd-logo-light a,
.mrd-header .mrd-logo-dark a{ line-height:0; font-size:0; }

.mrd-header .mrd-logo-dark{ display:none; }
.mrd-header .mrd-logo-light,
.mrd-header .mrd-logo-dark{
  width:auto !important; max-width:none !important; flex:0 0 auto;
}
.mrd-header .mrd-logo-light img,
.mrd-header .mrd-logo-dark  img{
  height:var(--mrd-hdr-logo) !important;
  width:auto !important;
  max-width:none !important;
  display:block;
}

.mrd-header .mrd-nav .elementor-nav-menu{
  flex-wrap:nowrap !important;
}
.mrd-header .mrd-nav .elementor-nav-menu > li{ flex:0 0 auto; }
.mrd-header .mrd-nav .elementor-nav-menu--main .elementor-item{ white-space:nowrap !important; }
.mrd-header > .e-con-inner{ flex-wrap:nowrap !important; }

@media (min-width:1025px) and (max-width:1220px){
  .mrd-header > .e-con-inner{ gap:20px !important; }
  .mrd-header .mrd-logo-light img,
  .mrd-header .mrd-logo-dark img{
    height:auto !important; max-height:34px !important; max-width:172px !important;
  }
  .mrd-header .mrd-nav .elementor-nav-menu{ gap:16px !important; }
  .mrd-header .mrd-nav .elementor-item{
    font-size:.80rem !important; padding-left:0 !important; padding-right:0 !important;
  }
  .mrd-header .mrd-nav-cta .elementor-button{
    padding:9px 15px !important; font-size:.78rem !important; white-space:nowrap;
  }
  .mrd-header .e-con-full{ gap:16px !important; }
}
@media (min-width:1221px) and (max-width:1400px){
  .mrd-header .mrd-nav .elementor-nav-menu{ gap:20px !important; }
  .mrd-header .mrd-nav .elementor-item{ font-size:.83rem !important; }
}

@media (max-width:1024px){
  .mrd-header > .e-con-inner{
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    align-items:center !important;
    gap:14px !important;
  }
  .mrd-header > .e-con-inner > .e-con{
    width:auto !important; flex:0 1 auto;
    flex-direction:row !important;
    align-items:center !important;
    gap:12px !important;
  }
  .mrd-header .mrd-logo-light,
  .mrd-header .mrd-logo-dark{ flex:0 1 auto; min-width:0; }

  .mrd-header .mrd-logo-light img,
  .mrd-header .mrd-logo-dark img{
    height:auto !important;
    width:auto !important;
    max-height:34px !important;
    max-width:none !important;
  }

  .mrd-header .mrd-nav-cta .elementor-button{
    padding:8px 14px !important;
    font-size:.78rem !important;
    white-space:nowrap;
  }
}
@media (max-width:400px){
  .mrd-header .mrd-logo-light img,
  .mrd-header .mrd-logo-dark img{ max-height:28px !important; max-width:none !important; }
  .mrd-header .mrd-nav-cta .elementor-button{
    padding:7px 11px !important; font-size:.72rem !important;
  }
  .mrd-header > .e-con-inner{ gap:10px !important; }
}

/* solid / sticky state */
.elementor-location-header:has(.mrd-solid) .mrd-header:not(.elementor-sticky__spacer),
.elementor-location-header:has(.elementor-sticky--effects) .mrd-header:not(.elementor-sticky__spacer){
  background-color:rgba(255,255,255,.96) !important;
  backdrop-filter:saturate(150%) blur(14px);
  -webkit-backdrop-filter:saturate(150%) blur(14px);
  border-bottom-color:var(--mrd-line);
  box-shadow:0 1px 24px rgba(13,26,44,.07);
  padding-top:var(--mrd-hdr-pad-sticky) !important;
  padding-bottom:var(--mrd-hdr-pad-sticky) !important;
}

.elementor-location-header:has(.mrd-solid) .mrd-header:not(.elementor-sticky__spacer):has(.mrd-logo-dark) .mrd-logo-light,
.elementor-location-header:has(.elementor-sticky--effects) .mrd-header:not(.elementor-sticky__spacer):has(.mrd-logo-dark) .mrd-logo-light{
  display:none;
}
.elementor-location-header:has(.mrd-solid) .mrd-header:not(.elementor-sticky__spacer) .mrd-logo-dark,
.elementor-location-header:has(.elementor-sticky--effects) .mrd-header:not(.elementor-sticky__spacer) .mrd-logo-dark{
  display:block;
}

.elementor-location-header:has(.mrd-solid) .mrd-header:not(.elementor-sticky__spacer) .mrd-nav .elementor-nav-menu--main .elementor-item,
.elementor-location-header:has(.elementor-sticky--effects) .mrd-header:not(.elementor-sticky__spacer) .mrd-nav .elementor-nav-menu--main .elementor-item{
  color:var(--mrd-navy) !important;
}

.elementor-location-header:has(.mrd-solid) .mrd-header:not(.elementor-sticky__spacer) .mrd-nav .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-location-header:has(.elementor-sticky--effects) .mrd-header:not(.elementor-sticky__spacer) .mrd-nav .elementor-nav-menu--main .elementor-item.elementor-item-active{
  color:var(--mrd-navy) !important;
}
.elementor-location-header:has(.mrd-solid) .mrd-header:not(.elementor-sticky__spacer) .mrd-nav-cta .elementor-button,
.elementor-location-header:has(.elementor-sticky--effects) .mrd-header:not(.elementor-sticky__spacer) .mrd-nav-cta .elementor-button{
  border-color:var(--mrd-navy) !important;
  color:var(--mrd-navy) !important;
  padding-top:9px !important;
  padding-bottom:9px !important;
}
.elementor-location-header:has(.mrd-solid) .mrd-header:not(.elementor-sticky__spacer) .mrd-nav-cta .elementor-button:hover,
.elementor-location-header:has(.elementor-sticky--effects) .mrd-header:not(.elementor-sticky__spacer) .mrd-nav-cta .elementor-button:hover{
  background-color:var(--mrd-navy) !important;
  color:#fff !important;
}
.elementor-location-header:has(.mrd-solid) .mrd-header:not(.elementor-sticky__spacer) .elementor-menu-toggle,
.elementor-location-header:has(.elementor-sticky--effects) .mrd-header:not(.elementor-sticky__spacer) .elementor-menu-toggle{
  color:var(--mrd-navy);
}

/* transparent-at-top state */
body.mrd-attop.mrd-attop .elementor-location-header .mrd-header:not(.elementor-sticky__spacer){
  background-color:transparent !important;
  box-shadow:none !important;
  border-bottom-color:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  padding-top:var(--mrd-hdr-pad) !important;
  padding-bottom:var(--mrd-hdr-pad) !important;
}
body.mrd-attop.mrd-attop.mrd-attop.mrd-attop .elementor-location-header .mrd-header:not(.elementor-sticky__spacer) .mrd-logo-light{
  display:block !important;
}
body.mrd-attop.mrd-attop.mrd-attop.mrd-attop .elementor-location-header .mrd-header:not(.elementor-sticky__spacer) .mrd-logo-dark{
  display:none !important;
}
body.mrd-attop.mrd-attop.mrd-attop.mrd-attop .elementor-location-header .mrd-header:not(.elementor-sticky__spacer) .mrd-nav .elementor-nav-menu--main .elementor-item{
  color:#fff !important;
}
body.mrd-attop.mrd-attop.mrd-attop.mrd-attop .elementor-location-header .mrd-header:not(.elementor-sticky__spacer) .mrd-nav-cta .elementor-button{
  border-color:rgba(255,255,255,.42) !important; color:#fff !important;
}
body.mrd-attop.mrd-attop.mrd-attop.mrd-attop .elementor-location-header .mrd-header:not(.elementor-sticky__spacer) .elementor-menu-toggle{
  color:#fff !important;
}

.mrd-header .mrd-nav .elementor-nav-menu--main .elementor-item.elementor-item-active{
  color:#fff !important;
}
.mrd-header .elementor-menu-toggle{ color:#fff; background:transparent !important; }
.mrd-header .elementor-menu-toggle svg{ fill:currentColor; width:26px; height:26px; }

.mrd-header.elementor-sticky__spacer{ pointer-events:none; }

.mrd-header .elementor-nav-menu--dropdown{
  background-color:var(--mrd-navy900) !important;
  box-shadow:0 18px 40px rgba(8,15,27,.28);
}


/* ==========================================================================
   3b. MOBILE MENU
   The dropdown is always on navy, whatever state the header bar is in, so
   its colours must not follow the solid / at-top rules above. Those are now
   scoped to .elementor-nav-menu--main, leaving this panel to itself.
   ========================================================================== */

/* panel: never taller than the viewport, and scrolls on its own */
.mrd-header .elementor-nav-menu--dropdown{
  max-height:calc(100vh - var(--mrd-hdr-h));
  max-height:calc(100dvh - var(--mrd-hdr-h));
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  padding-bottom:env(safe-area-inset-bottom);
}

/* links */
.mrd-header .elementor-nav-menu--dropdown a.elementor-item{
  color:#fff !important;
  padding:16px 24px !important;
  border-bottom:1px solid rgba(255,255,255,.08);
  font-size:1rem !important;
  line-height:1.4 !important;
  letter-spacing:.01em !important;
  border-left:2px solid transparent;
  transition:color .25s var(--mrd-ease),
             background-color .25s var(--mrd-ease),
             border-left-color .25s var(--mrd-ease);
}

.mrd-header .elementor-nav-menu--dropdown li:last-child a.elementor-item{
  border-bottom:0;
}

.mrd-header .elementor-nav-menu--dropdown a.elementor-item:hover,
.mrd-header .elementor-nav-menu--dropdown a.elementor-item:focus,
.mrd-header .elementor-nav-menu--dropdown a.elementor-item.elementor-item-active{
  color:var(--mrd-teal400) !important;
  background-color:rgba(255,255,255,.04) !important;
}

/* current page marked on the left edge, not by colour alone */
.mrd-header .elementor-nav-menu--dropdown a.elementor-item.elementor-item-active{
  border-left-color:var(--mrd-teal400);
}

/* submenu items sit one level in */
.mrd-header .elementor-nav-menu--dropdown .sub-menu a.elementor-sub-item{
  color:rgba(226,236,242,.78) !important;
  padding:13px 24px 13px 40px !important;
  font-size:.94rem !important;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.mrd-header .elementor-nav-menu--dropdown .sub-menu a.elementor-sub-item:hover,
.mrd-header .elementor-nav-menu--dropdown .sub-menu a.elementor-sub-item.elementor-item-active{
  color:var(--mrd-teal400) !important;
  background-color:rgba(255,255,255,.04) !important;
}

/* keyboard focus — the panel is dark, so the ring must be light */
.mrd-header .elementor-nav-menu--dropdown a:focus-visible{
  outline:2px solid var(--mrd-teal400);
  outline-offset:-2px;
}
.mrd-header .elementor-menu-toggle:focus-visible{
  outline:2px solid var(--mrd-teal);
  outline-offset:3px;
  border-radius:4px;
}

/* toggle hit area — 24px glyph alone is under the 44px touch minimum */
.mrd-header .elementor-menu-toggle{
  padding:9px !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

@media (prefers-reduced-motion:reduce){
  .mrd-header .elementor-nav-menu--dropdown a.elementor-item{ transition:none; }
}


/* ==========================================================================
   4. HERO, ARCS, TICKER
   ========================================================================== */

.mrd-overlay{
  margin-top:calc(var(--mrd-hdr-h) * -1) !important;
  position:relative;
  z-index:1;
}

.mrd-overlay > .e-con-inner,
.mrd-overlay > .e-con-full{
  padding-top:calc(var(--mrd-hdr-h) + 96px) !important;
}
@media (max-width:767px){
  .mrd-overlay > .e-con-inner,
  .mrd-overlay > .e-con-full{
    padding-top:calc(var(--mrd-hdr-h) + 56px) !important;
  }
}

.mrd-hero,
.e-con:has(> .mrd-arcs-wrap){ position:relative; overflow:hidden; }

.mrd-hero > *,
.e-con:has(> .mrd-arcs-wrap) > *{ position:relative; z-index:2; }

.mrd-arcs-wrap{
  position:absolute !important; inset:0; z-index:0 !important;
  pointer-events:none;
}
.mrd-arcs, .mrd-arcs svg{ width:100%; height:100%; display:block; }
.mrd-arcs .a{
  fill:none; stroke:var(--mrd-teal400); stroke-width:1; opacity:.42;
  stroke-dasharray:1400; stroke-dashoffset:1400;
  animation:mrdDraw 2.6s var(--mrd-ease) forwards;
}
.mrd-arcs .a2{ opacity:.24; animation-delay:.35s; }
.mrd-arcs .a3{ opacity:.20; animation-delay:.7s; }
.mrd-arcs .n{
  fill:var(--mrd-teal400); opacity:0;
  animation:mrdPop .8s var(--mrd-ease) 1.5s forwards;
}
@keyframes mrdDraw{ to{ stroke-dashoffset:0; } }
@keyframes mrdPop{  to{ opacity:.9; } }

.mrd-ticker-wrap{ width:100%; margin-top:72px; }
.mrd-ticker{
  overflow:hidden; background:rgba(8,15,27,.42);
  border-top:1px solid rgba(255,255,255,.14);
  border-bottom:1px solid rgba(255,255,255,.14);
}
.mrd-ticker-track{
  display:flex; gap:64px; padding:16px 0; width:max-content;
  animation:mrdSlide 46s linear infinite;
}
.mrd-ticker-track:hover{ animation-play-state:paused; }
.mrd-ticker span{
  display:flex; align-items:center; gap:64px; white-space:nowrap;
  font-size:.74rem; letter-spacing:.2em; text-transform:uppercase;
  color:rgba(226,236,242,.6);
}
.mrd-ticker span::after{
  content:""; width:4px; height:4px; border-radius:50%;
  background:var(--mrd-teal); opacity:.7;
}
@keyframes mrdSlide{ to{ transform:translateX(-50%); } }
@media (max-width:767px){ .mrd-ticker-wrap{ margin-top:48px; } }


/* ==========================================================================
   5. CAPABILITY CARDS
   ========================================================================== */

.mrd-cap,
.e-con.e-grid > .e-con:has(> .mrd-cap-ico){
  position:relative; overflow:hidden;
  display:flex; flex-direction:column;
  transition:background-color .42s var(--mrd-ease),
             transform        .42s var(--mrd-ease),
             border-color     .42s var(--mrd-ease);
}

.mrd-cap::after,
.e-con.e-grid > .e-con:has(> .mrd-cap-ico)::after{
  content:"" !important; position:absolute; left:0; right:0; top:0;
  height:2px; width:auto;
  background-color:var(--mrd-teal) !important;
  background-image:none !important;
  transform:scaleX(0); transform-origin:left;
  transition:transform .45s var(--mrd-ease);
  z-index:4; pointer-events:none;
}
.mrd-cap:hover::after,
.e-con.e-grid > .e-con:has(> .mrd-cap-ico):hover::after{ transform:scaleX(1); }

.mrd-cap > *,
.e-con.e-grid > .e-con:has(> .mrd-cap-ico) > *{ position:relative; z-index:1; }

.mrd-cap:hover,
.e-con.e-grid > .e-con:has(> .mrd-cap-ico):hover{
  background-color:var(--mrd-navy) !important;
  border-color:var(--mrd-navy) !important;
  transform:translateY(-5px);
}
.mrd-cap:hover .elementor-heading-title,
.e-con.e-grid > .e-con:has(> .mrd-cap-ico):hover .elementor-heading-title{
  color:#fff !important;
}
.mrd-cap:hover .elementor-widget-text-editor,
.e-con.e-grid > .e-con:has(> .mrd-cap-ico):hover .elementor-widget-text-editor,
.mrd-cap:hover .elementor-widget-text-editor p,
.e-con.e-grid > .e-con:has(> .mrd-cap-ico):hover .elementor-widget-text-editor p{
  color:rgba(226,236,242,.72) !important;
}
.mrd-cap:hover .mrd-cap-ico svg,
.e-con.e-grid > .e-con:has(> .mrd-cap-ico):hover .mrd-cap-ico svg{
  stroke:var(--mrd-teal400) !important;
  color:var(--mrd-teal400) !important;
}
.mrd-cap:hover .mrd-cap-ico svg [fill]:not([fill="none"]),
.e-con.e-grid > .e-con:has(> .mrd-cap-ico):hover .mrd-cap-ico svg [fill]:not([fill="none"]){
  fill:var(--mrd-teal400) !important;
}

.mrd-cap-ico svg{
  width:34px !important; height:34px !important;
  fill:none !important;
  stroke:var(--mrd-teal) !important;
  stroke-width:1.25;
  overflow:visible;
}

.mrd-cap-ico svg [fill]:not([fill="none"]){
  fill:var(--mrd-teal) !important; stroke:none !important;
}
.mrd-cap-ico .elementor-icon{ font-size:34px; line-height:0; }
.mrd-cap:hover .mrd-cap-link .elementor-button,
.e-con.e-grid > .e-con:has(> .mrd-cap-ico):hover .mrd-cap-link .elementor-button{
  color:var(--mrd-teal400) !important;
}

.mrd-cap-link{ margin-top:auto; }

@media (min-width:768px){ .mrd-cap-title .elementor-heading-title{ min-height:3.1em; } }


/* ==========================================================================
   6. NUMBERED STEPS
   ========================================================================== */

.mrd-steps,
.e-con.e-grid:has(.mrd-step-n){ position:relative; }
.mrd-steps::before,
.e-con.e-grid:has(.mrd-step-n)::before{
  content:""; position:absolute; left:0; right:0; top:22px; height:1px;
  background:rgba(255,255,255,.14);
}
.mrd-step,
.e-con.e-grid > .e-con:has(> .mrd-step-n){ position:relative; }
.mrd-step-n{ position:relative; z-index:2; }
.mrd-step-n .elementor-heading-title{
  width:44px; height:44px; border-radius:50%;
  background:var(--mrd-navy900); border:1px solid rgba(255,255,255,.14);
  display:flex; align-items:center; justify-content:center;
  transition:border-color .4s var(--mrd-ease);
}
.mrd-step:hover .mrd-step-n .elementor-heading-title,
.e-con.e-grid > .e-con:has(> .mrd-step-n):hover .mrd-step-n .elementor-heading-title{
  border-color:var(--mrd-teal400);
}
@media (max-width:1024px){
  .mrd-steps::before,
  .e-con.e-grid:has(.mrd-step-n)::before{ display:none; }
}


/* ==========================================================================
   7. CASE BAND
   ========================================================================== */

.mrd-case{ position:relative; }
.mrd-case::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:linear-gradient(90deg,
    #080F1B 0%, rgba(8,15,27,.94) 3%, rgba(8,15,27,.50) 9%,
    rgba(8,15,27,.10) 24%, rgba(8,15,27,0) 42%);
}
.mrd-case > .e-con-inner{ position:relative; z-index:1; }

@media (max-width:1180px){
  .mrd-case{
    background-position:center bottom !important;
    background-size:100% auto !important;
    background-repeat:no-repeat !important;
    background-color:#080F1B !important;
    padding-bottom:42% !important;
  }
  .mrd-case::before{
    background:linear-gradient(180deg,
      #080F1B 0%, #080F1B 62%,
      rgba(8,15,27,.92) 76%, rgba(8,15,27,.35) 92%, rgba(8,15,27,0) 100%) !important;
  }
  .mrd-case .mrd-case-copy,
  .mrd-case > .e-con-inner > .e-con{ width:100% !important; }
  .mrd-case .elementor-heading-title{ text-wrap:balance; }
}
@media (max-width:767px){
  .mrd-case{
    background-size:100% auto !important;
    padding-bottom:58% !important;
  }
  .mrd-case::before{
    background:linear-gradient(180deg,
      #080F1B 0%, #080F1B 66%,
      rgba(8,15,27,.94) 80%, rgba(8,15,27,.4) 94%, rgba(8,15,27,0) 100%) !important;
  }
}


/* ==========================================================================
   8. BRAND TILES
   ========================================================================== */

.mrd-tile,
.e-con.e-grid > .e-con:has(> .elementor-widget-image:only-child){
  transition:border-color .3s var(--mrd-ease), transform .3s var(--mrd-ease),
             box-shadow   .3s var(--mrd-ease);
}
.mrd-tile:hover,
.e-con.e-grid > .e-con:has(> .elementor-widget-image:only-child):hover{
  border-color:#C3D2DA !important; transform:translateY(-4px);
  box-shadow:0 14px 34px rgba(13,26,44,.09);
}
.mrd-tile-featured:hover{ border-color:var(--mrd-teal) !important; }
.mrd-tile img,
.e-con.e-grid > .e-con:has(> .elementor-widget-image:only-child) img{
  max-height:74px; width:auto; object-fit:contain;
}
@media (max-width:767px){
  .mrd-tile img,
  .e-con.e-grid > .e-con:has(> .elementor-widget-image:only-child) img{ max-height:48px; }
}


/* ==========================================================================
   9. MAP + REGION LEGEND
   ========================================================================== */

.mrd-map-wrap{ width:100%; margin-top:32px; }
.mrd-map svg{ width:100%; height:auto; display:block; overflow:visible; }
.mrd-map .mrd-dots path{
  stroke:var(--mrd-navy500); stroke-width:3.4; stroke-linecap:round;
  fill:none; opacity:.72;
  transition:stroke .5s var(--mrd-ease), opacity .5s var(--mrd-ease);
}
.mrd-map .mrd-pin .d{ fill:var(--mrd-teal400); }
.mrd-map .mrd-pin .h{
  fill:var(--mrd-teal400); opacity:.18;
  transform-origin:center; transform-box:fill-box;
  animation:mrdPulse 3.4s ease-in-out infinite;
}
.mrd-map .mrd-pin:nth-child(2n) .h{ animation-delay:.8s; }
.mrd-map .mrd-pin:nth-child(3n) .h{ animation-delay:1.6s; }
.mrd-map .mrd-pin text{
  font-family:inherit; font-size:10px; font-weight:500;
  fill:rgba(226,236,242,.9); opacity:0;
  transition:opacity .3s var(--mrd-ease);

  paint-order:stroke;
  stroke:var(--mrd-navy900);
  stroke-width:3.5px;
  stroke-linejoin:round;
}
.mrd-map .mrd-pin:hover text{ opacity:1; }

.mrd-map .mrd-pin{ cursor:pointer; }
.mrd-map .mrd-pin.mrd-show text{ display:block !important; opacity:1 !important; }
.mrd-map .mrd-pin.mrd-show .d{ r:4.5; }
.mrd-map .mrd-hit{ fill:transparent; }

.mrd-map .mrd-pin{ outline:none; -webkit-tap-highlight-color:transparent; }
.mrd-map .mrd-pin:focus-visible .d{ stroke:#fff; stroke-width:2; }
@keyframes mrdPulse{
  0%,100%{ transform:scale(1);    opacity:.18 }
  50%    { transform:scale(1.75); opacity:.05 }
}

.mrd-map.mrd-dim .mrd-dots path{ opacity:.22; }
.mrd-map.mrd-dim .mrd-dots path.mrd-lit{ opacity:.85; stroke:var(--mrd-teal); }
.mrd-map.mrd-dim .mrd-pin{ opacity:.2; transition:opacity .4s var(--mrd-ease); }
.mrd-map.mrd-dim .mrd-pin.mrd-lit{ opacity:1; }

.mrd-reg,
.e-con.e-grid > .e-con:has(> .mrd-reg-rule){ cursor:default; }

.mrd-legend,
.e-con.e-grid:has(.mrd-reg-rule){
  border-top:0 !important;
}

.mrd-reg-rule .elementor-divider{ padding-block:0 !important; }
.mrd-reg-rule .elementor-divider-separator{
  position:relative; overflow:hidden;
  border:0 !important;
  display:block !important;
  width:100%; height:2px;
  background:rgba(255,255,255,.14);
}
.mrd-reg-rule .elementor-divider-separator::after{
  content:""; position:absolute; inset:0; background:var(--mrd-teal400);
  transform:scaleX(0); transform-origin:left;
  transition:transform .45s var(--mrd-ease);
}
.mrd-reg:hover .mrd-reg-rule .elementor-divider-separator::after,
.e-con.e-grid > .e-con:has(> .mrd-reg-rule):hover .mrd-reg-rule .elementor-divider-separator::after{
  transform:scaleX(1);
}
.mrd-reg:hover .elementor-heading-title,
.e-con.e-grid > .e-con:has(> .mrd-reg-rule):hover .elementor-heading-title{
  color:var(--mrd-teal400) !important;
}

@media (max-width:767px){
  .mrd-map{ overflow:hidden; }
  .mrd-scroll{ overflow:visible; }
  .mrd-map svg{
    width:157% !important;
    max-width:none !important;
    min-width:0 !important;
    margin-left:-57%;
  }

  .mrd-map .mrd-dots path{ stroke-width:3.9; opacity:.62; }
  .mrd-map .mrd-pin .d{ r:3.6; }
  .mrd-map .mrd-pin .h{ r:8; }

  .mrd-map .mrd-hit{ r:18; }

  .mrd-map .mrd-pin text{ display:none; font-size:12px; }
  .mrd-map .mrd-pin.mrd-show text{ display:block !important; }
  .mrd-map-wrap{ margin-top:20px; }
}


/* ==========================================================================
   10. FOOTER + BUTTONS
   ========================================================================== */

.elementor-location-footer .elementor-icon-list-icon:has(.e-fas-check){
  display:none !important;
}
.elementor-location-footer .elementor-icon-list-item:has(.e-fas-check) .elementor-icon-list-text{
  padding-inline-start:0 !important;
}

.mrd-cap-link .elementor-button{ padding-left:0; padding-right:0; }
.elementor-button .elementor-button-icon svg{ transition:transform .3s var(--mrd-ease); }
.elementor-button:hover .elementor-button-icon svg{ transform:translateX(5px); }


/* ==========================================================================
   11. NEW — SHARED PAGE FURNITURE
   Used across Logistics & Supply, Markets and Contact.
   ========================================================================== */

/* short accent rule under a heading — left aligned, not full width */
.mrd-rule .elementor-divider{ justify-content:flex-start; }
.mrd-rule .elementor-divider-separator{ margin:0; }

.mrd-btn .elementor-button{ letter-spacing:.01em; }
.mrd-btn .elementor-button:hover{ background-color:var(--mrd-teal700); }

/* text link with trailing arrow, used on the regional focus cards */
.mrd-link .elementor-button{
  background:transparent;
  padding:0;
  border:0;
}
.mrd-link .elementor-button:hover{
  background:transparent;
  color:var(--mrd-teal700);
}

/* Divided four-up columns: equal columns split by a hairline, no gutter.
   Used by .mrd-lstep, .mrd-term, .mrd-region and .mrd-mkt-cap. */
@media (max-width:1024px){
  .mrd-lstep:nth-child(odd),
  .mrd-region:nth-child(odd),
  .mrd-term:nth-child(odd),
  .mrd-mkt-cap:nth-child(odd){ border-left:0 !important; }
}
@media (max-width:767px){
  .mrd-lstep, .mrd-region, .mrd-term, .mrd-mkt-cap{
    border-left:0 !important;
    border-top:1px solid var(--mrd-line);
    padding-top:24px !important;
  }
  .mrd-lstep:first-child, .mrd-region:first-child,
  .mrd-term:first-child, .mrd-mkt-cap:first-child{
    border-top:0; padding-top:0 !important;
  }
  .mrd-mkt-cap{ border-top-color:var(--mrd-line-dark); }
}


/* ==========================================================================
   12. NEW — LOGISTICS & SUPPLY
   ========================================================================== */

/* hero feature strip */
.mrd-hero-feats{ border-top:1px solid var(--mrd-line-dark); padding-top:24px; }
.mrd-hero-feats > .e-con{ border-left:1px solid var(--mrd-line-dark); }
.mrd-hero-feats > .e-con:first-child{ border-left:0; padding-left:0 !important; }
.mrd-hero-feat p{ margin:0; font-weight:500; }

@media (max-width:767px){
  .mrd-hero-feats > .e-con{ border-left:0; }
}

/* supply process — dotted connector running behind the six icons */
.mrd-proc{ position:relative; }
.mrd-proc::before{
  content:"";
  position:absolute;
  top:44px;
  left:8%;
  right:8%;
  border-top:2px dotted #BFD3DA;
  z-index:0;
}
.mrd-proc-step{ position:relative; z-index:1; }
.mrd-proc-step .elementor-widget-icon .elementor-icon{ background:#FFFFFF; }

/* number badge, pulled up to overlap the icon circle */
.mrd-proc-badge{
  margin-top:-16px !important;
  margin-bottom:8px !important;
}
.mrd-proc-badge .elementor-heading-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  border-radius:50%;
  background:var(--mrd-teal);
  color:#fff;
  font-size:11px;
}

@media (max-width:767px){
  .mrd-proc::before{ display:none; }
  .mrd-proc-step{ padding-bottom:28px; }
}

/* split band — image column fills the height of the navy copy column */
.mrd-split{ align-items:stretch; }
.mrd-split-img,
.mrd-split-img .e-con-inner,
.mrd-split-img .elementor-widget-image,
.mrd-split-img .elementor-widget-container,
.mrd-split-img figure{ height:100%; margin:0; }
.mrd-fill-img img{
  width:100%;
  height:100%;
  min-height:380px;
  object-fit:cover;
  display:block;
}
@media (max-width:767px){
  .mrd-fill-img img{ min-height:240px; }
}


/* ==========================================================================
   13. NEW — MARKETS
   ========================================================================== */

/* regional focus cards */
.mrd-fcard{
  overflow:hidden;
  transition:box-shadow .3s var(--mrd-ease), transform .3s var(--mrd-ease);
}
.mrd-fcard:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 34px rgba(13,26,44,.10);
}
.mrd-fcard-top{ position:relative; }
.mrd-fcard-img img{
  width:100%;
  height:120px;
  object-fit:cover;
  display:block;
}
.mrd-fcard-badge{
  position:absolute;
  left:18px;
  bottom:-22px;
  z-index:2;
}
.mrd-fcard-badge .elementor-icon{
  box-shadow:0 0 0 4px #FFFFFF;
}
.mrd-fcard > .e-con-inner > .elementor-widget:first-child,
.mrd-fcard .e-con:nth-child(2){ padding-top:34px !important; }

/* territory assessment — connector line behind the four numbered steps */
.mrd-assess{ position:relative; }
.mrd-assess::before{
  content:"";
  position:absolute;
  top:11px;
  left:12.5%;
  right:12.5%;
  border-top:2px solid #CFE0E6;
  z-index:0;
}
.mrd-assess-step{ position:relative; z-index:1; }
.mrd-num{ margin-bottom:14px !important; }
.mrd-num .elementor-heading-title{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  border-radius:50%;
  background:var(--mrd-teal);
  color:#fff;
  font-size:12px;
}
.mrd-assess-icon .elementor-icon{ background:#E6EEF2; }

@media (max-width:767px){
  .mrd-assess::before{ display:none; }
  .mrd-assess-step{ padding-bottom:26px; }
}


/* ==========================================================================
   14. NEW — CONTACT
   ========================================================================== */

.mrd-contact-row .elementor-icon{ flex:0 0 auto; }
.mrd-contact-val a{ color:var(--mrd-teal700); text-decoration:none; }
.mrd-contact-val a:hover{ text-decoration:underline; }
.mrd-contact-val p{ margin:0; }

@media (max-width:767px){
  .mrd-contact-left{ border-right:0 !important; }
}

.mrd-form .elementor-field-group input,
.mrd-form .elementor-field-group select,
.mrd-form .elementor-field-group textarea{
  background:#FFFFFF;
  border:1px solid var(--mrd-line);
  border-radius:4px;
  padding:14px 16px;
  font-size:15px;
  color:var(--mrd-ink);
  width:100%;
}
.mrd-form .elementor-field-group input::placeholder,
.mrd-form .elementor-field-group textarea::placeholder{ color:#8B94A3; }
.mrd-form .elementor-field-group input:focus,
.mrd-form .elementor-field-group select:focus,
.mrd-form .elementor-field-group textarea:focus{
  outline:none;
  border-color:var(--mrd-teal);
  box-shadow:0 0 0 3px rgba(0,129,137,.14);
}
.mrd-form .elementor-button[type="submit"]{
  padding:16px 24px;
  font-weight:600;
  letter-spacing:.01em;
}
.mrd-form .elementor-button[type="submit"]:hover{ background-color:var(--mrd-navy900); }


/* ==========================================================================
   15. REDUCED MOTION
   ========================================================================== */

@media (prefers-reduced-motion:reduce){
  .mrd-arcs .a{ stroke-dashoffset:0; animation:none; }
  .mrd-arcs .n{ opacity:.9; animation:none; }
  .mrd-ticker-track{ animation:none; }
  .mrd-map .mrd-pin .h{ animation:none; }
  .mrd-cap, .mrd-tile, .mrd-fcard,
  .e-con.e-grid > .e-con:has(> .mrd-cap-ico){ transition:none; }
  .mrd-fcard:hover{ transform:none; }
}


/* ==========================================================================
   MERGE NOTES — what changed and why
   --------------------------------------------------------------------------
   1. TOKENS. The new-pages file redefined --mrd-ink, --mrd-navy and
      --mrd-teal with different values (#0D1A2C, #02182F, #017C8B). Because
      it was appended after your :root block, it would have overwritten your
      palette site-wide — repainting the header, capability-card hovers and
      map. Those redefinitions are deleted. The new rules now use your
      existing tokens. Only --mrd-teal700, --mrd-onnavy and --mrd-line-dark
      were added, because you had no equivalents.

   2. .mrd-cap. You already use this for the capability cards with the navy
      hover fill and the teal top bar. The Markets page used the same name
      for plain divided columns on a navy band, which would have inherited
      that whole treatment. Renamed to .mrd-mkt-cap in both the CSS and the
      Markets template.

   3. .mrd-step. You already use this with .mrd-step-n for the numbered
      steps and their connector rail. The Logistics page used it for the
      four "Every step managed" columns. Renamed to .mrd-lstep.

   4. .mrd-hero and .mrd-eyebrow. Kept shared deliberately — the new pages
      should pick up your h1 font-variation settings and the teal dash before
      each eyebrow. Added .mrd-eyebrow-c for the centred eyebrows, since your
      base rule left-aligns them.

   Also: all three hero sections now carry .mrd-overlay alongside .mrd-hero,
   so they pull up under the transparent header the way your existing heroes
   do. Without it they would have sat below it with a navy gap.

   The buttons in the new templates use the SVG arrow transition from your
   section 10 rule, so no separate hover rule was needed.

   NOT INCLUDED: the .mrd-prod / .mrd-prod-img / .mrd-fig / .mrd-fx-cans /
   .mrd-cat rules for the Brands & Portfolio grid. They were not in the file
   you sent, so they presumably live elsewhere. If you want everything in one
   place, say so and I'll fold them in.
   ========================================================================== *//* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Archivo';
	font-display: auto;
	src: url('http://meridianisconsultants.com/wp-content/uploads/2026/08/Archivo-Variable.ttf') format('truetype');
}
/* End Custom Fonts CSS */