/* /work/ zigzag wide banners (work-banners.css) */
.wkb{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.wkb-row{position:relative;margin:0;overflow:hidden;border-radius:14px;aspect-ratio:16/5;background:#0b0d10;box-shadow:0 0 0 1px rgba(255,255,255,.07),0 18px 40px -24px rgba(0,0,0,.9);isolation:isolate}
.wkb-row img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 50%);transform-origin:var(--org,70% 50%);will-change:transform;z-index:0}
.wkb-row::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(5,6,7,.94) 0%,rgba(5,6,7,.85) 30%,rgba(5,6,7,.55) 56%,rgba(5,6,7,.12) 82%,rgba(5,6,7,0) 100%),linear-gradient(0deg,rgba(5,6,7,.35),rgba(5,6,7,0) 55%)}
.wkb-row::after{content:"";position:absolute;left:0;top:18%;bottom:18%;width:2px;z-index:2;background:linear-gradient(#c6a15b,rgba(198,161,91,0));opacity:.9}
.wkb-row figcaption{position:absolute;z-index:3;top:0;bottom:0;left:0;width:64%;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:0 0 0 18px;color:#fff;text-align:left}
.wkb-k{font:700 10.5px/1.2 var(--text,Inter,system-ui,sans-serif);letter-spacing:.16em;text-transform:uppercase;color:#c6a15b;display:flex;align-items:center;gap:8px}
.wkb-k i{font-style:normal;opacity:.75}
.wkb-k b{font-weight:700}
.wkb-t{font:700 clamp(17px,4.6vw,30px)/1.12 var(--display,"Inter Tight",Inter,system-ui,sans-serif);letter-spacing:-.02em;color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.55);text-wrap:balance}
.wkb-sep{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* even rows: mirrored — photo on the left, dark fade + text on the right */
.wkb-row:nth-child(even){--org:30% 50%}
.wkb-row:nth-child(even)::before{background:linear-gradient(270deg,rgba(5,6,7,.94) 0%,rgba(5,6,7,.85) 30%,rgba(5,6,7,.55) 56%,rgba(5,6,7,.12) 82%,rgba(5,6,7,0) 100%),linear-gradient(0deg,rgba(5,6,7,.35),rgba(5,6,7,0) 55%)}
.wkb-row:nth-child(even)::after{left:auto;right:0}
.wkb-row:nth-child(even) figcaption{left:auto;right:0;padding:0 18px 0 0;text-align:right;align-items:flex-end}
.wkb-row:nth-child(even) .wkb-k{flex-direction:row-reverse}
@media (min-width:700px){.wkb{gap:14px}.wkb-row{aspect-ratio:4/1;border-radius:18px}.wkb-row figcaption{width:52%;padding-left:clamp(28px,4vw,56px);gap:8px}.wkb-row:nth-child(even) figcaption{padding:0 clamp(28px,4vw,56px) 0 0}.wkb-k{font-size:12px}}
@media (min-width:1100px){.wkb-row{aspect-ratio:5/1}.wkb-row figcaption{width:46%}}
/* motion: slow Ken Burns per row (alternating), slide in from the photo's side */
@media (prefers-reduced-motion:no-preference){
  .wkb-row img{animation:wkb-kb-a 16s ease-in-out infinite alternate}
  .wkb-row:nth-child(even) img{animation-name:wkb-kb-b;animation-duration:14s}
  .wkb-row:nth-child(3n) img{animation-duration:18s}
  .wkb-row.off img{animation-play-state:paused}
  html.js .wkb-row{transition:transform 1s cubic-bezier(.2,.7,.2,1),opacity 1s ease}
  html.js .wkb-row:not(.in){opacity:0;transform:translateX(56px)}
  html.js .wkb-row:nth-child(even):not(.in){transform:translateX(-56px)}
  html.js .wkb-row figcaption>*{transition:transform .9s cubic-bezier(.2,.7,.2,1) .25s,opacity .9s ease .25s}
  html.js .wkb-row:not(.in) figcaption>*{opacity:0;transform:translateX(-18px)}
  html.js .wkb-row:nth-child(even):not(.in) figcaption>*{transform:translateX(18px)}
}
@keyframes wkb-kb-a{0%{transform:scale(1.04) translate3d(0,0,0)}100%{transform:scale(1.16) translate3d(-2.5%,-1.5%,0)}}
@keyframes wkb-kb-b{0%{transform:scale(1.16) translate3d(-2%,1%,0)}100%{transform:scale(1.04) translate3d(2%,0,0)}}
@media (prefers-reduced-motion:reduce){.wkb-row img{animation:none;transform:none}.wkb-row{opacity:1;transform:none}}
.wkb-dash{display:inline-block;width:16px;height:1px;background:currentColor;opacity:.7}

/* ---- v2: tight section gap (Sam 12:39: big empty gap above the banners) ---- */
.wk-jobs{padding-bottom:22px!important}
.wk-bnr{padding-top:26px!important;border-top:0!important}
@media (min-width:700px){.wk-jobs{padding-bottom:28px!important}.wk-bnr{padding-top:36px!important}}

/* ---- v2: tappable banners + expand hint ---- */
.wkb-row[role=button]{cursor:zoom-in;-webkit-tap-highlight-color:transparent}
.wkb-row[role=button]:focus-visible{outline:2px solid #c6a15b;outline-offset:3px}
.wkb-zoom{position:absolute;z-index:4;top:8px;right:8px;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;
  background:rgba(5,6,7,.55);border:1px solid rgba(198,161,91,.55);color:#c6a15b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;transition:transform .3s ease,background .3s ease}
.wkb-zoom svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.wkb-row:nth-child(even) .wkb-zoom{right:auto;left:8px}
@media (hover:hover){.wkb-row[role=button]:hover .wkb-zoom{transform:scale(1.12);background:rgba(198,161,91,.22)}}
@media (min-width:700px){.wkb-zoom{top:12px;right:12px;width:32px;height:32px}.wkb-row:nth-child(even) .wkb-zoom{left:12px}.wkb-zoom svg{width:16px;height:16px}}

/* ---- v2: full-photo lightbox ---- */
html.wlb-lock,html.wlb-lock body{overflow:hidden!important}
.wlb{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.92);display:flex;flex-direction:column;opacity:0;visibility:hidden;
  transition:opacity .28s ease,visibility 0s linear .28s;touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:contain}
.wlb.open{opacity:1;visibility:visible;transition:opacity .28s ease,visibility 0s}
.wlb-top{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top,0px) + 10px) 12px 6px 18px}
.wlb-count{font:600 13px/1 var(--text,Inter,system-ui,sans-serif);letter-spacing:.14em;color:rgba(255,255,255,.75);font-variant-numeric:tabular-nums}
.wlb-count b{color:#c6a15b;font-weight:700}
.wlb-btn{appearance:none;-webkit-appearance:none;border:1px solid rgba(198,161,91,.6);background:rgba(10,11,13,.6);color:#c6a15b;width:44px;height:44px;border-radius:50%;
  display:grid;place-items:center;cursor:pointer;padding:0;transition:background .2s ease,transform .2s ease;-webkit-tap-highlight-color:transparent}
.wlb-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.wlb-btn:focus-visible{outline:2px solid #c6a15b;outline-offset:3px}
@media (hover:hover){.wlb-btn:hover{background:rgba(198,161,91,.2)}}
.wlb-btn:active{transform:scale(.94)}
.wlb-stage{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding:6px 12px}
.wlb-img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:6px;box-shadow:0 30px 80px -30px rgba(0,0,0,.9);
  transform:scale(.94);opacity:0;transition:transform .34s cubic-bezier(.2,.7,.2,1),opacity .3s ease;-webkit-user-drag:none;will-change:transform,opacity}
.wlb.open .wlb-img.ready{transform:none;opacity:1}
.wlb-img.dragging{transition:none!important}
.wlb-nav{position:absolute;top:50%;margin-top:-22px;z-index:2}
.wlb-prev{left:10px}.wlb-next{right:10px}
.wlb-cap{flex:0 0 auto;text-align:center;padding:12px 22px calc(env(safe-area-inset-bottom,0px) + 22px);color:#fff;display:flex;flex-direction:column;gap:6px;align-items:center;min-height:72px}
.wlb-k{font:700 11px/1.2 var(--text,Inter,system-ui,sans-serif);letter-spacing:.18em;text-transform:uppercase;color:#c6a15b}
.wlb-k:empty{display:none}
.wlb-t{font:600 17px/1.3 var(--display,"Inter Tight",Inter,system-ui,sans-serif);letter-spacing:-.01em;color:#fff;max-width:36ch}
.wlb-hint{font:500 11px/1 var(--text,Inter,system-ui,sans-serif);color:rgba(255,255,255,.4);letter-spacing:.06em;margin-top:2px}
@media (hover:hover) and (pointer:fine){.wlb-hint{display:none}}
@media (min-width:700px){.wlb-stage{padding:10px 84px}.wlb-prev{left:22px}.wlb-next{right:22px}.wlb-btn{width:50px;height:50px}.wlb-t{font-size:20px}.wlb-top{padding:calc(env(safe-area-inset-top,0px) + 16px) 22px 8px 28px}}
@media (prefers-reduced-motion:reduce){.wlb,.wlb.open,.wlb-img{transition:none}.wlb-img{transform:none}}