.navlinks a { white-space: nowrap; }
.brand { flex-shrink: 0; }
.careers { background: var(--cream); }
.career-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }
.career-card { padding: 32px 28px; background: var(--paper); border: 1px solid var(--line); border-top: 3px solid var(--orange); }
.people-number { display: block; font-size: 10px; letter-spacing: .13em; font-weight: 700; color: var(--orange-deep); }
.career-card h3, .responsibility-card h3 { margin: 24px 0 12px; font-size: 22px; }
.career-card p { color: var(--muted); font-size: 14px; margin: 0; line-height: 1.9; }
.people-tags { margin-top: 30px; padding-top: 17px; border-top: 1px solid var(--line); font-size: 12px; color: var(--orange-deep); }
.career-contact { display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-top: 32px; padding: 32px 0 0; border-top: 1px solid var(--line); }
.career-contact h3 { margin: 0 0 8px; font-size: 20px; }
.career-contact p { margin: 0 0 7px; color: var(--muted); font-size: 13px; }
.career-contact > div > span { font-size: 12px; color: var(--muted); }
.career-contact .button { flex-shrink: 0; }
.responsibility { background: #292725; color: #fff; }
.responsibility-layout { display: grid; grid-template-columns: .9fr 1.3fr; gap: 70px; align-items: start; }
.responsibility .kicker, .responsibility .people-number { color: #f3a267; }
.responsibility-intro > p { max-width: 390px; color: #c7c1bb; font-size: 15px; line-height: 1.9; margin: 25px 0; }
.responsibility-signature { padding-left: 20px; border-left: 2px solid var(--orange); margin-top: 42px; font-size: 18px; line-height: 1.9; }
.responsibility-signature span { color: #bdb3aa; }
.responsibility-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.responsibility-card { padding: 28px; border: 1px solid #ffffff20; background: #ffffff04; }
.responsibility-card p { margin: 0; color: #c7c1bb; font-size: 14px; line-height: 1.9; }
.responsibility-card a { display: inline-block; color: #f3a267; font-size: 12px; margin-top: 18px; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 1000px) and (min-width: 901px) { .navlinks { gap: 17px; } .nav { gap: 20px; } }
@media (max-width: 900px) {
 .menu-btn { display: block; flex-shrink: 0; cursor: pointer; }
 .navlinks { display: none; position: absolute; top: 78px; left: 0; right: 0; padding: 12px 18px 18px; background: var(--paper); border-bottom: 1px solid var(--line); box-shadow: 0 12px 24px #00000014; }
 .navlinks.open { display: grid; gap: 0; }
 .navlinks a { padding: 12px 0; font-size: 14px; }
 .navlinks a::after { bottom: 7px; }
 .navlinks.open .nav-cta { margin-top: 7px; }
 .career-grid { gap: 14px; }
 .career-card { padding: 24px 20px; }
 .career-contact { align-items: flex-start; flex-direction: column; gap: 22px; }
 .responsibility-layout { grid-template-columns: 1fr; gap: 36px; }
 .responsibility-intro > p { max-width: 600px; }
}
@media (max-width: 620px) {
 .navlinks { top: 69px; }
 .career-grid, .responsibility-grid { grid-template-columns: 1fr; }
 .career-card, .responsibility-card { padding: 26px; }
 .career-card h3, .responsibility-card h3 { margin-top: 18px; }
 .people-tags { margin-top: 22px; }
 .career-contact .button { font-size: 12px; padding: 0 14px; }
 .responsibility-signature { margin-top: 28px; }
}