html,body{margin:0;width:100%;height:100%;scroll-behavior:smooth}html,body{margin:0;background:#f6eee2}body{font:400 15px/1.5 ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.film{--ink: #f6ecdd;--shade: rgba(14, 8, 4, .45);--chip: rgba(20, 12, 8, .35);position:relative;height:100vh;height:100svh;overflow:hidden;background:#f6eee2;color:var(--ink)}.film.is-light{--ink: #3a2a1e;--shade: rgba(246, 238, 226, .85);--chip: rgba(255, 250, 240, .55)}.stage{position:absolute;inset:0;touch-action:pan-y;touch-action:pan-y pinch-zoom}.film.has-cursor .stage{cursor:none}.cursor{position:absolute;z-index:3;top:0;left:0;width:64px;height:64px;pointer-events:none;visibility:hidden}.cursor.is-on{visibility:visible}.stage:before{content:"";position:absolute;top:var(--dot-y, calc(50% - 46px) );left:50%;width:var(--dot-d, min(44%, calc(32vh - 30px) ));aspect-ratio:1;border-radius:50%;background:#ffc016;transform:translate(-50%,-50%)}.stage canvas{position:absolute;top:0;left:0;display:block;width:100%;height:100%;visibility:hidden}.stage canvas.is-on{visibility:visible}.stage canvas.pixelated{width:auto;height:auto;image-rendering:pixelated}.mark{position:absolute;z-index:2;top:20px;left:22px;filter:drop-shadow(0 1px 8px var(--shade));pointer-events:none;transition:filter .35s ease}.mark span{position:relative;display:block;width:calc(26px * 702 / 242);height:26px;background:var(--ink);-webkit-mask:url(/images/logo.png) center / contain no-repeat;mask:url(/images/logo.png) center / contain no-repeat;transition:background-color .35s ease}.mark span:after{content:"";position:absolute;top:15%;left:25%;width:7.4%;height:19.5%;border-radius:50%;background:#ffc016}.hello{position:absolute;z-index:2;left:22px;bottom:22px;bottom:calc(22px + env(safe-area-inset-bottom,0px));max-width:calc(100% - 44px);pointer-events:none}.hello .line,.signup{font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:400;font-variation-settings:"SOFT" 100;color:var(--ink);text-shadow:0 1px 14px var(--shade);transition:color .35s ease,text-shadow .35s ease}.hello .line{margin:0;font-size:clamp(22px,2vw,30px);font-size:max(15px,min(clamp(22px,2vw,30px),calc((100vw - 44px) / 14.8)));line-height:1.2;white-space:nowrap;letter-spacing:-.005em}.signup{position:relative;margin:0;font-size:clamp(17px,1.45vw,22px);line-height:1.35;white-space:nowrap;pointer-events:auto}.signup label{margin-right:.42em}.signup .thanks{display:none}.signup .field{position:relative;display:inline-grid;align-items:baseline;max-width:min(24em,calc(100vw - 44px - 6.6em));vertical-align:baseline}.signup .measure,.signup input[type=email]{grid-area:1 / 1;min-width:0;font:inherit;letter-spacing:inherit}.signup .measure{overflow:hidden;padding-right:2px;white-space:pre;visibility:hidden}.signup input[type=email]{width:100%;margin:0;padding:0;border:0;border-radius:0;background:none;outline:none;color:inherit;caret-color:#ffc016;text-shadow:inherit}.film.is-light .signup input[type=email]{caret-color:var(--ink)}.signup input[type=email]::placeholder{color:var(--ink);opacity:.72}.signup .field:after{content:"";position:absolute;left:0;right:0;bottom:.08em;height:1px;background:currentColor;opacity:.28;transition:opacity .25s ease}.signup .field:focus-within:after{opacity:.6}.signup .stop{position:relative;display:inline-block;width:1.9em;height:1.55em;margin:0 0 0 .06em;padding:0;border:0;background:none;font:inherit;color:#3a2a1e;vertical-align:-.5em;cursor:pointer;-webkit-tap-highlight-color:transparent}.signup .stop:before{content:"";display:block;height:1.55em}.signup .dot,.signup .stop svg{position:absolute;left:.05em;bottom:.5em;width:.56em;height:.56em;transform-origin:0 100%;transition:transform .3s cubic-bezier(.3,1.4,.5,1),opacity .2s ease}.signup .dot{border-radius:50%;background:#ffc016;box-shadow:0 1px 6px #0e080440}.film.is-light .signup .dot{box-shadow:0 0 0 1px #3a2a1e8c,0 1px 5px #3a2a1e33}.signup .stop svg{padding:.11em;box-sizing:border-box;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(1.85)}@media (hover: hover){.signup .stop:hover .dot{transform:scale(1.3)}}.signup.is-ready .stop .dot{transform:scale(1.85)}.signup.is-ready .stop svg{opacity:1}.signup .stop:focus-visible{outline:none}.signup .stop:focus-visible .dot{outline:2px solid var(--ink);outline-offset:2px}.signup.is-sending .dot{animation:breathe .9s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1.85)}50%{transform:scale(1.5)}}.signup.is-sent label,.signup.is-sent .field{display:none}.signup.is-sent .thanks{display:inline}.signup.is-sent .stop{cursor:default;pointer-events:none}.signup.is-sent .stop .dot{transform:scale(0);transition:none}.signup.is-sent .stop svg{opacity:0}.signup.is-landed .stop .dot{transform:scale(1);transition:transform .5s cubic-bezier(.3,1.6,.5,1)}.signup .note{position:absolute;top:100%;left:0;margin:1px 0 0;font-size:14px;line-height:1.2;white-space:nowrap}.signup.is-sent .note{opacity:0}.flight{position:absolute;z-index:1;top:0;left:0;border-radius:50%;background:#ffc016;box-shadow:0 0 14px #ffc0168c;pointer-events:none;will-change:transform,opacity}.pause{position:absolute;z-index:2;right:22px;bottom:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:var(--chip);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--ink);opacity:.7;cursor:pointer;transition:opacity .2s ease,color .35s ease,background-color .35s ease}.pause:hover,.pause:focus-visible{opacity:1}.pause:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.pause svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.pause .play{display:none;fill:currentColor;stroke-width:1.2}.film.is-paused .pause .bars{display:none}.film.is-paused .pause .play{display:inline}.quiet{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media (max-width: 640px){.hello{bottom:calc(6vh + env(safe-area-inset-bottom,0px));bottom:calc(6svh + env(safe-area-inset-bottom,0px))}.pause{top:16px;bottom:auto}}@media (prefers-reduced-motion: reduce){.signup.is-sending .dot{animation:none;opacity:.6}.signup .dot,.signup .stop svg,.signup.is-landed .stop .dot{transition:none}}@media (forced-colors: active){.hello{background:Canvas;outline:6px solid Canvas}.signup .dot{background:ButtonText}.signup .stop svg{stroke:ButtonFace}.signup .field:after{background:CanvasText;opacity:1}.signup input[type=email]:focus-visible{outline:2px solid Highlight;outline-offset:2px}}