.wk-page{--wk-cream: #f3efe6;--s-blue-100: #e9edff;--s-blue-500: #2c3f8f;min-height:100svh;background:var(--wk-cream);padding-bottom:3rem}.wk-hero{position:relative;width:100%;aspect-ratio:1920 / 360;overflow:hidden}.wk-hero>picture,.wk-hero>picture img{display:block;width:100%;height:100%}.wk-hero>picture img{object-fit:cover;object-position:center 38%}.wk-hero:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:34%;background:linear-gradient(to bottom,transparent,var(--wk-cream) 94%);pointer-events:none}@media(max-width:720px){.wk-hero{aspect-ratio:3 / 2}.wk-hero>picture img{object-position:center 40%}}.wk-head{width:100%;margin:clamp(1.6rem,4vw,2.6rem) auto 0;text-align:center}.wk-eyebrow{color:var(--oat-400)}.wk-head h1{margin-top:.5rem;font-size:clamp(1.9rem,5vw,2.8rem);text-wrap:balance}.wk-lede{margin:.7rem auto 0;max-width:34rem;font-size:.98rem;line-height:1.55;color:var(--text-muted)}.wk-lede b{color:var(--oat-500);font-weight:600}.wk-claim{width:min(26rem,100%);margin:1.4rem auto 0}.wk-claim-line{font-size:.95rem;line-height:1.5;color:var(--text-muted)}.wk-claim-line b{color:var(--oat-500);font-weight:600}.wk-claim .vend-form{margin-top:.9rem}:root[data-gd-auth="1"] .wk-claim{display:none}.wk-meter{width:min(34rem,100%);margin:1.2rem auto 0}.wk-bar{display:block;height:.3rem;border-radius:var(--radius-pill);background:var(--oat-200);overflow:hidden}.wk-bar-lg{height:.45rem}.wk-bar b{display:block;width:var(--w, 0%);height:100%;border-radius:var(--radius-pill);background:var(--matcha-300);transition:width var(--dur-slow) var(--ease-machine)}.wk-progress{margin-top:.5rem;font:500 .68rem/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--oat-400)}.wk-progress b{color:var(--oat-500)}.wk-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.32rem;margin-top:.8rem}.wk-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .62rem;border:0;border-radius:var(--radius-pill);background:var(--white);color:var(--oat-500);box-shadow:var(--elev-card);font:500 .76rem/1 var(--font-sans);cursor:pointer;transition:background-color var(--dur-fast),color var(--dur-fast)}.wk-chip b{font:500 .64rem/1 var(--font-mono);color:var(--oat-400)}.wk-chip:hover{background:var(--oat-200)}.wk-chip.is-on{background:var(--oat-500);color:var(--white);box-shadow:none}.wk-chip.is-on b{color:#ffffffb3}.wk-lead{width:min(72rem,100%);margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}.wk-lead .vend-how{width:100%;margin-top:clamp(2rem,5vw,3.4rem);text-align:center}.wk-lead .vend-how h2{font-size:clamp(2.4rem,6.5vw,3.6rem);line-height:1.02;text-wrap:balance}.wk-lead .vend-sub{margin-top:1rem;font-size:1.05rem;max-width:36rem}.wk-lead .vend-video,.wk-lead .vend-tutorial{margin-top:clamp(1.6rem,4vw,2.6rem)}.wk-lead .how-close{margin-top:clamp(1.4rem,3vw,2rem)}.wk-lead .vend-video,:root[data-gd-auth="1"] .wk-lead .vend-tutorial{display:none}.wk-lead .vend-video-frame{max-width:none;width:100%}.wk-lead .vend-tutorial iframe{aspect-ratio:16 / 9}.wk-lead .how-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;align-items:stretch}.wk-lead .how-steps li{align-content:start}@media(max-width:780px){.wk-lead .how-steps{grid-template-columns:minmax(0,1fr)}}.wk-progress-wrap{width:min(52rem,100%);margin:0 auto clamp(2.5rem,6vw,4rem);padding:0 clamp(1rem,4vw,2rem)}.wk-progress-wrap .vend-rate{width:100%;margin-top:clamp(3rem,7vw,5rem)}.wk-progress-wrap .rate-card{margin-top:1.6rem}.wk-stages{position:sticky;top:0;z-index:5;display:flex;justify-content:center;gap:.4rem;margin-top:1.1rem;padding:.5rem clamp(1rem,4vw,2rem);background:color-mix(in srgb,var(--wk-cream) 90%,transparent);backdrop-filter:blur(8px)}.wk-stage{display:grid;justify-items:center;gap:.1rem;min-width:6.5rem;padding:.38rem .7rem .44rem;border:0;border-radius:.8rem;cursor:pointer;color:var(--oat-500);background:var(--white);box-shadow:var(--ring);transition:background-color var(--dur-fast),color var(--dur-fast),box-shadow var(--dur-fast)}.wk-stage b{font:600 1.15rem/1.1 var(--font-sans);letter-spacing:-.02em}.wk-stage span{font:500 .58rem/1.2 var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--oat-400)}.wk-stage:hover{background:var(--oat-200)}.wk-stage[data-stage=emailed] b{color:var(--s-blue-500)}.wk-stage[data-stage=done] b{color:var(--matcha-300)}.wk-stage.is-on{background:var(--oat-200);box-shadow:inset 0 0 0 2px var(--oat-400)}.wk-main{width:min(52rem,100%);margin:0 auto;padding:0 clamp(1rem,4vw,2rem)}.ticket-hint{margin-top:1rem;text-align:center;font:500 .66rem/1 var(--font-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--oat-400)}.wk-week{margin-top:clamp(1.2rem,3vw,1.8rem)}.queue-msg{margin-top:.9rem;font:500 .7rem/1.5 var(--font-mono);color:var(--oat-400)}.queue-empty{padding:1.6rem 1.2rem;border-radius:var(--radius-md);background:color-mix(in srgb,var(--white) 55%,transparent);box-shadow:var(--ring);font-size:.95rem;line-height:1.55;color:var(--text-muted);text-align:center}.queue-empty b{color:var(--oat-500);font-weight:600}.ticket-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-top:.8rem}.ticket{aspect-ratio:2 / 1}.wall-note{grid-column:1 / -1;display:flex;align-items:center;gap:.5rem;margin:.9rem 0 .1rem;font:500 .64rem/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--oat-300)}.wall-note:first-child{margin-top:0}.wall-note b{font-weight:600;color:var(--brand-blue)}.wall-note b:empty{display:none}.wall-note span{color:var(--oat-400)}.wall-note i{order:1;font-style:normal;color:var(--oat-300)}.wall-note:after{content:"";flex:1;height:1px;background:var(--oat-200)}.wall-note[data-past="1"] b{color:var(--oat-400)}.ticket-open{display:block;position:static;margin-top:.2rem;padding:0;background:none;opacity:.88}:root .ticket-open{display:block}.ticket[data-state=emailed] .ticket-tag{font-size:.64rem}.ticket[data-state=emailed] .ticket-front{background:var(--s-blue-100);color:var(--s-blue-500);box-shadow:var(--ring)}.ticket[data-state=emailed] .ticket-mark,.ticket[data-state=emailed] .ticket-tag{color:var(--s-blue-500)}.ticket[data-state=emailed] .ticket-back{background:var(--brand-blue);box-shadow:0 14px 28px -14px #395afab3}.ticket[data-state=done]{opacity:.72;transition:opacity var(--dur-md)}.ticket[data-state=done]:hover,.ticket[data-state=done]:focus-visible{opacity:1}.ticket[data-state=done] .ticket-front{background:var(--matcha-100);color:var(--matcha-500);box-shadow:none}.ticket[data-state=done] .ticket-mark,.ticket[data-state=done] .ticket-tag{color:var(--matcha-300)}.ticket[data-state=done] .ticket-back{background:var(--matcha-200);color:var(--matcha-500);box-shadow:none}.ticket.is-calling .ticket-front{animation:wk-call 1.4s var(--ease-machine)}@keyframes wk-call{0%,to{box-shadow:var(--elev-card)}25%,75%{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-blue) 45%,transparent),var(--shadow-card)}}.ticket.is-shake{animation:wk-shake .5s var(--ease-machine)}@keyframes wk-shake{0%,to{transform:translate(0)}15%{transform:translate(-.32rem)}35%{transform:translate(.28rem)}55%{transform:translate(-.18rem)}78%{transform:translate(.1rem)}}.ticket-face{transition:background-color var(--dur-slow) var(--ease-machine),color var(--dur-slow) var(--ease-machine),box-shadow var(--dur-md)}.ticket .ticket-mark,.ticket .ticket-tag,.ticket .ticket-open{transition:opacity .13s linear,transform .13s var(--ease-machine)}.ticket.is-turning .ticket-mark,.ticket.is-turning .ticket-tag,.ticket.is-turning .ticket-open{opacity:0;transform:translateY(-.18rem)}.ticket.is-bump .ticket-inner{animation:wk-bump .42s var(--ease-machine)}@keyframes wk-bump{0%{transform:rotateY(180deg) scale(.955)}55%{transform:rotateY(180deg) scale(1.035)}to{transform:rotateY(180deg) scale(1)}}.ticket.is-bump:not(:hover):not(:focus-visible):not(.is-flipped) .ticket-inner{animation-name:wk-bump-flat}@keyframes wk-bump-flat{0%{transform:scale(.955)}55%{transform:scale(1.035)}to{transform:scale(1)}}.wk-empty{margin-top:1.6rem;text-align:center;font-size:.95rem;color:var(--text-muted)}.vend-live-msg{margin-top:1.2rem;text-align:center}.vend-live-msg a{color:var(--brand-blue)}.wk-main .vend-how,.wk-main .vend-stats,.wk-main .vend-faq{margin-inline:auto}@media(max-width:820px){.ticket-wall{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.ticket-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.ticket{aspect-ratio:1.5 / 1}.ticket-mark{font-size:1.5rem}.ticket-tag{font-size:.64rem}}@media(max-width:340px){.ticket-wall{grid-template-columns:minmax(0,1fr)}.ticket{aspect-ratio:3 / 1}}@media(prefers-reduced-motion:reduce){.ticket-face,.wk-bar b{transition:none}.ticket.is-bump .ticket-inner,.ticket.is-shake,.ticket.is-calling .ticket-front{animation:none}}
