.ws{--ink:#0b0b0c;--paper:#f1eee8;--cool:var(--accent);background:var(--ink);color:var(--paper);position:relative}.ws-stage{padding:120px var(--pad) 100px;gap:56px;display:grid;position:relative}.ws-canvas,.ws-vignette,.ws-bar{display:none}.ws-words{gap:48px;display:grid}.ws-poster,.ws-end{justify-items:start;gap:18px;display:grid}.ws-star,.ws-label{font-family:var(--mono2);letter-spacing:.02em;text-transform:lowercase;color:var(--grey);font-size:.74rem;font-weight:400}.ws-title{letter-spacing:-.05em;text-wrap:balance;max-width:9ch;font-size:clamp(3rem,min(7.4vw,11.5vh),8.4rem);font-weight:500;line-height:.98}.ws-title span{color:var(--accent)}.ws-title.is-small{text-transform:none;max-width:13ch;font-size:clamp(2.3rem,min(5.2vw,8.2vh),5.6rem);line-height:1.02}.ws-title.is-small span{color:var(--cool);display:block}.ws-role{letter-spacing:-.02em;color:#f1eee8d9;font-size:clamp(1.1rem,1.6vw,1.5rem);font-weight:500}.ws-kind{letter-spacing:-.01em;color:#f1eee894;margin-top:-10px;font-size:clamp(.95rem,1.15vw,1.08rem)}.ws-lead{letter-spacing:-.012em;color:#f1eee8b3;max-width:26em;font-size:clamp(1.02rem,1.3vw,1.22rem);line-height:1.4}.ws-line{letter-spacing:-.05em;text-wrap:balance;max-width:12ch;font-size:clamp(2rem,min(4.2vw,6.6vh),4.6rem);font-weight:500;line-height:1.02}.ws-line q{quotes:"“" "”"}.ws-hint{font-family:var(--mono2);color:#f1eee8bd;margin-top:2px;font-size:.86rem}.ws-hint:before{content:"→ ";color:var(--accent)}.ws-damn{display:none}.ws-proof{letter-spacing:0;color:#f1eee8db;pointer-events:auto;border:1px solid #f1eee82e;border-radius:99px;justify-self:start;align-items:center;gap:8px;margin-top:4px;padding:6px 12px;font-size:.78rem;font-weight:500;transition:border-color .3s,color .3s;display:inline-flex}.ws-proof span{color:var(--accent);transition:transform .35s var(--ease)}.ws-proof:hover{color:var(--paper);border-color:#f1eee880}.ws-proof:hover span{transform:translate(3px)}.ws-beat.is-right .ws-proof{justify-self:end}.ws-end-copy{justify-items:start;gap:18px;display:grid}.ws-me{aspect-ratio:1;border-radius:50%;width:clamp(84px,9vw,132px);margin:0 0 6px;overflow:hidden;box-shadow:0 0 0 1px #f1eee833,0 20px 50px -20px #000c}.ws-me img{object-fit:cover;object-position:50% 30%;width:100%;height:100%;display:block}.ws-actions{flex-wrap:wrap;align-items:center;gap:14px clamp(24px,3vw,40px);margin-top:14px;display:flex}.ws-cue{color:#f1eee88c;opacity:0;transition:opacity .4s var(--ease);justify-self:end;font-size:.85rem}.ws-cue.is-on{opacity:1}.ws-cue span{animation:ws-nudge 1.8s var(--ease) infinite;display:inline-block}@keyframes ws-nudge{50%{transform:translateY(5px)}}.ws.is-live{height:calc((var(--scenes) - 1) * var(--step) * 100vh + 100vh)}.is-live .ws-stage{height:100svh;padding:0;display:block;position:sticky;top:0;overflow:hidden}.is-live .ws-canvas{touch-action:pan-y;opacity:0;width:100%;height:100%;transition:opacity .9s var(--ease);cursor:grab;display:block;position:absolute;inset:0}.is-ready .ws-canvas{opacity:1}.is-live .ws-canvas:active{cursor:grabbing}.ws-stage.is-draw .ws-canvas,.ws-stage.is-draw .ws-canvas:active{cursor:crosshair}.ws-stage.is-pointable .ws-canvas{cursor:pointer}.is-live .ws-vignette{pointer-events:none;background:radial-gradient(120% 90%,#0000 55%,#0b0b0cbf 100%);display:block;position:absolute;inset:0}.is-live .ws-vignette:before,.is-live .ws-vignette:after{content:"";transition:opacity .9s var(--ease);position:absolute;inset:0}.is-live .ws-vignette:before{background:linear-gradient(90deg,#0b0b0cb8 0%,#0b0b0c40 34%,#0000 52%)}.is-live .ws-vignette:after{opacity:0;background:linear-gradient(270deg,#0b0b0cb8 0%,#0b0b0c40 34%,#0000 52%)}.ws-stage.is-right .ws-vignette:before{opacity:0}.ws-stage.is-right .ws-vignette:after{opacity:1}.is-live .ws-poster,.is-live .ws-end,.is-live .ws-beat{opacity:0;visibility:hidden;transition:opacity .5s var(--ease), transform .7s var(--ease), visibility 0s .5s;position:absolute;transform:translateY(16px)}.is-live .ws-poster.is-here,.is-live .ws-end.is-here,.is-live .ws-beat.is-here{opacity:1;visibility:visible;transition:opacity .6s var(--ease) .1s, transform .8s var(--ease) .1s, visibility 0s;transform:none}.is-live .ws-beat.is-past{transform:translateY(-16px)}.is-live .ws-poster{left:var(--pad);z-index:2;bottom:calc(clamp(16px,3vh,30px) + 44px + clamp(36px,7vh,72px))}.is-live .ws-end{left:var(--pad);z-index:2;top:50%;translate:0 -50%}.is-live .ws-words{left:var(--pad);right:var(--pad);z-index:2;pointer-events:none;display:block;position:absolute;top:50%}.is-live .ws-beat{gap:18px;width:min(34vw,520px);display:grid;top:0;left:0;translate:0 -50%}.is-live .ws-beat.is-right{text-align:right;justify-items:end;left:auto;right:0}.is-live .ws-beat.is-right .ws-damn{transform-origin:100%;left:auto;right:0}.ws-beat.is-right .ws-hint:before{content:none}.ws-beat.is-right .ws-hint:after{content:" ←";color:var(--accent)}.is-live .ws-damn{letter-spacing:-.06em;background:linear-gradient(100deg,#ffb36b,#ff4f8b 50%,#3d5cff);color:#0000;opacity:0;transform-origin:0;transition:opacity .4s var(--ease), transform .6s cubic-bezier(.2, 1.6, .4, 1);-webkit-background-clip:text;background-clip:text;font-size:clamp(3rem,6vw,6.4rem);font-weight:800;line-height:1;display:block;position:absolute;top:calc(100% + 26px);left:0;transform:scale(.8)rotate(-4deg)}.is-live .ws-damn.is-on{opacity:1;transform:none}.ws-write{display:none}.is-live .ws-write{z-index:4;opacity:0;visibility:hidden;transition:opacity .5s var(--ease), visibility 0s .5s;gap:10px;display:grid;position:absolute;transform:translateY(calc(-100% - 10px))}.is-live .ws-write.is-here{opacity:1;visibility:visible;transition:opacity .6s var(--ease) .3s, visibility 0s}.ws-write textarea{width:100%;color:var(--paper);font:500 clamp(1.2rem, 1.6vw, 1.55rem)/1.3 var(--sans), sans-serif;letter-spacing:-.02em;caret-color:var(--accent);resize:none;background:0 0;border:0;outline:none;padding:4px 0;display:block;overflow:hidden}.ws-write textarea::placeholder{color:#f1eee86b}.ws-send{opacity:0;pointer-events:none;transition:opacity .3s var(--ease);justify-self:start;position:absolute;top:calc(100% + 26px)}.ws-send.is-on{opacity:1;pointer-events:auto}.ws-bar .ws-skip,.ws-bar .ws-wip{grid-area:1/1}.ws-wip{max-width:min(46ch, calc(100vw - 2 * var(--pad) - 150px));font-family:var(--mono2);color:#f1eee89e;opacity:0;visibility:hidden;transition:opacity .5s var(--ease), visibility 0s .5s;justify-self:start;align-items:center;gap:10px;font-size:.76rem;line-height:1.4;display:inline-flex}.ws-wip.is-on{opacity:1;visibility:visible;transition:opacity .6s var(--ease) .2s, visibility 0s}.ws-wip i{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px;animation:2.2s ease-out infinite ws-live;box-shadow:0 0 #5b8cff99}@keyframes ws-live{0%{box-shadow:0 0 #5b8cff8c}70%{box-shadow:0 0 0 8px #5b8cff00}to{box-shadow:0 0 #5b8cff00}}.is-live .ws-bar{left:var(--pad);right:var(--pad);z-index:3;grid-template-columns:1fr auto;align-items:center;display:grid;position:absolute;bottom:clamp(16px,3vh,30px)}.ws-skip{color:#f1eee8cc;justify-self:start;align-items:center;gap:8px;min-height:44px;font-size:.85rem;font-weight:600;transition:color .3s;display:inline-flex}.ws-skip:hover{color:var(--paper)}.ws-bar.is-quiet .ws-skip{visibility:hidden}@media (max-width:760px),(max-aspect-ratio:1){.is-live .ws-vignette{background:radial-gradient(120% 70% at 50% 35%,#0000 50%,#0b0b0cb3 100%),linear-gradient(#0000 45%,#0b0b0c66 62%,#0b0b0ce6 100%)}.is-live .ws-words{width:auto;top:auto;bottom:calc(clamp(16px,3vh,30px) + 80px);right:var(--pad)}.is-live .ws-beat{gap:12px;width:100%;top:auto;bottom:0;translate:none}.is-live .ws-beat.is-right{text-align:left;justify-items:start;left:0;right:auto}.ws-stage.is-right .ws-vignette:after{opacity:0}.is-live .ws-beat.is-right .ws-damn{transform-origin:0;left:0;right:auto}.ws-beat.is-right .ws-proof{justify-self:start}.ws-line{max-width:15ch;font-size:clamp(1.9rem,min(8.6vw,5vh),3.4rem)}.is-live .ws-damn{font-size:3.2rem;top:auto;bottom:calc(100% + 18px)}.is-live .ws-poster{bottom:calc(clamp(16px,3vh,30px) + 80px);right:var(--pad)}.ws-title{font-size:clamp(2.8rem,min(13.5vw,8vh),6rem)}.ws-title.is-small{font-size:clamp(2.1rem,min(10vw,6vh),4rem)}.is-live .ws-end{top:auto;bottom:calc(clamp(16px,3vh,30px) + 80px);right:var(--pad);translate:none}.ws-actions{gap:10px 28px}.ws-hint{font-size:.82rem}}@media (hover:none){.ws-hint{display:none}}@media (prefers-reduced-motion:reduce){.ws-wip i,.ws-cue span{animation:none}.ws-cue,.is-live .ws-poster,.is-live .ws-end,.is-live .ws-beat,.is-live .ws-damn{transition:none}}