:root{
  --ovcareer-navy:#0A0F29;
  --ovcareer-deep:#0B2DA2;
  --ovcareer-blue:#0056B3;
  --ovcareer-bright:#007BFF;
  --ovcareer-cyan:#03B8FD;

  --ovcareer-white:#FFFFFF;
  --ovcareer-soft:#F6F9FF;
  --ovcareer-soft-blue:#EEF6FF;

  --ovcareer-text:#334155;
  --ovcareer-muted:#64748B;
  --ovcareer-border:#E2E8F0;
}


/* GLOBAL */

.ovcareer-page,
.ovcareer-page *{
  box-sizing:border-box;
}

.ovcareer-page{
  width:100%;
  overflow:hidden;
  color:var(--ovcareer-text);
  font-family:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.ovcareer-container{
  width:min(calc(100% - 64px),1200px);
  margin-inline:auto;
}

.ovcareer-reading{
  width:min(calc(100% - 64px),880px);
  margin-inline:auto;
}

.ovcareer-section{
  padding:82px 0;
}

.ovcareer-soft{
  background:var(--ovcareer-soft);
}


/* TYPOGRAPHY */

.ovcareer-page h1,
.ovcareer-page h2,
.ovcareer-page h3,
.ovcareer-page p{
  margin-top:0;
}

.ovcareer-page h1{
  max-width:760px;
  margin-bottom:24px;
  color:var(--ovcareer-navy);
  font-size:clamp(44px,4.7vw,66px);
  line-height:1.05;
  letter-spacing:-1.7px;
  font-weight:700;
}

.ovcareer-page h2{
  margin-bottom:16px;
  color:var(--ovcareer-navy);
  font-size:clamp(30px,3.2vw,44px);
  line-height:1.14;
  letter-spacing:-.8px;
  font-weight:700;
}

.ovcareer-page h3{
  margin-bottom:9px;
  color:var(--ovcareer-navy);
  font-size:20px;
  line-height:1.3;
  font-weight:600;
}

.ovcareer-page p{
  font-size:17px;
  line-height:1.7;
}

.ovcareer-eyebrow{
  margin-bottom:15px;
  color:var(--ovcareer-deep);
  font-size:13px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:1.5px;
  text-transform:uppercase;
}

.ovcareer-eyebrow-light{
  color:#8DE4FF;
}


/* HERO */

.ovcareer-hero{
  padding:78px 0 84px;
  background:#fff;
}

.ovcareer-hero-grid{
  display:grid;
  grid-template-columns:1.35fr .65fr;
  gap:70px;
  align-items:center;
}

.ovcareer-hero-lead{
  max-width:720px;
  margin-bottom:28px !important;
  color:var(--ovcareer-muted);
  font-size:20px !important;
}

.ovcareer-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.ovcareer-hero-card{
  padding:34px;
  border:1px solid var(--ovcareer-border);
  border-radius:18px;
  background:var(--ovcareer-soft);
}

.ovcareer-hero-icon{
  width:60px;
  height:60px;
  margin-bottom:23px;

  display:grid;
  place-items:center;

  border-radius:14px;

  background:var(--ovcareer-soft-blue);
  color:var(--ovcareer-blue);
}

.ovcareer-hero-icon svg{
  width:30px;
  height:30px;

  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.ovcareer-hero-card span,
.ovcareer-hero-card strong{
  display:block;
}

.ovcareer-hero-card span{
  margin-bottom:7px;
  color:var(--ovcareer-muted);
  font-size:13px;
}

.ovcareer-hero-card strong{
  color:var(--ovcareer-navy);
  font-size:21px;
  line-height:1.4;
}


/* BUTTONS */

.ovcareer-btn{
  min-height:52px;
  padding:0 24px;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  border-radius:10px;

  font-family:inherit;
  font-size:15px;
  font-weight:600;

  text-decoration:none;

  transition:.2s ease;
}

.ovcareer-btn:hover{
  transform:translateY(-1px);
}

.ovcareer-btn-primary{
  background:var(--ovcareer-deep);
  color:#fff;
}

.ovcareer-btn-primary:hover{
  background:var(--ovcareer-navy);
  color:#fff;
}

.ovcareer-btn-secondary{
  border:2px solid var(--ovcareer-deep);
  background:#fff;
  color:var(--ovcareer-deep);
}

.ovcareer-btn-secondary:hover{
  border-color:var(--ovcareer-navy);
  color:var(--ovcareer-navy);
}

.ovcareer-btn-white{
  background:#fff;
  color:var(--ovcareer-navy);
}


/* SECTION HEAD */

.ovcareer-section-head{
  margin-bottom:38px;
}

.ovcareer-section-head p{
  color:var(--ovcareer-muted);
}

.ovcareer-center{
  max-width:780px;
  margin:0 auto 40px;
  text-align:center;
}


/* BENEFITS */

.ovcareer-benefit-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

.ovcareer-benefit-card{
  padding:30px 26px;

  border:1px solid var(--ovcareer-border);
  border-radius:16px;

  background:#fff;
}

.ovcareer-card-icon{
  width:50px;
  height:50px;
  margin-bottom:20px;

  display:grid;
  place-items:center;

  border-radius:12px;

  background:var(--ovcareer-soft-blue);
  color:var(--ovcareer-blue);
}

.ovcareer-card-icon svg{
  width:25px;
  height:25px;

  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.ovcareer-benefit-card p{
  margin-bottom:0;
  color:var(--ovcareer-muted);
  font-size:14px;
}


/* VALUES */

.ovcareer-value-grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:70px;
  align-items:center;
}

.ovcareer-value-content p{
  color:var(--ovcareer-muted);
}

.ovcareer-values{
  padding:8px 28px;

  border:1px solid var(--ovcareer-border);
  border-radius:16px;

  background:#fff;
}

.ovcareer-value-item{
  padding:19px 0;

  display:grid;
  grid-template-columns:34px 1fr;
  gap:14px;

  border-bottom:1px solid var(--ovcareer-border);
}

.ovcareer-value-item:last-child{
  border-bottom:0;
}

.ovcareer-value-item > span{
  width:30px;
  height:30px;

  display:grid;
  place-items:center;

  border-radius:50%;

  background:var(--ovcareer-deep);
  color:#fff;

  font-size:11px;
  font-weight:700;
}

.ovcareer-value-item strong{
  display:block;
  margin-bottom:3px;

  color:var(--ovcareer-navy);
  font-size:15px;
}

.ovcareer-value-item p{
  margin:0;

  color:var(--ovcareer-muted);
  font-size:13px;
  line-height:1.55;
}


/* CAREERS EMBED */

#career-opportunities{
  scroll-margin-top:120px;
}

.ovcareer-embed-slot{
  width:100%;
}

.ovcareer-embed-placeholder{
  min-height:300px;
  padding:48px 30px;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;

  border:1px dashed #94A3B8;
  border-radius:16px;

  background:#fff;

  text-align:center;
}

.ovcareer-embed-icon{
  width:64px;
  height:64px;
  margin-bottom:20px;

  display:grid;
  place-items:center;

  border-radius:15px;

  background:var(--ovcareer-soft-blue);
  color:var(--ovcareer-blue);
}

.ovcareer-embed-icon svg{
  width:31px;
  height:31px;

  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.ovcareer-embed-placeholder h3{
  font-size:23px;
}

.ovcareer-embed-placeholder p{
  margin:0;
  color:var(--ovcareer-muted);
  font-size:15px;
}


/* PROCESS */

.ovcareer-process{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}

.ovcareer-process-item{
  padding:26px 22px;

  border:1px solid var(--ovcareer-border);
  border-radius:14px;

  background:#fff;
}

.ovcareer-process-number{
  width:38px;
  height:38px;
  margin-bottom:18px;

  display:grid;
  place-items:center;

  border-radius:50%;

  background:var(--ovcareer-deep);
  color:#fff;

  font-size:13px;
  font-weight:700;
}

.ovcareer-process-item p{
  margin:0;

  color:var(--ovcareer-muted);
  font-size:14px;
  line-height:1.6;
}


/* FINAL CTA */

.ovcareer-contact{
  padding:72px 0;

  background:var(--ovcareer-navy);

  text-align:center;
}

.ovcareer-contact h2{
  color:#fff;
}

.ovcareer-contact p{
  max-width:680px;
  margin:0 auto 26px;

  color:#CBD5E1;
}

.ovcareer-contact-actions{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:22px;
}

.ovcareer-contact-email{
  color:#fff;

  text-decoration:none;

  font-size:15px;
  font-weight:600;
}


/* ACCESSIBILITY */

.ovcareer-page a:focus-visible{
  outline:3px solid rgba(0,123,255,.35);
  outline-offset:4px;
}


/* TABLET */

@media(max-width:1023px){

  .ovcareer-container,
  .ovcareer-reading{
    width:calc(100% - 48px);
  }

  .ovcareer-hero-grid{
    grid-template-columns:1fr;
    gap:38px;
  }

  .ovcareer-value-grid{
    grid-template-columns:1fr;
    gap:38px;
  }

  .ovcareer-process{
    grid-template-columns:repeat(2,1fr);
  }

}


/* MOBILE */

@media(max-width:767px){

  .ovcareer-container,
  .ovcareer-reading{
    width:calc(100% - 36px);
  }

  .ovcareer-section{
    padding:52px 0;
  }

  .ovcareer-hero{
    padding:52px 0;
  }

  .ovcareer-page h1{
    font-size:39px;
  }

  .ovcareer-page h2{
    font-size:31px;
  }

  .ovcareer-hero-actions,
  .ovcareer-contact-actions{
    flex-direction:column;
  }

  .ovcareer-btn{
    width:100%;
  }

  .ovcareer-benefit-grid,
  .ovcareer-process{
    grid-template-columns:1fr;
  }

  .ovcareer-center{
    text-align:left;
  }

  .ovcareer-values{
    padding:6px 20px;
  }

  .ovcareer-embed-placeholder{
    min-height:260px;
    padding:35px 20px;
  }

}