/* A job board, not a culture brochure: the table up top answers "is there a role for me" before any scrolling. */
.jb-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,6vw,88px);align-items:center;padding-block:clamp(48px,7vw,104px) clamp(40px,5vw,72px)}
.jb-pitch{display:grid;justify-items:start;gap:22px}
.jb-pitch>*{animation:rise var(--ds-dur-4) var(--ds-ease-out) both}
.jb-pitch>*:nth-child(2){animation-delay:70ms}.jb-pitch>*:nth-child(3){animation-delay:140ms}.jb-pitch>*:nth-child(4){animation-delay:210ms}.jb-pitch>*:nth-child(5){animation-delay:280ms}
.jb-index{animation:rise var(--ds-dur-4) 160ms var(--ds-ease-out) both;box-shadow:var(--ds-shadow-float)}
.jb-index caption{caption-side:top;text-align:start;padding:14px 16px;font-weight:600;font-size:.9375rem;border-bottom:1px solid var(--ds-border)}
.jb-index .tbl{font-size:.9375rem}
.jb-index td:first-child{padding:0}
.jb-index td a{display:flex;align-items:center;min-height:48px;padding:6px 16px;color:var(--ds-text);text-decoration:none;font-weight:500;transition:color var(--ds-dur-1) ease-out}
[dir="rtl"] .jb-index td a{justify-content:flex-end}
.jb-index td a:hover{color:var(--ds-accent)}
.jb-index td:last-child{color:var(--ds-text-2);white-space:nowrap}
.jb-open{padding-block:clamp(32px,5vw,72px);scroll-margin-top:84px}
.jb-group{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:clamp(16px,4vw,64px);padding-block:clamp(24px,3vw,36px);border-top:1px solid var(--ds-border)}
.jb-team{font:600 1.125rem/1.5 var(--ds-font-display);display:flex;align-items:baseline;gap:10px;position:sticky;top:104px;align-self:start}
.jb-team span{font:500 .875rem var(--ds-font-body);color:var(--ds-text-3)}
.jb-list{display:grid;gap:clamp(28px,3vw,40px);min-width:0}
.jb-role{display:grid;gap:12px;justify-items:start;scroll-margin-top:100px;min-width:0}
.jb-role+.jb-role{border-top:1px solid var(--ds-border);padding-top:clamp(28px,3vw,40px)}
.jb-rh{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 18px;width:100%}
.jb-rh h3{font-size:clamp(1.2rem,1.1rem + .5vw,1.5rem);font-weight:600;overflow-wrap:anywhere;min-width:0}
[dir="rtl"] .jb-rh h3{text-align:right}
.jb-b{background-color:var(--ds-surface-2);color:var(--ds-text-2)}
.jb-role p{color:var(--ds-text-2);max-width:66ch}
.jb-role:target h3{color:var(--ds-accent)}
.jb-values{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,6vw,96px);padding-block:clamp(48px,7vw,104px);align-items:start}
.jb-vh h2{font-size:clamp(1.6rem,1.3rem + 1.4vw,2.5rem)}
.jb-vh p{margin-top:14px}
.jb-vals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,4vw,56px)}
.jb-vals>div{padding-block:20px;border-top:1px solid var(--ds-border)}
.jb-vals h3{font-size:1.125rem;font-weight:600}
.jb-vals p{margin-top:6px;color:var(--ds-text-2);font-size:.9375rem}
.jb-final{justify-items:start;text-align:start}
.jb-final p{max-width:60ch}
.jb-mail{color:var(--ds-ink-text-2);font-size:.9375rem}
[dir="rtl"] .jb-mail{justify-self:start}
.pg[data-theme="dark"] .jb-final{box-shadow:inset 0 0 0 1px var(--ds-ink-line)}
@supports (animation-timeline:view()){.jb-role,.jb-vals>div{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 34%}}
@media (max-width:1020px){.jb-top,.jb-values{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){.jb-group{grid-template-columns:minmax(0,1fr)}.jb-team{position:static}.jb-vals{grid-template-columns:minmax(0,1fr)}.jb-role .btn{width:100%}}
.jb-index{background-color:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);overflow:hidden}