@font-face{font-family:Rando Sans;src:url(./RandoSans-BX1wGZfQ.ttf)format("truetype");font-display:swap}:root{--paper:#f3efe4;--ink:#141414;--red:#e3342f;--blue:#1f4fbf;--yellow:#f6cf1b;--green:#16954a;--surface:var(--paper);--text:var(--ink);--muted:#55524a;--accent:var(--blue);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--surface:#1b1a17;--text:var(--paper);--muted:#a9a496;--accent:#8fb0ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{height:100%}body{background:var(--surface);color:var(--text);margin:0;font-family:Rando Sans,system-ui,sans-serif;overflow-x:hidden}#root{grid-template-rows:auto 1fr auto;min-height:100svh;display:grid}body:after{content:"";pointer-events:none;z-index:10;opacity:.18;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}@media (prefers-color-scheme:dark){body:after{mix-blend-mode:screen;opacity:.06}}.site{text-align:center;letter-spacing:.01em;margin:0;padding:28px 16px 0;font-family:Fredoka,system-ui,sans-serif;font-size:22px;font-weight:500}main{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 16px;display:flex}.cup{width:84px;height:auto;color:var(--text);margin-bottom:24px;overflow:visible}.cup .steam{fill:none;stroke:var(--muted);stroke-width:3px;stroke-linecap:round;opacity:0;animation:3s ease-in-out infinite steam}.cup .steam:nth-child(2){animation-delay:1s}.cup .steam:nth-child(3){animation-delay:2s}@keyframes steam{0%{opacity:0;transform:translateY(6px)}30%{opacity:.9}to{opacity:0;transform:translateY(-14px)}}.phrase{letter-spacing:-.01em;min-height:1.1em;margin:0;font-size:clamp(36px,8vw,88px);font-weight:400;line-height:1.05;transition:opacity .6s,transform .6s}.phrase--hidden{opacity:0;transform:translateY(8px)}.blurb{max-width:34ch;color:var(--muted);margin:22px 0 0;font-family:Fredoka,system-ui,sans-serif;font-size:clamp(17px,2.2vw,20px);line-height:1.5}.sign{letter-spacing:.04em;color:var(--muted);margin-top:36px;font-family:Fredoka,system-ui,sans-serif;font-size:15px}.sign .name{letter-spacing:0;font-family:Geist,system-ui,sans-serif;font-weight:500}.sign a{color:var(--accent);text-decoration:none}.sign a:hover{text-decoration:underline}.band{background:var(--ink);border-top:3px solid var(--ink);height:31px;position:relative;overflow:hidden}.band svg{animation:60s linear infinite slide;display:block;position:absolute;top:0;left:0}@keyframes slide{to{transform:translate(-960px)}}@media (prefers-reduced-motion:reduce){.band svg{animation:none}.cup .steam{opacity:.7;animation:none}.phrase{transition:none}}