.hb-hero{border-block-end:1px solid var(--line);background:radial-gradient(55% 80% at 85% 20%,#eb0e1a0f,#0000 70%),linear-gradient(#02020209 1px,#0000 1px) 0 0/100% 36px,linear-gradient(90deg,#02020209 1px,#0000 1px) 0 0/36px 100%,#fbfaf8;padding-block:28px 0;overflow:hidden}.hb-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:end;gap:48px;margin-block-start:28px;display:grid}.hb-id{animation:hb-rise .7s var(--ease-settle) both;justify-items:start;gap:12px;padding-block-end:44px;display:grid}.hb-title{gap:2px;margin:0;display:grid}.hb-pre{color:var(--ink-2);font-size:20px;font-weight:500;line-height:26px}.hb-name{letter-spacing:-.03em;font-size:clamp(44px,5.6vw,76px);font-weight:650;line-height:1}.hb-name:lang(ar){letter-spacing:0;line-height:1.25}.hb-name-long{font-size:clamp(34px,3.8vw,52px);line-height:1.08}.hb-other{color:var(--muted);margin:0;font-size:26px;font-weight:600;line-height:1.3}.hb-intro{max-width:54ch;color:var(--ink-2);margin:4px 0 0;font-size:16.5px;line-height:26px}.hb-figs{flex-wrap:wrap;gap:18px 36px;margin:10px 0 0;display:flex}.hb-fig{border-inline-start:2px solid var(--line-strong);flex-direction:column-reverse;gap:2px;padding-inline-start:14px;display:flex}.hb-fig[data-big]{border-color:var(--ink)}.hb-fig[data-fresh]{border-color:var(--red)}.hb-fig dd{font-family:var(--font-figure);letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin:0;font-size:34px;font-weight:650;line-height:1}.hb-fig[data-big] dd{font-size:48px}.hb-fig[data-fresh] dd{color:var(--red-ink,var(--red))}.hb-fig dt{color:var(--ink-2);font-size:12.5px}.hb-sky{gap:14px;margin:0;display:grid}.hb-sky-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.hb-sky-head>span:last-child{color:var(--muted);font-size:12px}.hb-towers{border-block-end:2px solid var(--ink);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:end;gap:10px;height:330px;margin:0;padding:0;display:grid}.hb-towers li{height:100%}.hb-tower{height:100%;color:var(--ink);flex-direction:column;justify-content:flex-end;text-decoration:none;display:flex;position:relative}.hb-tower-n{font-family:var(--font-figure);font-variant-numeric:tabular-nums;transition:color var(--d-base) var(--ease);justify-self:center;margin-block-end:6px;font-size:15px;font-weight:650}.hb-tower-body{height:calc(var(--h) * (100% - 64px));transform-origin:bottom;min-height:34px;animation:hb-tower .9s var(--ease-settle) both;animation-delay:calc(.2s + var(--i) * 90ms);transition:background-color var(--d-base) var(--ease);background:#141413;border-radius:3px 3px 0 0;flex:none;position:relative}.hb-tower-body:before{content:"";opacity:.9;background:repeating-linear-gradient(0deg,#141413 0 4px,#0000 4px 10px),repeating-linear-gradient(90deg,#f3f0e6 0 4px,#141413 4px 8px);position:absolute;inset:8px 6px 6px}.hb-tower[data-top] .hb-tower-body:before{background:repeating-linear-gradient(0deg, #141413 0 4px, transparent 4px 10px), linear-gradient(180deg, var(--red) 0 22%, transparent 22%), repeating-linear-gradient(90deg, #f3f0e6 0 4px, #141413 4px 8px);background-blend-mode:normal, multiply, normal}.hb-tower-body:after{content:"";background:#141413;position:absolute;inset-block-end:100%;inset-inline:0}.hb-tower[data-roof=step] .hb-tower-body:after{height:12px;inset-inline:22%}.hb-tower[data-roof=spire] .hb-tower-body:after{height:26px;inset-inline:calc(50% - 1.5px)}.hb-tower[data-roof=slash] .hb-tower-body:after{clip-path:polygon(0 100%,100% 0,100% 100%);height:16px}.hb-tower[data-top] .hb-tower-body:after{background:var(--red)}.hb-tower-name{color:var(--ink-2);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;line-height:14px;display:-webkit-box;position:absolute;inset-block-start:calc(100% + 8px);inset-inline:-4px;overflow:hidden}.hb-sky{padding-block-end:44px}.hb-tower[data-roof=step] .hb-tower-n{margin-block-end:18px}.hb-tower[data-roof=spire] .hb-tower-n{margin-block-end:32px}.hb-tower[data-roof=slash] .hb-tower-n{margin-block-end:22px}.hb-tower:hover .hb-tower-body,.hb-tower:hover .hb-tower-body:after{background-color:var(--red)}.hb-tower:hover .hb-tower-body:after{background:var(--red)}.hb-tower:hover .hb-tower-n{color:var(--red)}@keyframes hb-tower{0%{transform:scaleY(0)}}.hb-body{gap:56px;padding-block:48px 80px;display:grid}.hb-section{gap:18px;display:grid}.hb-h{letter-spacing:var(--tracking-display);margin:0;font-size:26px;font-weight:650;line-height:32px}.hb-h-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;display:flex}.hb-all{color:var(--ink);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.hb-all svg{width:15px;height:15px}.hb-facts{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.hb-fact{border:1px solid var(--line);background:#fff;border-radius:16px;align-content:start;gap:14px;padding:20px;display:grid;box-shadow:0 24px 48px -36px #0202024d}.hb-fact-title{color:var(--ink-2);letter-spacing:var(--tracking-caps);text-transform:uppercase;margin:0;font-size:12px;font-weight:600}.hb-fact-title:lang(ar){letter-spacing:0;text-transform:none;font-size:13px}.hb-fact-note{color:var(--muted);margin:0;font-size:12px}.hb-pay{gap:12px;display:grid}.hb-pay-track{background:linear-gradient(90deg, #e8e6e1, var(--ink));border-radius:5px;height:10px;position:relative}[dir=rtl] .hb-pay-track{background:linear-gradient(-90deg, #e8e6e1, var(--ink))}.hb-pay-mid{background:var(--red);border-radius:2px;width:4px;position:absolute;inset-block:-6px;inset-inline-start:calc(var(--mid) * 100% - 2px);box-shadow:0 0 0 3px #fff}.hb-pay-keys{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;display:grid}.hb-pay-keys div{gap:2px;display:grid}.hb-pay-keys div:last-child{text-align:end}.hb-pay-key-mid{text-align:center}.hb-pay-keys dt{color:var(--muted);font-size:11.5px}.hb-pay-keys dd{margin:0;font-size:14px;font-weight:650}.hb-pay-key-mid dd{color:var(--red-ink,var(--red))}.hb-modes{gap:3px;height:14px;display:flex}.hb-modes span{flex:var(--w) 1 0;background:var(--ink);min-width:4px;opacity:calc(1 - var(--i) * .3);clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%)}.hb-keys{gap:6px;margin:0;padding:0;display:grid}.hb-keys li{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;font-size:14px;display:grid}.hb-swatch{background:var(--ink);width:10px;height:10px;opacity:calc(1 - var(--i) * .3);border-radius:2px}.hb-levels{gap:10px;margin:0;padding:0;display:grid}.hb-levels li{grid-template-columns:minmax(80px,auto) minmax(0,1fr) auto;align-items:center;gap:10px;font-size:14px;display:grid}.hb-level-bar{background:var(--canvas);border-radius:4px;height:8px}.hb-level-bar span{width:calc(var(--w) * 100%);background:var(--ink);border-radius:4px;height:100%;display:block}.hb-levels li:first-child .hb-level-bar span{background:var(--red)}.hb-employers{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;display:grid}.hb-employer{border:1px solid var(--line);color:var(--ink);transition:border-color var(--d-base) var(--ease), transform var(--d-base) var(--ease), box-shadow var(--d-base) var(--ease);background:#fff;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:12px;padding:14px;text-decoration:none;display:grid}.hb-employer .jb-mark{grid-row:span 2}.hb-employer:hover{border-color:var(--ink);transform:translateY(-2px);box-shadow:0 18px 30px -24px #02020273}.hb-employer-name{white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:600;overflow:hidden}.hb-employer-count{color:var(--ink-2);font-size:13px}.hb-jobs{gap:12px;display:grid}.hb-jobs-tools{justify-content:flex-end;display:flex}.hb-places{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;display:grid}.hb-place-group{align-content:start;gap:10px;display:grid}.hb-place-title{color:var(--ink-2);margin:0;font-size:13px;font-weight:600}.hb-place-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;display:flex}.hb-place{border:1px solid var(--line-strong);height:36px;color:var(--ink);transition:border-color var(--d-base) var(--ease), background-color var(--d-base) var(--ease);background:#fff;border-radius:999px;align-items:center;gap:8px;padding-inline:14px;font-size:13.5px;font-weight:500;text-decoration:none;display:inline-flex}.hb-place .num{color:var(--muted);font-size:12.5px}.hb-place:hover{border-color:var(--ink);background:var(--canvas)}.hb-about p{max-width:76ch;color:var(--ink-2);margin:0;font-size:15px;line-height:25px}@keyframes hb-rise{0%{opacity:0;transform:translateY(10px)}}@media (max-width:1000px){.hb-employers{grid-template-columns:repeat(2,minmax(0,1fr))}.hb-hero-grid{grid-template-columns:1fr;gap:8px}.hb-id{padding-block-end:8px}.hb-towers{height:240px}}@media (max-width:560px){.hb-towers{gap:8px;height:220px}.hb-towers li:nth-child(n+6){display:none}.hb-tower-name{font-size:10px;line-height:12px}.hb-tower-n{font-size:12px}.hb-fig[data-big] dd{font-size:40px}}@media (prefers-reduced-motion:reduce){.hb-id,.hb-tower-body{animation:none}}
