/* =========================================================
   SEA LICENSING
   CREW & MANNING — PREMIUM DESKTOP V1
   ========================================================= */

.cm1-main{
  --cm-navy:#002B49;
  --cm-deep:#052C43;
  --cm-ocean:#004E7C;
  --cm-blue:#0084D1;
  --cm-cyan:#50CAF7;
  --cm-pale:#F4F8FB;
  --cm-text:#10364D;
  --cm-muted:#5E7889;

  color:var(--cm-text);
  background:#fff;
  overflow:hidden;
}

.cm1-main *,
.cm1-main *::before,
.cm1-main *::after{
  box-sizing:border-box;
}

.cm1-shell{
  width:min(calc(100% - 96px),var(--shell,1440px));
  margin-inline:auto;
}

.cm1-eyebrow{
  display:block;
  margin:0 0 14px;
  color:var(--cm-blue);
  font-size:10px;
  line-height:1;
  font-weight:850;
  letter-spacing:.17em;
  text-transform:uppercase;
}

.cm1-title{
  margin:0;
  color:var(--cm-deep);
  font-size:43px;
  line-height:1.03;
  font-weight:800;
  letter-spacing:-.045em;
}

.cm1-rule{
  display:block;
  width:48px;
  height:2px;
  margin-top:18px;
  background:linear-gradient(90deg,var(--cm-blue),var(--cm-cyan));
}


/* =========================================================
   HERO
   ========================================================= */

.cm1-hero{
  position:relative;
  min-height:570px;
  display:flex;
  align-items:center;
  isolation:isolate;
  background:#032338;
}

.cm1-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;

  background:
    linear-gradient(
      90deg,
      rgba(2,29,47,.97) 0%,
      rgba(2,35,56,.91) 31%,
      rgba(2,38,59,.61) 56%,
      rgba(2,31,48,.23) 80%,
      rgba(2,28,43,.09) 100%
    ),
    url("/assets/images/hero-crew-manning.jpg")
    center center / cover no-repeat;
}

.cm1-hero::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;

  background:
    linear-gradient(
      180deg,
      rgba(0,43,73,.02),
      transparent 56%,
      rgba(0,20,34,.34)
    );
}

.cm1-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);
  gap:90px;
  align-items:center;
  padding:48px 0;
}

.cm1-hero-copy{
  max-width:760px;
}

.cm1-hero .cm1-eyebrow{
  color:#6CD0F8;
  margin-bottom:18px;
}

.cm1-hero h1{
  max-width:760px;
  margin:0;
  color:#fff;
  font-size:66px;
  line-height:.98;
  font-weight:800;
  letter-spacing:-.055em;
}

.cm1-hero-copy > p{
  max-width:675px;
  margin:24px 0 0;
  color:rgba(255,255,255,.80);
  font-size:15px;
  line-height:1.75;
}

.cm1-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:31px;
}

.cm1-btn{
  min-height:45px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 21px;
  border:1px solid transparent;
  border-radius:4px;
  text-decoration:none;
  font-size:10px;
  line-height:1;
  font-weight:850;
  letter-spacing:.04em;
  text-transform:uppercase;
  transition:
    transform .25s ease,
    background-color .25s ease,
    border-color .25s ease;
}

.cm1-btn-primary{
  color:#fff;
  background:var(--cm-blue);
  border-color:var(--cm-blue);
}

.cm1-btn-primary:hover{
  transform:translateY(-1px);
  background:#0395E5;
  border-color:#0395E5;
}

.cm1-btn-ghost{
  color:#fff;
  background:rgba(255,255,255,.035);
  border-color:rgba(255,255,255,.34);
  backdrop-filter:blur(7px);
}

.cm1-btn-ghost:hover{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.62);
}

.cm1-hero-panel{
  width:100%;
  max-width:395px;
  justify-self:end;
  padding:28px;

  border:1px solid rgba(255,255,255,.16);
  border-radius:8px;

  background:
    linear-gradient(
      145deg,
      rgba(4,47,73,.76),
      rgba(3,34,54,.49)
    );

  box-shadow:
    0 24px 65px rgba(0,0,0,.20),
    inset 0 1px 0 rgba(255,255,255,.06);

  backdrop-filter:blur(12px);
}

.cm1-hero-panel-label{
  display:block;
  color:#68CEF7;
  font-size:9px;
  font-weight:850;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.cm1-hero-panel h2{
  margin:12px 0 0;
  color:#fff;
  font-size:22px;
  line-height:1.16;
  letter-spacing:-.025em;
}

.cm1-hero-panel p{
  margin:11px 0 0;
  color:rgba(255,255,255,.68);
  font-size:11px;
  line-height:1.68;
}

.cm1-hero-meta{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:21px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.12);
}

.cm1-hero-meta span{
  display:block;
  margin-bottom:5px;
  color:rgba(255,255,255,.43);
  font-size:8px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.cm1-hero-meta b{
  color:#fff;
  font-size:11px;
  line-height:1.4;
}


/* =========================================================
   APPROACH
   ========================================================= */

.cm1-approach{
  padding:87px 0 86px;
  background:#fff;
}

.cm1-approach-grid{
  display:grid;
  grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);
  gap:104px;
  align-items:center;
}

.cm1-approach-copy{
  max-width:600px;
}

.cm1-approach-copy .cm1-title{
  max-width:570px;
}

.cm1-approach-prose{
  position:relative;
  padding-left:36px;
}

.cm1-approach-prose::before{
  content:"";
  position:absolute;
  left:0;
  top:3px;
  bottom:3px;
  width:1px;

  background:
    linear-gradient(
      180deg,
      rgba(0,132,209,.07),
      rgba(0,132,209,.52),
      rgba(0,132,209,.07)
    );
}

.cm1-approach-prose p{
  max-width:650px;
  margin:0;
  color:#536E7F;
  font-size:13px;
  line-height:1.82;
}

.cm1-approach-prose p + p{
  margin-top:18px;
}


/* =========================================================
   SERVICE SCOPE
   ========================================================= */

.cm1-scope{
  position:relative;
  padding:83px 0 88px;

  background:
    radial-gradient(circle at 86% 17%,rgba(0,132,209,.11),transparent 30%),
    linear-gradient(135deg,#052E47 0%,#00395B 52%,#042A42 100%);
}

.cm1-scope-head{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  align-items:center;
  margin-bottom:40px;
}

.cm1-scope-heading{
  grid-column:1;
}

.cm1-scope .cm1-eyebrow{
  color:#61CDF7;
}

.cm1-scope .cm1-title{
  color:#fff;
  font-size:40px;
}

.cm1-scope-intro{
  position:relative;
  grid-column:2 / 4;

  margin:0;
  padding-left:36px;
  padding-right:40px;

  color:rgba(255,255,255,.78);
  font-size:13px;
  line-height:1.72;
}

.cm1-scope-intro::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:1px;
  height:50px;
  transform:translateY(-50%);

  background:
    linear-gradient(
      180deg,
      rgba(73,197,247,.10),
      rgba(73,197,247,.78),
      rgba(73,197,247,.10)
    );
}

.cm1-scope-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}

.cm1-scope-card{
  position:relative;
  min-height:270px;
  overflow:hidden;
  isolation:isolate;

  padding:28px;

  border:1px solid rgba(255,255,255,.10);
  border-radius:7px;

  background:
    linear-gradient(
      155deg,
      rgba(255,255,255,.066),
      rgba(255,255,255,.025)
    );

  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);

  transition:
    transform .32s ease,
    border-color .32s ease,
    background .32s ease;
}

.cm1-scope-card:hover{
  transform:translateY(-3px);
  border-color:rgba(73,197,247,.28);

  background:
    linear-gradient(
      155deg,
      rgba(255,255,255,.082),
      rgba(255,255,255,.032)
    );
}

.cm1-scope-card > *{
  position:relative;
  z-index:2;
}

.cm1-scope-no{
  display:block;
  margin-bottom:25px;
  color:#55C9F6;
  font-size:9px;
  font-weight:850;
  letter-spacing:.14em;
}

.cm1-scope-card h3{
  margin:0;
  color:#fff;
  font-size:20px;
  line-height:1.18;
  letter-spacing:-.02em;
}

.cm1-scope-card > p{
  max-width:320px;
  margin:11px 0 0;
  color:rgba(255,255,255,.62);
  font-size:10.5px;
  line-height:1.65;
}

.cm1-scope-list{
  margin:19px 0 0;
  padding:0;
  list-style:none;
}

.cm1-scope-list li{
  position:relative;
  padding-left:14px;
  color:rgba(255,255,255,.84);
  font-size:11px;
  line-height:1.70;
}

.cm1-scope-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:4px;
  height:4px;
  border-radius:50%;
  background:#4CC8F5;
}

/* subtle field vectors */
.cm1-scope-card::after{
  content:"";
  position:absolute;
  right:12px;
  bottom:4px;
  width:145px;
  height:145px;
  opacity:.11;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  pointer-events:none;
  z-index:1;
}

.cm1-scope-card:nth-child(1)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%2368CFF8' stroke-width='2.3'%3E%3Cpath d='M20 89h96l-15 21H38L20 89z'/%3E%3Cpath d='M42 89V60h48v29M55 60V44h22v16'/%3E%3Cpath d='M30 118c8 0 8-4 16-4s8 4 16 4 8-4 16-4 8 4 16 4'/%3E%3C/g%3E%3C/svg%3E");
}

.cm1-scope-card:nth-child(2)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%2368CFF8' stroke-width='2.3'%3E%3Ccircle cx='48' cy='53' r='17'/%3E%3Ccircle cx='92' cy='53' r='17'/%3E%3Cpath d='M19 105c4-21 16-32 29-32s25 11 29 32M63 105c4-21 16-32 29-32s25 11 29 32'/%3E%3C/g%3E%3C/svg%3E");
}

.cm1-scope-card:nth-child(3)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%2368CFF8' stroke-width='2.3'%3E%3Crect x='29' y='25' width='63' height='80' rx='6'/%3E%3Cpath d='M46 48h29M46 61h29M46 74h19'/%3E%3Cpath d='M87 90l8 8 17-21'/%3E%3C/g%3E%3C/svg%3E");
}

.cm1-scope-card:nth-child(4)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%2368CFF8' stroke-width='2.3'%3E%3Ccircle cx='70' cy='50' r='22'/%3E%3Cpath d='M33 111c6-28 20-42 37-42s31 14 37 42'/%3E%3Cpath d='M101 38h19M111 28v20'/%3E%3C/g%3E%3C/svg%3E");
}

.cm1-scope-card:nth-child(5)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%2368CFF8' stroke-width='2.3'%3E%3Cpath d='M30 43h80v54H72l-18 17V97H30z'/%3E%3Cpath d='M46 61h48M46 76h34'/%3E%3C/g%3E%3C/svg%3E");
}

.cm1-scope-card:nth-child(6)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 140'%3E%3Cg fill='none' stroke='%2368CFF8' stroke-width='2.3'%3E%3Cpath d='M70 26l32 10v27c0 25-13 42-32 54-19-12-32-29-32-54V36l32-10z'/%3E%3Cpath d='M55 67l10 10 21-25'/%3E%3C/g%3E%3C/svg%3E");
}


/* =========================================================
   START PREPARED
   ========================================================= */

.cm1-prepared{
  padding:86px 0 90px;

  background:
    linear-gradient(180deg,#FBFDFE 0%,#F4F8FB 100%);
}

.cm1-prepared-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:72px;
  align-items:center;
  margin-bottom:38px;
}

.cm1-prepared-copy{
  max-width:610px;
}

.cm1-prepared-copy .cm1-title{
  max-width:600px;
  font-size:41px;
}

.cm1-prepared-description{
  position:relative;
  max-width:610px;
  margin:0;
  padding:2px 34px 2px 36px;
  color:#536F80;
  font-size:13px;
  line-height:1.75;
}

.cm1-prepared-description::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:1px;
  height:48px;
  transform:translateY(-50%);

  background:
    linear-gradient(
      180deg,
      rgba(0,132,209,.08),
      rgba(0,132,209,.55),
      rgba(0,132,209,.08)
    );
}

.cm1-info-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}

.cm1-info-card{
  position:relative;
  min-height:116px;
  overflow:hidden;
  isolation:isolate;
  padding:22px 23px;

  border:1px solid #DCE7ED;
  border-radius:6px;
  background:#fff;

  box-shadow:0 8px 24px rgba(8,48,72,.025);

  transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease,
    background .35s ease;
}

.cm1-info-card > *{
  position:relative;
  z-index:3;
}

.cm1-info-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  opacity:0;
  pointer-events:none;

  background:
    radial-gradient(circle at 85% 15%,rgba(0,132,209,.14),transparent 40%),
    linear-gradient(135deg,#0A3554,#002B49);

  transition:opacity .35s ease;
}

.cm1-info-card:hover{
  transform:translateY(-4px);
  border-color:rgba(0,132,209,.28);
  box-shadow:0 18px 40px rgba(0,43,73,.16);
}

.cm1-info-card:hover::before{
  opacity:1;
}

.cm1-info-no{
  display:block;
  margin-bottom:13px;
  color:#0084D1;
  font-size:9px;
  font-weight:850;
  letter-spacing:.12em;
  transition:color .35s ease;
}

.cm1-info-card b{
  display:block;
  max-width:290px;
  color:#113950;
  font-size:13px;
  line-height:1.38;
  font-weight:750;
  transition:color .35s ease;
}

.cm1-info-card:hover .cm1-info-no{
  color:#67D1FA;
}

.cm1-info-card:hover b{
  color:#fff;
}

/* prepared vectors */
.cm1-info-card::after{
  content:"";
  position:absolute;
  right:12px;
  bottom:-2px;
  width:108px;
  height:108px;
  opacity:.085;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  pointer-events:none;
  z-index:2;
  transition:opacity .35s ease,transform .35s ease;
}

.cm1-info-card:hover::after{
  opacity:.18;
  transform:translate(-3px,-3px) scale(1.03);
}

.cm1-info-card:nth-child(1)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%230084D1' stroke-width='2'%3E%3Cpath d='M17 72h83L89 91H31L17 72z'/%3E%3Cpath d='M34 72V48h45v24M47 48V35h20v13'/%3E%3C/g%3E%3C/svg%3E");
}

.cm1-info-card:nth-child(2)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%230084D1' stroke-width='2'%3E%3Ccircle cx='42' cy='43' r='14'/%3E%3Ccircle cx='78' cy='43' r='14'/%3E%3Cpath d='M18 94c4-18 13-28 24-28s20 10 24 28M54 94c4-18 13-28 24-28s20 10 24 28'/%3E%3C/g%3E%3C/svg%3E");
}

.cm1-info-card:nth-child(3)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%230084D1' stroke-width='2'%3E%3Cpath d='M60 101s27-28 27-51a27 27 0 1 0-54 0c0 23 27 51 27 51z'/%3E%3Ccircle cx='60' cy='50' r='9'/%3E%3C/g%3E%3C/svg%3E");
}

.cm1-info-card:nth-child(4)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%230084D1' stroke-width='2'%3E%3Ccircle cx='60' cy='61' r='33'/%3E%3Cpath d='M60 42v21l15 9M49 18h22M60 18v10'/%3E%3C/g%3E%3C/svg%3E");
}

.cm1-info-card:nth-child(5)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%230084D1' stroke-width='2'%3E%3Crect x='28' y='22' width='58' height='72' rx='5'/%3E%3Cpath d='M42 42h29M42 54h29M42 66h20'/%3E%3Ccircle cx='78' cy='78' r='14'/%3E%3Cpath d='M72 78l5 5 9-11'/%3E%3C/g%3E%3C/svg%3E");
}

.cm1-info-card:nth-child(6)::after{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%230084D1' stroke-width='2'%3E%3Cpath d='M60 22l28 9v24c0 21-11 36-28 46-17-10-28-25-28-46V31l28-9z'/%3E%3Cpath d='M47 57l9 9 18-21'/%3E%3C/g%3E%3C/svg%3E");
}


/* =========================================================
   WORKFLOW
   ========================================================= */

.cm1-workflow{
  padding:86px 0 91px;

  background:
    radial-gradient(circle at 50% 120%,rgba(0,132,209,.14),transparent 37%),
    linear-gradient(135deg,#052D45 0%,#003653 55%,#04283E 100%);
}

.cm1-workflow-head{
  width:100%;
  max-width:900px;
  margin:0 auto 68px;
  text-align:center;
}

.cm1-workflow .cm1-eyebrow{
  color:#61CDF7;
}

.cm1-workflow .cm1-title{
  color:#fff;
  font-size:42px;
}

.cm1-workflow-head p{
  max-width:720px;
  margin:17px auto 0;
  color:rgba(255,255,255,.68);
  font-size:11px;
  line-height:1.7;
}

.cm1-stepper{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  padding-top:44px;
}

.cm1-stepper::before{
  content:"";
  position:absolute;
  left:16.666666%;
  right:16.666666%;
  top:7px;
  height:1px;
  background:rgba(82,194,240,.30);
}

.cm1-stepper::after{
  content:"";
  position:absolute;
  left:16.666666%;
  top:7px;
  width:12%;
  height:1px;

  background:
    linear-gradient(
      90deg,
      rgba(105,211,251,0),
      rgba(132,222,255,.48),
      rgba(224,249,255,.98),
      rgba(132,222,255,.48),
      rgba(105,211,251,0)
    );

  box-shadow:
    0 0 2px rgba(181,236,255,.52),
    0 0 5px rgba(73,197,247,.24);

  animation:cm1WorkflowTravel 5.6s ease-in-out infinite;
}

@keyframes cm1WorkflowTravel{
  0%{
    transform:translateX(-50%);
    opacity:0;
  }

  7%{opacity:.68;}
  14%{opacity:1;}
  86%{opacity:1;}
  94%{opacity:.68;}

  100%{
    transform:translateX(505.555%);
    opacity:0;
  }
}

.cm1-step{
  position:relative;
  padding:9px 32px 0;
  text-align:center;
}

.cm1-step::before{
  content:"";
  position:absolute;
  left:50%;
  top:-44px;
  z-index:5;

  width:15px;
  height:15px;
  transform:translateX(-50%);

  border:3px solid #54CAF7;
  border-radius:50%;

  background:#07304A;

  box-shadow:
    0 0 0 5px rgba(0,132,209,.12);
}

.cm1-step span{
  display:block;
  margin-bottom:13px;
  color:#58CDF8;
  font-size:9px;
  font-weight:850;
  letter-spacing:.13em;
}

.cm1-step h3{
  margin:0;
  color:#fff;
  font-size:20px;
  line-height:1.2;
}

.cm1-step p{
  max-width:285px;
  margin:10px auto 0;
  color:rgba(255,255,255,.64);
  font-size:10.5px;
  line-height:1.65;
}


/* =========================================================
   RELATED SERVICES
   ========================================================= */

.cm1-related{
  padding:82px 0 84px;

  background:
    radial-gradient(circle at 14% 16%,rgba(0,132,209,.04),transparent 30%),
    linear-gradient(180deg,#FBFDFE 0%,#F4F8FB 100%);
}

.cm1-related-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:60px;
  align-items:end;
  margin-bottom:30px;
}

.cm1-related-head .cm1-title{
  font-size:42px;
}

.cm1-related-all{
  margin-bottom:7px;
  color:#0084D1;
  text-decoration:none;
  font-size:10px;
  font-weight:850;
}

.cm1-related-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
}

.cm1-related-card{
  position:relative;
  min-height:220px;
  padding:29px 27px 27px;

  border:1px solid #DBE6EC;
  border-radius:7px;

  background:#fff;
  text-decoration:none;

  box-shadow:0 10px 30px rgba(7,48,72,.035);

  transition:
    transform .3s ease,
    border-color .3s ease,
    box-shadow .3s ease;
}

.cm1-related-card:hover{
  transform:translateY(-3px);
  border-color:#C5DDEA;
  box-shadow:0 17px 40px rgba(7,48,72,.07);
}

.cm1-related-card span{
  display:block;
  margin-bottom:31px;
  color:#0084D1;
  font-size:9px;
  font-weight:850;
  letter-spacing:.13em;
}

.cm1-related-card h3{
  margin:0;
  color:#092F46;
  font-size:20px;
  line-height:1.15;
  letter-spacing:-.025em;
}

.cm1-related-card p{
  max-width:330px;
  margin:11px 0 0;
  padding-bottom:42px;
  color:#627988;
  font-size:11px;
  line-height:1.62;
}

.cm1-related-card b{
  position:absolute;
  left:27px;
  bottom:24px;
  color:#0084D1;
  font-size:9.5px;
  font-weight:850;
}


/* =========================================================
   TABLET FALLBACK
   Mobile refinement later
   ========================================================= */

@media (max-width:1100px){

  .cm1-shell{
    width:min(calc(100% - 48px),var(--shell,1440px));
  }

  .cm1-hero-grid,
  .cm1-approach-grid,
  .cm1-prepared-head{
    gap:46px;
  }

  .cm1-hero h1{
    font-size:52px;
  }

}


/* ==========================================================
   CREW & MANNING — PREMIUM HERO IMAGE
   Hero background only
   ========================================================== */

.cm1-main .cm1-hero::before{
  background:
    linear-gradient(
      90deg,
      rgba(2,29,47,.98) 0%,
      rgba(2,34,54,.91) 29%,
      rgba(2,37,57,.63) 50%,
      rgba(2,31,48,.22) 72%,
      rgba(2,25,39,.08) 100%
    ),
    url("/assets/images/hero-crew-manning-premium.webp?v=20260922-192508")
    center center / cover no-repeat !important;
}


/* ==========================================================
   CREW & MANNING — RELATED SERVICES PHOTO CARDS
   ========================================================== */

@media (min-width:1101px){

  .cm1-main .cm1-related-card{
    position:relative !important;
    isolation:isolate !important;
    overflow:hidden !important;

    min-height:235px !important;

    background-repeat:no-repeat !important;
    background-size:cover !important;

    transition:
      transform .38s cubic-bezier(.22,.61,.36,1),
      border-color .38s ease,
      box-shadow .38s ease,
      background-size .55s cubic-bezier(.22,.61,.36,1) !important;
  }


  /* 01 — Seafarer Licensing & Endorsements */
  .cm1-main .cm1-related-card:nth-child(1){
    background-image:
      url("/assets/images/services/related/crew-related-seafarer-licensing.webp") !important;

    background-position:center 48% !important;
  }


  /* 02 — Training Services */
  .cm1-main .cm1-related-card:nth-child(2){
    background-image:
      url("/assets/images/services/related/crew-related-training.webp") !important;

    background-position:center center !important;
  }


  /* 03 — Service Request */
  .cm1-main .cm1-related-card:nth-child(3){
    background-image:
      url("/assets/images/services/related/crew-related-service-request.webp") !important;

    background-position:center center !important;
  }


  /* Premium white fade for text readability */
  .cm1-main .cm1-related-card::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;

    z-index:0 !important;
    pointer-events:none !important;

    background:
      linear-gradient(
        90deg,
        rgba(255,255,255,.985) 0%,
        rgba(255,255,255,.95) 37%,
        rgba(255,255,255,.78) 68%,
        rgba(255,255,255,.43) 100%
      ),
      linear-gradient(
        180deg,
        rgba(255,255,255,.08),
        rgba(255,255,255,.18)
      ) !important;
  }


  /* Keep card content above image */
  .cm1-main .cm1-related-card > *{
    position:relative !important;
    z-index:2 !important;
  }


  /* Elegant hover — no blue overlay */
  .cm1-main .cm1-related-card:hover{
    transform:translateY(-4px) !important;

    border-color:#BDD9E8 !important;

    box-shadow:
      0 17px 40px rgba(4,43,67,.10),
      0 4px 12px rgba(4,43,67,.045) !important;

    background-size:104% auto !important;
  }


  .cm1-main .cm1-related-card h3{
    color:#092F46 !important;
  }

  .cm1-main .cm1-related-card p{
    color:#607887 !important;
    padding-bottom:42px !important;
  }

  .cm1-main .cm1-related-card span,
  .cm1-main .cm1-related-card b{
    color:#0084D1 !important;
  }


  /* Keep Explore link aligned at bottom */
  .cm1-main .cm1-related-card b{
    position:absolute !important;
    left:27px !important;
    bottom:24px !important;
    top:auto !important;

    z-index:3 !important;

    transition:transform .32s ease !important;
  }

  .cm1-main .cm1-related-card:hover b{
    transform:translateX(4px) !important;
  }

}