/* A single editorial composition for the careers page. */
.careers-page {
  min-height: 100svh;
  display: flex;
  flex-direction: column;
}
.careers-main { flex: 1; }
.careers-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  gap: clamp(28px, 5vw, 80px);
  align-items: center;
  padding-block: 64px 72px;
}
.careers-content { min-width: 0; }
.careers-content h1 {
  margin: 0 0 30px;
  font-size: clamp(40px, 4.35vw, 64px);
  font-weight: 400;
  line-height: 1.09;
  letter-spacing: -.052em;
  text-wrap: balance;
}
.careers-copy {
  max-width: 620px;
  font-size: 18px;
  line-height: 1.65;
  letter-spacing: -.2px;
  color: var(--muted);
}
.careers-copy p + p { margin-top: 20px; }
.careers-content .button { margin-top: 32px; }
.careers-visual {
  min-width: 0;
  align-self: stretch;
  display: flex;
  align-items: center;
  opacity: .85;
}
.careers-visual .geometry { height: clamp(380px, 42vw, 620px); }
@media (min-width: 1700px) {
  .careers-layout { padding-block: 80px; }
  .careers-content h1 { font-size: 68px; }
  .careers-copy { font-size: 19px; }
}
@media (max-width: 1100px) {
  .careers-layout { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 24px; }
  .careers-content h1 { font-size: clamp(38px, 4.3vw, 48px); }
  .careers-copy { font-size: 17px; }
}
@media (max-width: 760px) {
  .careers-layout { display: block; padding-block: 48px 64px; }
  .careers-content { max-width: 620px; }
  .careers-content h1 {
    font-size: clamp(36px, 6.2vw, 46px);
    margin-block: 0 27px;
    line-height: 1.1;
    letter-spacing: -.05em;
  }
  .careers-copy { font-size: 17px; line-height: 1.65; }
  .careers-copy p + p { margin-top: 18px; }
  .careers-content .button { margin-top: 28px; }
  .careers-visual { display: none; }
}
@media (max-width: 380px) {
  .careers-content h1 { font-size: 32px; }
  .careers-copy { font-size: 16px; }
}