/* WOK 64 demo style V5. Fonts self-hosted (SIL Open Font License). */
@font-face{font-family:"Big Shoulders Display";src:url("../fonts/big-shoulders-display-latin-wght-normal.woff2") format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"DM Sans";src:url("../fonts/dm-sans-latin-wght-normal.woff2") format("woff2");font-weight:100 1000;font-display:swap}
html,body{margin:0;padding:0;background:#08080a}
a{color:#f2c46d}a:hover{color:#fff}
.v5-glow{text-shadow:0 0 6px rgba(255,255,255,.9),0 0 18px rgba(255,255,255,.55),0 0 42px rgba(242,196,109,.45)}
.v5-flicker{animation:v5flick 6s infinite}
@keyframes v5flick{0%,18%,22%,25%,53%,57%,100%{opacity:1}20%,24%,55%{opacity:.35}}
.v5-mark{animation:v5flame 2.4s ease-in-out infinite alternate;transform-origin:50% 90%}
@keyframes v5flame{from{transform:scale(1) rotate(-1.5deg);filter:drop-shadow(0 0 6px #ff6a3d)}to{transform:scale(1.06) rotate(1.5deg);filter:drop-shadow(0 0 16px #ff8a3d)}}
.v5-marquee{display:flex;width:max-content;animation:v5mq 38s linear infinite}
@keyframes v5mq{to{transform:translateX(-50%)}}
.v5-lantern{animation:v5float 7s ease-in-out infinite}
@keyframes v5float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.v5-led{box-shadow:0 0 0 1px rgba(255,255,255,.9),0 0 14px rgba(255,255,255,.35),inset 0 0 14px rgba(255,255,255,.08)}
.v5-card img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.v5-card:hover img{transform:scale(1.07)}
.v5-sticky{display:none}
@media (max-width:760px){.v5-sticky{display:flex}.v5-nav{display:none !important}.v5-root{padding-bottom:76px}}
@supports (animation-timeline: view()){
@media (prefers-reduced-motion: no-preference){
.v5-par{animation:v5par linear both;animation-timeline:scroll(root);animation-range:0 100vh}
@keyframes v5par{to{transform:translateY(28vh) scale(1.12)}}
.v5-heroText{animation:v5fade linear both;animation-timeline:scroll(root);animation-range:0 70vh}
@keyframes v5fade{to{opacity:0;transform:translateY(-60px)}}
.v5-reveal{animation:v5rev linear both;animation-timeline:view();animation-range:entry 0% entry 100%}
@keyframes v5rev{from{clip-path:inset(100% 0 0 0);transform:translateY(60px)}to{clip-path:inset(0 0 0 0);transform:none}}
.v5-up{animation:v5up linear both;animation-timeline:view();animation-range:entry 0% entry 100%}
@keyframes v5up{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:none}}
.v5-inpar{animation:v5inpar linear both;animation-timeline:view()}
@keyframes v5inpar{from{transform:translateY(-12%) scale(1.2)}to{transform:translateY(12%) scale(1.2)}}
}
}
@media (prefers-reduced-motion: reduce){.v5-marquee,.v5-flicker,.v5-mark,.v5-lantern{animation:none}}
[data-w-status-box].is-closed .w-sdot{background:#8a8278 !important;box-shadow:none !important}
[data-w-status-box].is-open .w-sdot{background:#3fbf5a !important;box-shadow:0 0 10px #3fbf5a !important}


/* ---------- Interactive layer ---------- */
.v5-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;background:#f2c46d;box-shadow:0 0 12px #f2c46d;transform:scaleX(0);transform-origin:0 50%;pointer-events:none}
.v5-glare{position:relative}
.v5-glare::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .35s ease;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(255,214,140,.22),transparent 45%)}
.v5-glare:hover::after{opacity:1}
.v5-glare-hero::after{background:radial-gradient(520px circle at var(--mx,50%) var(--my,40%),rgba(255,214,140,.16),transparent 50%);z-index:1}
.v5-glare-hero .v5-heroText{z-index:2}
.v5-par{transition:translate .6s cubic-bezier(.2,.7,.2,1)}
.v5-mag{transition:translate .25s ease, box-shadow .25s ease}
.v5-mag:hover{box-shadow:0 0 24px rgba(242,196,109,.55)}
.v5-k{margin:0 0 12px;font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:#f2c46d}
.v5-chips{display:flex;flex-wrap:wrap;gap:8px}
.v5-chip{font:inherit;font-size:15px;font-weight:500;color:#f1ece4;background:transparent;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:9px 16px;min-height:44px;cursor:pointer;transition:border-color .2s, background .2s, box-shadow .2s, color .2s}
.v5-chip:hover{border-color:#ffffff}
.v5-chip[aria-pressed="true"]{background:#f2c46d;border-color:#f2c46d;color:#08080a;box-shadow:0 0 18px rgba(242,196,109,.5)}
.v5-chip:focus-visible,.v5-seg button:focus-visible,.v5-step button:focus-visible{outline:2px solid #ffffff;outline-offset:2px}
.v5-num{font-family:"Big Shoulders Display",sans-serif;font-weight:800;opacity:.7;margin-right:2px}
.v5-ticket{border:1px dashed rgba(255,255,255,.35);border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:8px;background:rgba(255,255,255,.03)}
.v5-ticket-out{margin:0;font-family:"Big Shoulders Display",sans-serif;font-weight:800;font-size:28px;line-height:1.15;text-transform:uppercase}
.v5-ticket-foot{margin:0;color:#8f887d;font-size:14px}
.v5-heat{display:flex;gap:6px}
.v5-heat span{width:22px;height:8px;border-radius:4px;background:rgba(255,255,255,.15);transition:background .3s, box-shadow .3s}
.v5-heat span.on{background:#ff6a3d;box-shadow:0 0 10px #ff6a3d}
.v5-calc{margin-top:12px;border-radius:24px;padding:28px 32px;box-shadow:0 0 0 1px rgba(255,255,255,.18);background:rgba(255,255,255,.02)}
.v5-seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.2);border-radius:999px}
.v5-seg button{font:inherit;font-size:14px;font-weight:700;color:#cfc8bd;background:transparent;border:0;border-radius:999px;padding:10px 16px;min-height:40px;cursor:pointer;transition:background .2s,color .2s}
.v5-seg button[aria-pressed="true"]{background:#f2c46d;color:#08080a}
.v5-steppers{display:flex;flex-wrap:wrap;gap:20px}
.v5-step{display:flex;align-items:center;gap:10px}
.v5-step span{color:#cfc8bd;font-size:15px;margin-right:4px}
.v5-step button{font:inherit;font-size:22px;line-height:1;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:transparent;color:#ffffff;cursor:pointer;transition:border-color .2s, box-shadow .2s}
.v5-step button:hover{border-color:#f2c46d;box-shadow:0 0 12px rgba(242,196,109,.45)}
.v5-step output{min-width:2ch;text-align:center;font-family:"Big Shoulders Display",sans-serif;font-weight:800;font-size:30px}
.v5-total{display:block;font-family:"Big Shoulders Display",sans-serif;font-weight:900;font-size:64px;line-height:1;color:#ffffff}
/* Reveal fallback (browsers without scroll timelines) */
.v5-js .v5-up,.v5-js .v5-reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1)}
.v5-js .v5-up.is-in,.v5-js .v5-reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.v5-par,.v5-mag{transition:none}.v5-glare::after{display:none}}
@media (max-width:760px){.v5-calc{padding:22px 20px}.v5-total{font-size:52px}}