@layer components{.careers-hero{gap:var(--space-4) var(--site-gutter);grid-template-columns:minmax(0,1fr);width:100%;display:grid}.careers-hero_title,.careers-hero_lead{margin-top:0}.careers-hero_title{max-width:22ch}.careers-hero_tail{font-weight:var(--primary-light);color:var(--text-muted)}.careers-hero_jump{color:inherit;font-weight:var(--primary-semibold);text-underline-offset:.2em}.careers-hero_lead{max-width:60ch;color:var(--text-muted)}.careers-hero_visual{width:100%;position:relative}.careers-hero_photo{border-radius:var(--radius-main);width:100%;height:auto;display:block}.careers-hero_badge{width:auto;height:clamp(5.5rem,13vw,11rem);position:absolute;bottom:100%;right:0;transform:translateY(58%)}.jobs-block{gap:var(--space-4);flex-direction:column;width:100%;display:flex}.match-band{justify-content:flex-start;align-items:center;gap:var(--space-5);width:100%;padding:var(--space-6);background-color:var(--background-2);border:var(--border-width) solid var(--border);border-radius:var(--radius-main);flex-wrap:wrap;display:flex}.match-band_mark{width:auto;height:4.5rem;margin-right:calc(var(--space-5) / -2);color:var(--brand-500);flex:none;align-self:center}.match-band_copy{gap:var(--space-2);flex-direction:column;max-width:52ch;display:flex}.match-band_title{font-family:var(--primary-family);font-size:var(--h4);font-weight:var(--primary-semibold);line-height:var(--line-height-medium);text-wrap:balance}.match-band_line{font-size:var(--text-small);color:var(--text-muted);text-wrap:pretty}.match-test{color-scheme:light;border:0;flex:none;width:min(22rem,100%);height:2.75rem;margin:0 0 0 auto;display:block;overflow:hidden}.benefit-switcher{width:100%}.benefit-switcher .industry-switcher_photo[data-industry=teamspirit]{object-position:50% 75%}.benefit-switcher .industry-switcher_photo[data-industry=welzijn]{object-position:50% 70%}.benefit-switcher .industry-switcher_photo[data-industry=verloning]{object-position:50% 30%}.benefit-switcher .industry-switcher_panels{flex:1;min-height:0}.benefit-switcher .industry-switcher_panel{justify-content:center;gap:var(--space-4)}.benefit-switcher .industry-switcher_panel_title{clip:auto;clip-path:none;white-space:normal;width:auto;height:auto;font-size:var(--h4);font-weight:var(--primary-medium);line-height:var(--line-height-medium);text-wrap:balance;margin-inline:0;position:static;overflow:visible}.process{gap:var(--site-gutter);grid-template-columns:minmax(0,1fr);width:100%;margin:0;padding:0;list-style:none;display:grid}.process_step{gap:var(--space-4);height:100%;padding:var(--space-6);background-color:var(--background);border:var(--border-width) solid var(--border);border-radius:var(--radius-main);flex-direction:column;display:flex}.process_head{align-items:center;gap:var(--space-4);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.process_number{width:3.25rem;height:3.25rem;font-family:var(--primary-family);font-size:var(--h4);font-weight:var(--primary-semibold);color:var(--brand-500);background-color:var(--background-2);border:var(--border-width) solid color-mix(in lab, var(--brand-500) 45%, transparent);border-radius:var(--radius-round);place-items:center;display:grid}.process_title{font-family:var(--primary-family);font-size:var(--h4);font-weight:var(--primary-semibold);line-height:var(--line-height-medium);text-wrap:balance}.process_icon{width:2rem;height:2rem;color:var(--brand-500);flex:none}.process_body{font-size:var(--text-small);color:var(--text-muted);text-wrap:pretty}@media (width>=48rem){.process{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.careers-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}}.job-board{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));display:grid;@media (width>=64rem){grid-template-columns:repeat(3,minmax(0,1fr))}gap:var(--site-gutter);width:100%;margin:0;padding:0;list-style:none}.job-row{justify-content:space-between;align-items:start;gap:var(--space-4);height:100%;padding:var(--space-5);background-color:var(--background);color:inherit;border:var(--border-width) solid var(--border);border-radius:var(--radius-main);text-decoration:none;transition:border-color .2s,box-shadow .2s;display:flex;@media (hover:hover){&:hover{border-color:color-mix(in lab, var(--brand-500) 40%, var(--border));box-shadow:0 4px 14px color-mix(in lab, var(--teal-900) 10%, transparent)}}&.is-highlight{background-color:var(--_bg,var(--brand-500));color:var(--_fg,var(--white));border-color:#0000;@media (hover:hover){&:hover{border-color:#0000}}}}.job-row_main{gap:var(--space-1);flex-direction:column;display:flex}.job-row_title{font-family:var(--primary-family);font-size:var(--h5);font-weight:var(--primary-semibold);text-wrap:balance}.job-row_meta{gap:var(--space-2);font-size:var(--text-small);opacity:.75;flex-direction:column;display:flex}.job-row_fact{align-items:center;gap:var(--space-3);display:flex}.job-row_icon{flex:none;width:1.15em;height:1.15em}.job-row_arrow{flex:none;width:auto;height:.75em}.video-rail{gap:var(--space-5);flex-direction:column;width:100%;display:flex}.video-rail_head{justify-content:space-between;align-items:center;gap:var(--space-5);display:flex}.video-rail_nav{gap:var(--space-2);display:flex;[data-rail-ready=false] &{display:none}}.video-rail_step_icon{width:auto;height:.7rem;&.is-back{transform:rotate(180deg)}}.video-rail_track{gap:var(--site-gutter);width:100%;padding:0 0 var(--space-3);scroll-snap-type:x mandatory;scrollbar-width:none;margin:0;list-style:none;display:flex;overflow-x:auto;&::-webkit-scrollbar{display:none}overscroll-behavior-x:contain;scroll-padding-inline:0}.video-rail_item{scroll-snap-align:start;flex:0 0 clamp(19rem,84vw,28rem)}.video-card{align-items:end;gap:var(--space-4);height:100%;padding:var(--space-5) var(--space-5) 0;background-color:var(--background-2);color:inherit;border-radius:var(--radius-main);grid-template-columns:auto minmax(0,1fr);text-decoration:none;display:grid;overflow:clip}.video-card_visual{justify-content:start;align-self:stretch;align-items:end;min-height:0;margin-inline-start:calc(var(--space-5) * -1);display:flex}.video-card_image{aspect-ratio:220/249;height:calc(clamp(8.5rem, 20vw, 11rem) * var(--portrait,1));object-position:left bottom;width:auto;max-width:none;transition:transform .3s;display:block}.video-card:hover .video-card_image{transform:translateY(-.25rem)}.video-card_body{align-items:start;gap:var(--space-2);padding-bottom:var(--space-5);flex-direction:column;align-self:center;display:flex}.video-dialog{width:min(calc(100vw - 2 * var(--site-margin)), 60rem, calc((100dvh - 8rem) * 16 / 9));background:0 0;border:0;max-width:none;max-height:none;margin:auto;padding:0;overflow:visible;&[open]{gap:var(--space-2);display:grid}&::backdrop{background-color:color-mix(in lab, var(--teal-900) 82%, transparent)}}.video-dialog_frame{aspect-ratio:16/9;background-color:var(--teal-900);border-radius:var(--radius-main);overflow:hidden;& iframe{border:0;width:100%;height:100%;display:block}}.video-dialog_close{width:2.75rem;height:2.75rem;color:var(--white);border:var(--border-width) solid color-mix(in lab, var(--white) 50%, transparent);border-radius:var(--radius-round);cursor:pointer;background:0 0;justify-self:end;place-items:center;display:grid;& svg{width:1rem;height:1rem}}.video-card_name{font-family:var(--primary-family);font-size:var(--h3);font-weight:var(--primary-semibold);line-height:var(--line-height-medium)}.video-card_role{font-size:var(--text-small);color:var(--text-muted);text-wrap:pretty}.video-card_link{align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-small);font-weight:var(--primary-medium);color:var(--text);border-bottom:2px solid var(--brand-500);padding-bottom:.15em;display:inline-flex}.video-card_arrow{color:var(--brand-500);flex:none;width:auto;height:.55em;transition:transform .2s}.video-card:hover .video-card_arrow{transform:translate(.25em)}}
