.mark{color:var(--grease-pencil);pointer-events:none;display:block;position:absolute;overflow:visible}.mark--red{color:var(--marker-red)}.mark-reveal{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 2;stroke-dashoffset:0}@media (prefers-reduced-motion:no-preference){.mark-reveal{stroke-dashoffset:1px}}.mark[data-armed] .mark-reveal{stroke-dashoffset:1px}.mark[data-armed][data-drawn] .mark-reveal{animation:mark-draw var(--mark-draw,.35s) cubic-bezier(.22, 1, .36, 1) both}.mark[data-armed][data-drawn][data-instant] .mark-reveal{stroke-dashoffset:0;animation:none}@media (prefers-reduced-motion:reduce){.mark[data-armed][data-drawn] .mark-reveal{stroke-dashoffset:0;animation:none}}@keyframes mark-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.mark--timed .mark-reveal{animation:mark-draw var(--mark-draw,.35s) cubic-bezier(.22, 1, .36, 1) both}@media (prefers-reduced-motion:reduce){.mark--timed .mark-reveal{animation:none}}
.slate{--u:1px;left:var(--frame-inset);bottom:var(--frame-inset);z-index:2;filter:drop-shadow(0 16px 18px #080a046b);width:360px;transition:filter var(--wet-time,.6s) ease;position:absolute}.slate[data-wet]{filter:drop-shadow(0 22px 30px #080a044d)}.slate-tilt{--u:calc(100cqw / 360);position:relative;transform:rotate(-1.5deg);container-type:inline-size}.slate-panel{aspect-ratio:3/2;border-radius:var(--radius-slate);background-color:var(--slate);width:100%;color:var(--grease-pencil);transition:background-color var(--wet-time,.6s) ease;-webkit-mask-image:radial-gradient(circle at calc(100% - var(--u) * 24) calc(var(--u) * 24), transparent calc(var(--u) * 4.75), #000 calc(var(--u) * 5.25));-webkit-mask-image:radial-gradient(circle at calc(100% - var(--u) * 24) calc(var(--u) * 24), transparent calc(var(--u) * 4.75), #000 calc(var(--u) * 5.25));mask-image:radial-gradient(circle at calc(100% - var(--u) * 24) calc(var(--u) * 24), transparent calc(var(--u) * 4.75), #000 calc(var(--u) * 5.25));position:relative;overflow:hidden}.slate[data-wet] .slate-panel{background-color:var(--slate-wet)}.slate-bevel{z-index:2;border-radius:inherit;box-shadow:inset calc(var(--u) * 1.6) calc(var(--u) * 1.6) 0 #ffffffc7, inset calc(var(--u) * -1.6) calc(var(--u) * -1.6) 0 #0a0c063d;pointer-events:none;position:absolute;inset:0}.slate-hole{z-index:2;top:calc(var(--u) * 19);left:calc(100% - var(--u) * 29);width:calc(var(--u) * 10);height:calc(var(--u) * 10);box-shadow:0 calc(var(--u) * -1) 0 #0a0c064d, 0 calc(var(--u) * 1.2) 0 #fff9;pointer-events:none;border-radius:50%;position:absolute}.slate-texture{pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 360 240'%3E%3Cdefs%3E%3Cfilter id='s' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.006 0.3' numOctaves='2' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 0.11 0 0 0 0 0.11 0 0 0 0 0.09 0 0 0 6 -3.3'/%3E%3C/filter%3E%3Cfilter id='b'%3E%3CfeGaussianBlur stdDeviation='1.5'/%3E%3C/filter%3E%3C/defs%3E%3Crect width='360' height='240' filter='url(%23s)' opacity='0.055'/%3E%3Cg filter='url(%23b)' fill='none' stroke='%231c1d18' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round' opacity='0.05'%3E%3Cpath d='M262 150C246 132 304 122 318 152C328 174 292 196 266 184'/%3E%3Cpath d='M40 206C90 198 130 186 176 178M160 170L177 177L166 190'/%3E%3Cpath d='M268 84L270 112M282 83L283 113M296 85L297 111'/%3E%3Cpath d='M30 160C80 164 120 154 172 158'/%3E%3C/g%3E%3C/svg%3E");background-size:100% 100%;position:absolute;inset:0}.slate-rules{top:calc(var(--u) * 48);background-image:linear-gradient(to bottom, color-mix(in srgb, var(--stainless) 55%, transparent) 1px, transparent 1px);background-size:100% calc(var(--u) * 24);pointer-events:none;position:absolute;bottom:0;left:0;right:0}.slate-head{z-index:1;height:calc(var(--u) * 48 + 1px);padding:0 calc(var(--u) * 48) 0 calc(var(--u) * 24);border-bottom:1px solid var(--stainless);align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.slate-label{z-index:1;top:calc(var(--u) * 48);left:calc(var(--u) * 24);right:calc(var(--u) * 24);height:calc(var(--u) * 24);white-space:nowrap;align-items:center;display:flex;position:absolute}.slate-ink{z-index:1;width:100%;height:100%;color:var(--grease-pencil);pointer-events:none;position:absolute;inset:0;overflow:visible}.hand-stroke{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 2;stroke-dashoffset:0}@media (prefers-reduced-motion:no-preference){.hand-stroke{stroke-dashoffset:1px}}.hand-ghost{opacity:.05}.hand-ghost path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}@media (prefers-reduced-motion:reduce){.hand-ghost{display:none}}.slate-cord{z-index:3;height:calc(var(--u) * 240);pointer-events:none;position:absolute;top:0;overflow:visible}.slate-cord--wide{right:calc(var(--u) * -20);width:calc(var(--u) * 60)}.slate-cord--tight{width:calc(var(--u) * 72);display:none;right:0}.cord-base{fill:none;stroke:var(--grease-pencil);stroke-width:3.2px;stroke-linecap:round}.cord-weave{fill:none;stroke:var(--stainless);stroke-width:1px;stroke-dasharray:1.6 2.6;opacity:.6}.cord-knot{fill:none;stroke:var(--grease-pencil);stroke-width:2px}.pencil-body{fill:var(--grease-pencil);stroke:#e3e6e073;stroke-width:.7px}.pencil-shine{fill:#fff;opacity:.16}.pencil-band{fill:var(--stainless);opacity:.7}.pencil-wood{fill:#d9ccae}.pencil-point{fill:var(--grease-pencil)}@media (prefers-reduced-motion:reduce){.slate,.slate-panel{transition:none}}@media (max-aspect-ratio:1){:root{--slate-phone-scale:.7071;--slate-phone-w:calc(min(calc(100vw - var(--gutter-mobile) * 2), 57svh, 480px) * var(--slate-phone-scale))}.slate{left:var(--gutter-mobile);bottom:var(--gutter-mobile);width:var(--slate-phone-w)}.slate-tilt{transform:none}.slate-cord--wide{display:none}.slate-cord--tight{display:block}.m-b6-arrow{transform-box:fill-box;transform-origin:50%;transform:scaleX(-1)}}@media (prefers-reduced-motion:reduce){.slate[data-beat="1"] .hand-line[data-hand=b1-headline],.slate[data-beat="1"] .mark[data-mark=b1-arrow]{display:none}}
.beat-final{z-index:2;place-content:center;row-gap:calc(var(--grid) * 1.5);min-height:100svh;padding:calc(var(--grid) * 1.5) var(--gutter-mobile) calc(var(--grid) * 2);background:var(--pond-deep);color:var(--slate);grid-template-columns:minmax(0,720px);display:grid;position:relative}.slate--booking{width:100%;position:relative;bottom:auto;left:auto;right:auto;container-type:inline-size}.slate--booking .slate-panel{aspect-ratio:auto;height:auto;display:block}.slate--booking .slate-head{position:relative}.booking-title{text-wrap:balance;min-width:0;font:inherit;letter-spacing:inherit;text-transform:inherit}.booking-body{z-index:1;row-gap:var(--grid);padding:var(--grid) var(--slate-pad) var(--grid);grid-template-columns:minmax(0,1fr);display:grid;position:relative}.booking-price{line-height:var(--numerals-leading)}.booking-per{margin-top:4px}.booking-slots{--slot-h:calc(var(--numerals-size) * 1.1);border:0;min-width:0}.slot-list{width:max-content;max-width:100%;display:grid;position:relative}.slot{height:var(--slot-h);border-radius:var(--radius-label);cursor:pointer;justify-content:center;align-items:center;padding:0 .3em;display:flex;position:relative}.slot-input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.slot:has(.slot-input:focus-visible){outline:2px solid var(--grease-pencil);outline-offset:-2px}.slot-circle{width:100%;height:var(--slot-h);transform:translateY(calc(var(--chosen,0) * var(--slot-h)));top:0;left:0}.booking-closing{min-width:0;color:var(--grease-pencil);position:relative}.booking-hand{max-width:100%;height:auto;display:block;overflow:visible}.booking-hand--one{display:none}.booking-hand--two{width:calc(var(--vbw-two) * 1px * 1.08)}.booking-hand--one{width:calc(var(--vbw-one) * 1px * 1.15)}.book-button{padding:18px var(--slate-pad);border-radius:var(--radius-label);background:var(--grease-pencil);color:var(--slate);text-align:center;font-size:.875rem;text-decoration:none;display:block;position:relative}.book-button:after{content:"";background:var(--marker-red);opacity:0;height:2px;position:absolute;bottom:-8px;left:0;right:0}.book-button:hover:after,.book-button:focus-visible:after{opacity:1}.book-button:focus-visible{outline:none}@container (min-width:620px){.booking-body{column-gap:calc(var(--grid) * 2);grid-template-columns:minmax(0,1fr) auto}.booking-price{grid-column:1/-1}.booking-slots{grid-area:2/2}.booking-closing{grid-area:3/1/auto/-1}.booking-hand--one{display:block}.booking-hand--two{display:none}.book-button{grid-column:1/-1}}.booking-details{max-width:720px;color:var(--slate)}.booking-details p+p{margin-top:calc(var(--grid) / 2)}.booking-details a{color:inherit;text-underline-offset:4px;padding:12px 0;display:inline-block}@container (max-width:719px){.slate--booking .slate-cord--wide{display:none}.slate--booking .slate-cord--tight{display:block}}
.qa-panel{z-index:50;color:#fff;background:#000000c7;border-radius:4px;max-width:min(92vw,380px);font:11px/1.35 monospace;position:fixed;top:8px;left:8px}.qa-bar{flex-wrap:wrap;align-items:center;gap:6px;padding:4px 6px;display:flex}.qa-bar button{color:#fff;min-height:28px;font:inherit;background:0 0;border:1px solid #fff;border-radius:3px;padding:2px 8px}.qa-body{white-space:pre-wrap;word-break:break-word;max-height:45vh;margin:0;padding:2px 6px 6px;overflow:auto}.qa-copy{width:100%;height:90px;margin:0;font:10px/1.2 monospace;display:block}.qa-copy[hidden]{display:none}
.scroll-cue{--cue-line:3.2vw;--cue-dot:1vw;--cue-gap:2.6vw;--cue-bottom:calc(var(--cue-gap) + env(safe-area-inset-bottom,0px) + clamp(0px, (var(--frame-inset) + 460px - 50vw) * 1000, var(--frame-inset) + 240px));left:50%;bottom:var(--cue-bottom);z-index:4;color:var(--grease-pencil);pointer-events:none;opacity:0;flex-direction:column;align-items:center;gap:.9vw;display:flex;position:fixed;transform:translate(-50%)}.scroll-cue[data-state=shown]{opacity:1}.scroll-cue[data-state=gone]{opacity:0;transition:opacity .16s linear}.scroll-cue-label{white-space:nowrap;letter-spacing:.32em;text-shadow:0 0 .3em #e3e6e0e6,0 0 .9em #e3e6e099;margin-right:-.32em}.scroll-cue-line{width:1px;height:var(--cue-line);background:color-mix(in srgb, currentColor 35%, transparent);filter:drop-shadow(0 0 3px #e3e6e0cc);display:block;position:relative}.scroll-cue-line i{width:3px;height:var(--cue-dot);background:currentColor;border-radius:1.5px;animation:1.9s ease-in-out infinite cue-fall;position:absolute;top:0;left:-1px}@keyframes cue-fall{0%{transform:translateY(0)}72%,to{transform:translateY(calc(var(--cue-line) - var(--cue-dot)))}}@media (prefers-reduced-motion:reduce){.scroll-cue-line i{animation:none}}@media (max-aspect-ratio:1){.scroll-cue{--cue-bottom:calc(var(--gutter-mobile) + var(--slate-phone-w) * 2 / 3 + var(--cue-gap))}}
.sound-toggle{--snd-shadow:#0000008c;top:var(--frame-inset);right:var(--frame-inset);z-index:5;color:var(--grease-pencil);cursor:default;transition:opacity var(--print-fade,.24s) linear;background:0 0;border:0;flex-direction:column;align-items:center;gap:.5em;padding:.3em .5em .4em;font-size:1.6vw;display:flex;position:fixed}.sound-toggle[data-dim]{opacity:.3}.sound-toggle:focus-visible{outline:none}.sound-toggle:focus-visible .sound-eye{outline:2px solid var(--grease-pencil);outline-offset:2px;border-radius:50%}.sound-body{align-items:center;gap:.6em;display:flex}.sound-eye{width:3.5em;height:3.5em;filter:brightness(.52) saturate(.75) drop-shadow(0 .2em .45em var(--snd-shadow));border-radius:50%;transition:filter .24s linear;display:block}.sound-toggle[aria-pressed=true] .sound-eye{filter:brightness(1) saturate(1) drop-shadow(0 .2em .45em var(--snd-shadow))}.sound-bars{align-items:center;gap:.16em;height:2em;display:flex}.sound-bars i{width:.16em;height:calc(2em * var(--level,.18));background:var(--eye-gold);border-radius:.08em;display:block}.sound-label{white-space:nowrap;opacity:.8;text-shadow:0 0 .3em #e3e6e0e6,0 0 .9em #e3e6e099;font-size:.75rem;transition:opacity .24s linear}.sound-toggle[aria-pressed=true] .sound-label{opacity:1}@media (max-aspect-ratio:1){.sound-toggle{font-size:18.2857px}.sound-label{font-size:.625rem}}@media (prefers-reduced-motion:reduce){.sound-toggle,.sound-eye,.sound-label{transition:none}}.audio-debug{top:calc(var(--frame-inset) + 160px);z-index:10;color:#fff;white-space:pre-wrap;pointer-events:none;background:#0009;max-width:60ch;margin:0;padding:2px 6px;font:11px/1.4 monospace;position:fixed;right:8px}