@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}}

#music-panel{position:fixed;z-index:7;right:24px;bottom:68px;width:310px;max-width:calc(100vw - 32px);background:#10110ff2;border:1px solid #ffffff1c;border-radius:10px;padding:12px;box-shadow:0 10px 40px #0006;backdrop-filter:blur(16px)}#music-panel[hidden],#music-tracks[hidden]{display:none}.music-mini-head{display:flex;align-items:center;gap:12px;margin-bottom:8px}#music-selected{font-size:10px;color:#a8ad9e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}#music-close{font-size:18px;color:#9ca58f;padding:2px 6px}#music-embed iframe{display:block;width:100%;border:0}#music-embed .bandcamp-player{height:42px}#music-embed .soundcloud-player{height:100px}.music-mini-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;color:#929b86}.music-mini-controls button,.music-mini-controls a{padding:6px 8px;font-size:16px;color:inherit;text-decoration:none}.music-mini-controls button:hover,.music-mini-controls a:hover{color:#c3ff64}#music-count{font:8px 'Space Mono',monospace;color:#969f89}#music-tracks{max-height:min(290px,calc(100svh - 280px));overflow:auto;padding:8px 0 0;margin:8px 0 0;list-style:none;border-top:1px solid #ffffff18}#music-tracks button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:9px 8px;border-radius:4px}#music-tracks button:hover{background:#ffffff08}#music-tracks button[aria-current=true]{background:#c3ff6410;color:#c3ff64}.track-number{font:9px 'Space Mono',monospace;color:#747b69}.track-indicator{margin-left:auto;color:#7e876d}#music-tracks strong{display:block;font-size:11px;font-weight:500}#music-tracks small{display:block;color:#8f9387;font-size:9px;margin-top:3px}#music-panel :focus-visible{outline-offset:1px}@media(max-width:650px){#music-panel{right:16px;bottom:62px}}

/* Floating entrance sign. */
#enter{border:0;background:transparent;box-shadow:none;padding:0 14px 3px;gap:18px}
#enter:hover{border-color:transparent;box-shadow:none}
#enter .sign{font-size:clamp(54px,6.4vw,82px);letter-spacing:-4px}
#enter .arrow{font-size:30px}
@media(max-width:650px){#enter .sign{font-size:62px}#enter{gap:14px;padding:0 12px 3px}}
@media(max-height:650px){#enter .sign{font-size:52px}}

/* Entrance proportions: smaller sign, larger sculpture. */
#enter{opacity:.5}
#enter .sign{font-size:clamp(43.2px,5.12vw,65.6px);letter-spacing:-3.2px}
#emblem-view canvas,#logo{transform:scale(1.25);transform-origin:center}
@media(max-width:650px){#enter .sign{font-size:49.6px}}
@media(max-height:650px){#enter .sign{font-size:41.6px}}

.inside-open{overflow-y:auto}.inside-open main{padding:110px 24px 100px}#inside{width:100%;max-width:1000px}.inside-tabs{display:flex;justify-content:center;margin:0 auto 40px;max-width:700px;border-bottom:1px solid #ffffff21}.inside-tabs>a,.inside-tabs>button{flex:1;min-width:0;text-decoration:none;color:#e8e8e3;padding:18px 12px;text-align:center;border-bottom:2px solid transparent;margin-bottom:-1px;font-size:14px}.inside-tabs small{display:block;font:8px 'Space Mono',monospace;letter-spacing:1.2px;margin-top:9px;color:#919687}.inside-tabs>button:disabled{color:#686d63;cursor:not-allowed}.inside-tabs>button:disabled small{color:#656b5e}.inside-tabs>a:hover,.inside-tabs>a[aria-current=page]{color:#c3ff64;border-bottom-color:#c3ff64}#other-side-home[hidden],#information-page[hidden]{display:none}#inside h1{font-size:clamp(64px,9vw,124px)}.about-placeholder{font-size:13px;color:#93998c;margin:20px 0 36px}.back-inside{display:inline-block;color:inherit;text-decoration:none}@media(max-width:650px){.inside-tabs{margin-bottom:28px}.inside-tabs>a,.inside-tabs>button{font-size:11px;padding:14px 5px}.inside-tabs small{font-size:7px;letter-spacing:.3px}.inside-open main{padding:90px 16px 95px}}

.instagram-link{display:inline-flex;align-items:center;gap:8px;color:#93998b;text-decoration:none;letter-spacing:.5px;padding:8px 0}.instagram-link:hover{color:#c3ff64}.instagram-link svg{flex-shrink:0}@media(max-width:650px){footer>span:first-child{max-width:95px;line-height:1.5}.instagram-link{gap:5px;font-size:8px;letter-spacing:0}.instagram-link svg{width:16px;height:16px}}
