@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono&display=swap');
:root{color-scheme:dark;font-family:'Space Grotesk',Arial,sans-serif;color:#e8e8e3;background:#050505}*{box-sizing:border-box}body{margin:0;overflow:hidden;min-height:100svh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #c3ff64;outline-offset:8px}button{background:none;border:0}header,footer{position:fixed;z-index:5;left:42px;right:42px;display:flex;align-items:center;justify-content:space-between}header{top:33px}footer{bottom:29px;font:10px 'Space Mono',monospace;letter-spacing:1.2px;color:#8a8a88}.wordmark{font-size:26px;font-weight:700;letter-spacing:-1.8px;text-decoration:none;color:inherit}.wordmark span{font-size:10px;vertical-align:top;letter-spacing:0;margin-left:3px}.edition,.control,.eyebrow,.hint,.explore{font:10px 'Space Mono',monospace;letter-spacing:1.7px}.edition{color:#767674}.control{padding:10px 0}.control span{margin-left:8px}.dot,footer i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#c8ff7c;box-shadow:0 0 8px #c8ff7c}.dot{margin-bottom:1px}footer i{margin-right:8px}#portal,.grain{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.grain{z-index:6;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.65' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}main{min-height:100svh;display:grid;place-items:center;position:relative;z-index:2}#entrance{width:100%;text-align:center;transition:opacity .7s,transform 1.5s cubic-bezier(.7,0,.3,1)}.eyebrow{color:#858580;margin:0}.logo-wrap{position:relative;margin:-8px auto -42px;width:min(52vh,460px);height:min(52vh,460px)}video{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;position:relative}.halo{position:absolute;inset:20%;border-radius:50%;background:radial-gradient(ellipse,#abb6a00a,transparent 65%)}.entry{position:relative}.invitation{font-size:13px;color:#979791;letter-spacing:.15px;margin:0 0 22px}#enter{position:relative;padding:0 25px 3px;display:inline-flex;align-items:center;gap:23px;border:1px solid #ffffff25;border-radius:3px;background:linear-gradient(130deg,#ffffff0c,#ffffff02);box-shadow:inset 0 1px #ffffff18,0 0 50px #b3ff6800;transition:box-shadow .4s,border .4s,transform .4s;perspective:700px}.sign{font-size:clamp(66px,8vw,104px);font-weight:700;letter-spacing:-6px;line-height:1.15;background:linear-gradient(180deg,#fff 0%,#b7b7b7 30%,#555 44%,#f9f9ef 49%,#dadbd2 60%,#62655e 80%,#c8c9c1 100%);color:transparent;background-clip:text;filter:drop-shadow(0 2px 0 #242723);animation:breathe 5s ease-in-out infinite}.arrow{font-size:38px;color:#c5fd80;transition:transform .4s;text-shadow:0 0 24px #b5ff5d50}#enter:hover{border-color:#c7ff7977;box-shadow:0 0 65px #c2ff7618,inset 0 0 30px #c2ff760b;transform:translateY(-3px)}#enter:hover .arrow{transform:translate(4px,-4px)}#enter:hover .sign{filter:drop-shadow(2px 0 #d5fbaa66) drop-shadow(-2px 0 #bcb0ff66)}.hint{color:#666760;margin-top:20px;font-size:9px}.hint span{border:1px solid #35362f;border-radius:3px;padding:0 4px;margin-left:8px}.crossing #entrance{opacity:0;transform:scale(2.6);pointer-events:none}#inside{text-align:center;animation:arrive 1.5s both}#inside[hidden]{display:none}h1{font-size:clamp(70px,12vw,168px);line-height:.85;letter-spacing:-.075em;font-weight:600;margin:30px 0;color:#f3f1e9;text-shadow:0 3px 50px #0009}h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.08em}.inside-copy{font-size:14px;color:#c6c4c9}.inside-actions{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:32px}.pill{border:1px solid #ddd8;border-radius:30px;padding:15px 24px;font:10px 'Space Mono',monospace;letter-spacing:1px;background:#05050544}.pill span{margin-left:16px}.pill:hover{background:#e5edcc;color:#111}.explore{margin-top:52px;color:#aaa;font-size:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.calm .sign{animation:none}.calm *{transition-duration:.01s!important}.calm #inside{animation:none}@keyframes breathe{50%{filter:drop-shadow(0 0 13px #ebffce25)}}@keyframes arrive{from{opacity:0;transform:translateY(25px);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}@media(max-width:650px){header,footer{left:22px;right:22px}header{top:22px}.edition,#coordinates{display:none}footer{bottom:21px;font-size:8px;letter-spacing:.6px}.wordmark{font-size:23px}.logo-wrap{width:min(95vw,420px);height:min(95vw,420px);margin:-5px auto -35px}.eyebrow{font-size:8px}.sign{font-size:78px}#enter{gap:18px;padding:0 21px 4px}.inside-actions{gap:20px;flex-direction:column}.explore{max-width:230px;line-height:1.8;margin:28px auto 0}.control{font-size:9px}.invitation{font-size:12px}}@media(max-height:650px){.logo-wrap{width:230px;height:230px;margin:-15px auto -30px}.sign{font-size:65px}.eyebrow{font-size:8px}.invitation{margin-bottom:12px}.hint{margin-top:12px}}
video{mask-image:radial-gradient(ellipse,black 34%,transparent 70%)}
.logo-wrap{isolation:isolate}.has-3d #logo{visibility:hidden}#emblem-view{position:absolute;inset:0;z-index:2;touch-action:none;cursor:grab;outline-offset:-35px}#emblem-view.dragging{cursor:grabbing}#emblem-view canvas{display:block;width:100%;height:100%}#emblem-view:focus-visible{outline:1px dashed #c3ff6466;border-radius:50%}#emblem-hint{position:absolute;bottom:39px;left:0;right:0;margin:0;font:8px 'Space Mono',monospace;letter-spacing:1.1px;color:#858780;pointer-events:none;z-index:3}#emblem-tools{position:absolute;right:18px;top:50%;z-index:4;display:flex;flex-direction:column;gap:12px}#emblem-tools[hidden]{display:none}#emblem-tools a,#emblem-tools button{color:#999c91;text-decoration:none;font:9px 'Space Mono',monospace;padding:9px;border:1px solid #ffffff18;border-radius:50%;min-width:38px;min-height:38px;background:#05050555}#emblem-tools button{font-size:18px}#emblem-tools a{border-radius:20px;padding-top:12px}#emblem-tools a:hover,#emblem-tools button:hover{border-color:#c3ff6477;color:#c3ff64}@media(max-height:650px){#emblem-hint{bottom:12px;font-size:7px}#emblem-tools{right:-24px}}
#emblem-hint{bottom:62px}@media(max-height:650px){#emblem-hint{bottom:34px}}