/* Offshore Hub jobs page hero rebalance - v20260607b */
.jobs-page .jobs-cinematic-hero{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  min-height:420px !important;
  background:#020912 !important;
  border-bottom:1px solid rgba(255,106,0,.30) !important;
}
.jobs-page .jobs-cinematic-hero::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:url('/assets/Hero/hero1.png?v=jobshero20260607') 76% 54%/cover no-repeat !important;
  filter:brightness(.78) contrast(1.08) saturate(1.02) !important;
  transform:scale(1.03) !important;
}
.jobs-page .jobs-cinematic-hero::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(circle at 88% 40%, rgba(255,106,0,.18), transparent 20%),
    radial-gradient(circle at 78% 68%, rgba(0,124,255,.11), transparent 18%),
    linear-gradient(90deg, rgba(2,7,13,.985) 0%, rgba(2,7,13,.93) 32%, rgba(2,7,13,.56) 61%, rgba(2,7,13,.18) 100%),
    linear-gradient(180deg, rgba(2,7,13,.10), rgba(2,7,13,.70)) !important;
}
.jobs-page .jobs-hero-inner{
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.08fr) minmax(350px,410px) !important;
  align-items:center !important;
  gap:52px !important;
  padding:56px 44px 44px !important;
}
.jobs-page .jobs-hero-inner::after{
  content:"" !important;
  position:absolute !important;
  right:12px !important;
  top:34px !important;
  width:min(420px,32vw) !important;
  height:300px !important;
  border-radius:28px !important;
  border:1px solid rgba(0,137,216,.18) !important;
  background:
    linear-gradient(180deg, rgba(12,36,58,.20), rgba(5,17,29,.05)),
    radial-gradient(circle at 62% 40%, rgba(255,106,0,.10), transparent 28%),
    radial-gradient(circle at 34% 66%, rgba(0,137,216,.10), transparent 28%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
  z-index:-1 !important;
  pointer-events:none !important;
}
.jobs-page .jobs-hero-copy{
  max-width:650px !important;
}
.jobs-page .jobs-hero-kicker{
  margin-bottom:16px !important;
  color:#ff8f2a !important;
  font-size:15px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
.jobs-page .jobs-hero-kicker span{margin-right:8px !important; opacity:.9 !important;}
.jobs-page .jobs-hero-copy h1{
  margin:0 0 18px !important;
  max-width:700px !important;
  font-size:clamp(54px, 5vw, 72px) !important;
  line-height:.92 !important;
  letter-spacing:-.055em !important;
  color:#f7fbff !important;
  text-wrap:balance !important;
}
.jobs-page .jobs-hero-copy h1 span{color:#ff6a00 !important;}
.jobs-page .jobs-hero-copy p{
  margin:0 0 22px !important;
  max-width:590px !important;
  color:#dce6ef !important;
  font-size:18px !important;
  line-height:1.52 !important;
  font-weight:700 !important;
}
.jobs-page .jobs-hero-features{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  max-width:700px !important;
}
.jobs-page .jobs-feature{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-height:70px !important;
  padding:12px 14px !important;
  border:1px solid rgba(255,106,0,.32) !important;
  border-radius:14px !important;
  background:linear-gradient(180deg, rgba(9,25,40,.58), rgba(3,11,20,.70)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
}
.jobs-page .jobs-feature-icon{
  width:42px !important;
  height:42px !important;
  display:grid !important;
  place-items:center !important;
  color:#ff7c16 !important;
  border:1px solid rgba(255,106,0,.56) !important;
  border-radius:12px !important;
  background:rgba(255,106,0,.08) !important;
  flex:0 0 auto !important;
}
.jobs-page .jobs-feature-icon svg{width:20px !important;height:20px !important;display:block !important;}
.jobs-page .jobs-feature b{
  display:block !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:900 !important;
}
.jobs-page .jobs-feature small{
  display:block !important;
  color:#b9c9d8 !important;
  font-size:11px !important;
  font-weight:700 !important;
  margin-top:3px !important;
}
.jobs-page .jobs-hero-actions{
  display:flex !important;
  gap:14px !important;
  flex-wrap:wrap !important;
  margin-top:24px !important;
}
.jobs-page .jobs-primary-cta,
.jobs-page .jobs-secondary-cta{
  min-height:50px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  padding:0 24px !important;
  border-radius:11px !important;
  font-size:14px !important;
  font-weight:950 !important;
  letter-spacing:.01em !important;
  text-decoration:none !important;
}
.jobs-page .jobs-primary-cta{
  background:linear-gradient(135deg,#ff6a00,#ff8a22) !important;
  color:#fff !important;
  box-shadow:0 0 22px rgba(255,106,0,.28), inset 0 1px 0 rgba(255,255,255,.16) !important;
}
.jobs-page .jobs-secondary-cta{
  border:1px solid rgba(255,106,0,.58) !important;
  background:rgba(255,106,0,.05) !important;
  color:#fff !important;
}
.jobs-page .jobs-live-card{
  position:relative !important;
  z-index:3 !important;
  justify-self:end !important;
  align-self:center !important;
  width:min(100%, 390px) !important;
  margin-right:8px !important;
  border-radius:28px !important;
  border:1px solid rgba(95,164,218,.38) !important;
  background:linear-gradient(180deg, rgba(8,22,36,.78), rgba(5,14,24,.90)) !important;
  box-shadow:0 20px 42px rgba(0,0,0,.34), 0 0 28px rgba(255,106,0,.10) !important;
  backdrop-filter:blur(8px) !important;
  overflow:hidden !important;
}
.jobs-page .jobs-live-frame{display:block !important; position:absolute !important; inset:0 !important; pointer-events:none !important;}
.jobs-page .jobs-live-frame .corner{
  position:absolute !important;
  width:56px !important;
  height:56px !important;
  border-color:rgba(113,178,227,.66) !important;
  opacity:.72 !important;
}
.jobs-page .jobs-live-frame .corner-tl{left:18px !important; top:18px !important; border-left:1px solid !important; border-top:1px solid !important; border-top-left-radius:16px !important;}
.jobs-page .jobs-live-frame .corner-tr{right:18px !important; top:18px !important; border-right:1px solid !important; border-top:1px solid !important; border-top-right-radius:16px !important;}
.jobs-page .jobs-live-frame .corner-bl{left:18px !important; bottom:18px !important; border-left:1px solid !important; border-bottom:1px solid !important; border-bottom-left-radius:16px !important;}
.jobs-page .jobs-live-frame .corner-br{right:18px !important; bottom:18px !important; border-right:1px solid !important; border-bottom:1px solid !important; border-bottom-right-radius:16px !important;}
.jobs-page .jobs-live-card-content{
  position:relative !important;
  z-index:2 !important;
  padding:22px 22px 20px !important;
}
.jobs-page .jobs-live-kicker{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  color:#fff !important;
  text-transform:uppercase !important;
  letter-spacing:.05em !important;
  font-size:13px !important;
  font-weight:900 !important;
  margin-bottom:18px !important;
}
.jobs-page .jobs-live-kicker span{
  width:8px !important;
  height:8px !important;
  border-radius:50% !important;
  background:#21e99a !important;
  box-shadow:0 0 12px #21e99a !important;
}
.jobs-page .jobs-live-numbers{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:16px !important;
  margin-bottom:18px !important;
}
.jobs-page .jobs-live-numbers strong{
  display:block !important;
  color:#fff !important;
  font-size:52px !important;
  line-height:.92 !important;
  letter-spacing:-.05em !important;
}
.jobs-page .jobs-live-numbers strong.green{color:#28ef9a !important;}
.jobs-page .jobs-live-numbers small{
  display:block !important;
  color:#d8e6f4 !important;
  font-size:12px !important;
  font-weight:750 !important;
  margin-top:6px !important;
}
.jobs-page .jobs-live-chart-vector{
  height:124px !important;
  margin:10px 0 18px !important;
  border-radius:16px !important;
  overflow:hidden !important;
  background:linear-gradient(180deg, rgba(255,106,0,.07), rgba(255,106,0,.02)) !important;
}
.jobs-page .jobs-live-chart-vector svg{display:block !important; width:100% !important; height:100% !important;}
.jobs-page .jobs-live-chart-vector .grid-line{stroke:rgba(144,183,216,.16) !important; stroke-width:1 !important;}
.jobs-page .jobs-live-chart-vector .area{fill:url(#liveAreaFill) !important;}
.jobs-page .jobs-live-chart-vector .trend.glow{stroke:url(#liveLineStroke) !important; stroke-width:8 !important; fill:none !important; filter:url(#liveLineGlow) !important; opacity:.55 !important;}
.jobs-page .jobs-live-chart-vector .trend.core{stroke:url(#liveLineStroke) !important; stroke-width:3.2 !important; fill:none !important;}
.jobs-page .jobs-live-chart-vector .nodes circle{fill:#ffb35b !important; opacity:.95 !important;}
.jobs-page .jobs-live-chart-vector .nodes circle.last{fill:#fff2cb !important;}
.jobs-page .jobs-live-link{
  min-height:46px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:0 16px !important;
  border-radius:14px !important;
  border:1px solid rgba(255,106,0,.34) !important;
  background:rgba(255,106,0,.04) !important;
  color:#ff8a22 !important;
  font-size:13px !important;
  font-weight:950 !important;
  text-decoration:none !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
}
.jobs-page .jobs-kpi-strip{
  border-top:1px solid rgba(0,137,216,.24) !important;
}
@media (max-width:1220px){
  .jobs-page .jobs-hero-inner{grid-template-columns:minmax(0,1fr) minmax(320px,360px) !important; gap:34px !important; padding:48px 32px 38px !important;}
  .jobs-page .jobs-hero-copy h1{font-size:clamp(48px, 5vw, 62px) !important;}
  .jobs-page .jobs-hero-features{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media (max-width:980px){
  .jobs-page .jobs-cinematic-hero::before{background-position:center center !important;}
  .jobs-page .jobs-cinematic-hero::after{background:linear-gradient(180deg,rgba(2,7,13,.84) 0%,rgba(2,7,13,.90) 42%,rgba(2,7,13,.96) 100%) !important;}
  .jobs-page .jobs-hero-inner{grid-template-columns:1fr !important; padding:42px 24px 34px !important;}
  .jobs-page .jobs-hero-inner::after{display:none !important;}
  .jobs-page .jobs-live-card{justify-self:start !important; width:min(100%, 420px) !important; margin-right:0 !important;}
  .jobs-page .jobs-hero-features{grid-template-columns:1fr !important; max-width:none !important;}
}


/* v42 current design unique heroes external */


/* v42: keep the current/new design, only set correct unique hero images.
   This does NOT replace the page markup and does NOT bring back the old header. */
@media (min-width:901px){
  :root{ --oh-hero-h:360px; }

  body.home-index:not(.news-page):not(.about-page):not(.contact-page) .hero,
  body.jobs-page .jobs-as-news-hero,
  body.news-page .article-hero,
  body.about-page .hero,
  body.contact-page .hero,
  body.legal-page .legal-hero{
    height:var(--oh-hero-h) !important;
    min-height:var(--oh-hero-h) !important;
    max-height:var(--oh-hero-h) !important;
    overflow:hidden !important;
    background-color:#020912 !important;
    background-size:100% 100%,100% 100%,cover !important;
    background-position:center center,center center,center center !important;
    background-repeat:no-repeat,no-repeat,no-repeat !important;
  }

  /* Different images per main page */
  body.home-index:not(.news-page):not(.about-page):not(.contact-page) .hero{
    background-image:
      linear-gradient(90deg,rgba(2,7,13,.97) 0%,rgba(2,7,13,.86) 28%,rgba(2,7,13,.48) 52%,rgba(2,7,13,.12) 78%,rgba(2,7,13,0) 100%),
      linear-gradient(180deg,rgba(2,7,13,.03) 0%,rgba(2,7,13,.34) 100%),
      url('/assets/Hero/hero6.png?v=v42-home') !important;
  }

  body.jobs-page .jobs-as-news-hero{
    background-image:
      linear-gradient(90deg,rgba(2,7,13,.97) 0%,rgba(2,7,13,.86) 28%,rgba(2,7,13,.48) 52%,rgba(2,7,13,.12) 78%,rgba(2,7,13,0) 100%),
      linear-gradient(180deg,rgba(2,7,13,.03) 0%,rgba(2,7,13,.34) 100%),
      url('/assets/Hero/hero3.png?v=v42-jobs') !important;
  }

  body.news-page .article-hero,
  body.news-page .hero{
    background-image:
      linear-gradient(90deg,rgba(2,7,13,.97) 0%,rgba(2,7,13,.86) 28%,rgba(2,7,13,.48) 52%,rgba(2,7,13,.12) 78%,rgba(2,7,13,0) 100%),
      linear-gradient(180deg,rgba(2,7,13,.03) 0%,rgba(2,7,13,.34) 100%),
      url('/assets/Hero/hero1.png?v=v42-news') !important;
  }

  body.about-page .hero{
    background-image:
      linear-gradient(90deg,rgba(2,7,13,.97) 0%,rgba(2,7,13,.86) 28%,rgba(2,7,13,.48) 52%,rgba(2,7,13,.12) 78%,rgba(2,7,13,0) 100%),
      linear-gradient(180deg,rgba(2,7,13,.03) 0%,rgba(2,7,13,.34) 100%),
      url('/assets/Hero/hero4.png?v=v42-about') !important;
  }

  body.contact-page .hero{
    background-image:
      linear-gradient(90deg,rgba(2,7,13,.97) 0%,rgba(2,7,13,.86) 28%,rgba(2,7,13,.48) 52%,rgba(2,7,13,.12) 78%,rgba(2,7,13,0) 100%),
      linear-gradient(180deg,rgba(2,7,13,.03) 0%,rgba(2,7,13,.34) 100%),
      url('/assets/Hero/hero2.png?v=v42-contact') !important;
  }

  /* Legal pages also get image */
  body.legal-page .legal-hero{
    background-image:
      linear-gradient(90deg,rgba(2,7,13,.97) 0%,rgba(2,7,13,.86) 28%,rgba(2,7,13,.48) 52%,rgba(2,7,13,.12) 78%,rgba(2,7,13,0) 100%),
      linear-gradient(180deg,rgba(2,7,13,.03) 0%,rgba(2,7,13,.34) 100%),
      url('/assets/Hero/hero5.png?v=v42-legal') !important;
  }

  /* Stop old pseudo layers from covering direct backgrounds */
  body.home-index:not(.news-page):not(.about-page):not(.contact-page) .hero::before,
  body.home-index:not(.news-page):not(.about-page):not(.contact-page) .hero::after,
  body.jobs-page .jobs-as-news-hero::before,
  body.jobs-page .jobs-as-news-hero::after,
  body.news-page .article-hero::before,
  body.news-page .article-hero::after,
  body.about-page .hero::before,
  body.about-page .hero::after,
  body.contact-page .hero::before,
  body.contact-page .hero::after,
  body.legal-page .legal-hero::before,
  body.legal-page .legal-hero::after{
    display:none !important;
    content:none !important;
    background:none !important;
    background-image:none !important;
    opacity:0 !important;
    visibility:hidden !important;
  }

  body.home-index .hero > *,
  body.jobs-page .jobs-as-news-hero > *,
  body.news-page .article-hero > *,
  body.about-page .hero > *,
  body.contact-page .hero > *,
  body.legal-page .legal-hero > *{
    position:relative !important;
    z-index:2 !important;
  }

  body .hero-inner,
  body .legal-hero-inner,
  body.jobs-page .jobs-as-news-hero .hero-inner{
    height:var(--oh-hero-h) !important;
    min-height:var(--oh-hero-h) !important;
    max-height:var(--oh-hero-h) !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    align-items:center !important;
  }
}



/* v44 final footer external */


/* v44 footer inspired by modern dark multi-column layout */
.oh-final-footer{
  width:min(var(--wrap,1480px),calc(100% - 48px));
  margin:34px auto 22px;
  position:relative;
  border:1px solid rgba(0,137,216,.58);
  border-radius:18px;
  overflow:hidden;
  background:
    radial-gradient(circle at 13% 0%,rgba(0,137,216,.18),transparent 32%),
    radial-gradient(circle at 90% 10%,rgba(255,106,0,.14),transparent 28%),
    linear-gradient(180deg,rgba(5,18,31,.97),rgba(2,9,16,.99));
  box-shadow:0 0 42px rgba(0,137,216,.12), inset 0 1px 0 rgba(255,255,255,.05);
  color:#d8e7f5;
}
.oh-final-footer:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent,rgba(255,106,0,.10),transparent);
  opacity:.55;
}
.oh-footer-topline{
  height:3px;
  background:linear-gradient(90deg,transparent,rgba(0,198,255,.85),rgba(255,106,0,.95),rgba(0,198,255,.85),transparent);
}
.oh-footer-inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.55fr .75fr .85fr .85fr 1.1fr;
  gap:34px;
  padding:36px 40px 30px;
}
.oh-footer-brand{min-width:0}
.oh-footer-logo{
  display:inline-flex;
  align-items:center;
  margin-bottom:16px;
  text-decoration:none;
}
.oh-footer-logo img{
  width:230px;
  max-width:100%;
  height:auto;
  display:block;
  filter:drop-shadow(0 0 18px rgba(0,137,216,.18));
}
.oh-footer-lead{
  margin:0 0 18px;
  color:#b9c9d8;
  font-weight:750;
  line-height:1.55;
  max-width:450px;
}
.oh-footer-badges{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.oh-footer-badges span{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:0 12px;
  border:1px solid rgba(0,137,216,.45);
  border-radius:999px;
  background:rgba(3,17,30,.72);
  color:#dff4ff;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.oh-footer-badges i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#18f2a5;
  box-shadow:0 0 12px rgba(24,242,165,.95);
}
.oh-footer-col,
.oh-footer-contact{
  min-width:0;
}
.oh-final-footer h4{
  margin:0 0 15px;
  color:#fff;
  font-size:13px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.oh-footer-col a,
.oh-footer-contact a.oh-footer-mail{
  display:block;
  color:#b9c9d8;
  text-decoration:none;
  font-weight:850;
  font-size:14px;
  line-height:1.2;
  padding:8px 0;
  border-bottom:1px solid rgba(79,123,163,.14);
  transition:color .18s ease,transform .18s ease,border-color .18s ease;
}
.oh-footer-col a:hover,
.oh-footer-contact a.oh-footer-mail:hover{
  color:#ff7a18;
  transform:translateX(4px);
  border-color:rgba(255,106,0,.35);
}
.oh-footer-contact p{
  margin:10px 0 18px;
  color:#b9c9d8;
  line-height:1.55;
  font-weight:750;
  font-size:14px;
}
.oh-footer-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.oh-footer-cta,
.oh-footer-ghost{
  height:40px;
  padding:0 16px!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  border-radius:10px;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:950!important;
  text-transform:uppercase;
  border:1px solid rgba(255,106,0,.65)!important;
}
.oh-footer-cta{
  color:#fff!important;
  background:linear-gradient(135deg,#ff6a00,#ff7e24)!important;
  box-shadow:0 0 22px rgba(255,106,0,.22);
}
.oh-footer-ghost{
  color:#fff!important;
  background:rgba(255,106,0,.06)!important;
}
.oh-footer-bottom{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  padding:16px 40px;
  border-top:1px solid rgba(0,137,216,.35);
  background:rgba(1,8,15,.72);
  color:#9fb2c5;
  font-size:13px;
  font-weight:800;
}
.oh-footer-dev a{
  color:#ff7a18;
  text-decoration:none;
  font-weight:950;
}
.oh-footer-dev a:hover{text-decoration:underline}
.footer,
.bottom{
  display:none!important;
}
@media(max-width:1200px){
  .oh-footer-inner{
    grid-template-columns:1.3fr 1fr 1fr;
  }
  .oh-footer-brand,
  .oh-footer-contact{
    grid-column:span 3;
  }
}
@media(max-width:760px){
  .oh-final-footer{
    width:calc(100% - 24px);
    margin:24px auto 16px;
    border-radius:14px;
  }
  .oh-footer-inner{
    grid-template-columns:1fr;
    gap:24px;
    padding:28px 22px 24px;
  }
  .oh-footer-brand,
  .oh-footer-contact{
    grid-column:auto;
  }
  .oh-footer-logo img{width:200px}
  .oh-footer-bottom{
    display:block;
    text-align:center;
    padding:16px 20px;
    line-height:1.8;
  }
}



/* v45 reference footer external */


/* v45 footer: closer to requested reference */
.oh-reference-footer{
  width:100%;
  margin:46px 0 0;
  position:relative;
  overflow:hidden;
  color:#f5f8fb;
  background:
    radial-gradient(circle at 9% 15%,rgba(0,137,216,.18),transparent 32%),
    radial-gradient(circle at 82% 3%,rgba(255,106,0,.10),transparent 28%),
    linear-gradient(180deg,#061726 0%,#03101d 48%,#020a13 100%);
  border-top:1px solid rgba(0,137,216,.42);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
.oh-reference-footer:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,transparent,rgba(0,198,255,.06),transparent),
    radial-gradient(circle at center,rgba(255,255,255,.025),transparent 58%);
  pointer-events:none;
}
.oh-ref-top{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.15fr .72fr 1.07fr;
  gap:54px;
  padding:72px 68px 64px;
  align-items:center;
}
.oh-ref-brand{
  min-width:0;
  padding-right:46px;
  border-right:1px solid rgba(145,177,208,.25);
}
.oh-ref-logo{
  display:block;
  width:min(430px,100%);
  margin:0 0 26px;
  text-decoration:none;
}
.oh-ref-logo img{
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 0 22px rgba(0,137,216,.18));
}
.oh-ref-brand p{
  margin:0;
  max-width:430px;
  color:#d9e2eb;
  font-size:20px;
  line-height:1.48;
  font-weight:520;
}
.oh-ref-socials{
  display:flex;
  gap:18px;
  margin-top:30px;
}
.oh-ref-socials a{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border:1px solid rgba(136,168,198,.34);
  border-radius:12px;
  color:#fff;
  background:rgba(2,12,22,.48);
  text-decoration:none;
  font-size:22px;
  font-weight:900;
  transition:.18s ease;
}
.oh-ref-socials a:hover{
  color:#ff6a00;
  border-color:rgba(255,106,0,.75);
  transform:translateY(-2px);
}
.oh-ref-nav h3,
.oh-ref-alert h3{
  margin:0;
  color:#fff;
  text-transform:uppercase;
  letter-spacing:.02em;
  font-size:25px;
  line-height:1;
}
.oh-ref-nav h3{
  display:flex;
  align-items:center;
  gap:15px;
  margin-bottom:30px;
}
.oh-ref-icon,
.oh-ref-bell{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,106,0,.75);
  border-radius:12px;
  color:#ff6a00;
  background:rgba(255,106,0,.07);
  box-shadow:0 0 22px rgba(255,106,0,.10);
}
.oh-ref-nav a{
  display:flex;
  align-items:center;
  gap:26px;
  color:#eef4fa;
  text-decoration:none;
  font-size:20px;
  font-weight:520;
  padding:14px 0;
  transition:.18s ease;
}
.oh-ref-nav a .oh-ref-arrow{
  color:#ff6a00;
  font-size:42px;
  line-height:.6;
  font-weight:300;
}
.oh-ref-nav a:hover{
  color:#ff7a18;
  transform:translateX(4px);
}
.oh-ref-alert{
  border:1px solid rgba(137,169,199,.30);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(4,20,35,.78),rgba(3,12,23,.72));
  padding:34px 38px 32px;
  box-shadow:0 0 38px rgba(0,137,216,.10),inset 0 1px 0 rgba(255,255,255,.04);
}
.oh-ref-alert-head{
  display:flex;
  align-items:center;
  gap:24px;
  margin-bottom:24px;
}
.oh-ref-alert p{
  margin:0 0 30px;
  color:#f1f5f8;
  font-size:20px;
  line-height:1.52;
  font-weight:520;
}
.oh-ref-form{
  display:grid;
  grid-template-columns:1fr 72px;
  gap:18px;
  margin-bottom:26px;
}
.oh-ref-form input{
  width:100%;
  height:68px;
  box-sizing:border-box;
  border:1px solid rgba(142,168,195,.38);
  border-radius:13px;
  background:rgba(2,11,20,.62);
  color:#fff;
  padding:0 24px;
  font-size:20px;
  outline:none;
}
.oh-ref-form input::placeholder{color:#aeb8c3}
.oh-ref-form button{
  height:68px;
  border:0;
  border-radius:13px;
  color:#fff;
  background:linear-gradient(135deg,#ff6a00,#ff7a18);
  font-size:42px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 0 24px rgba(255,106,0,.28);
}
.oh-ref-lock{
  display:flex;
  align-items:center;
  gap:14px;
  color:#dce5ee;
  font-size:16px;
  font-weight:520;
}
.oh-ref-lock:first-letter{color:#fff}
.oh-ref-sources{
  position:relative;
  z-index:1;
  padding:0 0 38px;
  border-top:1px solid rgba(137,169,199,.20);
  border-bottom:1px solid rgba(137,169,199,.18);
}
.oh-ref-source-title{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  transform:translateY(-14px);
  color:#fff;
  letter-spacing:.38em;
  font-size:18px;
  font-weight:500;
}
.oh-ref-source-title i{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#ff6a00;
  box-shadow:0 0 14px rgba(255,106,0,.95);
  position:relative;
}
.oh-ref-source-title i:before{
  content:"";
  position:absolute;
  top:50%;
  width:32px;
  height:1px;
  background:rgba(255,106,0,.45);
}
.oh-ref-source-title i:first-child:before{right:14px}
.oh-ref-source-title i:last-child:before{left:14px}
.oh-ref-source-row{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  align-items:center;
  gap:0;
  padding:22px 58px 10px;
}
.source-logo{
  min-height:74px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  color:#fff;
  border-right:1px solid rgba(137,169,199,.24);
  text-align:center;
}
.source-logo:last-child{border-right:0}
.source-logo strong{
  display:block;
  font-size:24px;
  line-height:1;
  letter-spacing:.02em;
}
.source-logo small{
  display:block;
  color:#d8e3ed;
  font-size:11px;
  letter-spacing:.36em;
  margin-top:4px;
}
.source-logo b{
  color:#ff6a00;
  font-size:34px;
  line-height:.8;
}
.source-logo.bluecrew strong{letter-spacing:.24em;font-size:19px}
.source-logo.rtc strong{font-size:18px}
.source-logo.offshorecrew strong{font-size:19px;font-weight:500}
.source-logo.offshorecrew b{color:#4fb3ff}
.source-logo.personalhuset strong{font-size:21px;text-transform:lowercase}
.source-logo.acroboat strong{font-size:26px}
.oh-ref-bottom{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:26px;
  align-items:center;
  padding:40px 68px;
}
.oh-ref-copy{
  display:flex;
  align-items:center;
  gap:20px;
  color:#d9e2eb;
  font-size:17px;
  line-height:1.5;
  font-weight:520;
}
.oh-ref-copy em{
  color:#aebdcc;
  font-style:normal;
  font-size:13px;
}
.oh-ref-copy a,
.oh-ref-legal a{
  color:#ff7a18;
  text-decoration:none;
}
.oh-ref-copy a:hover,
.oh-ref-legal a:hover{text-decoration:underline}
.oh-ref-shield{
  width:52px;
  height:52px;
  flex:0 0 52px;
  display:grid;
  place-items:center;
  border:1px solid rgba(0,255,170,.58);
  border-radius:12px;
  color:#19f4a7;
  background:rgba(0,255,170,.06);
  box-shadow:0 0 22px rgba(0,255,170,.13);
  font-size:22px;
  font-weight:900;
}
.oh-ref-legal{
  display:flex;
  align-items:center;
  gap:0;
}
.oh-ref-legal a{
  color:#d9e2eb;
  font-size:16px;
  font-weight:520;
  padding:0 30px;
  border-right:1px solid rgba(137,169,199,.18);
}
.oh-ref-legal a:last-child{border-right:0}
.oh-ref-status{
  justify-self:end;
  height:48px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:0 28px;
  border:1px solid rgba(137,169,199,.25);
  border-radius:999px;
  color:#d9e2eb;
  background:rgba(2,12,22,.46);
  font-size:17px;
  font-weight:520;
}
.oh-ref-status i{
  width:13px;
  height:13px;
  border-radius:50%;
  background:#00e887;
  box-shadow:0 0 18px rgba(0,232,135,.95);
}
.footer,
.bottom,
.oh-final-footer,
.oh-footer-credit{
  display:none!important;
}
@media(max-width:1180px){
  .oh-ref-top{grid-template-columns:1fr;gap:38px;padding:48px 34px}
  .oh-ref-brand{border-right:0;padding-right:0;border-bottom:1px solid rgba(137,169,199,.20);padding-bottom:34px}
  .oh-ref-source-row{grid-template-columns:repeat(3,1fr);padding:18px 28px}
  .source-logo:nth-child(3){border-right:0}
  .source-logo:nth-child(n+4){border-top:1px solid rgba(137,169,199,.18)}
  .oh-ref-bottom{grid-template-columns:1fr;justify-items:center;text-align:center;padding:34px}
  .oh-ref-status{justify-self:center}
}
@media(max-width:700px){
  .oh-ref-top{padding:36px 22px}
  .oh-ref-logo{width:280px}
  .oh-ref-brand p,.oh-ref-alert p{font-size:17px}
  .oh-ref-socials a{width:46px;height:46px}
  .oh-ref-nav h3,.oh-ref-alert h3{font-size:21px}
  .oh-ref-nav a{font-size:18px}
  .oh-ref-alert{padding:26px 20px}
  .oh-ref-form{grid-template-columns:1fr 58px;gap:10px}
  .oh-ref-form input,.oh-ref-form button{height:58px}
  .oh-ref-source-title{font-size:13px;letter-spacing:.26em}
  .oh-ref-source-row{grid-template-columns:1fr 1fr;padding:14px 18px}
  .source-logo{border-top:1px solid rgba(137,169,199,.18)}
  .source-logo:nth-child(odd){border-right:1px solid rgba(137,169,199,.18)}
  .source-logo:nth-child(even){border-right:0}
  .oh-ref-legal{flex-wrap:wrap;justify-content:center}
  .oh-ref-legal a{padding:8px 14px}
}




/* v46 footer nav fix */
.oh-ref-nav a{
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  align-items:center!important;
  gap:20px!important;
  color:#eef4fa!important;
  text-decoration:none!important;
  font-size:20px!important;
  font-weight:520!important;
  padding:14px 0!important;
  line-height:1.2!important;
}
.oh-ref-nav a b{
  display:block!important;
  color:inherit!important;
  font:inherit!important;
  font-weight:520!important;
  letter-spacing:0!important;
  text-transform:none!important;
  line-height:1.2!important;
}
.oh-ref-nav a span:not(.oh-ref-arrow){
  color:inherit!important;
  font:inherit!important;
  font-size:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
  text-transform:none!important;
}
.oh-ref-nav a .oh-ref-arrow{
  display:block!important;
  color:#ff6a00!important;
  font-size:42px!important;
  line-height:.6!important;
  font-weight:300!important;
  transform:none!important;
}
.oh-ref-nav a:hover b{color:#ff7a18!important;}