/* Trinity I AM - Job Opportunities | Design: Midnight & Brass */
.jb{
  --bg:#0D0D0D; --surface:#141414; --surface2:#1A1A1A;
  --ink:#E8E8E8; --muted:#9A9A9A; --line:#242424;
  --brass:#C9A256; --brass-deep:#8C6F35; --head:#FFFFFF;
  --sm:14px; --md:24px; --lg:48px; --xl:96px;
  background:var(--bg); color:var(--ink);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-size:16px; line-height:1.65; margin:0; -webkit-font-smoothing:antialiased;
}
.jb *,.jb *::before,.jb *::after{box-sizing:border-box}
.jb h1,.jb h2,.jb h3,.jb h4{font-family:'Barlow Condensed',sans-serif; font-weight:700;
  text-transform:uppercase; letter-spacing:.04em; line-height:1.05; margin:0; color:var(--head)}
.jb a{color:var(--brass); text-decoration:none; border-bottom:1px solid rgba(201,162,86,.35)}
.jb a:hover{color:#E4C078; border-bottom-color:#E4C078}
.jb p{margin:0 0 var(--sm)}
.jb .wrap{max-width:1180px; margin:0 auto; padding:0 24px}
.jb section{padding:var(--xl) 0; border-top:1px solid var(--line)}
.jb .eyebrow{font-size:.72rem; letter-spacing:.14em; text-transform:uppercase;
  color:var(--brass); margin:0 0 12px; font-weight:600}
.jb .lede{color:var(--muted); max-width:64ch}
.jb .muted{color:var(--muted)}

.jb .hero{border-top:0; padding:0; min-height:88vh; display:flex; align-items:center;
  background:radial-gradient(120% 90% at 82% 20%, #171512 0%, #0D0D0D 62%)}
.jb .hero .grid{display:grid; grid-template-columns:1.35fr .95fr; gap:var(--lg);
  align-items:center; width:100%; padding:var(--xl) 0}
.jb .hero h1{font-size:clamp(3.2rem,8.4vw,6.6rem); letter-spacing:.02em}
.jb .hero h1 .b{color:var(--brass)}
.jb .rule{width:64px; height:3px; background:var(--brass); margin:22px 0 24px}
.jb .hero p.sub{font-size:1.05rem; color:var(--muted); max-width:46ch; margin-bottom:32px}
.jb .cta-row{display:flex; gap:12px; flex-wrap:wrap}
.jb .btn{display:inline-block; padding:14px 26px; border-radius:2px; font-size:.78rem;
  font-weight:700; letter-spacing:.14em; text-transform:uppercase; border:1px solid var(--brass);
  background:var(--brass); color:#0D0D0D; transition:background .15s ease,color .15s ease}
.jb .btn:hover{background:var(--brass-deep); border-color:var(--brass-deep); color:#0D0D0D}
.jb .btn.ghost{background:transparent; color:var(--brass)}
.jb .btn.ghost:hover{background:rgba(201,162,86,.1); color:#E4C078}

.jb .panel{background:var(--surface); border:1px solid var(--line);
  border-left:3px solid var(--brass); padding:28px}
.jb .panel h3{font-size:1.15rem; margin-bottom:16px}
.jb .panel ol{margin:0; padding-left:20px; color:var(--muted); font-size:.93rem}
.jb .panel ol li{margin-bottom:10px}
.jb .panel ol li strong{color:var(--ink); font-weight:600}

.jb .stats{display:grid; grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--line); border-bottom:1px solid var(--line)}
.jb .stat{padding:34px 24px; border-right:1px solid var(--line)}
.jb .stat:last-child{border-right:0}
.jb .stat .n{font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:3.2rem;
  line-height:1; color:var(--brass)}
.jb .stat .l{font-size:.72rem; letter-spacing:.14em; text-transform:uppercase;
  color:var(--muted); margin-top:8px}

.jb .rows{border-top:1px solid var(--line); margin-top:var(--lg)}
.jb .row{display:grid; grid-template-columns:64px 1fr auto; gap:var(--md); align-items:center;
  padding:30px 8px; border-bottom:1px solid var(--line); border-left:3px solid transparent;
  transition:background .15s ease,border-color .15s ease}
.jb a.row{border-bottom:1px solid var(--line); color:inherit}
.jb a.row:hover{background:var(--surface); border-left-color:var(--brass)}
.jb .row .idx{font-family:'Barlow Condensed',sans-serif; font-size:1.6rem; color:var(--brass); padding-left:10px}
.jb .row h3{font-size:1.75rem; margin-bottom:6px}
.jb .row p{margin:0; color:var(--muted); font-size:.95rem; max-width:62ch}
.jb .row .go{color:var(--brass); font-size:1.5rem; padding-right:10px}

.jb .toolbar{position:sticky; top:0; z-index:20; background:rgba(13,13,13,.96);
  border-bottom:1px solid var(--line); padding:16px 0; backdrop-filter:blur(6px)}
.jb .toolbar .wrap{display:flex; gap:14px; align-items:center; flex-wrap:wrap}
.jb .search{flex:1 1 260px; min-width:200px; background:var(--surface); border:1px solid var(--line);
  color:var(--ink); padding:12px 14px; border-radius:2px; font-family:inherit; font-size:.92rem}
.jb .search:focus{outline:none; border-color:var(--brass)}
.jb .search::placeholder{color:#6a6a6a}
.jb .chips{display:flex; gap:8px; flex-wrap:wrap}
.jb .chip{background:transparent; border:1px solid var(--line); color:var(--muted);
  padding:9px 14px; border-radius:2px; cursor:pointer; font-family:inherit; font-size:.72rem;
  letter-spacing:.1em; text-transform:uppercase; font-weight:600}
.jb .chip:hover{border-color:#3a3a3a; color:var(--ink)}
.jb .chip[aria-pressed="true"]{background:var(--brass); border-color:var(--brass); color:#0D0D0D}
.jb .count{font-size:.78rem; letter-spacing:.1em; text-transform:uppercase;
  color:var(--muted); white-space:nowrap}

.jb .list{display:grid; gap:1px; background:var(--line); border:1px solid var(--line); margin-top:var(--md)}
.jb .item{background:var(--surface); padding:26px 28px; border-left:3px solid transparent}
.jb .item.top{border-left-color:var(--brass)}
.jb .item .head{display:flex; justify-content:space-between; gap:var(--md);
  align-items:flex-start; flex-wrap:wrap}
.jb .item h3{font-size:1.5rem; margin-bottom:6px}
.jb .tags{display:flex; gap:8px; flex-wrap:wrap; margin:2px 0 14px}
.jb .tag{font-size:.66rem; letter-spacing:.12em; text-transform:uppercase; font-weight:600;
  color:var(--muted); border:1px solid var(--line); padding:4px 9px; border-radius:2px;
  background:var(--surface2)}
.jb .tag.b{color:var(--brass); border-color:rgba(201,162,86,.4)}
.jb .pay{font-family:'Barlow Condensed',sans-serif; font-weight:700; font-size:1.35rem;
  color:var(--brass); text-align:right; letter-spacing:.02em; line-height:1.15; max-width:22ch}
.jb .fields{display:grid; grid-template-columns:1fr 1fr; gap:18px var(--md); margin-top:6px}
.jb .f .k{font-size:.68rem; letter-spacing:.13em; text-transform:uppercase; color:var(--brass);
  font-weight:600; margin-bottom:5px}
.jb .f .v{font-size:.94rem; color:var(--muted); line-height:1.6}
.jb .links{display:flex; gap:10px; flex-wrap:wrap; margin-top:18px; padding-top:16px;
  border-top:1px solid var(--line)}
.jb .lnk{display:inline-flex; align-items:center; gap:8px; padding:9px 14px; border-radius:2px;
  border:1px solid rgba(201,162,86,.4); color:var(--brass); font-size:.78rem; font-weight:600;
  letter-spacing:.05em}
.jb .lnk:hover{background:rgba(201,162,86,.1); border-color:var(--brass); color:#E4C078}
.jb .lnk .ar{opacity:.7}
.jb .lnk.dead{border-color:var(--line); color:var(--muted); cursor:default}
.jb .empty{background:var(--surface); padding:48px 28px; text-align:center; color:var(--muted)}

.jb .phase{margin-top:var(--lg)}
.jb .phase h3{font-size:1.9rem; color:var(--brass); padding-bottom:12px; border-bottom:1px solid var(--line)}
.jb .step{display:grid; grid-template-columns:minmax(180px,290px) 1fr; gap:var(--md);
  padding:22px 0; border-bottom:1px solid var(--line)}
.jb .step .t{font-weight:600; color:var(--ink); font-size:.98rem}
.jb .step .d{color:var(--muted); font-size:.94rem}

.jb .trk{width:100%; border-collapse:collapse; margin-top:var(--md); font-size:.92rem}
.jb .trk th{text-align:left; font-family:'Barlow Condensed',sans-serif; text-transform:uppercase;
  letter-spacing:.12em; font-size:.82rem; color:var(--brass); font-weight:700; padding:12px 10px;
  border-bottom:1px solid var(--line); background:var(--surface2); position:sticky; top:69px; z-index:5}
.jb .trk td{padding:12px 10px; border-bottom:1px solid var(--line); vertical-align:middle; color:var(--muted)}
.jb .trk tr.done td{opacity:.45}
.jb .trk td.nm{color:var(--ink); font-weight:600}
.jb .trk input[type=checkbox]{width:18px; height:18px; accent-color:var(--brass); cursor:pointer}
.jb .trk select,.jb .trk input[type=text]{background:var(--surface2); border:1px solid var(--line);
  color:var(--ink); padding:8px 10px; border-radius:2px; font-family:inherit; font-size:.88rem; width:100%}
.jb .trk select:focus,.jb .trk input[type=text]:focus{outline:none; border-color:var(--brass)}
.jb .note{background:var(--surface); border:1px solid var(--line); border-left:3px solid var(--brass);
  padding:22px 26px; margin-top:var(--md)}
.jb .note .t{font-weight:600; color:var(--ink); margin-bottom:6px}
.jb .note .b{color:var(--muted); font-size:.94rem}

.jb .fnav{display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line);
  border:1px solid var(--line); margin-top:var(--md)}
.jb a.fcard{background:var(--surface); padding:26px 28px; border-bottom:0; color:inherit; display:block}
.jb a.fcard:hover{background:var(--surface2)}
.jb a.fcard .k{font-size:.7rem; letter-spacing:.14em; text-transform:uppercase; color:var(--brass); font-weight:600}
.jb a.fcard .n{font-family:'Barlow Condensed',sans-serif; font-weight:700; text-transform:uppercase;
  font-size:1.5rem; color:var(--head); margin-top:6px; letter-spacing:.04em}
.jb .crumb{font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--muted); padding:22px 0 0}
.jb .crumb a{border-bottom:0}

/* mobile filter toggle */
.jb .ftoggle{display:none}
@media (max-width:900px){
  .jb .ftoggle{display:flex; align-items:center; justify-content:space-between; gap:10px;
    width:100%; text-align:left; border-color:rgba(201,162,86,.45); color:var(--brass)}
  .jb .ftoggle .car{font-size:.9rem; transition:transform .15s ease}
  .jb .ftoggle[aria-expanded="true"] .car{transform:rotate(180deg)}
  .jb .chips{max-height:56vh; overflow-y:auto; margin-top:10px;
    border:1px solid var(--line); border-radius:2px; padding:10px; background:var(--surface)}
  .jb .chips.collapsed{display:none}
  .jb .chips .chip{width:100%; text-align:left}
  .jb .toolbar{padding:12px 0}
  .jb .toolbar .wrap{gap:10px}
  .jb .count{width:100%}
}

@media (max-width:900px){
  .jb section{padding:var(--lg) 0}
  .jb .hero{min-height:auto}
  .jb .hero .grid{grid-template-columns:1fr; gap:var(--md); padding:var(--lg) 0}
  .jb .stats{grid-template-columns:repeat(2,1fr)}
  .jb .stat:nth-child(2){border-right:0}
  .jb .stat:nth-child(1),.jb .stat:nth-child(2){border-bottom:1px solid var(--line)}
  .jb .fields{grid-template-columns:1fr}
  .jb .row{grid-template-columns:40px 1fr auto; padding:22px 6px}
  .jb .row h3{font-size:1.3rem}
  .jb .step{grid-template-columns:1fr; gap:6px}
  .jb .fnav{grid-template-columns:1fr}
  .jb .item .head{flex-direction:column}
  .jb .pay{text-align:left; max-width:none}
  .jb .trk th{position:static}
  .jb .trk thead{display:none}
  .jb .trk td{display:block; border-bottom:0; padding:6px 0}
  .jb .trk tr{display:block; border-bottom:1px solid var(--line); padding:16px 0}
}