body.career-viewport{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}
body.career-viewport .site-header,body.career-viewport .site-footer{flex:0 0 auto}
.career-page{--career-red:#bc1116;min-height:0;flex:1;display:flex;align-items:center;overflow:hidden;padding:14px 0 16px;color:#111}
.career-panel{width:100%}
.career-intro{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(38px,5vw,76px)}
.career-collage{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:5px;height:clamp(190px,33vh,270px)}
.career-photo{position:relative;overflow:hidden;border:1px solid #111;background:#d9d9d9;color:#111}
.career-photo img{display:block;width:100%;height:100%;object-fit:cover}
.career-photo-main{grid-row:1/3;background:#c8c8c8}.career-photo-dark{background:#292929;color:#fff}
.career-copy h1{margin:0 0 20px;font:700 clamp(24px,2.4vw,36px)/1 Arial,sans-serif;letter-spacing:-.03em}.career-copy h1::after{content:"";display:block;width:45px;height:3px;margin-top:13px;background:var(--career-red)}
.career-copy p{max-width:680px;margin:0;font-size:clamp(13px,1.05vw,15px);line-height:1.65}
.career-vacancies-title{margin:clamp(18px,3vh,30px) 0 14px;color:var(--career-red);font:700 clamp(27px,3vw,42px)/1 Arial,sans-serif;text-align:center;letter-spacing:-.04em}
.career-role-list{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.6vw,22px)}
.career-role{display:flex;height:clamp(120px,18vh,145px);flex-direction:column;align-items:center;padding:16px 14px;border:1px solid var(--career-red);background:rgba(255,255,255,.88);text-align:center;box-sizing:border-box}
.career-role h3{margin:0 0 9px;color:var(--career-red);font:700 clamp(12px,1.05vw,15px)/1.15 Arial,sans-serif;text-transform:uppercase}.career-role p{display:-webkit-box;overflow:hidden;margin:0;color:#333;font-size:12px;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.career-role>button{margin-top:auto;padding:9px 14px;border:0;background:var(--career-red);color:#fff;font:700 11px Arial,sans-serif;cursor:pointer}.career-role>button:hover,.career-role>button:focus-visible{background:#111}
.career-modal{width:min(560px,calc(100vw - 28px));max-height:calc(100dvh - 24px);margin:auto;padding:0;overflow:visible;border:0;border-radius:7px;background:#fff;color:#111;box-shadow:0 20px 70px rgba(0,0,0,.35)}.career-modal::backdrop{background:rgba(0,0,0,.84)}
.career-modal>.cad-cursor{z-index:2147483647}
.career-modal-inner{position:relative;max-height:calc(100dvh - 24px);overflow:auto;padding:clamp(30px,5vw,52px) clamp(28px,5vw,40px);box-sizing:border-box}.career-modal-close{position:absolute;top:18px;right:20px;padding:0;border:0;background:transparent;color:#111;font-size:24px;line-height:1;cursor:pointer}
.career-modal h2{max-width:480px;margin:25px 30px 42px 0;font:700 clamp(38px,5vw,58px)/1 Arial,sans-serif;letter-spacing:-.04em;text-transform:uppercase}.career-modal ul{display:grid;gap:24px;margin:0 0 34px;padding:0;list-style:none}.career-modal li{font-size:16px;line-height:1.7}.career-modal li::before{content:"👍";margin-right:7px}.career-modal a{display:inline-block;padding:13px 20px;border-radius:5px;background:var(--career-red);color:#fff;font-size:16px;font-weight:700;text-decoration:none}.career-modal a:hover,.career-modal a:focus-visible{background:#111}
body.career-modal-open{overflow:hidden}
@media(max-width:920px){body.career-viewport{height:auto;min-height:100dvh;overflow:auto}.career-page{display:block;overflow:visible}.career-intro{grid-template-columns:1fr}.career-role-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.career-collage{height:230px}.career-role-list{grid-template-columns:1fr}.career-role{height:135px}.career-modal h2{margin-bottom:32px}.career-modal li{font-size:14px}.career-modal ul{gap:18px}}
@media(max-height:700px) and (min-width:921px){.career-collage{height:185px}.career-copy p{font-size:12px}.career-vacancies-title{margin:14px 0 10px;font-size:27px}.career-role{height:112px;padding:12px}.career-role p{font-size:11px}}
