.careers-hero {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);
    align-items: center;
    gap: clamp(28px, 5vw, 88px);
    padding: clamp(44px, 5vw, 80px) clamp(24px, 5vw, 92px);
}

.careers-hero-copy {
    display: grid;
    justify-items: start;
    gap: 20px;
    min-width: 0;
}

.careers-hero .eyebrow,
.careers-role .eyebrow {
    margin-bottom: 18px;
}

.careers-hero h1,
.careers-openings h2,
.careers-role h3 {
    margin: 0;
    font-family: "Space Grotesk", sans-serif;
    letter-spacing: -.055em;
    line-height: 1;
}

.careers-hero h1 {
    max-width: 19ch;
    font-size: clamp(43px, 5vw, 86px);
    text-wrap: balance;
}

.careers-hero-intro {
    max-width: 54ch;
    margin: 0;
    color: var(--muted);
    font-size: clamp(17px, 1.35vw, 20px);
    line-height: 1.55;
}

.careers-hero-mark {
    display: block;
    justify-self: center;
    width: min(100%, clamp(130px, 14vw, 236px));
    height: auto;
}

.careers-openings {
    padding: clamp(38px, 4.5vw, 72px) clamp(24px, 5vw, 92px) clamp(48px, 7vw, 104px);
}

.careers-openings h2 {
    margin-bottom: 30px;
    font-size: clamp(38px, 4.5vw, 70px);
}

.careers-role {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    gap: clamp(24px, 6vw, 110px);
    padding: clamp(28px, 4vw, 58px) 0;
    border-top: 1px solid var(--ink);
}

.careers-role h3 {
    max-width: 17ch;
    font-size: clamp(30px, 3.5vw, 56px);
}

.careers-role-copy {
    max-width: 64ch;
    font-size: 17px;
    line-height: 1.6;
}

.careers-role-copy p:first-child {
    margin-top: 0;
}

.careers-role-copy ul {
    padding-left: 1.25em;
}

.careers-role-copy li + li {
    margin-top: .45em;
}

.careers-role-copy .button {
    margin-top: 6px;
}

.careers-application-note {
    margin: 0;
    padding-top: 20px;
    border-top: 1px solid var(--ink);
    color: var(--muted);
    line-height: 1.55;
}

@media (max-width: 680px) {
    .careers-hero,
    .careers-role {
        grid-template-columns: 1fr;
    }

    .careers-hero-mark {
        display: none;
    }

    .careers-role {
        gap: 18px;
    }
}