:root{--navy:#102a3a;--ink:#173344;--muted:#536570;--paper:#fafaf7;--line:#dce1e1;--accent:#a6b7bf;--max:1280px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;font-weight:400;line-height:1.15}h1{font-size:clamp(2.8rem,5.2vw,5.1rem)}h2{font-size:clamp(2.15rem,3.15vw,3.35rem)}h3{font-size:1.55rem}p{color:var(--muted);margin-bottom:1.5rem}:focus-visible{outline-offset:5px;outline:3px solid #c07d31}::selection{color:var(--navy);background:#d3e0e8}.container{width:calc(100% - 112px);max-width:var(--max);margin-inline:auto}.section{padding-block:104px}.eyebrow{letter-spacing:.17em;color:var(--muted);margin-bottom:25px;font-size:.75rem;font-weight:600;line-height:1.5}.text-link{border-bottom:1px solid #a9b5bb;align-items:center;gap:26px;padding:6px 0;font-size:.9rem;font-weight:600;display:inline-flex}.text-link:hover{border-color:var(--navy)}.text-link span{font-size:1.25rem}.skip-link{z-index:100;background:#fff;padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}.site-header{z-index:30;border-bottom:1px solid var(--line);background:#fafaf7fa;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:28px;min-height:96px;display:flex}.brand{letter-spacing:.075em;align-items:center;gap:13px;font-family:Georgia,Times New Roman,serif;font-size:1.65rem;line-height:1;display:flex}.brand-mark{border-top:1px solid;border-bottom:1px solid;padding:1px 3px;font-size:2.55rem;font-style:italic;line-height:1.05}.brand-sub{letter-spacing:.49em;margin-top:9px;padding-left:3px;font:.6rem/1 Arial,sans-serif;display:block}.main-nav{align-items:center;gap:30px;display:flex}.main-nav a{white-space:nowrap;padding:10px 0;font-size:.85rem;position:relative}.main-nav a[aria-current=page]:after,.main-nav a:hover:after{content:"";background:var(--ink);width:100%;height:1px;position:absolute;bottom:2px;left:0}.main-nav a:last-child{border:1px solid var(--ink);padding:10px 24px}.main-nav a:last-child:after{display:none}.main-nav a:last-child:hover{background:var(--navy);color:#fff}.menu-toggle{display:none}.hero{background:var(--navy);color:#fff;isolation:isolate;position:relative}.hero picture,.hero-image,.hero-shade{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.hero-image{object-fit:cover;object-position:center 55%}.hero-shade{background:linear-gradient(90deg,#051723eb 0%,#051723b8 38%,#0517232e 100%),linear-gradient(#0000 40%,#05172366)}.hero-inner{min-height:647px;padding-block:92px 102px}.hero .eyebrow{color:#dae2e5;margin-bottom:32px}.hero h1{letter-spacing:-.04em;margin-bottom:26px;font-size:clamp(2.75rem,4.4vw,4.65rem);line-height:1.14}.hero h1 span{color:#b9ccd5}.hero-description{color:#e0e7eb;margin-bottom:34px;font-size:1.08rem;line-height:1.65}.actions{flex-wrap:wrap;gap:12px;display:flex}.button{background:var(--navy);color:#fff;border:1px solid var(--navy);justify-content:space-between;align-items:center;gap:25px;min-height:52px;padding:12px 22px;font-size:.88rem;font-weight:500;transition:background .18s,color .18s;display:inline-flex}.button span{font-size:1.1rem}.button:hover{background:#26485b}.button-white{background:var(--paper);color:var(--navy);border-color:var(--paper)}.button-white:hover{color:var(--navy);background:#dbe6ec}.button-outline-light{color:#fff;background:0 0;border-color:#a5b4bd}.button-outline-light:hover{background:#ffffff18}.button-outline{color:var(--navy);background:0 0}.button-outline:hover{color:#fff}.hero-foot{border-top:1px solid #ffffff30}.hero-foot .container{letter-spacing:.13em;color:#d6e0e6;justify-content:space-between;align-items:center;min-height:64px;font-size:.7rem;display:flex}.hero-foot a{letter-spacing:.02em;font-size:.82rem}.hero-foot a span{margin-left:22px}.coverage-strip{border-bottom:1px solid var(--line);background:#f0f2f0}.coverage-strip .container{justify-content:space-between;align-items:center;gap:26px;padding-block:25px;display:flex}.coverage-strip span{letter-spacing:.12em;font-size:.7rem;font-weight:600}.coverage-strip p{color:var(--ink);margin:0;font-size:.85rem}.coverage-strip b{color:#7c8d97;margin:0 12px;font-weight:400}.introduction{grid-template-columns:1fr 1fr;gap:90px;display:grid}.lead{color:var(--ink);font-size:1.4rem;line-height:1.5}.introduction .text-link{margin-top:5px}.services-section,.insights-section{background:#eef1f0}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:46px;display:flex}.section-heading h2{margin-bottom:0}.section-heading .text-link{margin-bottom:4px}.service-grid{border-top:1px solid #c3ced2;grid-template-columns:repeat(4,1fr);display:grid}.service-card{border-right:1px solid #c3ced2;flex-direction:column;align-items:flex-start;padding:32px 24px 4px;display:flex}.service-card:first-child{padding-left:0}.service-card:last-child{border:0;padding-right:0}.service-card .index{letter-spacing:.1em;color:#536570;margin-bottom:55px;font-size:.78rem}.service-card h3{letter-spacing:-.035em;max-width:200px;font-size:1.55rem;line-height:1.23}.service-card p{margin-bottom:24px;font-size:.91rem;line-height:1.75}.service-card .text-link{border:0;gap:18px;margin-top:auto;font-size:.8rem}.service-card:hover h3{color:#426b7e}.market-focus{grid-template-columns:1.1fr 1fr;align-items:center;gap:90px;display:grid}.market-photo{position:relative}.market-photo img{aspect-ratio:1.2;object-fit:cover;filter:saturate(.55);width:100%}.market-photo>span{background:var(--navy);color:#fff;letter-spacing:.15em;padding:17px 24px;font-size:.7rem;position:absolute;bottom:0;left:0;right:0}.market-focus h2{margin-bottom:30px}.market-focus p:not(.eyebrow){max-width:430px}.insights-layout{grid-template-columns:.9fr 1.2fr;align-items:center;gap:110px;display:grid}.insights-layout>div>p:not(.eyebrow){max-width:360px}.insight-card{background:var(--paper);border:1px solid var(--line);grid-template-columns:.8fr 1.2fr;display:grid}.insight-image{min-height:310px;position:relative;overflow:hidden}.insight-image img{object-fit:cover;filter:saturate(.55);width:100%;height:100%;transition:transform .3s}.insight-card:hover img{transform:scale(1.03)}.image-label{color:#fff;background:var(--navy);letter-spacing:.12em;padding:5px 8px;font-size:.6rem;position:absolute;top:20px;left:16px}.insight-body{padding:30px}.insight-body h3{font-size:1.65rem;line-height:1.25}.insight-body .eyebrow{letter-spacing:.08em;font-size:.65rem;line-height:1.8}.insight-body .eyebrow span{white-space:nowrap}.insight-body p:not(.eyebrow){font-size:.86rem}.insight-body .text-link{font-size:.82rem}.contact-band{background:var(--navy);color:#fff;padding-block:75px}.contact-band>.container{justify-content:space-between;align-items:center;gap:35px;display:flex}.contact-band .eyebrow{color:#b8cbd4}.contact-band h2{margin:0;font-size:2.8rem}.contact-band .actions{justify-content:flex-end}.site-footer{background:#f7f7f3;padding-top:65px}.footer-top{grid-template-columns:1.25fr .8fr 1fr;gap:60px;padding-bottom:60px;display:grid}.footer-brand{margin-bottom:28px}.footer-top p:not(.eyebrow){font-size:.88rem}.footer-top .eyebrow{margin-top:6px;margin-bottom:20px}.footer-top nav{grid-template-columns:1fr;gap:7px;font-size:.85rem;display:grid}.footer-contact>a{overflow-wrap:anywhere;margin-bottom:12px;font-size:.9rem;display:block}.footer-top a:hover{text-underline-offset:4px;text-decoration:underline}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:24px;padding:24px 0;font-size:.75rem;display:flex}.footer-bottom nav{gap:24px;display:flex}.page-intro{background:var(--navy);color:#fff;padding-block:83px 78px}.page-intro .eyebrow{color:#b9cbd5}.page-intro h1{max-width:1000px;margin-bottom:28px;font-size:clamp(2.75rem,4.8vw,4.6rem)}.intro-copy{max-width:670px}.intro-copy p{color:#dce6ea;margin-bottom:0;font-size:1.1rem}.two-column{grid-template-columns:.85fr 1.2fr;gap:110px;display:grid}.prose{max-width:760px}.prose p{line-height:1.85}.prose h2{margin-top:48px;margin-bottom:20px;font-size:2rem}.prose h2:first-child{margin-top:0}.prose h3{margin-top:30px;font-size:1.3rem}.prose a{overflow-wrap:anywhere;border-bottom:1px solid #9dabb3}.prose li{color:var(--muted);margin:12px 0}.statement{color:var(--ink);border-left:2px solid #9caeb7;padding-left:28px;font-family:Georgia,serif;font-size:1.7rem;line-height:1.55}.rule-list{border-top:1px solid var(--line)}.rule-row{border-bottom:1px solid var(--line);grid-template-columns:80px .8fr 1.2fr;gap:35px;padding:38px 0;scroll-margin-top:110px;display:grid}.rule-row .index{color:var(--muted);font-size:.8rem}.rule-row h2{margin:0;font-size:1.8rem}.rule-row p{margin:0}.coverage-section{background:#eef1f0}.coverage-grid{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:44px;display:grid}.coverage-item{border-top:1px solid #aebec6;padding-top:24px}.coverage-item h3{font-size:1.6rem}.small-note{max-width:780px;margin-top:35px;font-size:.85rem}.insight-list{max-width:900px}.insight-list .insight-card{grid-template-columns:1fr 1.15fr}.article-meta{border-bottom:1px solid var(--line);color:var(--muted);margin-bottom:35px;padding-bottom:24px;font-size:.84rem}.article .prose{margin-inline:auto}.back-link{margin-top:30px}.contact-layout{grid-template-columns:.9fr 1.1fr;gap:100px;display:grid}.contact-email{overflow-wrap:anywhere;border-bottom:1px solid #9bafb9;font-size:clamp(1.1rem,2vw,1.8rem)}.contact-options{gap:24px;display:grid}.contact-option{border:1px solid var(--line);padding:32px;display:block}.contact-option:hover{background:#eef1f0}.contact-option h2{font-size:1.7rem}.contact-option p{font-size:.95rem}.form-shell{grid-template-columns:.6fr 1.4fr;gap:85px;display:grid}.form-sidebar{align-self:start;position:sticky;top:135px}.form-sidebar h2{font-size:1.7rem}.form-sidebar p{font-size:.9rem}.form-sidebar a{overflow-wrap:anywhere}.enquiry-form{max-width:850px}.enquiry-form fieldset{border:0;min-width:0;margin:0 0 32px;padding:0}.enquiry-form legend{letter-spacing:-.02em;border-bottom:1px solid var(--line);width:100%;margin-bottom:24px;padding-bottom:16px;font-size:1.4rem}.field-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.field{flex-direction:column;gap:7px;display:flex}.field-wide{grid-column:1/-1}.field label{font-size:.85rem;font-weight:600}.optional{color:var(--muted);font-weight:400}input,textarea,select{width:100%;color:var(--ink);background:#fff;border:1px solid #aebbc2;border-radius:0;max-width:100%;min-height:49px;padding:11px 13px}textarea{resize:vertical;min-height:112px}input:focus,textarea:focus,select:focus{border-color:var(--navy)}input[aria-invalid=true]{border-color:#a12c23}.field-error{color:#922b21;margin:0;font-size:.85rem}.form-help{font-size:.85rem}.checkbox-row{align-items:flex-start;gap:12px;margin-bottom:24px;font-size:.85rem;display:flex}.checkbox-row input{width:18px;height:18px;min-height:18px;accent-color:var(--navy);flex:0 0 18px;margin-top:5px}.checkbox-row a{text-underline-offset:3px;text-decoration:underline}.form-status{border-left:3px solid var(--navy);color:var(--ink);background:#eaf0f3;margin:20px 0;padding:18px 20px;font-size:.9rem}.form-status.error{background:#fbefed;border-color:#a12c23}.form-status p{color:inherit;margin-bottom:12px}.form-status p:last-child{margin-bottom:0}.enquiry-form button:disabled{opacity:.6;cursor:wait}.honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.legal-layout{grid-template-columns:.65fr 1.35fr;gap:70px;display:grid}.legal-nav{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.legal-nav a{border-bottom:1px solid var(--line);padding:6px 0}.not-found{text-align:center;padding-block:120px}.not-found .actions{justify-content:center}@media (min-width:1600px){.hero-inner{min-height:730px;padding-block:110px 120px}}@media (max-width:1100px){.container{width:calc(100% - 64px)}.main-nav{gap:20px}.header-inner{min-height:86px}.brand{font-size:1.4rem}.main-nav a{font-size:.8rem}.main-nav a:last-child{padding:8px 16px}.section{padding-block:78px}.introduction,.market-focus{gap:55px}.service-card{padding-inline:18px}.service-card h3{font-size:1.35rem}.insights-layout{grid-template-columns:.8fr 1.2fr;gap:50px}.insight-card{grid-template-columns:1fr}.insight-image{height:200px;min-height:0}.contact-band>.container{flex-direction:column;align-items:flex-start}.contact-band .actions{justify-content:flex-start}.two-column,.contact-layout,.form-shell{gap:50px}.footer-top{gap:35px}.coverage-strip .container{flex-wrap:wrap;gap:12px 24px}.coverage-strip span{flex-basis:100%}}@media (max-width:820px){.container{width:calc(100% - 40px)}.header-inner{min-height:80px}.menu-toggle{color:var(--ink);background:0 0;border:1px solid #aebbc2;align-items:center;gap:14px;min-height:44px;padding:8px 14px;font-size:.85rem;display:flex}.menu-toggle span{font-size:1.3rem}.main-nav{background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:2px;max-height:calc(100dvh - 80px);padding:20px;display:none;position:absolute;top:100%;left:0;right:0;overflow:auto;box-shadow:0 10px 20px #102a3a12}.main-nav.is-open{display:flex}.main-nav a{padding:12px 5px;font-size:1rem}.main-nav a:last-child{border:0;padding:12px 5px}.main-nav a[aria-current=page]:after{width:35px}.hero-inner{min-height:600px;padding-block:64px 70px}.hero-image{object-position:60% center}.hero-shade{background:linear-gradient(90deg,#051723e6,#05172366),linear-gradient(#0000,#05172366)}.hero-foot .container>span{display:none}.hero-foot .container{justify-content:flex-end;min-height:56px}.hero h1{font-size:clamp(2.25rem,6.9vw,3.6rem)}.coverage-strip p{font-size:.78rem}.coverage-strip b{margin:0 5px}.introduction,.market-focus,.two-column,.contact-layout,.form-shell,.legal-layout{grid-template-columns:1fr;gap:32px}.service-grid{grid-template-columns:1fr 1fr}.service-card{border-bottom:1px solid #c3ced2;padding:28px 24px!important}.service-card:nth-child(odd){padding-left:0!important}.service-card:nth-child(2n){border-right:0}.service-card:last-child{border-bottom:1px solid #c3ced2}.service-card .index{margin-bottom:30px}.market-focus{gap:40px}.market-photo img{aspect-ratio:1.6}.insights-layout{grid-template-columns:1fr;gap:35px}.insight-card{grid-template-columns:.8fr 1.2fr}.insight-image{height:auto;min-height:300px}.coverage-grid{grid-template-columns:1fr;gap:18px}.rule-row{grid-template-columns:40px 1fr;gap:15px}.rule-row p{grid-column:2}.footer-top{grid-template-columns:1fr 1fr}.footer-contact{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:12px}.form-sidebar{position:static}.form-sidebar .eyebrow{margin-bottom:14px}.page-intro{padding-block:60px}.page-intro h1{font-size:2.65rem}.legal-nav{flex-flow:wrap;gap:15px 25px}}@media (max-width:520px){.section{padding-block:60px}.hero-inner{min-height:620px;padding-top:54px}.hero h1{font-size:2.32rem;line-height:1.2}.hero .eyebrow{letter-spacing:.13em;max-width:250px;margin-bottom:29px;font-size:.67rem}.hero-description{max-width:310px;font-size:1rem}.desktop-break{display:none}.actions{gap:12px}.hero .actions{flex-direction:column;align-items:flex-start}.button{min-width:205px}.coverage-strip .container{padding-block:23px;display:block}.coverage-strip span{margin-bottom:8px;display:block}.coverage-strip p{line-height:1.9}.section-heading{margin-bottom:28px;display:block}.section-heading .text-link{margin-top:20px}.service-grid{grid-template-columns:1fr}.service-card{border-right:0;padding:25px 0!important}.service-card h3{max-width:none;font-size:1.5rem}.service-card .index{margin-bottom:18px}.service-card p{margin-bottom:12px}.insight-card,.insight-list .insight-card{grid-template-columns:1fr}.insight-image{height:220px;min-height:0}.insight-body{padding:26px}.contact-band{padding-block:56px}.contact-band h2{font-size:2.2rem}.contact-band .actions{flex-direction:column}.footer-top{gap:30px;padding-bottom:38px}.footer-top>div:first-child{grid-column:1/-1}.footer-contact{grid-column:auto}.footer-top{grid-template-columns:1fr}.footer-bottom nav{flex-wrap:wrap;gap:10px 22px}.field-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.page-intro h1{font-size:2.45rem}.intro-copy p{font-size:1rem}.rule-row{grid-template-columns:30px 1fr}.rule-row h2{font-size:1.55rem}.contact-option{padding:25px}.form-shell{gap:20px}.enquiry-form legend{font-size:1.3rem}.contact-email{font-size:1.14rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}


/* Moorin Shipping — selected logo v2 */
.brand{
  width:230px!important;
  height:72px!important;
  flex:0 0 230px!important;
  display:block!important;
  background:url("/images/moorin-logo-v2.png") left center/contain no-repeat!important;
  font-size:0!important;
  letter-spacing:0!important;
}
.brand > span{
  display:none!important;
}
@media(max-width:760px){
  .brand{
    width:190px!important;
    height:60px!important;
    flex-basis:190px!important;
  }
}


/* =========================================================
   MOORIN SHIPPING — POLISH V3
   Conservative visual refinement only.
   ========================================================= */
:root{
  --brand-cyan:#23b7d3;
  --brand-cyan-hover:#42c6de;
  --brand-ice:#dbe8ed;
}

/* Header / logo */
.header-inner{
  min-height:96px;
}
.brand{
  width:255px!important;
  height:78px!important;
  flex:0 0 255px!important;
  display:block!important;
  background:url("/images/moorin-logo-polished-v3.png") left center/contain no-repeat!important;
  font-size:0!important;
  letter-spacing:0!important;
}
.brand>span{
  display:none!important;
}
.main-nav{
  gap:32px;
}
.main-nav a{
  font-size:.91rem;
  letter-spacing:.005em;
}
.main-nav a[aria-current=page]:after,
.main-nav a:hover:after{
  background:var(--brand-cyan);
  height:1px;
}
.main-nav a:last-child{
  border-color:#5d737f;
  padding:11px 25px;
}
.main-nav a:last-child:hover{
  background:var(--brand-cyan);
  border-color:var(--brand-cyan);
  color:#041722;
}

/* Hero: keep text legibility on the left, reveal more ship detail on the right */
.hero-shade{
  background:
    linear-gradient(90deg,rgba(5,23,35,.92) 0%,rgba(5,23,35,.70) 40%,rgba(5,23,35,.12) 100%),
    linear-gradient(180deg,rgba(5,23,35,.02) 38%,rgba(5,23,35,.27) 100%);
}
.hero-inner{
  min-height:590px;
  padding-block:78px 76px;
}
.hero .eyebrow{
  margin-bottom:28px;
  color:#e3ecef;
}
.hero h1{
  margin-bottom:24px;
}
.hero h1 span{
  color:var(--brand-ice);
}
.hero-description{
  color:#edf3f5;
  margin-bottom:32px;
}

/* CTA hierarchy: cargo is primary, vessel stays secondary */
.hero .actions .button-white{
  background:var(--brand-cyan);
  border-color:var(--brand-cyan);
  color:#061d28;
  font-weight:600;
}
.hero .actions .button-white:hover{
  background:var(--brand-cyan-hover);
  border-color:var(--brand-cyan-hover);
  color:#041722;
}
.hero .actions .button-outline-light{
  color:#fff;
  border-color:#b8c8cf;
  background:rgba(4,22,33,.18);
}
.hero .actions .button-outline-light:hover{
  border-color:var(--brand-cyan);
  background:rgba(35,183,211,.12);
}

/* Make the bottom hero cue intentional instead of visually lost */
.hero-foot{
  border-top:1px solid rgba(255,255,255,.20);
}
.hero-foot .container{
  min-height:58px;
  color:#e0eaee;
  font-size:.72rem;
}
.hero-foot a{
  color:#eff6f8;
}
.hero-foot a:hover{
  color:var(--brand-cyan-hover);
}

/* Subtle brand-colour continuity below the fold */
.coverage-strip{
  border-top:1px solid rgba(35,183,211,.18);
}

/* Responsive safeguards */
@media(max-width:980px){
  .brand{
    width:225px!important;
    height:70px!important;
    flex-basis:225px!important;
  }
  .main-nav{
    gap:22px;
  }
  .main-nav a{
    font-size:.86rem;
  }
}
@media(max-width:760px){
  .header-inner{
    min-height:78px;
  }
  .brand{
    width:190px!important;
    height:58px!important;
    flex-basis:190px!important;
  }
  .hero-inner{
    min-height:auto;
    padding-block:70px 64px;
  }
  .hero-shade{
    background:
      linear-gradient(90deg,rgba(5,23,35,.91) 0%,rgba(5,23,35,.67) 75%,rgba(5,23,35,.32) 100%),
      linear-gradient(180deg,rgba(5,23,35,.03) 35%,rgba(5,23,35,.30) 100%);
  }
}


/* =========================================================
   MOORIN SHIPPING — VIDEO HERO V4
   Injected after Next hydration for reliable playback
   ========================================================= */
.hero{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate;
}
.hero > picture,
.hero > picture .hero-image,
.hero > .hero-image{
  z-index:0!important;
}
.hero-video-v4{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  z-index:1!important;
  pointer-events:none;
  background:#071b27;
  opacity:0;
  transition:opacity .35s ease;
}
.hero-video-v4.is-playing{
  opacity:1;
}
.hero-shade{
  z-index:2!important;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(4,20,31,.91) 0%,rgba(4,20,31,.72) 38%,rgba(4,20,31,.18) 76%,rgba(4,20,31,.08) 100%),
    linear-gradient(180deg,rgba(4,20,31,.08) 25%,rgba(4,20,31,.38) 100%)!important;
}
.hero-inner,
.hero-foot{
  position:relative;
  z-index:3!important;
}

/* Keep motion available; browser autoplay policy still has final authority. */
@media (prefers-reduced-motion: reduce){
  .hero-video-v4{
    display:block!important;
    transition:none!important;
  }
}
@media(max-width:700px){
  .hero-video-v4{
    object-position:52% center;
  }
  .hero-shade{
    background:
      linear-gradient(90deg,rgba(4,20,31,.90) 0%,rgba(4,20,31,.64) 78%,rgba(4,20,31,.38) 100%),
      linear-gradient(180deg,rgba(4,20,31,.08) 25%,rgba(4,20,31,.40) 100%)!important;
  }
}


/* =========================================================
   MOORIN SHIPPING — HERO / FIRST-FOLD POLISH V5
   Full-viewport cinematic hero; focus bar moves below the fold
   ========================================================= */

/* Fill the visible viewport below the sticky desktop header.
   This pushes the dry-cargo focus strip naturally to the first scroll. */
.hero{
  min-height:calc(100svh - 96px)!important;
  display:flex!important;
  flex-direction:column!important;
}

/* Let the copy breathe vertically instead of ending the hero early. */
.hero-inner{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding-top:clamp(54px,7vh,86px)!important;
  padding-bottom:clamp(44px,6vh,74px)!important;
}

/* Keep the small commercial cue at the actual bottom edge of the video. */
.hero-foot{
  flex:0 0 auto!important;
  margin-top:auto!important;
  background:linear-gradient(180deg,rgba(4,20,31,0),rgba(4,20,31,.18))!important;
}
.hero-foot .container{
  min-height:64px!important;
}

/* Make the next section feel like an intentional market-focus reveal. */
.coverage-strip{
  scroll-margin-top:96px;
  background:
    linear-gradient(90deg,rgba(35,183,211,.045),rgba(35,183,211,0) 34%),
    #171c1e!important;
  border-top:1px solid rgba(35,183,211,.30)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
.coverage-strip .container{
  min-height:94px!important;
  padding-block:0!important;
  align-items:center!important;
}
.coverage-strip span{
  color:#e8f2f5!important;
  letter-spacing:.15em!important;
}
.coverage-strip p{
  color:#eef4f6!important;
}
.coverage-strip b{
  color:rgba(35,183,211,.75)!important;
  font-weight:400!important;
}

/* Slightly cleaner scroll cue over moving footage. */
.hero-foot a{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
}
.hero-foot a span{
  display:inline-block;
  transform:translateY(-1px);
  transition:transform .2s ease;
}
.hero-foot a:hover span{
  transform:translateY(3px);
}

/* Tablet */
@media(max-width:980px){
  .hero{
    min-height:calc(100svh - 96px)!important;
  }
}

/* Mobile: header is 78px in the current site. Content height remains flexible
   if a short device needs more room than the viewport. */
@media(max-width:760px){
  .hero{
    min-height:calc(100svh - 78px)!important;
  }
  .hero-inner{
    justify-content:flex-start!important;
    padding-top:clamp(52px,8vh,78px)!important;
    padding-bottom:54px!important;
  }
  .hero-foot .container{
    min-height:56px!important;
  }
  .coverage-strip{
    scroll-margin-top:78px;
  }
  .coverage-strip .container{
    min-height:0!important;
    padding-block:26px!important;
  }
}


/* =========================================================
   MOORIN SHIPPING — HEADER / BRAND POLISH V6
   Deep marine header matched to the blue-cyan logo
   ========================================================= */

.site-header{
  background:
    linear-gradient(180deg,rgba(5,20,29,.995) 0%,rgba(7,27,38,.995) 100%)!important;
  border-bottom:1px solid rgba(35,183,211,.22)!important;
  box-shadow:0 8px 26px rgba(0,8,14,.14)!important;
  backdrop-filter:none!important;
}

.header-inner{
  min-height:98px!important;
}

/* Give the selected logo a little more authority without making the bar taller. */
.brand{
  width:276px!important;
  height:84px!important;
  flex:0 0 276px!important;
  background-image:url("/images/moorin-logo-polished-v3.png")!important;
  background-position:left center!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
}

/* Cooler navigation tones tie the header to the logo rather than to charcoal. */
.main-nav{
  gap:32px!important;
}
.main-nav a{
  color:#e7f0f3!important;
  font-size:.91rem!important;
  letter-spacing:.005em!important;
  transition:color .18s ease,background .18s ease,border-color .18s ease!important;
}
.main-nav a:hover,
.main-nav a[aria-current=page]{
  color:#fff!important;
}
.main-nav a[aria-current=page]:after,
.main-nav a:hover:after{
  background:#28b9d4!important;
  height:1px!important;
}

/* Contact stays restrained: outlined, not a bright block. */
.main-nav a:last-child{
  color:#edf6f8!important;
  border:1px solid rgba(71,181,205,.48)!important;
  background:rgba(35,183,211,.035)!important;
  padding:11px 25px!important;
}
.main-nav a:last-child:hover{
  color:#fff!important;
  border-color:rgba(62,196,220,.82)!important;
  background:rgba(35,183,211,.12)!important;
  box-shadow:inset 0 0 0 1px rgba(35,183,211,.05)!important;
}
.main-nav a:last-child:after{
  display:none!important;
}

/* Smooth the visual hand-off from header into the moving hero. */
.site-header:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent 0%,rgba(35,183,211,.28) 22%,rgba(35,183,211,.12) 72%,transparent 100%);
  pointer-events:none;
}

/* Tablet */
@media(max-width:980px){
  .brand{
    width:238px!important;
    height:73px!important;
    flex-basis:238px!important;
  }
  .main-nav{
    gap:20px!important;
  }
  .main-nav a{
    font-size:.84rem!important;
  }
}

/* Mobile navigation inherits the same marine identity. */
@media(max-width:760px){
  .site-header{
    background:linear-gradient(180deg,#061720 0%,#081e29 100%)!important;
  }
  .header-inner{
    min-height:78px!important;
  }
  .brand{
    width:198px!important;
    height:60px!important;
    flex-basis:198px!important;
  }
  .menu-toggle{
    color:#eef6f8!important;
    background:rgba(35,183,211,.035)!important;
    border-color:rgba(71,181,205,.48)!important;
  }
  .menu-toggle:hover,
  .menu-toggle:focus-visible{
    background:rgba(35,183,211,.10)!important;
    border-color:rgba(62,196,220,.78)!important;
  }
  .main-nav{
    background:#081e29!important;
    border-bottom:1px solid rgba(35,183,211,.20)!important;
    box-shadow:0 14px 28px rgba(0,8,14,.28)!important;
  }
  .main-nav a{
    color:#e7f0f3!important;
  }
  .main-nav a:last-child{
    border:0!important;
    border-top:1px solid rgba(35,183,211,.18)!important;
    background:transparent!important;
    padding:14px 5px!important;
  }
}

/* =========================================================
   MOORIN SHIPPING — BELOW-HERO CINEMATIC MARINE V9
   Header + video hero are intentionally untouched.
   ========================================================= */
:root{
  --moor-deep:#061923;
  --moor-deep-2:#082431;
  --moor-panel:#0d2e3b;
  --moor-cyan:#2bb9d3;
  --moor-cyan-soft:#79d5e4;
  --moor-ice:#eef8fa;
  --moor-muted:#b9cfd6;
}

/* Focus strip */
.coverage-strip{
  background:
    linear-gradient(90deg,rgba(43,185,211,.045),transparent 24%),
    linear-gradient(180deg,#061923 0%,#082431 100%)!important;
  border-top:1px solid rgba(43,185,211,.26)!important;
  border-bottom:1px solid rgba(43,185,211,.16)!important;
}
.coverage-strip .container{min-height:88px!important}
.coverage-strip span{
  color:#edf7f9!important;
  letter-spacing:.16em!important;
}
.coverage-strip p{color:#ecf6f8!important}
.coverage-strip b{
  color:var(--moor-cyan)!important;
  font-weight:400!important;
}

/* Introduction: text left / cinematic ship image right */
.introduction{
  position:relative!important;
  max-width:none!important;
  width:100%!important;
  min-height:575px!important;
  display:block!important;
  overflow:hidden!important;
  padding-top:92px!important;
  padding-bottom:88px!important;
  padding-left:max(24px,calc((100vw - var(--max))/2))!important;
  padding-right:max(24px,calc((100vw - var(--max))/2))!important;
  background:
    radial-gradient(circle at 8% 40%,rgba(43,185,211,.08),transparent 28%),
    linear-gradient(135deg,#061923 0%,#082b39 62%,#061923 100%)!important;
  color:#eef7f9!important;
  border-top:1px solid rgba(43,185,211,.10)!important;
  border-bottom:1px solid rgba(43,185,211,.16)!important;
}
.introduction:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(125deg,transparent 0 37%,rgba(43,185,211,.045) 37% 52%,transparent 52%),
    linear-gradient(125deg,transparent 0 42%,rgba(255,255,255,.016) 42% 58%,transparent 58%);
}
.introduction:after{
  content:"";
  position:absolute;
  z-index:1;
  top:0;
  right:0;
  bottom:0;
  width:56%;
  background:
    linear-gradient(90deg,rgba(6,25,35,.62) 0%,rgba(6,25,35,.14) 24%,rgba(6,25,35,.04) 100%),
    url("/images/moorin-introduction-bulk-v9.png") center center/cover no-repeat;
  clip-path:polygon(15% 0,100% 0,100% 100%,0 100%);
}
.introduction>div{
  position:relative;
  z-index:2;
  width:42%;
  max-width:610px;
}
.introduction>div+div{margin-top:24px}
.introduction .eyebrow{
  color:#63c9dc!important;
  margin-bottom:24px!important;
}
.introduction h2{
  color:#f4fafb!important;
  font-size:clamp(2.65rem,4vw,4.4rem)!important;
  line-height:1.08!important;
  letter-spacing:-.045em!important;
  margin-bottom:0!important;
}
.introduction .lead{
  color:#edf7f9!important;
  font-size:1.22rem!important;
  line-height:1.48!important;
  margin-bottom:22px!important;
}
.introduction p:not(.lead):not(.eyebrow){
  color:#b8cdd4!important;
  max-width:540px!important;
}
.introduction .text-link{
  color:#ecf7f9!important;
  border-color:rgba(121,213,228,.33)!important;
  margin-top:12px!important;
}
.introduction .text-link:hover{
  color:#78d9e8!important;
  border-color:#2bb9d3!important;
}

/* Services */
.services-section{
  background:
    radial-gradient(circle at 90% 0%,rgba(43,185,211,.08),transparent 27%),
    linear-gradient(180deg,#082431 0%,#061923 100%)!important;
  color:#edf7f9!important;
  border-top:1px solid rgba(43,185,211,.14)!important;
  border-bottom:1px solid rgba(43,185,211,.16)!important;
}
.services-section .eyebrow{color:#69cede!important}
.services-section h2,
.services-section h3{color:#f5fafb!important}
.services-section .section-heading .text-link{
  color:#e8f5f7!important;
  border-color:rgba(121,213,228,.30)!important;
}
.service-grid{border-top:1px solid rgba(121,213,228,.18)!important}
.service-card{
  border-color:rgba(121,213,228,.14)!important;
  color:#ecf7f9!important;
  transition:background .25s ease,border-color .25s ease!important;
}
.service-card:hover{background:rgba(43,185,211,.055)!important}
.service-card .index{color:#36bfd8!important}
.service-card p{color:#b7ccd3!important}
.service-card .text-link{color:#dff3f6!important}

/* Market Focus */
.market-focus{
  position:relative!important;
  isolation:isolate;
  color:#eef7f9!important;
}
.market-focus:before{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  bottom:0;
  left:50%;
  right:50%;
  margin-left:-50vw;
  margin-right:-50vw;
  background:
    radial-gradient(circle at 8% 24%,rgba(43,185,211,.08),transparent 30%),
    linear-gradient(180deg,#061923 0%,#082431 100%);
  border-top:1px solid rgba(43,185,211,.14);
  border-bottom:1px solid rgba(43,185,211,.14);
}
.market-focus .eyebrow{color:#66cbdd!important}
.market-focus h2{color:#f5fafb!important}
.market-focus p{color:#b9ced5!important}
.market-focus .text-link{
  color:#eaf7f9!important;
  border-color:rgba(121,213,228,.30)!important;
}
.market-photo{
  overflow:hidden!important;
  background:#041923!important;
  border:1px solid rgba(43,185,211,.18)!important;
  box-shadow:0 22px 46px rgba(0,8,14,.22)!important;
}
.market-photo img{
  aspect-ratio:1.32!important;
  object-fit:cover!important;
  object-position:center center!important;
  width:100%!important;
  filter:saturate(.86) contrast(1.04)!important;
  transition:transform .45s ease,filter .45s ease!important;
}
.market-photo:hover img{
  transform:scale(1.018);
  filter:saturate(.96) contrast(1.05)!important;
}
.market-photo>span{
  background:rgba(5,24,33,.94)!important;
  color:#eef8f9!important;
  border-top:1px solid rgba(43,185,211,.20)!important;
}

/* Insights */
.insights-section{
  background:
    radial-gradient(circle at 12% 0%,rgba(43,185,211,.08),transparent 30%),
    linear-gradient(180deg,#082431 0%,#061923 100%)!important;
  color:#eef7f9!important;
  border-top:1px solid rgba(43,185,211,.14)!important;
}
.insights-section .eyebrow{color:#6fd2e2!important}
.insights-section h2,
.insights-section h3{color:#f6fafb!important}
.insights-section p{color:#bfd2d8!important}
.insights-section .text-link{
  color:#eaf7f9!important;
  border-color:rgba(121,213,228,.30)!important;
}
.insight-card{
  background:#0c2c39!important;
  border:1px solid rgba(43,185,211,.20)!important;
  box-shadow:0 22px 48px rgba(0,8,13,.20)!important;
}
.insight-card:hover{border-color:rgba(43,185,211,.42)!important}
.insight-image{
  background:#051923!important;
  overflow:hidden!important;
}
.insight-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:saturate(.84) contrast(1.05)!important;
}
.image-label{
  background:rgba(5,24,33,.94)!important;
  color:#eef8f9!important;
  border:1px solid rgba(43,185,211,.16)!important;
}
.insight-body .eyebrow{color:#6fd2e2!important}
.insight-body p:not(.eyebrow){color:#bfd2d8!important}

/* CTA + footer */
.contact-band{
  background:
    radial-gradient(circle at 16% 0%,rgba(43,185,211,.11),transparent 32%),
    linear-gradient(180deg,#061923 0%,#082633 100%)!important;
  border-top:1px solid rgba(43,185,211,.22)!important;
}
.contact-band .eyebrow{color:#78d5e4!important}
.contact-band h2{color:#f6fafb!important}
.contact-band .button-white{
  background:#2bb9d3!important;
  border-color:#2bb9d3!important;
  color:#041b25!important;
}
.contact-band .button-outline-light{
  background:rgba(43,185,211,.035)!important;
  border-color:rgba(142,220,233,.50)!important;
  color:#f3f8f9!important;
}

.site-footer{
  background:#04151e!important;
  color:#c8d8dd!important;
  border-top:1px solid rgba(43,185,211,.20)!important;
}
.site-footer .eyebrow{color:#72cede!important}
.site-footer a{color:#e9f5f7!important}
.site-footer a:hover{color:#58cae0!important}
.footer-bottom{border-color:rgba(121,213,228,.14)!important}

/* Responsive */
@media(max-width:980px){
  .introduction:after{width:51%}
  .introduction>div{width:46%}
}
@media(max-width:760px){
  .coverage-strip .container{
    min-height:0!important;
    padding-block:24px!important;
  }
  .introduction{
    min-height:0!important;
    padding-top:68px!important;
    padding-bottom:0!important;
    padding-left:24px!important;
    padding-right:24px!important;
  }
  .introduction>div{
    width:100%!important;
    max-width:none!important;
  }
  .introduction:after{
    position:relative!important;
    display:block!important;
    width:calc(100% + 48px)!important;
    height:300px!important;
    top:auto!important;
    right:auto!important;
    bottom:auto!important;
    margin:50px -24px 0!important;
    clip-path:none!important;
    background-position:center center!important;
  }
  .introduction h2{
    font-size:clamp(2.35rem,11vw,3.35rem)!important;
  }
}


/* =========================================================
   MOORIN SHIPPING — WHAT WE DO MOTION V10
   Restrained scroll reveal + stagger + cyan line + hover lift.
   ========================================================= */

/* Progressive enhancement: cards stay normal until JS marks the section ready. */
.services-section.what-we-do-ready .service-card{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  opacity:0;
  transform:translate3d(0,26px,0);
  transition:
    opacity .58s cubic-bezier(.22,1,.36,1) var(--service-delay,0ms),
    transform .58s cubic-bezier(.22,1,.36,1) var(--service-delay,0ms),
    background-color .24s ease,
    border-color .24s ease,
    box-shadow .24s ease!important;
  will-change:transform,opacity;
}

/* Animated cyan line travels in as each card reveals. */
.services-section.what-we-do-ready .service-card:before{
  content:"";
  position:absolute;
  top:-1px;
  left:0;
  width:100%;
  height:2px;
  background:linear-gradient(90deg,#2bb9d3 0%,#79d5e4 58%,rgba(121,213,228,0) 100%);
  transform:scaleX(0);
  transform-origin:left center;
  opacity:.92;
  transition:
    transform .72s cubic-bezier(.22,1,.36,1) calc(var(--service-delay,0ms) + 80ms);
  pointer-events:none;
  z-index:2;
}

/* Inner content reveals in a slightly finer sequence. */
.services-section.what-we-do-ready .service-card .index,
.services-section.what-we-do-ready .service-card h3,
.services-section.what-we-do-ready .service-card p,
.services-section.what-we-do-ready .service-card .text-link{
  opacity:0;
  transform:translate3d(0,10px,0);
  transition:
    opacity .42s ease,
    transform .52s cubic-bezier(.22,1,.36,1),
    color .20s ease;
}

.services-section.what-we-do-ready .service-card .index{
  transition-delay:calc(var(--service-delay,0ms) + 20ms);
}
.services-section.what-we-do-ready .service-card h3{
  transition-delay:calc(var(--service-delay,0ms) + 85ms);
}
.services-section.what-we-do-ready .service-card p{
  transition-delay:calc(var(--service-delay,0ms) + 135ms);
}
.services-section.what-we-do-ready .service-card .text-link{
  transition-delay:calc(var(--service-delay,0ms) + 180ms);
}

/* Revealed state. */
.services-section.what-we-do-ready .service-card.is-revealed{
  opacity:1;
  transform:translate3d(0,0,0);
}
.services-section.what-we-do-ready .service-card.is-revealed:before{
  transform:scaleX(1);
}
.services-section.what-we-do-ready .service-card.is-revealed .index,
.services-section.what-we-do-ready .service-card.is-revealed h3,
.services-section.what-we-do-ready .service-card.is-revealed p,
.services-section.what-we-do-ready .service-card.is-revealed .text-link{
  opacity:1;
  transform:translate3d(0,0,0);
}

/* Premium hover: very small lift, brighter cyan detail, restrained background. */
@media (hover:hover) and (pointer:fine){
  .services-section.what-we-do-ready .service-card.is-revealed:hover{
    transform:translate3d(0,-7px,0);
    background:
      linear-gradient(180deg,rgba(43,185,211,.075) 0%,rgba(43,185,211,.025) 100%)!important;
    border-color:rgba(121,213,228,.32)!important;
    box-shadow:0 16px 34px rgba(0,8,14,.14)!important;
  }

  .services-section .service-card:hover .index{
    color:#83deeb!important;
  }
  .services-section .service-card:hover h3{
    color:#f9fcfd!important;
  }

  .services-section .service-card .text-link span[aria-hidden="true"]{
    display:inline-block;
    transition:transform .22s cubic-bezier(.22,1,.36,1);
  }
  .services-section .service-card:hover .text-link span[aria-hidden="true"]{
    transform:translate3d(5px,-2px,0);
  }
}

/* Keyboard focus receives the same visual emphasis as hover. */
.services-section .service-card:focus-visible{
  outline:1px solid rgba(121,213,228,.72);
  outline-offset:-1px;
  background:rgba(43,185,211,.065)!important;
}

/* Mobile/tablet: keep the stagger reveal, remove lift to avoid jumpy touch behavior. */
@media(max-width:760px){
  .services-section.what-we-do-ready .service-card{
    transform:translate3d(0,18px,0);
  }
  .services-section.what-we-do-ready .service-card.is-revealed{
    transform:translate3d(0,0,0);
  }
}

/* Accessibility: no motion when the OS requests reduced motion. */
@media(prefers-reduced-motion:reduce){
  .services-section.what-we-do-ready .service-card,
  .services-section.what-we-do-ready .service-card:before,
  .services-section.what-we-do-ready .service-card .index,
  .services-section.what-we-do-ready .service-card h3,
  .services-section.what-we-do-ready .service-card p,
  .services-section.what-we-do-ready .service-card .text-link,
  .services-section .service-card .text-link span[aria-hidden="true"]{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}


/* =========================================================
   MOORIN SHIPPING — WHAT WE DO MOTION V11
   Grid-triggered so the reveal happens while the cards are actually visible.
   ========================================================= */

/* Neutralize the V10 state classes if any cached DOM state remains. */
.services-section.what-we-do-v11-ready .service-card{
  position:relative;
  overflow:hidden;
  isolation:isolate;

  opacity:0!important;
  filter:blur(6px);
  transform:translate3d(0,46px,0) scale(.985)!important;

  transition:
    opacity .78s cubic-bezier(.16,1,.3,1),
    transform .88s cubic-bezier(.16,1,.3,1),
    filter .72s ease,
    background-color .24s ease,
    border-color .24s ease,
    box-shadow .24s ease!important;

  transition-delay:var(--card-delay,0ms)!important;
  will-change:transform,opacity,filter;
}

/* Stronger cyan sweep at reveal. */
.services-section.what-we-do-v11-ready .service-card:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:2px;
  z-index:3;
  pointer-events:none;

  background:
    linear-gradient(90deg,
      rgba(43,185,211,0) 0%,
      #2bb9d3 12%,
      #88deeb 54%,
      rgba(43,185,211,.22) 82%,
      rgba(43,185,211,0) 100%
    );

  transform:scaleX(0);
  transform-origin:left center;
  opacity:0;

  transition:
    transform .82s cubic-bezier(.16,1,.3,1),
    opacity .18s ease;
  transition-delay:calc(var(--card-delay,0ms) + 80ms);
}

/* Subtle light wash that passes once as the card lands. */
.services-section.what-we-do-v11-ready .service-card:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:0;
  transform:translateX(-65%);
  background:linear-gradient(
    105deg,
    transparent 0%,
    rgba(43,185,211,.02) 38%,
    rgba(89,202,224,.12) 50%,
    rgba(43,185,211,.02) 62%,
    transparent 100%
  );
}

/* Content movement is now visible enough to notice. */
.services-section.what-we-do-v11-ready .service-card .index,
.services-section.what-we-do-v11-ready .service-card h3,
.services-section.what-we-do-v11-ready .service-card p,
.services-section.what-we-do-v11-ready .service-card .text-link{
  opacity:0;
  transform:translate3d(0,18px,0);
  transition:
    opacity .56s ease,
    transform .72s cubic-bezier(.16,1,.3,1),
    color .20s ease!important;
}

.services-section.what-we-do-v11-ready .service-card .index{
  transition-delay:calc(var(--card-delay,0ms) + 80ms)!important;
}
.services-section.what-we-do-v11-ready .service-card h3{
  transition-delay:calc(var(--card-delay,0ms) + 145ms)!important;
}
.services-section.what-we-do-v11-ready .service-card p{
  transition-delay:calc(var(--card-delay,0ms) + 205ms)!important;
}
.services-section.what-we-do-v11-ready .service-card .text-link{
  transition-delay:calc(var(--card-delay,0ms) + 265ms)!important;
}

/* Landed card state. */
.services-section.what-we-do-v11-ready .service-card.is-v11-revealed{
  opacity:1!important;
  filter:blur(0);
  transform:translate3d(0,0,0) scale(1)!important;
}
.services-section.what-we-do-v11-ready .service-card.is-v11-revealed:before{
  transform:scaleX(1);
  opacity:1;
}
.services-section.what-we-do-v11-ready .service-card.is-v11-revealed:after{
  animation:moorServiceSweep .9s cubic-bezier(.16,1,.3,1) calc(var(--card-delay,0ms) + 120ms) 1 both;
}
.services-section.what-we-do-v11-ready .service-card.is-v11-revealed .index,
.services-section.what-we-do-v11-ready .service-card.is-v11-revealed h3,
.services-section.what-we-do-v11-ready .service-card.is-v11-revealed p,
.services-section.what-we-do-v11-ready .service-card.is-v11-revealed .text-link{
  opacity:1;
  transform:translate3d(0,0,0);
}

/* Number receives a brief cyan emphasis as its card appears. */
.services-section.what-we-do-v11-ready .service-card.is-v11-revealed .index{
  animation:moorIndexPulse .9s ease calc(var(--card-delay,0ms) + 90ms) 1 both;
}

@keyframes moorServiceSweep{
  0%{
    opacity:0;
    transform:translateX(-65%);
  }
  28%{
    opacity:1;
  }
  100%{
    opacity:0;
    transform:translateX(70%);
  }
}

@keyframes moorIndexPulse{
  0%{
    color:#2bb9d3;
    text-shadow:0 0 0 rgba(43,185,211,0);
  }
  45%{
    color:#a4ecf4;
    text-shadow:0 0 18px rgba(43,185,211,.52);
  }
  100%{
    color:#36bfd8;
    text-shadow:0 0 0 rgba(43,185,211,0);
  }
}

/* Hover remains premium but is more visible than V10. */
@media (hover:hover) and (pointer:fine){
  .services-section.what-we-do-v11-ready .service-card.is-v11-revealed:hover{
    transform:translate3d(0,-10px,0) scale(1.012)!important;
    background:
      linear-gradient(180deg,rgba(43,185,211,.095) 0%,rgba(43,185,211,.028) 100%)!important;
    border-color:rgba(121,213,228,.40)!important;
    box-shadow:0 22px 42px rgba(0,8,14,.18)!important;
  }

  .services-section.what-we-do-v11-ready .service-card.is-v11-revealed:hover .index{
    color:#9ceaf2!important;
  }

  .services-section.what-we-do-v11-ready .service-card .text-link span[aria-hidden="true"]{
    display:inline-block;
    transition:transform .24s cubic-bezier(.16,1,.3,1)!important;
  }
  .services-section.what-we-do-v11-ready .service-card:hover .text-link span[aria-hidden="true"]{
    transform:translate3d(6px,-3px,0)!important;
  }
}

/* Touch devices: reveal stays; hover/lift does not apply. */
@media(max-width:760px){
  .services-section.what-we-do-v11-ready .service-card{
    transform:translate3d(0,34px,0) scale(.99)!important;
    filter:blur(4px);
  }
  .services-section.what-we-do-v11-ready .service-card.is-v11-revealed{
    transform:translate3d(0,0,0) scale(1)!important;
    filter:blur(0);
  }
}

/* Respect reduced-motion preference. */
@media(prefers-reduced-motion:reduce){
  .services-section.what-we-do-v11-ready .service-card,
  .services-section.what-we-do-v11-ready .service-card:before,
  .services-section.what-we-do-v11-ready .service-card:after,
  .services-section.what-we-do-v11-ready .service-card .index,
  .services-section.what-we-do-v11-ready .service-card h3,
  .services-section.what-we-do-v11-ready .service-card p,
  .services-section.what-we-do-v11-ready .service-card .text-link{
    opacity:1!important;
    filter:none!important;
    transform:none!important;
    animation:none!important;
    transition:none!important;
  }
}


/* =========================================================
   MOORIN SHIPPING — HERO / FOCUS GAP FIX V12
   Removes the empty band highlighted between hero footer and focus strip.
   ========================================================= */

/* Compact the hero's bottom microcopy row. */
.hero-foot{
  margin:0!important;
  padding:0!important;
}
.hero-foot .container{
  min-height:44px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  align-items:center!important;
}

/* Pull the focus strip directly underneath and make it tighter. */
.coverage-strip{
  margin:0!important;
}
.coverage-strip .container{
  min-height:62px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  align-items:center!important;
}

/* Keep both rows visually close without touching. */
.hero-foot + .coverage-strip{
  margin-top:0!important;
}

@media(max-width:820px){
  .hero-foot .container{
    min-height:42px!important;
  }
  .coverage-strip .container{
    min-height:58px!important;
    padding-top:0!important;
    padding-bottom:0!important;
  }
}

@media(max-width:520px){
  .coverage-strip .container{
    min-height:0!important;
    padding-top:16px!important;
    padding-bottom:16px!important;
  }
}


/* =========================================================
   MOORIN SHIPPING — HERO → FOCUS SCROLL TRANSITION V13
   Native scroll remains untouched; only visual interpolation is added.
   ========================================================= */

:root{
  --hero-exit:0;
  --focus-enter:0;
}

/* Soft navy fade grows out of the video at the very bottom. */
.hero{
  position:relative!important;
}
.hero:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:150px;
  z-index:2;
  pointer-events:none;
  opacity:calc(.16 + (var(--hero-exit) * .84));
  background:
    linear-gradient(
      180deg,
      rgba(6,25,35,0) 0%,
      rgba(6,25,35,.16) 34%,
      rgba(6,25,35,.62) 72%,
      rgba(6,25,35,.98) 100%
    );
  transition:opacity .08s linear;
}

/* Keep copy above the transition shade. */
.hero-inner,
.hero-foot{
  position:relative;
  z-index:3!important;
}

/* Hero microcopy subtly leaves as the next band arrives. */
.hero-foot{
  opacity:calc(1 - (var(--hero-exit) * .92));
  transform:translate3d(0,calc(var(--hero-exit) * -14px),0);
  filter:blur(calc(var(--hero-exit) * .65px));
  will-change:transform,opacity,filter;
}
.hero-foot a span{
  transform:translate3d(0,calc(var(--hero-exit) * 6px),0)!important;
}

/* Focus band rises into place instead of appearing as a hard cut. */
.coverage-strip{
  position:relative;
  z-index:4;
  opacity:calc(.26 + (var(--focus-enter) * .74));
  transform:translate3d(0,calc((1 - var(--focus-enter)) * 24px),0);
  box-shadow:
    0 calc((1 - var(--focus-enter)) * -10px) 28px
    rgba(6,25,35,calc(.05 + (var(--focus-enter) * .18)));
  will-change:transform,opacity;
}

/* Thin cyan divider glows briefly during the hand-off. */
.coverage-strip:before{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  top:0;
  height:1px;
  pointer-events:none;
  opacity:calc(var(--focus-enter) * (1 - (var(--focus-enter) * .45)));
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(43,185,211,.22) 12%,
      rgba(121,213,228,.95) 50%,
      rgba(43,185,211,.22) 88%,
      transparent 100%
    );
  box-shadow:0 0 14px rgba(43,185,211,.28);
}

/* Focus contents get a subtle individual settle. */
.coverage-strip .container > *{
  transform:translate3d(0,calc((1 - var(--focus-enter)) * 8px),0);
  opacity:calc(.58 + (var(--focus-enter) * .42));
}

/* Once fully in place, remove any sense of floating. */
.coverage-strip.focus-entered{
  box-shadow:none;
}

/* The "Explore Moorin" cue remains alive but understated. */
@keyframes moorScrollCueV13{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(5px)}
}
.hero-foot a span{
  animation:moorScrollCueV13 1.8s ease-in-out infinite;
}
html.hero-focus-transitioning .hero-foot a span{
  animation-play-state:paused;
}

/* Mobile: slightly shorter transition distance. */
@media(max-width:760px){
  .hero:after{
    height:115px;
  }
  .coverage-strip{
    transform:translate3d(0,calc((1 - var(--focus-enter)) * 16px),0);
  }
}

/* Accessibility: preserve normal layout with no scroll-linked motion. */
@media(prefers-reduced-motion:reduce){
  :root{
    --hero-exit:0!important;
    --focus-enter:1!important;
  }
  .hero:after{
    opacity:.28!important;
  }
  .hero-foot,
  .coverage-strip,
  .coverage-strip .container > *,
  .hero-foot a span{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    animation:none!important;
    transition:none!important;
  }
}


/* =========================================================
   MOORIN SHIPPING — PRIORITY 1 POLISH V14
   Market Focus + Market Insights + CTA/Footer only.
   Header, hero, scroll transition and WHAT WE DO motion untouched.
   ========================================================= */

/* MARKET FOCUS */
.market-focus{
  gap:clamp(58px,6.5vw,108px)!important;
  align-items:center!important;
  padding-top:clamp(86px,8vw,128px)!important;
  padding-bottom:clamp(86px,8vw,128px)!important;
}
.market-focus:before{
  background:
    linear-gradient(118deg,rgba(43,185,211,.035) 0 18%,transparent 18% 68%,rgba(43,185,211,.025) 68% 100%),
    radial-gradient(circle at 8% 22%,rgba(43,185,211,.08),transparent 32%),
    linear-gradient(180deg,#061923 0%,#082431 100%)!important;
}
.market-photo{
  border-radius:6px!important;
  border:1px solid rgba(121,213,228,.23)!important;
  box-shadow:
    0 26px 60px rgba(0,8,14,.28),
    0 0 0 1px rgba(255,255,255,.015) inset!important;
}
.market-photo:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
  border-radius:inherit;
  background:
    linear-gradient(180deg,rgba(4,24,33,0) 52%,rgba(4,24,33,.20) 82%,rgba(4,24,33,.44) 100%),
    linear-gradient(120deg,rgba(43,185,211,.025),transparent 38%);
}
.market-photo img{
  display:block;
  transition:transform .58s cubic-bezier(.16,1,.3,1),filter .45s ease!important;
}
.market-photo:hover img{transform:scale(1.025)!important}
.market-photo>span{
  position:relative;
  z-index:2;
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  padding:0 24px!important;
  letter-spacing:.16em!important;
  font-size:.72rem!important;
  background:linear-gradient(90deg,rgba(5,24,33,.97),rgba(7,37,49,.95))!important;
  border-top:1px solid rgba(121,213,228,.24)!important;
}
.market-photo>span:before{
  content:"";
  width:28px;
  height:1px;
  margin-right:12px;
  background:#2bb9d3;
  box-shadow:0 0 10px rgba(43,185,211,.42);
}
.market-focus>div:last-child{
  max-width:590px;
  align-self:center;
}
.market-focus>div:last-child .eyebrow{margin-bottom:22px!important}
.market-focus>div:last-child h2{
  font-size:clamp(2.75rem,4.35vw,4.55rem)!important;
  line-height:1.08!important;
  letter-spacing:-.045em!important;
  margin-bottom:30px!important;
}
.market-focus>div:last-child h2+p{
  color:#d8e8ec!important;
  font-size:1.06rem!important;
  line-height:1.68!important;
  max-width:535px;
  margin-bottom:22px!important;
}
.market-focus>div:last-child h2+p+p{
  color:#afc6ce!important;
  line-height:1.68!important;
  max-width:530px;
  margin-bottom:30px!important;
}
.market-focus .text-link{
  position:relative;
  padding-bottom:12px!important;
  border-bottom:0!important;
}
.market-focus .text-link:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:1px;
  background:linear-gradient(90deg,rgba(121,213,228,.48),rgba(121,213,228,.08));
  transform-origin:left;
  transition:transform .28s ease,background .28s ease;
}
.market-focus .text-link:hover:after{
  transform:scaleX(1.12);
  background:linear-gradient(90deg,#79d5e4,rgba(121,213,228,.12));
}
.market-focus .text-link span{
  display:inline-block;
  transition:transform .25s cubic-bezier(.16,1,.3,1);
}
.market-focus .text-link:hover span{transform:translate3d(5px,-3px,0)}

/* MARKET INSIGHTS — editorial feature */
.insights-section{
  position:relative;
  overflow:hidden;
}
.insights-section:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(128deg,transparent 0 56%,rgba(43,185,211,.035) 56% 70%,transparent 70%),
    radial-gradient(circle at 86% 18%,rgba(43,185,211,.08),transparent 29%);
}
.insights-layout{
  position:relative;
  z-index:1;
  grid-template-columns:minmax(280px,.78fr) minmax(560px,1.22fr)!important;
  gap:clamp(60px,7vw,120px)!important;
  align-items:center!important;
}
.insights-layout>div:first-child{max-width:500px}
.insights-layout>div:first-child .eyebrow{margin-bottom:22px!important}
.insights-layout>div:first-child h2{
  font-size:clamp(2.7rem,4.1vw,4.25rem)!important;
  line-height:1.08!important;
  letter-spacing:-.045em!important;
  margin-bottom:34px!important;
}
.insights-layout>div:first-child>p:not(.eyebrow){
  color:#b9ced5!important;
  font-size:1.02rem!important;
  line-height:1.7!important;
  max-width:440px;
  margin-bottom:26px!important;
}
.insights-layout>div:first-child .text-link{
  position:relative;
  border:0!important;
  padding-bottom:11px!important;
}
.insights-layout>div:first-child .text-link:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:1px;
  background:linear-gradient(90deg,rgba(121,213,228,.48),rgba(121,213,228,.08));
  transition:transform .28s ease,background .28s ease;
  transform-origin:left;
}
.insights-layout>div:first-child .text-link:hover:after{
  transform:scaleX(1.12);
  background:linear-gradient(90deg,#79d5e4,rgba(121,213,228,.12));
}
.insight-card{
  position:relative;
  overflow:hidden!important;
  border-radius:7px!important;
  grid-template-columns:42% 58%!important;
  min-height:340px;
  background:linear-gradient(135deg,rgba(17,57,72,.98),rgba(9,39,51,.98))!important;
  border:1px solid rgba(121,213,228,.22)!important;
  box-shadow:
    0 28px 66px rgba(0,7,12,.28),
    0 0 0 1px rgba(255,255,255,.012) inset!important;
  transition:transform .34s cubic-bezier(.16,1,.3,1),border-color .25s ease,box-shadow .30s ease!important;
}
.insight-card:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
  opacity:.8;
  background:linear-gradient(110deg,transparent 0 60%,rgba(43,185,211,.045) 60% 76%,transparent 76%);
}
.insight-card:hover{
  transform:translate3d(0,-7px,0)!important;
  border-color:rgba(121,213,228,.44)!important;
  box-shadow:0 36px 78px rgba(0,7,12,.34),0 0 24px rgba(43,185,211,.05)!important;
}
.insight-image{
  position:relative;
  min-height:340px!important;
}
.insight-image:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(4,24,33,.03) 55%,rgba(4,24,33,.30) 100%),
    linear-gradient(180deg,rgba(4,24,33,.03),rgba(4,24,33,.24));
}
.insight-image img{
  transition:transform .55s cubic-bezier(.16,1,.3,1),filter .45s ease!important;
}
.insight-card:hover .insight-image img{transform:scale(1.035)!important}
.image-label{
  top:20px!important;
  left:20px!important;
  z-index:2!important;
  border-radius:999px!important;
  padding:8px 12px!important;
  font-size:.66rem!important;
  letter-spacing:.13em!important;
  background:rgba(4,24,33,.86)!important;
  border:1px solid rgba(121,213,228,.28)!important;
  box-shadow:0 8px 20px rgba(0,8,14,.18);
  backdrop-filter:blur(8px);
}
.insight-body{
  position:relative;
  z-index:2;
  padding:38px 38px 34px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
}
.insight-body>.eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content;
  max-width:100%;
  margin-bottom:24px!important;
  padding:7px 10px!important;
  border-radius:999px;
  background:rgba(43,185,211,.07);
  border:1px solid rgba(121,213,228,.13);
  letter-spacing:.09em!important;
  font-size:.67rem!important;
}
.insight-body>.eyebrow span{opacity:.72}
.insight-body h3{
  font-size:clamp(1.55rem,2.1vw,2.15rem)!important;
  line-height:1.17!important;
  letter-spacing:-.025em!important;
  margin-bottom:24px!important;
}
.insight-body>p:not(.eyebrow){
  line-height:1.66!important;
  max-width:500px;
  margin-bottom:26px!important;
}
.insight-body .text-link{
  width:max-content;
  position:relative;
  border:0!important;
  padding-bottom:10px!important;
}
.insight-body .text-link:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:1px;
  background:linear-gradient(90deg,rgba(121,213,228,.48),rgba(121,213,228,.08));
  transition:transform .28s ease,background .28s ease;
  transform-origin:left;
}
.insight-card:hover .insight-body .text-link:after{
  transform:scaleX(1.12);
  background:linear-gradient(90deg,#79d5e4,rgba(121,213,228,.12));
}
.insight-body .text-link span{
  display:inline-block;
  transition:transform .25s cubic-bezier(.16,1,.3,1);
}
.insight-card:hover .insight-body .text-link span{transform:translate3d(5px,-3px,0)}

/* CTA */
.contact-band{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.contact-band:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(124deg,transparent 0 52%,rgba(43,185,211,.052) 52% 65%,transparent 65%),
    radial-gradient(circle at 14% 0%,rgba(121,213,228,.10),transparent 30%);
}
.contact-band:after{
  content:"";
  position:absolute;
  top:0;
  left:9%;
  right:9%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(121,213,228,.42),transparent);
  box-shadow:0 0 14px rgba(43,185,211,.14);
}
.contact-band .container{
  min-height:280px!important;
  align-items:center!important;
}
.contact-band h2{letter-spacing:-.035em!important}
.contact-band .actions{gap:14px!important}
.contact-band .button{
  min-width:190px;
  justify-content:center;
  transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .24s ease,background .24s ease,border-color .24s ease!important;
}
.contact-band .button span{
  display:inline-block;
  transition:transform .23s cubic-bezier(.16,1,.3,1);
}
.contact-band .button:hover{transform:translateY(-3px)}
.contact-band .button:hover span{transform:translate3d(4px,-2px,0)}
.contact-band .button-white:hover{box-shadow:0 14px 30px rgba(43,185,211,.18)!important}
.contact-band .button-outline-light:hover{
  background:rgba(43,185,211,.10)!important;
  border-color:rgba(121,213,228,.78)!important;
  box-shadow:0 12px 28px rgba(0,9,15,.15)!important;
}

/* FOOTER */
.site-footer{position:relative}
.site-footer:before{
  content:"";
  position:absolute;
  top:0;
  left:8%;
  right:8%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(121,213,228,.40),transparent);
  box-shadow:0 0 14px rgba(43,185,211,.11);
}
.footer-top{
  grid-template-columns:1.22fr .72fr 1fr!important;
  gap:clamp(56px,8vw,132px)!important;
  padding-top:72px!important;
  padding-bottom:62px!important;
  align-items:start!important;
}
.footer-brand{margin-bottom:24px!important}
.footer-top>div:first-child>p{
  color:#91aeb8!important;
  line-height:1.65!important;
}
.footer-top .eyebrow{margin-bottom:20px!important}
.footer-top nav,.footer-contact{gap:12px!important}
.footer-top nav a,.footer-contact a{
  position:relative;
  width:max-content;
  max-width:100%;
  transition:color .20s ease,transform .20s ease!important;
}
.footer-top nav a:after,.footer-contact a:after{
  content:"";
  position:absolute;
  left:0;
  bottom:-4px;
  width:100%;
  height:1px;
  background:#58cae0;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .22s ease;
}
.footer-top nav a:hover,.footer-contact a:hover{transform:translateX(2px)}
.footer-top nav a:hover:after,.footer-contact a:hover:after{transform:scaleX(1)}
.footer-bottom{
  min-height:72px!important;
  padding-top:22px!important;
  padding-bottom:22px!important;
  align-items:center!important;
}
.footer-bottom nav{gap:28px!important}
.footer-bottom,.footer-bottom a{font-size:.76rem!important}
.footer-bottom>span{color:#7e9aa5!important}
.footer-bottom a{color:#b9ced5!important}
.footer-bottom a:hover{color:#78d5e4!important}

/* RESPONSIVE */
@media(max-width:980px){
  .market-focus{gap:48px!important}
  .insights-layout{
    grid-template-columns:1fr!important;
    gap:52px!important;
  }
  .insights-layout>div:first-child{max-width:620px}
  .insight-card{grid-template-columns:42% 58%!important}
  .footer-top{gap:46px!important}
}
@media(max-width:760px){
  .market-focus{
    gap:42px!important;
    padding-top:72px!important;
    padding-bottom:72px!important;
  }
  .market-focus>div:last-child h2{font-size:clamp(2.45rem,11vw,3.25rem)!important}
  .market-photo{border-radius:4px!important}
  .insight-card{grid-template-columns:1fr!important}
  .insight-image{min-height:260px!important}
  .insight-body{padding:30px 26px 28px!important}
  .contact-band .container{
    min-height:0!important;
    padding-top:64px!important;
    padding-bottom:64px!important;
  }
  .contact-band .button{min-width:0}
  .footer-top{
    grid-template-columns:1fr!important;
    gap:38px!important;
    padding-top:58px!important;
    padding-bottom:46px!important;
  }
  .footer-bottom{
    align-items:flex-start!important;
    gap:18px!important;
  }
  .footer-bottom nav{
    gap:16px!important;
    flex-wrap:wrap!important;
  }
}


/* =========================================================
   MOORIN SHIPPING — PRIORITY 2 POLISH V15
   Focus: MARKET INSIGHTS section only.
   ========================================================= */
.insights-section{
  position:relative;
  overflow:hidden;
  padding-top:clamp(96px,9vw,138px)!important;
  padding-bottom:clamp(96px,9vw,138px)!important;
  background:
    linear-gradient(180deg,#051a23 0%,#072331 100%)!important;
}
.insights-section:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 12% 20%, rgba(43,185,211,.08), transparent 28%),
    radial-gradient(circle at 88% 18%, rgba(43,185,211,.07), transparent 30%),
    linear-gradient(124deg, transparent 0 54%, rgba(43,185,211,.04) 54% 70%, transparent 70%);
}
.insights-section:after{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(121,213,228,.30),transparent);
  box-shadow:0 0 16px rgba(43,185,211,.09);
}
.insights-layout{
  position:relative;
  z-index:1;
  grid-template-columns:minmax(300px,.84fr) minmax(620px,1.16fr)!important;
  gap:clamp(54px,6vw,96px)!important;
  align-items:center!important;
}
.insights-layout>div:first-child{
  position:relative;
  max-width:520px;
  padding:34px 34px 34px 0;
}
.insights-layout>div:first-child:before{
  content:"";
  position:absolute;
  left:-20px;
  top:20px;
  bottom:20px;
  width:1px;
  background:linear-gradient(180deg,rgba(121,213,228,.0),rgba(121,213,228,.35),rgba(121,213,228,.0));
}
.insights-layout>div:first-child .eyebrow{
  margin-bottom:24px!important;
}
.insights-layout>div:first-child h2{
  font-size:clamp(2.95rem,4.45vw,4.85rem)!important;
  line-height:1.04!important;
  letter-spacing:-.05em!important;
  margin-bottom:30px!important;
  max-width:480px;
}
.insights-layout>div:first-child>p:not(.eyebrow){
  color:#c1d5db!important;
  font-size:1.05rem!important;
  line-height:1.72!important;
  max-width:420px;
  margin-bottom:28px!important;
}
.insights-layout>div:first-child .text-link{
  position:relative;
  padding-bottom:12px!important;
  border-bottom:0!important;
}
.insights-layout>div:first-child .text-link:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:1px;
  background:linear-gradient(90deg,rgba(121,213,228,.52),rgba(121,213,228,.10));
  transform-origin:left;
  transition:transform .28s ease, background .28s ease;
}
.insights-layout>div:first-child .text-link:hover:after{
  transform:scaleX(1.12);
  background:linear-gradient(90deg,#79d5e4,rgba(121,213,228,.16));
}
.insights-layout>div:first-child .text-link span{
  display:inline-block;
  transition:transform .24s cubic-bezier(.16,1,.3,1);
}
.insights-layout>div:first-child .text-link:hover span{
  transform:translate3d(5px,-3px,0);
}

.insight-card{
  position:relative;
  overflow:hidden!important;
  min-height:390px!important;
  border-radius:8px!important;
  grid-template-columns:39% 61%!important;
  background:linear-gradient(135deg,rgba(10,41,54,.98),rgba(8,34,46,.98))!important;
  border:1px solid rgba(121,213,228,.22)!important;
  box-shadow:
    0 34px 76px rgba(0,8,14,.32),
    0 0 0 1px rgba(255,255,255,.015) inset!important;
  transition:transform .34s cubic-bezier(.16,1,.3,1), box-shadow .3s ease, border-color .3s ease!important;
}
.insight-card:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
  background:
    linear-gradient(112deg,transparent 0 58%,rgba(43,185,211,.05) 58% 72%,transparent 72%),
    linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0));
}
.insight-card:hover{
  transform:translate3d(0,-8px,0)!important;
  border-color:rgba(121,213,228,.42)!important;
  box-shadow:
    0 42px 90px rgba(0,8,14,.38),
    0 0 30px rgba(43,185,211,.06)!important;
}
.insight-image{
  position:relative;
  min-height:390px!important;
  overflow:hidden!important;
}
.insight-image:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(4,24,33,.06),rgba(4,24,33,.24)),
    linear-gradient(90deg,rgba(4,24,33,.0) 55%,rgba(4,24,33,.28) 100%);
}
.insight-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transition:transform .6s cubic-bezier(.16,1,.3,1), filter .45s ease!important;
}
.insight-card:hover .insight-image img{
  transform:scale(1.045)!important;
}
.image-label{
  top:22px!important;
  left:22px!important;
  z-index:2!important;
  border-radius:999px!important;
  padding:8px 12px!important;
  font-size:.67rem!important;
  letter-spacing:.13em!important;
  background:rgba(4,24,33,.88)!important;
  border:1px solid rgba(121,213,228,.26)!important;
  box-shadow:0 10px 20px rgba(0,8,14,.18);
  backdrop-filter:blur(8px);
}
.insight-body{
  position:relative;
  z-index:2;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:44px 42px 40px!important;
  background:
    linear-gradient(135deg,rgba(10,46,60,.84),rgba(8,33,45,.72));
  backdrop-filter:blur(3px);
}
.insight-body>.eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content;
  max-width:100%;
  margin-bottom:24px!important;
  padding:8px 11px!important;
  border-radius:999px;
  background:rgba(43,185,211,.07);
  border:1px solid rgba(121,213,228,.12);
  letter-spacing:.10em!important;
  font-size:.68rem!important;
}
.insight-body>.eyebrow span{opacity:.76;}
.insight-body h3{
  font-size:clamp(1.75rem,2.18vw,2.35rem)!important;
  line-height:1.14!important;
  letter-spacing:-.03em!important;
  max-width:520px;
  margin-bottom:22px!important;
}
.insight-body>p:not(.eyebrow){
  color:#bed2d9!important;
  line-height:1.7!important;
  max-width:500px;
  margin-bottom:28px!important;
}
.insight-body .text-link{
  position:relative;
  width:max-content;
  border:0!important;
  padding-bottom:10px!important;
}
.insight-body .text-link:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:1px;
  background:linear-gradient(90deg,rgba(121,213,228,.52),rgba(121,213,228,.10));
  transform-origin:left;
  transition:transform .28s ease, background .28s ease;
}
.insight-card:hover .insight-body .text-link:after{
  transform:scaleX(1.1);
  background:linear-gradient(90deg,#79d5e4,rgba(121,213,228,.16));
}
.insight-body .text-link span{
  display:inline-block;
  transition:transform .24s cubic-bezier(.16,1,.3,1);
}
.insight-card:hover .insight-body .text-link span{
  transform:translate3d(5px,-3px,0);
}

@media(max-width:980px){
  .insights-layout{
    grid-template-columns:1fr!important;
    gap:44px!important;
  }
  .insights-layout>div:first-child{
    max-width:620px;
    padding-right:0!important;
  }
  .insights-layout>div:first-child:before{
    display:none;
  }
}

@media(max-width:760px){
  .insights-section{
    padding-top:78px!important;
    padding-bottom:78px!important;
  }
  .insights-layout>div:first-child h2{
    font-size:clamp(2.5rem,11vw,3.4rem)!important;
    margin-bottom:22px!important;
  }
  .insight-card{
    grid-template-columns:1fr!important;
    min-height:0!important;
  }
  .insight-image{
    min-height:248px!important;
  }
  .insight-body{
    padding:30px 26px 28px!important;
  }
  .insight-body h3{
    font-size:1.65rem!important;
  }
}


/* =========================================================
   MOORIN SHIPPING — WHEEL PHYSICS V18
   The base stylesheet uses html{scroll-behavior:smooth}. That conflicts with
   frame-by-frame wheel physics and creates visible input lag.
   ========================================================= */
html.moorin-wheel-inertia{
  scroll-behavior:auto!important;
}


/* =========================================================
   MOORIN SHIPPING — NEW CORPORATE LOGO V19
   Uses the user-approved stacked Moorin Shipping logo.
   Only transparent canvas padding was trimmed from the source asset.
   ========================================================= */

/* Header */
.site-header .brand{
  width:152px!important;
  height:84px!important;
  flex:0 0 152px!important;
  display:block!important;
  background-image:url("/images/moorin-logo-v19.png")!important;
  background-position:left center!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  font-size:0!important;
  letter-spacing:0!important;

  /* The supplied master is dark navy; lift it only for contrast
     against Moorin's dark header without changing the artwork. */
  filter:brightness(3.05) saturate(1.08)
         drop-shadow(0 0 8px rgba(43,185,211,.10));
}

/* Footer uses the same master at a larger presentation size. */
.site-footer .footer-brand{
  width:186px!important;
  height:146px!important;
  flex:0 0 auto!important;
  display:block!important;
  background-image:url("/images/moorin-logo-v19.png")!important;
  background-position:left center!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
  filter:brightness(3.05) saturate(1.08)
         drop-shadow(0 0 10px rgba(43,185,211,.08));
}

/* Preserve hidden legacy brand text nodes; artwork is now the visual mark. */
.site-header .brand > span,
.site-footer .footer-brand > span{
  display:none!important;
}

@media(max-width:980px){
  .site-header .brand{
    width:136px!important;
    height:80px!important;
    flex-basis:136px!important;
  }
}

@media(max-width:760px){
  .site-header .brand{
    width:112px!important;
    height:68px!important;
    flex-basis:112px!important;
  }

  .site-footer .footer-brand{
    width:158px!important;
    height:124px!important;
  }
}


/* =========================================================
   MOORIN SHIPPING — V20 LOGO + SMART HEADER
   - Logo +14% larger and slightly brighter.
   - Header hides on intentional downward scroll and returns on upward scroll.
   - Transform-only motion: no layout jump.
   ========================================================= */

.site-header{
  transition:
    transform .46s cubic-bezier(.22,1,.36,1),
    box-shadow .28s ease,
    border-color .28s ease!important;
  transform:translate3d(0,0,0);
  will-change:transform;
}

/* Hide fully without changing document layout. */
.site-header.moor-header-hidden{
  transform:translate3d(0,calc(-100% - 2px),0)!important;
  box-shadow:none!important;
}

/* Keyboard users must never lose access to the navigation. */
.site-header:focus-within{
  transform:translate3d(0,0,0)!important;
}

/* Header logo: ~14% larger than V19 and a touch brighter. */
.site-header .brand{
  width:174px!important;
  height:96px!important;
  flex:0 0 174px!important;
  filter:
    brightness(3.28)
    saturate(1.11)
    drop-shadow(0 0 9px rgba(43,185,211,.12))!important;
}

/* Keep the header itself at the established V6/V19 height. */
.header-inner{
  min-height:98px!important;
}

/* Footer logo gets only the contrast refinement, not an aggressive resize. */
.site-footer .footer-brand{
  filter:
    brightness(3.20)
    saturate(1.10)
    drop-shadow(0 0 11px rgba(43,185,211,.09))!important;
}

/* Reduced-motion: keep smart behavior but remove animated travel. */
@media(prefers-reduced-motion:reduce){
  .site-header{
    transition:none!important;
  }
}

@media(max-width:980px){
  .site-header .brand{
    width:155px!important;
    height:90px!important;
    flex-basis:155px!important;
  }
}

@media(max-width:760px){
  .site-header .brand{
    width:126px!important;
    height:76px!important;
    flex-basis:126px!important;
  }

  /* The mobile bar is shorter; use a quicker but equally soft motion. */
  .site-header{
    transition:transform .38s cubic-bezier(.22,1,.36,1)!important;
  }
}


/* =========================================================
   MOORIN SHIPPING — V21 HEADER LOGO
   Horizontal white MOORIN / SHIPPING lockup in header only.
   Footer logo remains unchanged.
   ========================================================= */

.site-header .brand{
  width:290px!important;
  height:72px!important;
  flex:0 0 290px!important;
  display:block!important;

  background-image:url("/images/moorin-header-horizontal-white-v21.png")!important;
  background-position:left center!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;

  /* New artwork is already white/blue; no brightness recoloring. */
  filter:drop-shadow(0 0 9px rgba(43,185,211,.08))!important;
}

/* Header height and smart hide/reveal behavior stay exactly as V20. */
.header-inner{
  min-height:98px!important;
}

@media(max-width:1100px){
  .site-header .brand{
    width:250px!important;
    height:68px!important;
    flex-basis:250px!important;
  }

  .main-nav{
    gap:22px!important;
  }
}

@media(max-width:900px){
  .site-header .brand{
    width:220px!important;
    height:64px!important;
    flex-basis:220px!important;
  }
}

@media(max-width:760px){
  .site-header .brand{
    width:190px!important;
    height:58px!important;
    flex-basis:190px!important;
  }
}

@media(max-width:480px){
  .site-header .brand{
    width:165px!important;
    height:52px!important;
    flex-basis:165px!important;
  }
}


/* =========================================================
   MOORIN SHIPPING — CLEAN PREMIUM FOOTER V27
   Built from stable V21.
   No new JS, no observers, no photographic overlay blocks.
   ========================================================= */

.site-footer{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  color:#eef8fb!important;
  background:
    radial-gradient(circle at 18% 22%,rgba(24,122,166,.10),transparent 26%),
    radial-gradient(circle at 82% 18%,rgba(22,115,157,.06),transparent 24%),
    linear-gradient(180deg,#031821 0%,#041b25 58%,#031720 100%)!important;
  border-top:1px solid rgba(62,190,229,.20)!important;
}

/* soft full-width maritime depth, without a visible rectangular image */
.site-footer:after{
  content:"";
  position:absolute;
  z-index:0;
  left:0;
  right:0;
  bottom:70px;
  height:46%;
  pointer-events:none;
  opacity:.48;
  background:
    radial-gradient(ellipse at 78% 90%,rgba(27,145,191,.09) 0 16%,transparent 17%),
    radial-gradient(ellipse at 73% 105%,transparent 0 52%,rgba(44,171,216,.10) 53% 54%,transparent 55%),
    radial-gradient(ellipse at 56% 108%,transparent 0 58%,rgba(44,171,216,.075) 59% 60%,transparent 61%),
    linear-gradient(180deg,transparent 0 58%,rgba(9,52,70,.18) 100%);
}

/* fine cyan top line */
.site-footer:before{
  content:"";
  position:absolute;
  z-index:2;
  top:0;
  left:7%;
  right:7%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(67,203,235,.42),transparent)!important;
  box-shadow:none!important;
}

.site-footer>.container{
  position:relative;
  z-index:1;
  max-width:1480px!important;
}

/* desktop 3-column composition */
.site-footer .footer-top{
  display:grid!important;
  grid-template-columns:minmax(360px,1.25fr) minmax(220px,.68fr) minmax(360px,1fr)!important;
  gap:clamp(56px,6vw,110px)!important;
  align-items:start!important;
  padding-top:clamp(74px,6vw,96px)!important;
  padding-bottom:clamp(58px,5vw,76px)!important;
}

/* separators inspired by selected concept */
.site-footer .footer-top>div{
  position:relative;
  min-width:0;
}

.site-footer .footer-top>div:nth-child(2),
.site-footer .footer-top>div:nth-child(3){
  padding-left:clamp(28px,3vw,44px)!important;
}

.site-footer .footer-top>div:nth-child(2):before,
.site-footer .footer-top>div:nth-child(3):before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:6px;
  width:1px;
  background:linear-gradient(
    180deg,
    transparent 0%,
    rgba(71,197,233,.20) 12%,
    rgba(71,197,233,.38) 46%,
    rgba(71,197,233,.18) 88%,
    transparent 100%
  );
}

/* left brand area */
.site-footer .footer-brand{
  display:block!important;
  width:min(100%,460px)!important;
  height:106px!important;
  margin:0 0 30px!important;
  background-image:url("/images/moorin-header-horizontal-white-v21.png")!important;
  background-repeat:no-repeat!important;
  background-position:left center!important;
  background-size:contain!important;
  filter:none!important;
}

.site-footer .footer-brand>span{
  display:none!important;
}

.site-footer .footer-top>div:first-child>p{
  position:relative;
  margin:0!important;
  padding-top:24px!important;
  max-width:470px;
  color:#d4e6eb!important;
  font-size:.94rem!important;
  line-height:1.72!important;
  letter-spacing:.055em!important;
}

/* short cyan accent */
.site-footer .footer-top>div:first-child>p:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:48px;
  height:2px;
  background:linear-gradient(90deg,#33d8ee,#168cff);
}

/* tighten tagline to two lines visually */
.site-footer .footer-top>div:first-child>p br{
  display:block;
}

/* headings */
.site-footer .footer-top .eyebrow{
  position:relative;
  margin:1px 0 28px!important;
  padding-bottom:16px;
  color:#3bc8e8!important;
  font-size:.78rem!important;
  font-weight:700!important;
  letter-spacing:.19em!important;
}

.site-footer .footer-top .eyebrow:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:42px;
  height:2px;
  background:linear-gradient(90deg,#33d8ee,#168cff);
}

/* Explore */
.site-footer .footer-top nav{
  display:grid!important;
  gap:16px!important;
}

.site-footer .footer-top nav a{
  position:relative;
  width:max-content;
  max-width:100%;
  color:#f4f9fb!important;
  font-size:1rem!important;
  line-height:1.35;
  text-decoration:none!important;
  transition:color .18s ease,transform .18s ease!important;
}

.site-footer .footer-top nav a:hover{
  color:#5bd8ef!important;
  transform:translateX(3px);
}

/* Chartering enquiries */
.site-footer .footer-contact{
  display:block!important;
}

.site-footer .footer-contact>a{
  position:relative;
  display:flex!important;
  align-items:center!important;
  min-height:54px;
  width:100%!important;
  margin:0 0 18px!important;
  padding-left:68px!important;
  color:#f4f9fb!important;
  font-size:.98rem!important;
  line-height:1.4;
  text-decoration:none!important;
  transition:color .18s ease,transform .18s ease!important;
}

.site-footer .footer-contact>a:before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:48px;
  height:48px;
  transform:translateY(-50%);
  border-radius:50%;
  border:1px solid rgba(48,196,229,.56);
  background-color:#06232e;
  background-position:center;
  background-repeat:no-repeat;
  background-size:20px 20px;
  transition:border-color .18s ease,background-color .18s ease,transform .18s ease!important;
}

.site-footer .footer-contact>a[href^="mailto:"]:before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235bd8ef' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='6' width='17' height='12' rx='2'/%3E%3Cpath d='m4.5 7 7.5 5.5L19.5 7'/%3E%3C/svg%3E");
}

.site-footer .footer-contact>a[href^="https://"]:before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235bd8ef' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.25'/%3E%3Cpath d='M3.75 12h16.5M12 3.75c2.2 2.15 3.3 4.9 3.3 8.25s-1.1 6.1-3.3 8.25C9.8 18.1 8.7 15.35 8.7 12S9.8 5.9 12 3.75Z'/%3E%3C/svg%3E");
}

.site-footer .footer-contact>a:hover{
  color:#5bd8ef!important;
  transform:translateX(3px);
}

.site-footer .footer-contact>a:hover:before{
  border-color:#5bd8ef;
  background-color:#07303d;
  transform:translateY(-50%) scale(1.03);
}

/* legal bar */
.site-footer .footer-bottom{
  position:relative;
  z-index:2;
  min-height:72px!important;
  padding:22px 0!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:24px!important;
  border-top:1px solid rgba(76,165,197,.22)!important;
  color:#75939d!important;
  font-size:.74rem!important;
}

.site-footer .footer-bottom nav{
  display:flex!important;
  flex-direction:row!important;
  gap:26px!important;
  flex-wrap:wrap!important;
}

.site-footer .footer-bottom a{
  color:#b8cbd1!important;
  font-size:.74rem!important;
  text-decoration:none!important;
}

.site-footer .footer-bottom a:hover{
  color:#5bd8ef!important;
}

/* tablet */
@media(max-width:980px){
  .site-footer .footer-top{
    grid-template-columns:1fr 1fr!important;
    gap:48px 38px!important;
  }

  .site-footer .footer-top>div:first-child{
    grid-column:1 / -1;
    max-width:650px;
  }

  .site-footer .footer-top>div:nth-child(2){
    padding-left:0!important;
  }

  .site-footer .footer-top>div:nth-child(2):before{
    display:none;
  }
}

/* mobile */
@media(max-width:640px){
  .site-footer .footer-top{
    grid-template-columns:1fr!important;
    gap:40px!important;
    padding-top:58px!important;
    padding-bottom:48px!important;
  }

  .site-footer .footer-top>div:first-child{
    grid-column:auto;
  }

  .site-footer .footer-top>div:nth-child(2),
  .site-footer .footer-top>div:nth-child(3){
    padding-left:0!important;
    padding-top:24px;
  }

  .site-footer .footer-top>div:nth-child(2):before,
  .site-footer .footer-top>div:nth-child(3):before{
    left:0;
    right:0;
    top:0;
    bottom:auto;
    width:auto;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(71,197,233,.28),transparent);
  }

  .site-footer .footer-brand{
    width:min(100%,340px)!important;
    height:88px!important;
  }

  .site-footer .footer-contact>a{
    padding-left:60px!important;
    min-height:46px;
    font-size:.92rem!important;
    word-break:break-word;
  }

  .site-footer .footer-contact>a:before{
    width:42px;
    height:42px;
    background-size:18px 18px;
  }

  .site-footer .footer-bottom{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:16px!important;
  }

  .site-footer .footer-bottom nav{
    gap:12px 18px!important;
  }

  .site-footer:after{
    opacity:.28;
    height:38%;
  }
}