@font-face{font-family:Dosis;src:url(/fonts/dosis-variable.ttf)format("truetype");font-style:normal;font-weight:200 800;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--logo-size:clamp(128px, 22vw, 196px);--cycle-duration:20s;--cycle-delay:.25s;background:#faf9f4}*,:before,:after{box-sizing:border-box}html,body,#root{min-width:0;min-height:100%;margin:0}.landing{place-items:center;min-height:100svh;padding:32px;display:grid}.brand{flex-direction:column;align-items:center;gap:36px;display:flex}.coming-soon{color:#856642;letter-spacing:.36em;text-indent:.36em;text-align:center;margin:0;font-family:Dosis,sans-serif;font-size:clamp(16px,1.6vw,20px);font-weight:600;line-height:1.4}.logo{width:min(var(--logo-size), 60vw, 40svh);aspect-ratio:1280/1352;-webkit-user-select:none;user-select:none;position:relative}.logo img{object-fit:contain;width:100%;height:100%;display:block}.logo__outline{filter:grayscale();opacity:.14}.logo__color{clip-path:inset(100% 0 0);position:absolute;inset:0}.logo--ready .logo__color{animation:logo-color-cycle var(--cycle-duration) cubic-bezier(.4, 0, .2, 1) var(--cycle-delay) infinite both}.logo--ready{animation:logo-motion-cycle var(--cycle-duration) ease-in-out var(--cycle-delay) infinite both}@keyframes logo-color-cycle{0%,85%,to{clip-path:inset(100% 0 0)}15%,70%{clip-path:inset(0)}}@keyframes logo-motion-cycle{0%,20%,35%,50%,65%,87.5%{opacity:1;transform:perspective(800px)rotateY(0)scale(1)}27.5%,42.5%,57.5%{opacity:.65;transform:perspective(800px)rotateY(0)scale(1.1)}97.5%,to{opacity:1;transform:perspective(800px)rotateY(360deg)scale(1)}}@media (prefers-reduced-motion:reduce){.logo--ready,.logo--ready .logo__color{animation:none}.logo__color{clip-path:none}}
