@font-face{font-family:BN Cringe Sans;src:url(/fonts/bncringesans-regular-webfont.woff)format("woff");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:SOLEIL Cutouts;src:url(/fonts/soleil-cutouts.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}:root{--ground:#82a9ba;--cream:#e3d3c0;--mermaid-ink:#51505d;--paper:#fff;--margin:1vmin;--pad-x:4.1vw;--pad-y:4.2vh;--type:min(4.35vw, 7.4vh);--logo:min(23vw, 34vh);--sun:min(20vw, 30vh);--drift-text:.56vmin;--drift-mermaid:-1.2vmin}*,:before,:after{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{background:var(--paper);color:var(--cream);-webkit-font-smoothing:antialiased;font-family:BN Cringe Sans,system-ui,sans-serif;overflow:hidden}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.splash{inset:var(--margin);background:var(--ground);height:calc(100dvh - 2 * var(--margin));padding:var(--pad-y) var(--pad-x);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none;position:fixed}.splash.is-tall{--pad-x:16px;--pad-y:max(20px, 3vh);--type:min(8.6vw, 5.2vh);--logo:min(52vw, 30vh);--sun:min(56vw, 32vh)}.copy{flex-direction:column;justify-content:space-between;height:100%;display:flex}.row{font-size:var(--type);letter-spacing:-.045em;text-transform:uppercase;white-space:nowrap;justify-content:space-between;align-items:baseline;line-height:1;display:flex}.word{translate:calc(var(--px,0) * var(--drift-text) * var(--depth,1)) calc(var(--py,0) * var(--drift-text) * var(--depth,1))}.word-mask{margin-bottom:-.14em;padding-bottom:.14em;display:inline-block;overflow:visible clip}.word-inner{display:inline-block;position:relative;translate:0 110%}.word.is-in .word-inner{transition:translate .38s cubic-bezier(.22,1,.36,1);translate:0}.word-sizer{visibility:hidden}.word-letters{white-space:nowrap;position:absolute;top:0;left:50%;translate:-50%}.row>.word:first-child .word-letters{left:0;translate:none}.row>.word:last-child:not(:first-child) .word-letters{left:auto;right:0;translate:none}.ch.is-cut{letter-spacing:0;font-family:SOLEIL Cutouts,BN Cringe Sans,sans-serif;font-size:1.25em;line-height:0}.pop{z-index:3;color:var(--cream);transform-origin:.6em;-webkit-user-select:text;user-select:text;touch-action:auto;isolation:isolate;align-items:center;gap:.25em;padding:0 .35em 0 .45em;line-height:1;animation:.2s cubic-bezier(.2,1.4,.4,1) both pop-in;display:flex;position:absolute}.pop.is-leaving{pointer-events:none;animation:.24s cubic-bezier(.5,0,.75,0) 40ms both pop-out}.pop.is-leaving .pop-pass{stroke-dashoffset:0;animation:.2s cubic-bezier(.5,0,.75,0) forwards draw-off}.pop.is-leaving .pop-pass-1{animation-delay:0s}.pop.is-leaving .pop-pass-0{animation-delay:50ms}@keyframes pop-out{to{opacity:0;rotate:1.5deg;scale:.9}}@keyframes draw-off{0%{stroke-dashoffset:0}to{stroke-dashoffset:-1px}}.pop.is-centered{transform-origin:50%;transition:top .24s cubic-bezier(.2,.8,.2,1)}@keyframes pop-in{0%{opacity:0;rotate:-1.5deg;scale:.88}}.pop-scribble{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:visible}.pop-fill{fill:var(--ground)}.pop-pass{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:.42s cubic-bezier(.4,0,.2,1) forwards draw-on}.pop-pass-0{stroke-width:2px}.pop-pass-1{stroke-width:1.3px;opacity:.7;animation-delay:.11s}@keyframes draw-on{to{stroke-dashoffset:0}}.pop-input,.pop-thanks{min-width:0;font:inherit;letter-spacing:-.045em;color:inherit;flex:1}.pop-input{caret-color:currentColor;background:0 0;border:0;outline:none;padding:0}.pop-input::placeholder{color:inherit;opacity:.7;text-transform:uppercase;text-overflow:ellipsis}.pop-thanks{text-transform:uppercase}.pop-send{color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.pop-send svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.pop-send{flex:none;width:1.2em;height:1em}.pop-send svg{stroke-width:2.4px;width:1.05em}.pop-trap{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.pop-send.is-sending svg{animation:.7s ease-in-out infinite alternate pop-sending}@keyframes pop-sending{to{opacity:.4;translate:.25em}}.pop-send:hover svg{transition:translate .16s;translate:3px}.pop-send:focus-visible{outline-offset:2px;outline:1.5px dashed}.paper-grain{mix-blend-mode:multiply;pointer-events:none;z-index:10;width:100%;height:100dvh;position:fixed;inset:0}.loader{width:var(--sun);aspect-ratio:1;isolation:isolate;mix-blend-mode:lighten;z-index:2;visibility:hidden;position:absolute;top:50%;left:50%;translate:-50% -50%}.loader.is-ready{visibility:visible}.loader img{filter:invert();width:100%;height:100%;display:block}.loader-tint{background:var(--cream);mix-blend-mode:multiply;position:absolute;inset:0}.mermaid{width:var(--logo);aspect-ratio:291/282;translate:calc(-50% + var(--px,0) * var(--drift-mermaid)) calc(-50% + var(--py,0) * var(--drift-mermaid));pointer-events:none;z-index:1;position:absolute;top:50%;left:50%}.mermaid[data-mode=hidden]{visibility:hidden}.mermaid svg{width:100%;height:100%;display:block}.paper,.ink{position:absolute;inset:0}.paper path{fill:var(--cream);visibility:hidden}.mermaid[data-frame="0"] .paper [data-f="0"],.mermaid[data-frame="1"] .paper [data-f="1"],.mermaid[data-frame="2"] .paper [data-f="2"],.mermaid[data-frame="3"] .paper [data-f="3"]{visibility:visible}.ink{fill:var(--mermaid-ink)}.loop{position:absolute;inset:0}.mermaid:not([data-loop]) .loop{display:none}.loop path{visibility:hidden}.loop-ink{fill:var(--mermaid-ink)}.mermaid[data-loop] .ink{visibility:hidden}.mermaid[data-loop] .loop path{animation-timing-function:step-end;animation-iteration-count:infinite}@keyframes loop-frame{0%{visibility:visible}10%,to{visibility:hidden}}@media (prefers-reduced-motion:reduce){.word-inner{translate:none}}
