@import url("https://fonts.googleapis.com/css?family=Lato:300,300italic,400,400italic,700,700italic&display=swap");

* { box-sizing: border-box; }
html { min-width: 320px; background: #fff; scroll-behavior: smooth; }
body { margin: 0; background: #fff; color: #212121; font-family: "Lato", Arial, sans-serif; }
a { color: inherit; text-decoration: none; }
.job-page { min-height: 100vh; overflow-x: hidden; background: #fff; color: #212121; }
.job-skip { position: absolute; top: 0; left: -9999px; z-index: 100; padding: 10px 14px; background: #fff; color: #222; font-size: 13px; }
.job-skip:focus { left: 16px; }
.job-topbar { position: fixed; top: 0; right: 0; left: 0; z-index: 20; min-height: 56px; padding: 0 16px; background: #212121; }
.job-brand { display: flex; min-height: 56px; align-items: center; color: #fff; font-size: 20px; font-weight: 300; line-height: 26.66px; }
.job-hero { position: relative; display: flex; min-height: 392px; align-items: center; justify-content: center; overflow: hidden; padding: 60px 0; background: #226e93; }
.job-hero::before { position: absolute; inset: 0; background: url("assets/simple-header-blended-small.png") center / cover no-repeat; content: ""; }
.job-hero-content { position: relative; z-index: 1; display: flex; width: 100%; min-height: 272px; align-items: center; justify-content: center; padding: 0 48px; }
.job-hero h1 { width: min(785px, calc(100% - 96px)); margin: 0; color: #fff; font-size: clamp(48px, 6.6667vw, 85.3333px); font-style: italic; font-weight: 300; letter-spacing: 2px; line-height: 1; text-align: center; transform: scaleX(0.94); }
.job-section { width: 100%; background: #fff; }
.job-section-inner { width: min(1175px, calc(100% - 96px)); margin: 0 auto; padding: 0 22.7px; }
.job-intro { padding: 32px 0; }
.job-intro p, .job-final p { margin: 0; color: #212121; font-size: 14.6667px; font-weight: 400; line-height: 1.6667; }
.job-intro p { line-height: 31.1117px; }
.job-body { padding: 48px 0 71px; }
.job-body p { margin: 0 0 16px; color: #212121; font-size: 14.6667px; font-weight: 400; line-height: 1.38; }
.job-body p:last-child { margin-bottom: 0; }
.job-final { padding: 32px 0; }
.job-final p { font-weight: 700; line-height: 53.3333px; }
.job-footer { display: flex; min-height: 71px; align-items: center; padding: 0 56px; background: #fff; color: #5f6368; font-size: 12px; }
.job-footer a { display: inline-flex; min-height: 36px; align-items: center; padding: 0 12px; color: #5f6368; transition: background 160ms ease, color 160ms ease; }
.job-footer a:hover { border-radius: 4px; background: #f1f3f4; color: #202124; }
@media (max-width: 760px) {
  .job-hero { min-height: 320px; padding: 56px 0 36px; }
  .job-hero-content { min-height: 228px; padding: 0 24px; }
  .job-hero h1 { width: 100%; font-size: clamp(40px, 12vw, 64px); letter-spacing: 1px; transform: none; }
  .job-section-inner { width: calc(100% - 32px); padding: 0 8px; }
  .job-intro { padding: 24px 0; }
  .job-body { padding: 36px 0 48px; }
  .job-final { padding: 24px 0; }
  .job-footer { min-height: 78px; flex-wrap: wrap; padding: 12px 16px; }
  .job-footer a { padding: 0 8px; }
}