.careers-page .careers-hero__visual {
  position: relative;
  width: 100%;
  max-width: 70rem;
  justify-self: center;
}

.careers-page .careers-hero__visual-frame {
  position: relative;
  width: 100%;
  height: clamp(17.5rem, 48vw, 33.9375rem);
  overflow: hidden;
  aspect-ratio: auto;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-block-end: 0;
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.09), transparent 55%),
    repeating-linear-gradient(0deg, transparent 0 2.95rem, rgba(255, 255, 255, 0.08) 3rem),
    repeating-linear-gradient(90deg, transparent 0 2.95rem, rgba(255, 255, 255, 0.08) 3rem),
    #123f47;
  box-shadow: 0 -1rem 4rem rgba(0, 0, 0, 0.22);
}

.careers-page .careers-hero__visual-frame::before,
.careers-page .careers-hero__visual-frame::after {
  position: absolute;
  content: "";
}

.careers-page .careers-hero__visual-frame::before {
  z-index: 2;
  width: 100%;
  height: 2.5rem;
  inset-block-start: 0;
  inset-inline-start: 0;
  border-block-end: 1px solid rgba(255, 255, 255, 0.16);
  background:
    radial-gradient(circle at 1.25rem 50%, #f9a061 0 0.25rem, transparent 0.28rem),
    radial-gradient(circle at 2.1rem 50%, #be6c39 0 0.25rem, transparent 0.28rem),
    radial-gradient(circle at 2.95rem 50%, rgba(255, 255, 255, 0.55) 0 0.25rem, transparent 0.28rem),
    rgba(3, 55, 62, 0.9);
}

.careers-page .careers-hero__visual-frame::after {
  width: 55%;
  height: 58%;
  inset-block-start: 20%;
  inset-inline-start: 10%;
  border: 1px solid rgba(249, 160, 97, 0.65);
}

.careers-page .careers-hero__drawing-line,
.careers-page .careers-hero__drawing-outline {
  position: absolute;
  display: block;
}

.careers-page .careers-hero__drawing-line {
  background: rgba(255, 255, 255, 0.38);
}

.careers-page .careers-hero__drawing-line--horizontal {
  width: 78%;
  height: 1px;
  inset-block-start: 48%;
  inset-inline-start: 8%;
}

.careers-page .careers-hero__drawing-line--vertical {
  width: 1px;
  height: 76%;
  inset-block-start: 10%;
  inset-inline-start: 64%;
}

.careers-page .careers-hero__drawing-outline {
  width: 34%;
  height: 46%;
  inset-block-end: 10%;
  inset-inline-end: 8%;
  border: 1px solid rgba(255, 255, 255, 0.52);
}

.careers-page .careers-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.careers-page .editorial-hero > .container {display:grid;grid-template-columns:minmax(0,1fr);justify-items:center;gap:clamp(3rem,6vw,5.5rem);padding-top:0}