/* Compact integrated reference footer: calmer transition, smaller footprint. */
.oh-reference-footer{
  margin-top:32px!important;
  background:
    linear-gradient(180deg,rgba(2,11,20,.02) 0%,rgba(3,13,23,.70) 13%,rgba(3,13,23,.94) 42%,rgba(2,9,17,.98) 100%)!important;
  border-top:1px solid rgba(90,130,164,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}

.oh-reference-footer:before{
  background:
    linear-gradient(180deg,rgba(0,174,255,.045),transparent 18%),
    radial-gradient(circle at 22% 0%,rgba(0,137,216,.075),transparent 30%),
    radial-gradient(circle at 84% 6%,rgba(255,106,0,.055),transparent 28%)!important;
}

.oh-ref-top{
  grid-template-columns:minmax(250px,1.02fr) minmax(190px,.62fr) minmax(300px,.86fr)!important;
  gap:34px!important;
  padding:42px clamp(28px,4.2vw,58px) 34px!important;
}

.oh-ref-brand{
  padding-right:34px!important;
  border-right-color:rgba(137,169,199,.18)!important;
}

.oh-ref-logo{
  width:min(320px,100%)!important;
  margin-bottom:16px!important;
}

.oh-ref-logo img{
  filter:drop-shadow(0 0 12px rgba(0,137,216,.10))!important;
}

.oh-ref-brand p{
  max-width:340px!important;
  font-size:13px!important;
  line-height:1.45!important;
  color:#c6d4e1!important;
}

.oh-ref-socials{
  gap:10px!important;
  margin-top:18px!important;
}

.oh-ref-socials a{
  width:34px!important;
  height:34px!important;
  border-radius:7px!important;
  background:rgba(2,12,22,.34)!important;
}

.oh-ref-socials svg{
  width:15px!important;
  height:15px!important;
}

.oh-ref-nav h3,
.oh-ref-alert h3{
  font-size:14px!important;
  letter-spacing:.01em!important;
}

.oh-ref-nav h3{
  gap:10px!important;
  margin-bottom:16px!important;
}

.oh-ref-icon,
.oh-ref-bell{
  width:34px!important;
  height:34px!important;
  border-radius:7px!important;
  font-size:15px!important;
  box-shadow:0 0 12px rgba(255,106,0,.06)!important;
}

.oh-ref-nav a{
  grid-template-columns:18px minmax(0,1fr)!important;
  gap:10px!important;
  padding:6px 0!important;
  font-size:13px!important;
  font-weight:620!important;
}

.oh-ref-nav a .oh-ref-arrow{
  font-size:26px!important;
  line-height:.52!important;
}

.oh-ref-alert{
  border-radius:10px!important;
  padding:22px 22px 20px!important;
  background:linear-gradient(180deg,rgba(4,18,31,.58),rgba(3,12,23,.60))!important;
  box-shadow:0 12px 28px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.03)!important;
}

.oh-ref-alert-head{
  gap:14px!important;
  margin-bottom:16px!important;
}

.oh-ref-alert p{
  margin-bottom:16px!important;
  font-size:13px!important;
  line-height:1.45!important;
  color:#d8e4ee!important;
}

.oh-ref-form{
  grid-template-columns:minmax(0,1fr) 42px!important;
  gap:10px!important;
  margin-bottom:13px!important;
}

.oh-ref-form input{
  height:42px!important;
  border-radius:7px!important;
  padding:0 14px!important;
  font-size:13px!important;
}

.oh-ref-form button{
  height:42px!important;
  border-radius:7px!important;
  font-size:22px!important;
  box-shadow:0 0 16px rgba(255,106,0,.18)!important;
}

.oh-ref-lock{
  gap:8px!important;
  font-size:10px!important;
  color:#c7d5e2!important;
}

.oh-ref-lock span:first-child{
  width:13px!important;
  height:13px!important;
  border-radius:3px!important;
  font-size:7px!important;
}

.oh-ref-sources{
  padding-bottom:22px!important;
  border-top-color:rgba(137,169,199,.13)!important;
  border-bottom-color:rgba(137,169,199,.12)!important;
}

.oh-ref-source-title{
  transform:translateY(-10px)!important;
  gap:10px!important;
  letter-spacing:.30em!important;
  font-size:11px!important;
}

.oh-ref-source-title i{
  width:6px!important;
  height:6px!important;
  box-shadow:0 0 10px rgba(255,106,0,.70)!important;
}

.oh-ref-source-title i:before{
  width:22px!important;
}

.oh-ref-source-row{
  padding:14px clamp(24px,4vw,58px) 2px!important;
}

.source-logo{
  min-height:52px!important;
  padding:0 14px!important;
  border-right-color:rgba(137,169,199,.16)!important;
}

.source-logo img{
  max-height:38px!important;
  filter:drop-shadow(0 0 8px rgba(255,255,255,.04))!important;
}

.source-logo--atlas img{width:112px!important}
.source-logo--bluecrew img{width:142px!important}
.source-logo--rtc img{width:144px!important}
.source-logo--offshorecrew img{width:146px!important}
.source-logo--personalhuset img{width:138px!important}
.source-logo--acroboat img{width:132px!important}

.source-logo--personalhuset img{
  filter:brightness(0) invert(1) drop-shadow(0 0 12px rgba(255,255,255,.08))!important;
  opacity:.96!important;
}

.source-logo-stack small{
  font-size:8px!important;
}

.oh-ref-bottom{
  gap:18px!important;
  padding:22px clamp(28px,4.2vw,58px)!important;
}

.oh-ref-copy{
  gap:12px!important;
  font-size:11px!important;
  line-height:1.35!important;
}

.oh-ref-shield{
  width:34px!important;
  height:34px!important;
  flex-basis:34px!important;
  border-radius:7px!important;
  font-size:15px!important;
  box-shadow:0 0 14px rgba(0,255,170,.09)!important;
}

.oh-ref-legal a{
  padding:0 18px!important;
  font-size:11px!important;
}

.oh-ref-status{
  min-height:34px!important;
  gap:9px!important;
  padding:0 17px!important;
  font-size:11px!important;
}

.oh-ref-status i{
  width:8px!important;
  height:8px!important;
  flex-basis:8px!important;
  box-shadow:0 0 12px rgba(0,232,135,.72)!important;
}

body.jobs-page .oh-reference-footer{
  margin-top:24px!important;
}

@media(max-width:1180px){
  .oh-ref-top{
    grid-template-columns:1fr!important;
    gap:26px!important;
    padding:34px 24px!important;
  }
  .oh-ref-brand{
    padding-right:0!important;
  }
}

@media(max-width:700px){
  .oh-reference-footer{
    margin-top:24px!important;
  }
  .oh-ref-top{
    padding:28px 18px!important;
  }
  .oh-ref-logo{
    width:240px!important;
  }
  .oh-ref-source-row{
    grid-template-columns:1fr 1fr!important;
    padding:10px 16px 2px!important;
  }
  .oh-ref-bottom{
    padding:20px 18px!important;
  }
}