.career-layout{display:grid;grid-template-columns:1fr .75fr;gap:60px;align-items:start}.career-panel{padding:34px;border:1px solid var(--border);background:#fff}.career-panel h2{margin:0;font-family:"Arial Black","Arial Narrow",Arial,sans-serif;font-size:25px;text-transform:uppercase}.career-panel p{color:var(--muted);line-height:1.7}.career-list{margin:26px 0 0;padding:0;list-style:none}.career-list li{padding:15px 0;border-top:1px solid var(--border);color:#405266;font-size:14px}.career-list strong{display:block;color:var(--text);margin-bottom:5px}.career-note{padding:30px;background:#192431;color:#fff}.career-note h3{margin:0;font-family:"Arial Black","Arial Narrow",Arial,sans-serif;text-transform:uppercase}.career-note p{color:rgba(255,255,255,.66);line-height:1.7}.career-note a{color:#8fc7f5;font-weight:700;text-decoration:none}@media(max-width:820px){.career-layout{grid-template-columns:1fr}}

/* Match secondary-page hero typography to the homepage hero. */
.page-hero h1{
    font-family:"BankGothic",Arial,sans-serif;
    font-size:clamp(36px,3.5vw,52px);
    font-weight:500;
    line-height:1.03;
    letter-spacing:-1.5px;
}

@media (min-width:901px) and (max-height:1000px){
    .page-hero h1{font-size:clamp(34px,3vw,46px);line-height:1.04}
}

@media (max-width:1100px){
    .page-hero h1{font-size:clamp(34px,4.3vw,48px)}
}

@media (max-width:620px){
    .page-hero h1{font-size:clamp(31px,9.5vw,42px);letter-spacing:-.8px}
}