.q-careers { background: #fafbfc; color: #202730; }
.q-careers .q-container { margin-inline: auto; }
.q-careers-intro { padding-top: 155px; }
.q-careers-heading { display: grid; grid-template-columns: 1.2fr 1fr; gap: 24px 12%; align-items: end; padding-bottom: 70px; }
.q-careers-eyebrow { font-size: 11px; color: #627086; letter-spacing: .12em; text-transform: uppercase; margin: 0 0 24px; }
.q-careers-heading > .q-careers-eyebrow { grid-column: 1 / -1; margin: 0; }
.q-careers h1, .q-careers h2 { font-family: var(--q-display); font-weight: 400; letter-spacing: -.045em; line-height: 1.1; margin: 0; }
.q-careers h1 { font-size: clamp(44px, 5.6vw, 78px); }
.q-careers-lede { font-size: 19px; color: #5c687a; line-height: 1.65; max-width: 440px; margin: 0; }
.q-careers-benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; padding-bottom: 85px; }
.q-careers-benefit { border-top: 1px solid #cbd5e3; padding-top: 28px; }
.q-careers-icon { color: #4664bb; margin-bottom: 28px; }
.q-careers-icon svg { width: 25px; height: 25px; stroke-width: 1.5; }
.q-careers-benefit h2 { font-size: 23px; margin-bottom: 16px; }
.q-careers-benefit p { color: #5c687a; font-size: 15px; line-height: 1.7; margin: 0; }
.q-careers-positions { display: grid; grid-template-columns: 1.2fr 1fr; gap: 12%; border-top: 1px solid #cbd5e3; padding-block: 65px 100px; }
.q-careers-positions h2 { font-size: clamp(30px, 3.4vw, 48px); }
.q-careers-openings { border-left: 2px solid #526cc0; padding-left: 30px; }
.q-careers-openings .q-careers-openings-title { font-size: 25px; margin-bottom: 20px; }
.q-careers-openings-copy { color: #5c687a; font-size: 16px; line-height: 1.7; margin-bottom: 24px; }
.q-careers-story-link { display: inline-flex; gap: 35px; align-items: center; padding-block: 12px; border-bottom: 1px solid #526cc0; font-size: 14px; }
.q-careers-story-link svg { width: 19px; height: 19px; }
.q-careers-story-link:focus-visible { outline: 2px solid #526cc0; outline-offset: 5px; }
@media (max-width: 760px) {
 .q-careers-intro { padding-top: 120px; }
 .q-careers-heading, .q-careers-positions { grid-template-columns: 1fr; gap: 30px; }
 .q-careers-heading { padding-bottom: 45px; }
 .q-careers-benefits { grid-template-columns: 1fr; gap: 30px; padding-bottom: 50px; }
 .q-careers-positions { padding-block: 45px 60px; }
}