/* HVA Public v0.9.9 — Cockpit Recruitment CTA, scoped to this section. */
.hv-join.hv-join-cockpit{padding:54px 0;background:#002677;color:#fff;overflow:hidden}
.hv-join-cockpit-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:center;gap:clamp(24px,5vw,80px)}
.hv-join-cockpit-copy{min-width:0}
.hv-join.hv-join-cockpit .hv-join-cockpit-copy h2{max-width:650px;margin:14px 0 12px;font:800 clamp(29px,3vw,43px)/1.16 'Manrope',Arial,sans-serif;letter-spacing:-1.2px;color:#fff}
.hv-join.hv-join-cockpit .hv-join-cockpit-copy p{max-width:540px;margin:0 0 25px;color:#dce9fb;font-size:15px;line-height:1.65}
.hv-join-cockpit-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:8px;padding:13px 22px;min-height:46px;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.hv-join-cockpit-button:hover{transform:translateY(-2px);box-shadow:0 9px 22px rgba(0,0,0,.19)}
.hv-join-cockpit-button i{transition:transform .2s ease}
.hv-join-cockpit-button:hover i{transform:translateX(4px)}
.hv-join-cockpit-media{height:225px;min-width:0;overflow:hidden;border-radius:16px;background:linear-gradient(145deg,#183c69,#0c2a51);box-shadow:0 14px 30px rgba(0,14,39,.18);position:relative}
.hv-join-cockpit-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 47%;transition:transform .55s ease}
.hv-join-cockpit-media:hover img{transform:scale(1.045)}
.hv-join-cockpit-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#b7cdec;font-size:36px;background:linear-gradient(135deg,#143d74,#17477e 50%,#0d2952)}
@media(max-width:800px){.hv-join.hv-join-cockpit{padding:42px 0}.hv-join-cockpit-layout{grid-template-columns:1fr;gap:26px}.hv-join-cockpit-media{height:240px}}
@media(max-width:480px){.hv-join-cockpit-media{height:190px}.hv-join-cockpit-button{width:auto}}
@media(prefers-reduced-motion:reduce){.hv-join-cockpit-button,.hv-join-cockpit-button i,.hv-join-cockpit-media img{transition:none!important}.hv-join-cockpit-button:hover,.hv-join-cockpit-button:hover i,.hv-join-cockpit-media:hover img{transform:none!important}}

/* v1.0.0: full-height, 50%-width edge-to-edge cockpit photo */
@media (min-width: 801px) {
  .hv-join.hv-join-cockpit {
    position: relative;
    min-height: 312px;
    padding: 0;
    isolation: isolate;
  }
  .hv-join-cockpit-layout {
    display: block;
    min-height: inherit;
  }
  .hv-join-cockpit-copy {
    width: 50%;
    min-height: inherit;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 46px clamp(26px, 4vw, 70px) 46px 0;
  }
  .hv-join-cockpit-media {
    position: absolute;
    inset: 0 0 0 auto;
    width: 50%;
    height: 100%;
    border-radius: 0;
    box-shadow: none;
    z-index: -1;
  }
  .hv-join-cockpit-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }
  /* Soft transition between navy and photo without obscuring the cockpit */
  .hv-join-cockpit-media::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(0,38,119,.20), transparent 24%);
    pointer-events: none;
  }
}
@media (max-width: 800px) {
  .hv-join.hv-join-cockpit {padding: 38px 0 0;}
  .hv-join-cockpit-layout {display:flex;flex-direction:column;gap:26px;}
  .hv-join-cockpit-copy {width:100%;padding:0;}
  .hv-join-cockpit-media {
    width:100vw;
    max-width:none;
    height:clamp(205px,48vw,330px);
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    border-radius:0;
    box-shadow:none;
  }
}