/* Genuine employer logos: exact brand artwork, premium neutral presentation. */
.employer-showcase{margin:0 auto 40px;padding:23px clamp(14px,2.2vw,28px) 16px;background:radial-gradient(ellipse at 35% 0%,#8b602525,transparent 64%),linear-gradient(140deg,#17130e,#0a0908);border:1px solid #9f804f77;border-radius:3px;box-shadow:0 25px 60px #0005}
.employer-showcase-title{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:0 3px 20px;color:#efd6a7;font:800 10px var(--head,Arial),sans-serif;letter-spacing:.16em}
.employer-showcase-title span:last-child{font-size:9px;color:#c5a77d;text-align:right}
.employer-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;}
.employer-chip{position:relative;min-width:0;min-height:88px;padding:15px 12px;background:#13110e;border:1px solid #7a624350;color:#d8bc8c;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .25s,background .25s,transform .25s,box-shadow .25s}
.employer-chip:hover,.employer-chip:focus-visible{background:#2a2117;border-color:#dfb676;transform:translateY(-3px);box-shadow:0 12px 28px #0008;outline:none}
.employer-chip:focus-visible{outline:2px solid #f1d3a5;outline-offset:2px}
.employer-sequence{position:absolute;left:9px;top:8px;font:700 9px var(--head,Arial);color:#ba9b6b;letter-spacing:.08em}
.employer-chip-arrow{position:absolute;right:9px;bottom:6px;font-size:15px;color:#b89a71;transition:transform .25s}.employer-chip:hover .employer-chip-arrow{transform:translate(2px,-2px)}
.company-logo{background:#f7f5f1;border:1px solid #ffffff90;border-radius:2px;display:inline-flex;justify-content:center;align-items:center;position:relative;flex:0 0 auto;width:clamp(110px,12vw,170px);height:58px;padding:11px 15px;overflow:hidden;vertical-align:middle;box-shadow:0 5px 20px #0004}
.company-logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.company-logo-fallback{display:none;font:800 14px/1.2 Arial,sans-serif;text-align:center;color:#151515;letter-spacing:-.02em}
.company-logo.image-failed img{display:none}.company-logo.image-failed .company-logo-fallback{display:block}
.company-logo.logo-bestit{background:#171717}.company-logo.logo-bestit .company-logo-fallback{color:#fff}.company-logo.logo-sqli img{object-fit:contain}
.company-logo.logo-netjobs img{object-fit:contain}
.company-logo.logo-svg img{object-fit:contain}
.company-logo-inline{width:116px;height:54px;padding:9px 10px;flex-shrink:0}
.timeline-employer{display:flex;align-items:center;gap:18px;min-width:0}
.timeline-employer h3{min-width:0}
.earlier-brandmarks{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 20px}
.company-logo-earlier{width:108px;height:49px;padding:9px 11px}
.earlier-plainmark{font:700 11px var(--head,Arial);letter-spacing:.04em;color:#e6cda4;border:1px solid #9f804f77;padding:12px 14px;align-self:stretch;display:flex;align-items:center}
.employer-disclaimer{font-size:10px!important;color:#ab997e!important;line-height:1.6!important;margin:13px 3px 0!important}
@media(max-width:980px){.employer-rail{grid-template-columns:repeat(4,minmax(0,1fr))}.company-logo{width:100%;max-width:160px;height:53px}.company-logo-inline{width:110px}}
@media(max-width:660px){.employer-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.employer-chip{min-height:91px;padding:16px 10px}.employer-showcase-title{flex-direction:column;align-items:flex-start;gap:8px}.employer-showcase-title span:last-child{text-align:left}.timeline-employer{gap:11px;align-items:flex-start;flex-direction:column}.timeline-employer h3{font-size:25px}.company-logo-inline{width:122px;height:45px}.earlier-brandmarks{gap:8px}.company-logo-earlier{width:calc(50% - 4px);max-width:none}}
@media(prefers-reduced-motion:reduce){.employer-chip{transition:none}}

/* Executive monochrome employer treatment. Artwork is not stretched or redrawn:
   CSS recolors the original pixels while resting; hover shows original colors. */
.company-logo,.company-logo.logo-bestit{
 background:transparent;border:1px solid transparent;box-shadow:none;
 border-radius:1px;overflow:hidden;
}
.company-logo img{width:100%;height:100%;object-fit:contain;object-position:center;
 filter:brightness(0) saturate(100%) invert(78%) sepia(22%) saturate(637%) hue-rotate(346deg) brightness(89%) contrast(93%);
 transition:filter .3s ease,opacity .25s ease,transform .3s ease;opacity:.95;
}
.company-logo .company-logo-fallback{color:#d8b37c;background:transparent}
.employer-chip{background:linear-gradient(145deg,#17120b,#0c0b09);border-color:#80633b68;min-height:103px}
.employer-chip:hover .company-logo,.employer-chip:focus-visible .company-logo,
.timeline-employer:hover .company-logo{background:#f6f2e9!important;border-color:#e5c995;box-shadow:0 3px 18px #0008}
.employer-chip:hover .company-logo img,.employer-chip:focus-visible .company-logo img,
.timeline-employer:hover .company-logo img{filter:none;opacity:1;transform:scale(1.025)}
/* The official best it variant is white for a dark backdrop. */
.employer-chip:hover .company-logo.logo-bestit,.timeline-employer:hover .company-logo.logo-bestit{background:#171717!important}
.company-logo.image-failed{background:transparent!important;border-color:transparent;box-shadow:none}
.employer-chip:hover .company-logo.image-failed .company-logo-fallback{color:#e3bc7e}
.employer-chip.brand-active{border-color:#cda36a;box-shadow:0 10px 35px #98703920}
@media (max-width:660px){.employer-chip{min-height:91px}.company-logo img{max-height:100%}}
@media (prefers-reduced-motion:reduce){.company-logo img{transition:none}}