:root{color-scheme:dark;font-family:FK Grotesk,Helvetica Neue,sans-serif;background:#151615;color:#f2f1ec}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#151615;overscroll-behavior:none}button{color:inherit;font:inherit}.spiral-app{position:fixed;inset:0;overflow:hidden;background-color:#151615;background-image:linear-gradient(rgb(255 255 255 / 5%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 5%) 1px,transparent 1px);background-position:center;background-size:32px 32px;isolation:isolate}.spiral-app:before{position:absolute;inset:0;content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 48%,rgb(255 255 255 / 2.5%),transparent 48%)}.spiral-app:after{position:absolute;z-index:2;inset:0;content:"";pointer-events:none;background:linear-gradient(to bottom,rgb(4 5 4 / 86%) 0%,rgb(4 5 4 / 58%) 7%,rgb(4 5 4 / 20%) 17%,transparent 28%,transparent 72%,rgb(4 5 4 / 20%) 83%,rgb(4 5 4 / 58%) 93%,rgb(4 5 4 / 86%) 100%)}.spiral-stage{position:absolute;z-index:1;inset:0;opacity:0}.spiral-stage canvas{display:block;width:100%;height:100%;cursor:default;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.spiral-chrome{position:absolute;z-index:4;top:calc(20px + env(safe-area-inset-top));right:calc(24px + env(safe-area-inset-right));left:calc(24px + env(safe-area-inset-left));display:flex;align-items:flex-start;justify-content:flex-end;opacity:0;pointer-events:none}.spiral-exit{min-width:64px;padding:9px 15px 10px;border:1px solid rgb(255 255 255 / 18%);border-radius:999px;background:#08090885;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;font-size:12px;letter-spacing:.04em;line-height:1;pointer-events:auto;transition:border-color .18s ease,background-color .18s ease}.spiral-exit:hover,.spiral-exit:focus-visible{border-color:#ffffff94;background:#ffffff17;outline:none}.spiral-hover{position:absolute;z-index:4;bottom:32px;left:32px;max-width:min(680px,calc(100vw - 64px));color:#f2f1ec;opacity:0;pointer-events:none;transform:translateY(12px);transform-origin:left bottom;transition:opacity .22s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.spiral-hover[aria-hidden=false]{opacity:1;transform:translateY(0)}.spiral-hover-title{margin:0;font-size:clamp(30px,4.2vw,64px);font-weight:400;letter-spacing:-.045em;line-height:.96;text-shadow:0 3px 18px rgb(0 0 0 / 36%)}.spiral-loader{position:absolute;z-index:10;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;background:#050605;color:#f2f1ec94;font-size:10px;letter-spacing:.14em;text-transform:uppercase;will-change:transform}.spiral-loader p{margin:0}.spiral-loader-progress{width:min(430px,74vw);height:3px;margin-top:4px;border-radius:999px;background:#ffffff1a;overflow:hidden}.spiral-loader-progress-fill{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a8e83a,#c9ff6a);box-shadow:0 0 14px #b8ff4252;transform:scaleX(0);transform-origin:left center;transition:transform .24s cubic-bezier(.22,1,.36,1);will-change:transform}.spiral-loader-logo{display:block;width:34px;height:34px;filter:invert(86%) sepia(88%) saturate(804%) hue-rotate(28deg) brightness(108%) contrast(105%) drop-shadow(0 0 12px rgb(184 255 66 / 28%));object-fit:contain;animation:spiral-loader-float 1.8s ease-in-out infinite}.spiral-app:not(.is-loading) .spiral-loader-logo{animation-play-state:paused}@keyframes spiral-loader-float{0%,to{opacity:.62;transform:translateY(2px) scale(.96)}50%{opacity:1;transform:translateY(-2px) scale(1)}}.spiral-fallback{position:absolute;z-index:3;inset:0;overflow:auto;padding:calc(80px + env(safe-area-inset-top)) calc(24px + env(safe-area-inset-right)) calc(42px + env(safe-area-inset-bottom)) calc(24px + env(safe-area-inset-left))}.spiral-fallback[hidden]{display:none}.spiral-fallback-note{margin:0;color:#f2f1ec94;font-size:11px;letter-spacing:.12em}.spiral-fallback-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 16px;margin-top:18px}.spiral-fallback-card{display:block;color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.spiral-fallback-card img,.spiral-fallback-card video{display:block;width:100%;aspect-ratio:4 / 3;background:#101110;object-fit:cover}.spiral-fallback-card figcaption{margin-top:9px;color:#f2f1ecb3;font-size:12px}.is-fallback .spiral-stage{display:none}.is-fallback .spiral-chrome{opacity:1}.spiral-work-overlay{position:absolute;z-index:30;inset:0;background:#f2f2ef}.spiral-work-overlay[hidden]{display:none}.spiral-work-overlay-frame{display:block;width:100%;height:100%;border:0;background:#fff}@media(max-width:700px){.spiral-app{background-size:24px 24px}.spiral-chrome{top:calc(14px + env(safe-area-inset-top));right:calc(14px + env(safe-area-inset-right));left:calc(14px + env(safe-area-inset-left))}.spiral-hover{bottom:calc(18px + env(safe-area-inset-bottom));left:calc(14px + env(safe-area-inset-left));max-width:calc(100vw - 28px)}.spiral-hover-title{font-size:clamp(26px,8.8vw,42px)}.spiral-fallback{padding:calc(70px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left))}.spiral-fallback-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 9px}}@media(prefers-reduced-motion:reduce){.spiral-loader-logo{animation:none}}
