.quote-vacancies{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:58px 0 55px;
  background:#f8f3ff;
  scroll-margin-top:20px;
}
.quote-vacancies::before,.quote-vacancies::after{
  content:"";
  position:absolute;
  z-index:0;
  border:2px dashed rgba(73,111,134,.12);
  border-radius:50%;
  pointer-events:none;
}
.quote-vacancies::before{width:500px;height:175px;top:-15px;left:-270px;transform:rotate(-7deg)}
.quote-vacancies::after{width:130%;height:185px;bottom:-120px;left:-15%;transform:rotate(2deg)}
.quote-decor-dots{
  position:absolute;
  top:0;left:max(3%,calc((100vw - 1200px)/2));
  width:145px;height:125px;
  background:url("assets/quote-dots.png") center/contain no-repeat;
  filter:brightness(0);
  opacity:.09;
  pointer-events:none;
}
.quote-vacancies-main{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(250px,.75fr);
  align-items:center;
  gap:62px;
  width:min(900px,calc(100% - 64px));
  margin:0 auto;
}
.quote-copy{margin:0;min-width:0}
.quote-badge{
  display:inline-block;
  padding:3px 13px;
  border-radius:999px;
  background:var(--blue);
  color:#fff;
  font-size:10px;
  font-weight:800;
  line-height:1.1;
  letter-spacing:1.5px;
}
.quote-copy blockquote{
  margin:14px 0 18px;
  color:#071e29;
  font-size:clamp(29px,3vw,42px);
  font-weight:800;
  line-height:1.08;
  letter-spacing:-1.5px;
}
.quote-copy figcaption img{display:block;width:min(100%,340px);height:auto}
.quote-portrait{justify-self:end;width:min(100%,300px)}
.quote-portrait img{display:block;width:100%;height:auto}
.openings-callout{position:relative;z-index:1;margin:48px auto 0;text-align:center}
.openings-callout h2{
  width:max-content;
  margin:8px auto 15px;
  padding-bottom:5px;
  border-bottom:5px solid var(--red);
  color:var(--blue);
  font-size:38px;
  line-height:1.05;
  letter-spacing:-1.4px;
}
.openings-callout>a{
  display:inline-block;
  padding:12px 19px;
  border-radius:3px;
  background:var(--blue);
  color:#fff;
  font-size:13px;
  font-weight:800;
  letter-spacing:.4px;
  transition:background-color 180ms ease,transform 180ms ease;
}
.openings-callout>a:hover,.openings-callout>a:focus-visible{background:#07598f;transform:translateY(-2px)}
.openings-callout>a:focus-visible{outline:3px solid var(--red);outline-offset:3px}
@media(max-width:700px){
  .quote-vacancies{padding:55px 0 62px}
  .quote-vacancies-main{width:min(480px,calc(100% - 40px));grid-template-columns:1fr;gap:28px}
  .quote-copy blockquote{font-size:clamp(29px,8vw,39px)}
  .quote-portrait{justify-self:center;width:min(75%,270px)}
  .openings-callout{margin-top:34px}
  .openings-callout h2{font-size:34px}
  .quote-decor-dots{width:100px;height:86px;opacity:.055}
}