*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:#060b10}body{font-family:Arial,Helvetica,sans-serif;color:#f4f6f2}main{position:relative;min-height:100svh;overflow:hidden;isolation:isolate}.city{position:absolute;inset:-2.5%;z-index:-3;background:url("/assets/night-city-NQTMXF6J.webp") center 56%/cover;animation:city-drift 36s ease-in-out infinite}.shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,#060b10bc,transparent 36%,#060b105c),radial-gradient(ellipse at 50% 39%,#060b1045,transparent 55%)}.spotlight{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;mix-blend-mode:screen}.beam{transform-origin:1190px 75px;animation:light-sweep 22s ease-in-out infinite}.rain{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.wordmark{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);width:min(76vw,1160px);margin:0;z-index:2;mix-blend-mode:screen;isolation:isolate}.logo-crop{display:block;position:relative;width:100%;aspect-ratio:1024/124;overflow:hidden}.logo-crop img{position:absolute;left:0;top:50%;transform:translateY(-49%);width:100%;height:auto;display:block;user-select:none;-webkit-user-drag:none}.echo{position:absolute;inset:0;opacity:0;mix-blend-mode:screen;pointer-events:none}.echo-cool{filter:brightness(.7) sepia(1) saturate(6) hue-rotate(130deg);animation:glitch-cool 14s ease-in-out infinite}.echo-warm{filter:brightness(.7) sepia(1) saturate(7) hue-rotate(305deg);animation:glitch-warm 14s ease-in-out infinite}.contact{position:absolute;left:50%;bottom:max(9%,calc(env(safe-area-inset-bottom) + 30px));transform:translate(-50%);margin:0;z-index:2;font:10px/1.6 Courier New,monospace;letter-spacing:.17em;color:#d0d8dc;white-space:nowrap}.contact span{padding:12px 0;display:block}@keyframes city-drift{0%,to{transform:scale(1.01) translateY(0)}50%{transform:scale(1.045) translateY(-.35%)}}@keyframes light-sweep{0%,to{transform:rotate(-9deg);opacity:.23}50%{transform:rotate(12deg);opacity:.65}}@keyframes glitch-cool{0%,75%,87%,to{opacity:0;transform:none;clip-path:inset(0)}78%{opacity:.45;transform:translate(5px,-1px);clip-path:inset(22% 0 53%)}81%{opacity:.4;transform:translate(-4px,1px);clip-path:inset(55% 0 22%)}84%{opacity:.2;transform:translate(2px);clip-path:inset(32% 0 46%)}}@keyframes glitch-warm{0%,75%,87%,to{opacity:0;transform:none;clip-path:inset(0)}78%{opacity:.35;transform:translate(-5px,1px);clip-path:inset(25% 0 50%)}81%{opacity:.35;transform:translate(4px,-1px);clip-path:inset(58% 0 19%)}84%{opacity:.17;transform:translate(-2px);clip-path:inset(29% 0 49%)}}@media (max-width:650px){.wordmark{width:92vw;top:39%}.city{background-position:50% center}.contact{font-size:8px;letter-spacing:.14em;bottom:max(11%,calc(env(safe-area-inset-bottom) + 30px))}.shade{background:linear-gradient(0deg,#060b10d9,transparent 48%,#060b1077),radial-gradient(ellipse at 50% 39%,#060b1040,transparent 60%)}}@media (max-height:450px){.wordmark{width:72vw;top:40%}.contact{bottom:7%}}.paused *{animation-play-state:paused!important}.reduced *{animation:none!important}.reduced .echo,.reduced .rain{display:none}.reduced .beam{opacity:.3;transform:rotate(0)}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}.echo,.rain{display:none}.beam{opacity:.3;transform:rotate(0)}}.wordmark{--logo-loop:8s}.logo-base{animation:logo-cut var(--logo-loop) steps(1,end) infinite}.echo-cool{animation:glitch-cool var(--logo-loop) steps(1,end) infinite}.echo-warm{animation:glitch-warm var(--logo-loop) steps(1,end) infinite}.logo-slice{position:absolute;inset:0;opacity:0;pointer-events:none;mix-blend-mode:screen;animation:logo-slice var(--logo-loop) steps(1,end) infinite}@keyframes logo-cut{0%,9%,28%,to{mask-image:none;-webkit-mask-image:none;transform:none}10%,14%{mask-image:linear-gradient(to bottom,#000 0 33%,transparent 33% 44%,#000 44% 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0 33%,transparent 33% 44%,#000 44% 100%)}15%,19%{mask-image:linear-gradient(to bottom,#000 0 54%,transparent 54% 65%,#000 65% 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0 54%,transparent 54% 65%,#000 65% 100%)}20%,24%{mask-image:linear-gradient(to bottom,#000 0 33%,transparent 33% 44%,#000 44% 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0 33%,transparent 33% 44%,#000 44% 100%)}25%{mask-image:none;-webkit-mask-image:none}}@keyframes logo-slice{0%,9%,28%,to{opacity:0;transform:none;clip-path:inset(0)}10%{opacity:1;transform:translate(7px);clip-path:inset(33% 0 56%)}15%{opacity:1;transform:translate(-6px);clip-path:inset(54% 0 35%)}20%{opacity:1;transform:translate(4px);clip-path:inset(33% 0 56%)}25%{opacity:0;transform:none}}@keyframes glitch-cool{0%,9%,28%,to{opacity:0;transform:none;clip-path:inset(0)}10%{opacity:.6;transform:translate(6px,-1px);clip-path:inset(24% 0 45%)}15%{opacity:.5;transform:translate(-5px,1px);clip-path:inset(49% 0 20%)}20%{opacity:.35;transform:translate(3px);clip-path:inset(28% 0 49%)}25%{opacity:0}}@keyframes glitch-warm{0%,9%,28%,to{opacity:0;transform:none;clip-path:inset(0)}10%{opacity:.45;transform:translate(-5px,1px);clip-path:inset(27% 0 42%)}15%{opacity:.4;transform:translate(5px,-1px);clip-path:inset(52% 0 17%)}20%{opacity:.28;transform:translate(-3px);clip-path:inset(25% 0 52%)}25%{opacity:0}}.reduced .logo-slice{display:none}.reduced .logo-base{mask-image:none;-webkit-mask-image:none;transform:none}@media (prefers-reduced-motion:reduce){.logo-slice{display:none}.logo-base{mask-image:none;-webkit-mask-image:none;transform:none}}

.contact a{color:inherit;text-decoration:none;padding:12px 0;display:block}.contact a:hover{text-decoration:underline}.contact a:focus-visible{outline:2px solid #d0d8dc;outline-offset:6px}

.contact{font-size:13px;letter-spacing:.12em;text-align:center}.contact a{padding:8px 0}.contact .shop-link{display:table;margin:8px auto 0;padding:10px 18px;border:1px solid #d0d8dc66;border-radius:3px;font:11px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.14em;text-transform:uppercase;transition:background .2s,border-color .2s}.contact .shop-link:hover{background:#d0d8dc18;border-color:#d0d8dc;text-decoration:none}@media(max-width:650px){.contact{font-size:11px}.contact .shop-link{font-size:10px}}@media(max-height:450px){.contact{bottom:4%}.contact .shop-link{margin-top:2px;padding:6px 14px}}

.brand-mascot{position:absolute;left:32px;bottom:28px;width:140px;height:auto;z-index:2;filter:invert(1);opacity:.85;pointer-events:none}@media(max-width:650px){.brand-mascot{left:16px;bottom:18px;width:68px;opacity:.8}}@media(max-height:450px){.brand-mascot{width:74px;bottom:16px;left:18px}}