.wip{--wip-log:52px;height:100svh;min-height:calc(620px + var(--wip-log));grid-template-rows:minmax(0,1fr) var(--wip-log);display:grid;position:relative;overflow:hidden}.wip-bar{z-index:6;font:500 14px/1.5 var(--font-body);color:#a6a6a6;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:28px max(3%,32px);display:grid;position:absolute;inset:0 0 auto}.wip-mark{color:#dedede;width:34px;display:block}.wip-mark svg{width:100%;height:auto;display:block}.wip-bar p{white-space:nowrap;align-items:center;gap:10px;display:flex}.wip-dot{background:#9bfcb7;border-radius:50%;width:8px;height:8px;animation:2.4s ease-in-out infinite wip-pulse}@keyframes wip-pulse{50%{opacity:.25}}.wip-bar nav{justify-content:flex-end;align-items:center;gap:24px;display:flex}.wip-bar a{color:#dedede;text-decoration:none;transition:color .3s}.wip-bar a:hover{color:#c2a8ff}.wip-bar a:focus-visible{outline-offset:6px;border-radius:9999px;outline:2px solid #c2a8ff}.wip-bar .wip-cta{color:#141414;background:#dedede;border-radius:9999px;padding:10px 20px;transition:background .3s}.wip-bar .wip-cta:hover{color:#141414;background:#c2a8ff}.wip .wip-pit{height:auto;min-height:0}.wip .wip-pit>h1{letter-spacing:-.05em;color:#dedede;font-size:clamp(48px,9.2vw,136px);font-weight:500;line-height:1;top:27%}.wip .wip-pit .m-particle-word{margin-left:0}.wip-sub{z-index:1;text-align:center;color:#a6a6a6;pointer-events:none;max-width:460px;margin:0 auto;font-size:18px;line-height:1.6;position:absolute;top:calc(27% + clamp(48px,9.2vw,136px) + 28px);left:20px;right:20px}.wip-log{min-width:0;font:500 13px/1 var(--font-body);color:#a6a6a6;z-index:6;background:#141414;border-top:1px solid #343434;align-items:center;gap:20px;padding-left:max(3%,32px);display:flex;position:relative}.wip-log h2{font:inherit;color:#dedede;flex:none}.wip-log-window{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 48px calc(100% - 48px),#0000);mask-image:linear-gradient(90deg,#0000,#000 48px calc(100% - 48px),#0000)}.wip-log-track{width:max-content;animation:90s linear infinite wip-scroll;display:flex}.wip-log-window:hover .wip-log-track,.wip-log-window:focus-within .wip-log-track{animation-play-state:paused}.wip-log ul{flex:none;margin:0;padding:0;list-style:none;display:flex}.wip-log li{white-space:nowrap;align-items:center;gap:10px;padding-right:44px;display:flex}.wip-log code{color:#aee0ff;font:500 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace}@keyframes wip-scroll{to{transform:translate(-50%)}}@media (min-width:769px) and (max-height:760px){.wip .wip-pit>h1{font-size:clamp(48px,7.4vw,104px);top:19%}.wip-sub{font-size:16px;top:calc(19% + clamp(48px,7.4vw,104px) + 20px)}}@media (max-width:768px){.wip{--wip-log:44px;min-height:calc(580px + var(--wip-log))}.wip-bar{grid-template-columns:auto 1fr;gap:12px 16px;padding:20px;font-size:12px}.wip-bar p{grid-area:2/1/auto/-1;justify-content:flex-start}.wip-bar nav{gap:16px}.wip-bar .wip-cta{padding:8px 16px}.wip-mark{width:30px}.wip .wip-pit>h1{font-size:15vw;top:25%}.wip-sub{max-width:300px;font-size:15px;top:calc(25% + 15vw + 18px)}.wip-log{gap:14px;padding-left:20px;font-size:12px}}@media (prefers-reduced-motion:reduce){.wip-dot,.wip-log-track{animation:none}.wip-log-window{overflow-x:auto;-webkit-mask-image:none;mask-image:none}.wip-log ul[aria-hidden]{display:none}}