*,:before,:after{box-sizing:border-box}html,body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;background:#000;width:100%;height:100%;margin:0;overflow:hidden}body{color:#f2f2f2;-webkit-font-smoothing:antialiased;letter-spacing:-.2px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}button{appearance:none;color:inherit;cursor:pointer;font:inherit;letter-spacing:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}p{margin:0}.canvas{cursor:grab;opacity:0;touch-action:none;width:100%;height:100%;transition:opacity 1.2s;display:block;position:fixed;inset:0}.is-ready .canvas{opacity:1}.is-dragging .canvas{cursor:grabbing}.is-capture .canvas{opacity:1;transition:none}@media (prefers-reduced-motion:reduce){.canvas{transition-duration:.3s}}.chrome{opacity:0;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));pointer-events:none;z-index:2;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr) auto;transition:opacity 1.2s .6s;display:grid;position:fixed;inset:0}.is-ready .chrome{opacity:1}.is-capture .chrome{display:none}.is-video .chrome{opacity:1;transition:none;display:grid}.chrome a,.chrome button{pointer-events:auto}@media (width<=640px){.chrome{padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));font-size:13px}}@media (prefers-reduced-motion:reduce){.chrome{transition-duration:.3s}}.link{color:inherit;line-height:normal;text-decoration:none;position:relative}.link:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .6s cubic-bezier(.19,1,.22,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}@media (prefers-reduced-motion:reduce){.link:after{transition-duration:10ms}}.link:hover:after,.link:focus-visible:after,.link[aria-current=step]:after{transform-origin:0;transform:scaleX(1)}.link:focus-visible{outline:none}.logo{grid-area:1/1;place-self:start;height:22px;display:block}.logo img{width:auto;height:100%;display:block}.logo:focus-visible{outline-offset:6px;outline:1px solid}.contact{grid-area:1/2;place-self:start end}.poem{grid-area:3/1;font-family:Newsreader,ui-serif,Georgia,serif;font-size:12px;line-height:16px;display:grid}.is-video .poem{display:none}.poem__verse{grid-area:1/1;align-self:end}.poem__stanza:not(:last-child){margin-bottom:8px}.poem__line{display:block}.poem__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.poem__word{white-space:nowrap;display:inline-block}.poem__word--glow{text-shadow:0 0 calc(4px + var(--beat,0) * 8px) rgb(242, 242, 242, calc(.35 + var(--beat,0) * .4))}@property --form{syntax:"<number>";inherits:false;initial-value:0}.poem__letter{--fade:clamp(0, (var(--dissolve,0) - var(--threshold) * .5) * 2, 1);--visible:calc(var(--form) * (1 - var(--fade)));filter:blur(calc((1 - var(--visible)) * 4px));opacity:var(--visible);transform:translateY(calc((1 - var(--form)) * .25em - var(--fade) * .5em));transition:--form .8s ease calc(var(--threshold) * .4s);display:inline-block}.is-ready .poem__verse--current .poem__letter{--form:1;transition:--form 1.6s cubic-bezier(.25, 0, .25, 1) calc(.3s + var(--threshold) * 1.6s)}@media (prefers-reduced-motion:reduce){.poem__letter{filter:none;transition-duration:.4s;transform:none}.is-ready .poem__verse--current .poem__letter{transition:--form .6s ease calc(var(--threshold) * .4s)}}.is-video .dock{display:none}.dock{grid-area:3/2;place-self:end;align-items:center;gap:16px;display:flex}.sound{justify-content:center;align-items:center;width:28px;height:28px;margin:-6px;display:flex}.sound:focus-visible{outline-offset:2px;outline:1px solid}.bars{align-items:flex-end;gap:2px;height:12px;display:flex}.bars span{transform-origin:bottom;background:currentColor;width:2px;height:100%;transition:transform .4s;transform:scaleY(.2)}[aria-pressed=true] .bars span{animation:.9s ease-in-out infinite alternate bars}[aria-pressed=true] .bars span:nth-child(2){animation-delay:-.45s}[aria-pressed=true] .bars span:nth-child(3){animation-delay:-.2s}[aria-pressed=true] .bars span:nth-child(4){animation-delay:-.7s}@media (prefers-reduced-motion:reduce){[aria-pressed=true] .bars span{animation:none;transform:scaleY(.7)}}@keyframes bars{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}.unsupported{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.is-unsupported .unsupported{display:block}