/* Kemitraan: visible without JavaScript; automatic desktop motion. */
.kerja{position:relative;padding:clamp(46px,5.5vw,72px) 0;background:var(--canvas)}
.kerja-panel{position:relative;overflow:hidden;
  background:linear-gradient(135deg,var(--accent-strong) 0%,var(--ink) 88%);
  border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);box-shadow:var(--shadow-2);
  padding:clamp(32px,4vw,52px) 0 clamp(24px,3vw,36px)}
.kerja-panel::before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;z-index:2;
  pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent)}
.kerja-deko{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none}
.kerja-deko path{stroke:rgba(255,255,255,.1);stroke-width:1.3}
.kerja-deko path.k2{stroke:rgba(255,255,255,.06)}
.kerja-deko path.k3{stroke:rgba(255,255,255,.04)}
.kerja-kepala,.kerja-pita,.kerja-kontrol{position:relative;z-index:1}
.kerja-kepala{text-align:center;padding:0 clamp(20px,3vw,40px);margin-bottom:24px}
.kerja-eyebrow{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:2.2px;
  text-transform:uppercase;color:rgba(255,255,255,.65);margin-bottom:10px}
.kerja-judul{margin:0;font-family:var(--font-display);font-weight:400;letter-spacing:.4px;
  font-size:clamp(26px,2.7vw,36px);line-height:1.15;color:#fff}
.kerja-ket{margin:12px auto 0;max-width:62ch;font-size:14px;line-height:1.7;color:rgba(255,255,255,.76)}

.kerja-kontrol{display:flex;justify-content:center;align-items:center;min-height:0;padding:0 20px}
.kerja-petunjuk{display:none}
.kerja-item:focus-visible,.kerja-pita:focus-visible{outline:3px solid #9ad9ff;outline-offset:4px}

.kerja-pita{overflow-x:auto;padding:12px 24px 20px;scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.4) transparent;overscroll-behavior-x:contain}
.kerja-jalur{display:flex;width:100%}
.kerja-grup{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;width:100%;flex-shrink:0}
.kerja-grup[aria-hidden="true"]{display:none}
.kerja-item{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  flex:0 0 160px;width:160px;gap:12px;padding:16px 12px 14px;border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.05));
  border:1px solid rgba(255,255,255,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 4px 14px rgba(4,18,36,.1);text-decoration:none;
  transition:transform .25s var(--ease,ease),box-shadow .25s ease,border-color .25s ease}
.kerja-logo{width:128px;height:80px;flex:none;display:grid;place-items:center}
.kerja-logo img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;
  transition:transform .25s var(--ease,ease)}
.kerja-logo b{display:none;font-family:var(--font-mono);font-size:20px;font-weight:700;letter-spacing:1px;color:#fff}
.kerja-logo.cadangan{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:12px}
.kerja-logo.cadangan img{display:none}
.kerja-logo.cadangan b{display:block}
.kerja-nama{box-sizing:border-box;width:100%;padding-top:10px;border-top:1px solid rgba(255,255,255,.12);
  font-size:12px;font-weight:600;line-height:1.5;text-align:center;color:rgba(255,255,255,.92);overflow-wrap:anywhere}
@media (hover:hover){
  .kerja-item:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.36);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 8px 18px rgba(4,18,36,.2)}
  .kerja-item:hover .kerja-logo img{transform:scale(1.03)}
}

@media (min-width:769px) and (prefers-reduced-motion:no-preference){
  .kerja-marquee .kerja-pita{padding-left:0;padding-right:0;overflow-x:hidden;
    -webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent);
    mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}
  .kerja-marquee .kerja-jalur{width:max-content;animation:kerja-geser var(--kerja-duration,65s) linear infinite}
  .kerja-marquee .kerja-grup{box-sizing:border-box;width:auto;min-width:var(--kerja-min-width,0px);
    flex-wrap:nowrap;justify-content:space-around;padding-right:20px}
  .kerja-marquee .kerja-grup[aria-hidden="true"]{display:flex}
  .kerja-marquee.kerja-paused .kerja-jalur,.kerja-marquee .kerja-pita:hover .kerja-jalur{animation-play-state:paused}
  /* Keyboard navigation uses the original, scrollable list rather than an offscreen animated link. */
  .kerja-marquee .kerja-pita:focus-within{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
  .kerja-marquee .kerja-pita:focus-within .kerja-jalur{animation:none;transform:none}
  .kerja-marquee .kerja-pita:focus-within .kerja-grup[aria-hidden="true"]{display:none}
}
@keyframes kerja-geser{to{transform:translateX(-50%)}}

@media (max-width:768px){
  .kerja-ket{font-size:13px}
  .kerja-petunjuk{display:block;color:rgba(255,255,255,.65);font-size:11px;margin-bottom:4px}
  .kerja-pita{padding-left:18px;padding-right:18px;scroll-snap-type:x mandatory;scroll-padding-inline:18px}
  .kerja-jalur{width:max-content;min-width:100%}
  .kerja-grup{width:auto;flex-wrap:nowrap;justify-content:flex-start;gap:14px}
  .kerja-item{width:140px;flex-basis:140px;padding:14px 10px 12px;gap:10px;scroll-snap-align:start}
  .kerja-logo{width:112px;height:70px}
  .kerja-nama{font-size:11.5px;padding-top:10px}
}
@media (prefers-reduced-motion:reduce){
  .kerja-jalur{animation:none!important}
  .kerja-item,.kerja-logo img{transition:none!important;transform:none!important}
}