/* WOK 64 demo style V6. Fonts self-hosted (SIL Open Font License). */
@font-face{font-family:"Bricolage Grotesque";src:url("../fonts/bricolage-grotesque-latin-wght-normal.woff2") format("woff2");font-weight:200 800;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:#c8202a}
a{color:#141010}a:hover{color:#8e1018}
.v6-spin{animation:v6spin 22s linear infinite}
@keyframes v6spin{to{transform:rotate(360deg)}}
.v6-bob{animation:v6bob 5s ease-in-out infinite}
@keyframes v6bob{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-12px) rotate(-3deg)}}
.v6-flame{animation:v6flame 1.8s ease-in-out infinite alternate;transform-origin:50% 90%}
@keyframes v6flame{from{transform:scale(1) rotate(-2deg)}to{transform:scale(1.08) rotate(2deg)}}
.v6-btn{transition:transform .2s ease, box-shadow .2s ease}
.v6-btn:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 #141010}
.v6-sticky{display:none}
@media (max-width:760px){.v6-sticky{display:flex}.v6-nav{display:none !important}.v6-root{padding-bottom:76px}}
@supports (animation-timeline: view()){
@media (prefers-reduced-motion: no-preference){
.v6-roll{animation:v6roll linear both;animation-timeline:scroll(root);animation-range:0 900px}
@keyframes v6roll{to{transform:rotate(120deg) scale(.9)}}
.v6-slideL{animation:v6l linear both;animation-timeline:view()}
@keyframes v6l{from{transform:translateX(8%)}to{transform:translateX(-38%)}}
.v6-slideR{animation:v6r linear both;animation-timeline:view()}
@keyframes v6r{from{transform:translateX(-38%)}to{transform:translateX(8%)}}
.v6-pop{animation:v6pop linear both;animation-timeline:view();animation-range:entry 0% entry 100%}
@keyframes v6pop{from{opacity:0;transform:translateY(60px) scale(.94)}to{opacity:1;transform:none}}
.v6-tilt{animation:v6tilt linear both;animation-timeline:view()}
@keyframes v6tilt{from{transform:translateY(40px) rotate(-6deg)}to{transform:translateY(-40px) rotate(3deg)}}
.v6-tilt2{animation:v6tilt2 linear both;animation-timeline:view()}
@keyframes v6tilt2{from{transform:translateY(-30px) rotate(5deg)}to{transform:translateY(50px) rotate(-2deg)}}
}
}
@media (prefers-reduced-motion: reduce){.v6-spin,.v6-bob,.v6-flame{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}