body[data-page=careers] {
  background: #ffffff;
  color: #2c1603;
  font: 400 18px/1.5 "TikTok Sans", Arial, sans-serif;
}
body[data-page=careers] .entity-page {
  min-height: 70vh;
  padding: 0 0 110px;
  border: 0;
  background: #ffffff;
}
body[data-page=careers] .entity-page > .page { width: min(1400px, calc(100% - 48px)); }
body[data-page=careers] .entity-page h1,
body[data-page=careers] .role-list-title,
body[data-page=careers] .essay-copy h2,
body[data-page=careers] .apply-title {
  color: #2c1603;
  font-family: "Vend Sans", Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -.04em;
}
body[data-page=careers] .careers-index > .page > h1,
body[data-page=careers] .careers-role > .page > h1 {
  font-size: clamp(58px, 6.5vw, 92px);
  line-height: 1.04;
}
body[data-page=careers] .careers-index > .page {
  padding-top: 82px;
}
body[data-page=careers] .careers-index {
  background: linear-gradient(#ffffff 0 0) bottom / 100% 65% no-repeat,
    linear-gradient(#ffffffa8 1px, transparent 1px),
    linear-gradient(90deg, #ffffffa8 1px, transparent 1px),
    #cfc0ea;
  background-size: 100% 65%, 24px 24px, 24px 24px, auto;
}
body[data-page=careers] .careers-index .essay-copy { max-width: 800px; margin-top: 26px; }
body[data-page=careers] .careers-index .essay-copy p { font-size: clamp(20px, 2vw, 25px); color: #2c1603; line-height: 1.4; }
body[data-page=careers] .role-list-title { margin-top: 120px; font-size: clamp(42px, 5vw, 64px); }
body[data-page=careers] .role-list { max-width: 980px; margin-top: 20px; }
body[data-page=careers] .role-list > li { position: relative; padding: 30px 64px 30px 0; border-color: #d1c9c4; }
body[data-page=careers] .role-list > li::after { position: absolute; top: 37px; right: 4px; width: 20px; height: 20px; content: ''; background: url('/assets/kale/arrow-up-right.svg') center / contain no-repeat; }
body[data-page=careers] .role-row-title { color: #2c1603; font: 700 clamp(28px, 3vw, 38px)/1.1 "Vend Sans", Arial, sans-serif; text-decoration: none; }
body[data-page=careers] .role-row-title:hover { color: #0e8445; }
body[data-page=careers] .role-row-location,
body[data-page=careers] .role-row-summary { color: #7b6f6a; font-size: 18px; font-weight: 400; line-height: 1.5; }
body[data-page=careers] .role-row-location { font-weight: 700; }
body[data-page=careers] .careers-role { padding-top: 70px; }
body[data-page=careers] .careers-role > .page { max-width: 1000px; }
body[data-page=careers] .section-kicker { padding: 0; border: 0; color: #7b6f6a; font-size: 14px; text-transform: uppercase; letter-spacing: .12em; }
body[data-page=careers] .role-location { max-width: 790px; color: #7b6f6a; font-size: 21px; font-weight: 400; line-height: 1.45; }
body[data-page=careers] .careers-role .essay-copy,
body[data-page=careers] .apply-block { max-width: 800px; }
body[data-page=careers] .careers-role .essay-copy { margin-top: 52px; }
body[data-page=careers] .essay-copy h2,
body[data-page=careers] .apply-title { font-size: clamp(32px, 4vw, 48px); }
body[data-page=careers] .essay-copy p,
body[data-page=careers] .essay-copy li { color: #343d32; font-size: 18px; line-height: 1.65; }
body[data-page=careers] .essay-copy a,
body[data-page=careers] .role-back-link { color: #0e8445; text-decoration-color: #0e8445; }
body[data-page=careers] .apply-block { margin-top: 65px; padding: 40px; border: 0; background: #e7f3ee; }
body[data-page=careers] .apply-form { gap: 23px; }
body[data-page=careers] .field-label,
body[data-page=careers] .apply-question { color: #2c1603; font-size: 17px; font-weight: 700; }
body[data-page=careers] .form-field input,
body[data-page=careers] .form-field textarea { border: 1px solid #d1c9c4; border-radius: 2px; background: white; font-size: 18px; }
body[data-page=careers] .apply-resume input[type=file] { background: none; border: 0; }
body[data-page=careers] .apply-submit { min-height: 54px; padding: 12px 22px; border-radius: 2px; background: #0e8445; color: white; font-size: 17px; font-weight: 700; box-shadow: none; }
body[data-page=careers] .apply-submit:hover { background: #0a713a; box-shadow: none; filter: none; }
body[data-page=careers] :focus-visible { outline: 3px solid #ed6b38; outline-offset: 4px; }
@media (max-width: 760px) {
  body[data-page=careers] .entity-page > .page { width: calc(100% - 32px); }
  body[data-page=careers] .careers-index > .page { padding-top: 48px; }
  body[data-page=careers] .careers-index { background-size: 100% 70%, 20px 20px, 20px 20px, auto; }
  body[data-page=careers] .careers-index > .page > h1,
  body[data-page=careers] .careers-role > .page > h1 { font-size: clamp(48px, 12vw, 64px); }
  body[data-page=careers] .role-list-title { margin-top: 90px; }
  body[data-page=careers] .role-list > li { padding-right: 38px; }
  body[data-page=careers] .role-list > li::after { width: 17px; height: 17px; }
  body[data-page=careers] .role-row-location,
  body[data-page=careers] .role-row-summary { font-size: 16px; }
  body[data-page=careers] .careers-role { padding-top: 45px; }
  body[data-page=careers] .apply-block { padding: 24px 18px; }
}
