*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}html,body{background:#000;overflow:hidden}body{display:grid;place-items:center}html.scrolling,html.scrolling body{height:auto;min-height:100%;overflow:visible}html.scrolling body{display:block;background:transparent;overflow-x:hidden}html.scrolling #root{height:auto;min-height:100vh}.stage{height:100%;display:grid;justify-items:center;align-items:start;padding-top:12vh}.grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-color:#000;background-image:url(/grid-land.webp);background-size:auto min(100vh,90vw);background-position:left bottom;background-repeat:no-repeat;filter:contrast(1.04) saturate(1.05)}.shade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(closest-side at 50% 50%,rgba(0,0,0,var(--shade, .45)),#0000001f 42%,#0000 66%),radial-gradient(140% 120% at 50% 50%,#0000 60%,#0000008c)}.brand{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:clamp(36px,8vmin,96px)}.mark-link{display:inline-flex;line-height:0;cursor:pointer;transition:filter .18s ease}.mark-link:hover,.mark-link:focus-visible{filter:drop-shadow(0 0 calc(var(--logo) * .04) rgba(255,255,255,.45));outline:none}.mark{width:var(--logo, 56vmin);height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;filter:var(--glow, none);transform-origin:center}.links{--btn: clamp(68px, 20vw, 220px);--b1: .7225;--b2: .7586;--b3: .6864;--b4: 1.2075;--btn-scale: 1;--links-shift: 4.5vw;display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:clamp(12px,3.5vmin,34px);transform:translate(var(--links-shift, 0))}.link{display:inline-flex;align-items:center;opacity:.92;transition:filter .18s ease,opacity .18s ease}.link:hover,.link:focus-visible{opacity:1;filter:drop-shadow(0 0 calc(var(--logo) * .04) rgba(255,255,255,.55));outline:none}.link img{width:var(--btn);height:auto;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.link:nth-child(1) img{width:calc(var(--btn) * var(--b1) * var(--btn-scale))}.link:nth-child(2) img{width:calc(var(--btn) * var(--b2) * var(--btn-scale))}.link:nth-child(3) img{width:calc(var(--btn) * var(--b3) * var(--btn-scale))}.link:nth-child(4) img{width:calc(var(--btn) * var(--b4) * var(--btn-scale))}@media (max-width: 600px){html,body{height:auto;overflow-x:hidden;overflow-y:auto}body{display:block}#root{height:auto;min-height:100vh}.stage{height:auto;min-height:100vh;padding-bottom:12vh}.brand{gap:clamp(56px,11vh,120px)}.stage{--m-scale: 1.3}.mark{width:calc(var(--logo) * var(--m-scale))}.links{flex-direction:column;gap:clamp(14px,4vmin,28px);--links-shift: 0px;--btn-scale: calc(2.25 * var(--m-scale))}.link:nth-child(4){transform:translate(9vw)}}.breathe{animation:breathe 7s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}.intro-page{min-height:100vh}.cosmos{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1}.intro-page.surge:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(90% 70% at 50% 75%,#233cdc42,#0000 70%);animation:surgein 3s ease forwards}@keyframes surgein{0%{opacity:0}to{opacity:1}}.intro{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(110px,24vh,300px);padding:clamp(20px,4vh,56px) 16px clamp(80px,16vh,200px);width:100%}.plaque{width:auto;height:auto;max-width:min(70vw,470px);mix-blend-mode:screen;margin:-2vh 0 -8vh;animation:drift 16s ease-in-out infinite;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@keyframes drift{50%{transform:translateY(16px)}}.panel{position:relative;left:var(--sx, 0px)}.panel:nth-of-type(3n){margin-top:-7vh}.panel:nth-of-type(4n+1){margin-top:5vh}.panel img{width:auto;height:auto;display:block;max-width:min(86vw,var(--w, 720px));mix-blend-mode:screen;opacity:0;transform:translate(var(--fx, 0px),54px) rotate(calc(var(--rot, 0deg) * 4)) scale(.97);filter:blur(10px);transition:opacity 1.2s ease,transform 1.2s cubic-bezier(.2,.7,.2,1),filter 1.2s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.panel.in img{opacity:1;transform:rotate(var(--rot, 0deg));filter:blur(0px)}.panel.hero{margin-top:2vh}.panel.soft.in img{filter:blur(0px) drop-shadow(0 0 18px rgba(255,255,255,.25))}.panel.flicker.in img{animation:exist 7s linear 1.5s infinite}@keyframes exist{0%,44%,49%,53%,76%,80%,to{opacity:1}46%{opacity:.12}51%{opacity:.35}78%{opacity:.3}}.video-panel .intro-video{opacity:0;transform:translateY(40px);transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}.video-panel.in .intro-video{opacity:1;transform:none}.fin{display:inline-flex;line-height:0;opacity:.5;transition:opacity .3s ease,filter .3s ease}.fin:hover,.fin:focus-visible{opacity:1;filter:drop-shadow(0 0 14px rgba(255,255,255,.4));outline:none}.fin img{width:clamp(72px,10vmin,110px);height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.scroll-hint{position:fixed;left:50%;bottom:26px;z-index:2;translate:-50%;opacity:.8;pointer-events:none;transition:opacity .6s ease;animation:bob 2.4s ease-in-out infinite}html.scrolled .scroll-hint{opacity:0}.scroll-hint svg{width:34px;height:auto;display:block}.scroll-hint path{fill:none;stroke:#ffffffd9;stroke-width:3;stroke-linecap:round}@keyframes bob{50%{transform:translateY(8px)}}@media (max-width: 600px){.intro{gap:clamp(160px,30vh,340px)}.panel:nth-of-type(3n){margin-top:-3vh}}@media (prefers-reduced-motion: reduce){.panel img,.video-panel .intro-video{transition:opacity .8s ease;transform:none;filter:none}.panel.in img{transform:none;filter:none}.plaque,.scroll-hint,.panel.flicker.in img{animation:none}}.intro-logo{display:inline-flex;line-height:0;cursor:pointer;transition:filter .18s ease}.intro-logo:hover,.intro-logo:focus-visible{filter:drop-shadow(0 0 6vmin rgba(255,255,255,.4));outline:none}.intro-logo img{width:clamp(108px,16vmin,190px);height:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.intro-video{width:min(90vw,760px);aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;background:#000;box-shadow:0 24px 70px #0000008c,0 0 0 1px #ffffff0f}.intro-video iframe{width:100%;height:100%;border:0;display:block}
