@font-face{font-family:"Calligraffitti";src:url("fonts/calligraffitti-regular.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}
@property --border-turn{syntax:"<angle>";inherits:false;initial-value:0deg}
:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#262827;color:#f4f4f2}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;min-height:100%;overflow:hidden;background:#262827}.hero{position:fixed;inset:0;width:100%;height:100%;height:100dvh;isolation:isolate;overflow:hidden;overflow:clip}.artwork{position:absolute;inset:0;z-index:0;pointer-events:none}.still,.motion{position:absolute;inset:0;width:100%;height:100%;display:block}.still img,.motion{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:translateY(-.8%) scale(1.024);transform-origin:center}.still img{display:block}.motion{visibility:hidden}.motion-playing .motion,.motion-preparing .motion{visibility:visible}.motion-playing .still,.motion-preparing .still{visibility:hidden}
.signup{position:absolute;left:50%;bottom:calc(max(28px,min(6dvh,64px),env(safe-area-inset-bottom)) + 38px);transform:translateX(-50%);width:min(328px,calc(100% - 32px));z-index:10;display:flex;flex-direction:column;align-items:center;gap:10px}.email-prompt{position:absolute;inset:0;z-index:1;display:grid;place-items:center;color:#eceee7;font-family:"Calligraffitti","Snell Roundhand","Palatino Linotype",cursive;font-size:24px;line-height:1.15;font-weight:400;font-synthesis:none;letter-spacing:0;text-align:center;white-space:nowrap;text-shadow:0 1px 0 rgba(0,0,0,.75);cursor:text;transition:opacity .12s}.email-shell:focus-within .email-prompt,.email-shell.has-value .email-prompt{opacity:0;pointer-events:none}.email-shell:has(input:autofill) .email-prompt{opacity:0;pointer-events:none}.label-ink{display:block;-webkit-text-stroke:0;transform:translateX(-.08em)}
.email-shell{position:relative;isolation:isolate;width:100%;height:48px;flex:none;border:0;border-radius:10px;background:rgba(238,245,247,.055);box-shadow:0 12px 28px rgba(0,0,0,.2),0 3px 8px rgba(0,0,0,.1);backdrop-filter:blur(9px) saturate(1.18);-webkit-backdrop-filter:blur(9px) saturate(1.18);transition:background-color .25s,box-shadow .25s}
.email-shell::before{content:"";position:absolute;inset:0;z-index:2;padding:1px;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--border-turn),rgba(255,255,255,.2) 0deg,rgba(255,255,255,.22) 170deg,rgba(220,237,245,.5) 215deg,#fff 230deg,rgba(224,235,244,.35) 248deg,rgba(255,255,255,.2) 285deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:border-flow 8s linear infinite}
.email-shell::after{content:"";position:absolute;inset:-1px;z-index:3;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 18% 1px,rgba(255,255,255,.95) 0 .7px,transparent 2.1px),radial-gradient(circle at 79% calc(100% - 1px),rgba(230,242,255,.9) 0 .6px,transparent 2px);animation:border-glints 4.8s ease-in-out infinite;opacity:.5}
.email-shell input{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:100%;height:100%;min-width:0;padding:10px 52px 10px 14px;border:0;border-radius:inherit;outline:none;background:transparent;color:#f8faf5;caret-color:#fff;font:inherit;font-size:16px;line-height:1.4;text-shadow:0 1px 2px #000;box-shadow:none}
.email-shell:focus-within::before{padding:2px;background:#f8faf5;animation:none}.email-shell:focus-within::after{opacity:0;animation:none}
.submit-arrow{appearance:none;-webkit-appearance:none;position:absolute;right:2px;top:2px;z-index:4;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:7px;outline:none;background:transparent;color:#f8faf5;cursor:pointer;transition:background-color .2s}.submit-arrow svg{width:18px;height:18px;filter:drop-shadow(0 1px 1px #000)}.submit-arrow:hover,.submit-arrow:focus-visible{background:rgba(255,255,255,.13)}
@keyframes border-flow{to{--border-turn:360deg}}@keyframes border-glints{0%,100%{opacity:.18}48%{opacity:.8}65%{opacity:.3}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-aspect-ratio:132/100){.still img,.motion{object-position:58% 50%;transform:translateY(-.35%) scale(1.015)}}@media(min-aspect-ratio:140/100){.still img,.motion{transform:translateY(-1.5%) scale(1.04)}}@media(max-height:700px){.signup{bottom:calc(max(14px,env(safe-area-inset-bottom)) + 38px)}}@media(max-height:500px){.signup{left:max(18px,env(safe-area-inset-left));bottom:calc(max(12px,env(safe-area-inset-bottom)) + 38px);width:min(328px,calc(100% - 36px));transform:none}.email-shell{width:100%}}@media(max-width:340px){.email-shell{width:100%}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.email-shell{background:#252b2e}}
@supports not ((mask-composite:exclude) or (-webkit-mask-composite:xor)){.email-shell{outline:1px solid #d7e3e5}.email-shell::before,.email-shell::after{display:none}.email-shell:focus-within{outline:2px solid #fff}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.email-shell,.email-shell:focus-within,.email-shell.has-value{background:#252b2e;backdrop-filter:none;-webkit-backdrop-filter:none}.email-shell::before{background:#cbd3d7;animation:none}.email-shell::after{display:none}}
@media(forced-colors:active){.email-prompt{color:CanvasText;text-shadow:none}.email-shell,.email-shell:focus-within,.email-shell.has-value{background:Canvas;outline:1px solid CanvasText;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.email-shell::before,.email-shell::after{display:none}.email-shell:focus-within{outline:2px solid Highlight}.email-shell input{color:CanvasText;text-shadow:none}.submit-arrow{color:ButtonText;background:ButtonFace}.submit-arrow:focus-visible{color:HighlightText;background:Highlight}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.motion{display:none!important}.still{visibility:visible!important}.email-shell::before,.email-shell::after{animation:none!important}}.motion-stopped .email-shell::before,.motion-stopped .email-shell::after{animation:none!important}

@media(prefers-contrast:more){.email-prompt{color:#fff;text-shadow:0 1px 1px #000}}





.email-shell input:autofill{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#f8faf5;caret-color:#fff;box-shadow:none}.submit-arrow:disabled{cursor:default}.signup-status{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(calc(-50% - .08em));width:min(440px,calc(100vw - 32px));margin:0;color:#eceee7;font-family:"Calligraffitti","Snell Roundhand","Palatino Linotype",cursive;font-size:22px;line-height:1.3;font-weight:400;letter-spacing:0;text-align:center;text-shadow:0 1px 0 rgba(0,0,0,.75)}.signup-status:empty{display:none}

/* Confirmed-receipt decoration: contained, non-interactive and outside layout. */
.waitlist-butterflies{position:absolute;left:0;bottom:18px;width:100%;height:176px;z-index:5;overflow:hidden;contain:strict;pointer-events:none;user-select:none}.waitlist-butterflies *{pointer-events:none}.waitlist-butterfly{position:absolute;bottom:0;left:38%;width:24px;height:24px;opacity:0;--drift:-48px;--rise:-124px;--tilt:-14deg;animation:waitlist-butterfly-flight 1.9s cubic-bezier(.22,.45,.32,1) both}.waitlist-butterfly:nth-child(2){left:49%;width:21px;height:21px;--drift:10px;--rise:-148px;--tilt:9deg;animation-delay:.1s}.waitlist-butterfly:nth-child(3){left:59%;width:23px;height:23px;--drift:43px;--rise:-112px;--tilt:18deg;animation-delay:.2s}.waitlist-butterfly svg{display:block;width:100%;height:100%;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.waitlist-butterfly-wings{transform-origin:16px 16px;animation:waitlist-butterfly-flutter .23s ease-in-out infinite alternate}.waitlist-butterfly:nth-child(2) .waitlist-butterfly-wings{animation-duration:.2s;animation-delay:-.07s}.waitlist-butterfly:nth-child(3) .waitlist-butterfly-wings{animation-duration:.26s;animation-delay:-.12s}
@keyframes waitlist-butterfly-flight{0%{opacity:0;transform:translate3d(0,0,0) rotate(0deg) scale(.75)}12%{opacity:.85}42%{transform:translate3d(calc(var(--drift) * .32),calc(var(--rise) * .42),0) rotate(calc(var(--tilt) * -.4)) scale(1)}72%{opacity:.72}100%{opacity:0;transform:translate3d(var(--drift),var(--rise),0) rotate(var(--tilt)) scale(.72)}}
@keyframes waitlist-butterfly-flutter{from{transform:scaleX(1)}to{transform:scaleX(.28)}}
@media(prefers-reduced-motion:reduce){.waitlist-butterflies{display:none!important}.waitlist-butterflies *{animation:none!important}}

.signup-status{text-wrap:balance}


@media(max-width:359px){.email-prompt{font-size:22px}.signup-status{font-size:20px}}
@media(max-width:319px){.email-prompt{font-size:20px}.signup-status{font-size:20px}.signup{bottom:calc(max(14px,env(safe-area-inset-bottom)) + 60px)}}
@media(max-width:259px){.email-prompt{font-size:18px}.signup-status{font-size:19px}}

@media(max-width:259px){.email-shell:not(:focus-within):not(.has-value) .submit-arrow{opacity:0;pointer-events:none}}
