/* Walkin v1 — base styles. Theme with --wk-accent / --wk-ink. */
.wk{position:relative;background:#0d1110;--wk-accent:#E9C98B;--wk-ink:#0d1110}
.wk-stage{position:sticky;top:0;height:100svh;overflow:hidden;color:#fff}
.wk-media{position:absolute;inset:0;overflow:hidden;background:var(--wk-ink)}
.wk-layer{position:absolute;inset:0;will-change:transform,opacity;backface-visibility:hidden}
.wk-layer img,.wk-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.wk-layer img{opacity:0;transition:opacity .6s ease}
.wk-layer img[src]{opacity:1}
.wk-flash{position:absolute;inset:0;z-index:40;opacity:0;pointer-events:none;mix-blend-mode:screen}
.wk-media::after{content:"";position:absolute;inset:0;z-index:41;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,12,11,.55) 0%,rgba(8,12,11,0) 22%,rgba(8,12,11,0) 42%,rgba(8,12,11,.82) 100%),
             linear-gradient(90deg,rgba(8,12,11,.62) 0%,rgba(8,12,11,.3) 40%,rgba(8,12,11,0) 68%),
             radial-gradient(120% 90% at 50% 50%,rgba(0,0,0,0) 55%,rgba(0,0,0,.35) 100%)}
.wk [data-wk-cap]{position:absolute;z-index:50;will-change:opacity,transform;text-shadow:0 1px 20px rgba(0,0,0,.4)}
.wk-rail{position:absolute;z-index:60;right:clamp(14px,2.4vw,32px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px}
.wk-rail button{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:6px 0;font:600 13px/1 inherit;font-family:inherit;color:rgba(255,255,255,.62);letter-spacing:.02em}
.wk-rail button span{opacity:0;transform:translateX(6px);transition:opacity .3s,transform .3s}
.wk-rail:hover button span,.wk-rail button.on span{opacity:1;transform:none}
.wk-rail button i{width:8px;height:8px;border-radius:50%;border:1.5px solid rgba(255,255,255,.7);transition:all .3s;order:2}
.wk-rail button.on{color:#fff}
.wk-rail button.on i{background:var(--wk-accent);border-color:var(--wk-accent);transform:scale(1.35)}
.wk-rail button:focus-visible{outline:2px solid var(--wk-accent);outline-offset:4px;border-radius:4px}
.wk-bar{position:absolute;z-index:60;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.12)}
.wk-bar i{display:block;height:100%;background:var(--wk-accent);transform-origin:0 50%;transform:scaleX(0)}
.wk:not(.wk-ready) .wk-media{background:linear-gradient(110deg,#141a18 30%,#1d2522 50%,#141a18 70%);background-size:200% 100%;animation:wk-load 1.4s linear infinite}
@keyframes wk-load{to{background-position:-200% 0}}
@media (max-width:759px){.wk-rail{right:10px}.wk-rail button span{display:none}.wk-media::after{background:linear-gradient(180deg,rgba(8,12,11,.5) 0%,rgba(8,12,11,0) 18%,rgba(8,12,11,.15) 38%,rgba(8,12,11,.9) 100%)}}
@media (prefers-reduced-motion:reduce){.wk-layer img{transition:none}}