/* Scoped gallery: complete transparent images, deliberate navigation. */
.bk-kit-gallery{overflow:hidden;position:relative;background:transparent}
.bk-kit-gallery .slide-hint{margin-bottom:4px}
.bk-gallery-stage{height:clamp(410px,35vw,590px);position:relative;touch-action:pan-y;cursor:grab;isolation:isolate;outline-offset:-5px}
.bk-gallery-stage.dragging{cursor:grabbing}
.bk-kit-deck{position:absolute;inset:0;transition:translate .2s ease-out}
.bk-gallery-stage.dragging .bk-kit-deck{transition:none}
.bk-kit-card{position:absolute;top:26px;left:50%;width:clamp(170px,15vw,250px);height:calc(100% - 100px);padding:0;appearance:none;border:0;border-radius:0;background:transparent;overflow:visible;box-shadow:none;transform-origin:50% 15%;transform:translateX(calc(-50% + var(--x))) translateY(var(--y)) rotate(var(--angle)) scale(var(--scale));opacity:var(--alpha,1);transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .4s;animation:bk-kit-float var(--float-time,6s) ease-in-out var(--float-delay,0s) infinite alternate;cursor:pointer;text-decoration:none;-webkit-user-drag:none;user-select:none}
.bk-kit-card img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none;border:0;border-radius:0;background:transparent}
.bk-kit-card:not([data-kit-url]),.bk-kit-card[data-kit-url=""]{cursor:grab}
.bk-motion-paused .bk-kit-card,.bk-interacting .bk-kit-card,.bk-focused .bk-kit-card{animation-play-state:paused}
@keyframes bk-kit-float{from{translate:0 -4px}to{translate:0 6px}}
.bk-gallery-controls{display:flex;align-items:center;gap:22px;max-width:1536px;width:80%;margin:12px auto 0;padding-bottom:25px;font:12px Satoshi,sans-serif;color:var(--color-black,#14141a)}
.bk-kit-counter{font-size:10px;color:var(--color-gray-text,#4f4f59);font-variant-numeric:tabular-nums;min-width:40px}
.bk-kit-link{font-weight:700;text-decoration:none;color:inherit}.bk-gallery-buttons{margin-left:auto;display:flex;gap:8px}
.bk-gallery-buttons button{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--color-gray-border,#ccccd4);background:transparent;border-radius:50%;font:500 21px Satoshi,sans-serif;color:inherit;cursor:pointer}
.bk-gallery-buttons .bk-gallery-pause{font-size:14px;margin-right:10px}.bk-gallery-buttons button:disabled{opacity:.4;cursor:default}
.bk-kit-card:focus-visible,.bk-kit-link:focus-visible,.bk-gallery-buttons button:focus-visible,.bk-gallery-stage:focus-visible{outline:2px solid var(--color-red,#f92c4d);outline-offset:4px}
@media(max-width:680px){.bk-gallery-stage{height:390px}.bk-kit-card{width:170px;height:290px;top:22px}.bk-gallery-controls{width:auto;margin-inline:20px;gap:12px;padding-bottom:20px;font-size:11px}.bk-gallery-buttons{gap:5px}.bk-gallery-buttons button{width:36px;height:36px;font-size:18px}.bk-gallery-buttons .bk-gallery-pause{font-size:12px;margin-right:3px}.bk-kit-counter{font-size:9px;min-width:34px}}
@media(prefers-reduced-motion:reduce){.bk-kit-card{animation:none!important;transition:none!important}.bk-kit-deck{transition:none}}
.bk-kit-gallery:not(.bk-gallery-ready) .bk-kit-deck{visibility:hidden}

/* Bring the floating images into the hero whitespace. */
.bk-kit-gallery{margin-top:-120px}

/* Empty gallery space must never intercept the hero CTAs. */
.bk-kit-gallery,.bk-gallery-stage{pointer-events:none}
.bk-gallery-controls{pointer-events:auto}

@media(max-width:680px){.bk-kit-gallery{margin-top:-40px}}

/* Larger complete images, with a denser overlapping composition. */
@media(min-width:681px){
 .bk-kit-gallery{margin-top:-60px}
 .bk-gallery-stage{height:clamp(492px,42vw,708px)}
 .bk-kit-card{width:clamp(204px,18vw,300px);height:calc(100% - 120px)}
}
@media(max-width:680px){
 .bk-gallery-stage{height:448px}
 .bk-kit-card{width:204px;height:348px}
}