@font-face{font-family:Syncopate;src:url(../assets/fonts/syncopate-bold.woff2)format("woff2");font-weight:700;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#53e8be;background:#010807;font-family:Courier New,monospace}html{cursor:default;-webkit-user-select:none;user-select:none}*{cursor:inherit}a,a *{cursor:pointer}button{cursor:default!important}*{box-sizing:border-box}body{background:#010807;min-height:100svh;margin:0;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline-offset:8px;outline:2px solid #a6ffda}::selection{color:#00170e;background:#70dcae}#world,.data-wall,.optics{pointer-events:none;position:fixed;inset:0}#world{z-index:0;opacity:0;transition:opacity .65s}#world canvas{width:100%;height:100%;display:block}.data-wall{opacity:.9;background:linear-gradient(90deg,#00100b15,#00100855 52%,#00100b15),url(../assets/data-wall.svg) 50%/cover}.optics{z-index:3;background:radial-gradient(#0000 48%,#0008);box-shadow:inset 0 0 70px #0006}.optics:after{content:"";opacity:.25;background:repeating-linear-gradient(0deg,#0000 0 3px,#0001 3px 4px);position:absolute;inset:0}.directory{z-index:4;isolation:isolate;outline:none;grid-template-columns:1.6fr 1fr;align-items:center;gap:7vw;min-height:100svh;padding:7vh 5vw 7vh 2vw;transition:opacity .65s,transform .65s;display:grid;position:relative}.folder-column{flex-direction:column;gap:4vh;min-width:0;display:flex}.ghost-folder,.folder-column h1{text-align:right;letter-spacing:-.08em;text-shadow:0 0 5px #00d59580,0 0 18px #16b88840;font-family:Syncopate,Arial Black,sans-serif;font-weight:700;line-height:1.2}.ghost-folder{color:#238f75;font-size:clamp(15px,2.4vw,44px)}.ghost-folder:nth-child(2n){color:#32b58a}.ghost-folder span,.folder-column h1 span{letter-spacing:0;color:#4ccca3;margin-left:10px;font-family:Arial,sans-serif;display:inline-block}.folder-column h1{color:#6affc8;white-space:nowrap;text-shadow:0 0 5px #48ffcda0,0 0 25px #28d99a77;margin:0;padding:13px 0;font-size:clamp(26px,4.1vw,74px)}.folder-column h1 span{vertical-align:10%;color:#73ffd0;font-size:.65em}.project-column{flex-direction:column;gap:3.8vh;min-width:0;padding:20px 0;display:flex;position:relative}.project-column:before{content:"";background:#43d6a433;width:1px;position:absolute;top:-6vh;bottom:-6vh;left:-3.5vw;box-shadow:0 0 18px 4px #36d59f0c}.project-link{justify-content:space-between;align-items:center;gap:10px;min-height:56px;padding:13px 14px;transition:color .15s,background .15s;display:flex;position:relative}.file-name{text-transform:uppercase;letter-spacing:-.06em;text-shadow:0 0 5px #43e6ac90,0 0 22px #0faa7560;font-family:Syncopate,Arial Black,sans-serif;font-size:clamp(25px,4.5vw,76px);font-weight:700}.file-arrow{color:#40a789;opacity:.7;font-family:Arial,sans-serif;font-size:clamp(16px,2.7vw,44px)}.project-link:hover,.project-link:focus-visible{color:#baffdc;background:#53ffbc12}.project-link:hover:before,.project-link:focus-visible:before{content:"";border:1px solid #a76fe1;position:absolute;inset:3px -4px;box-shadow:0 0 9px #874cc944}.project-link:hover .file-arrow{color:#b88aff;opacity:1}body[data-state=loading] .directory,body[data-state=loading] .data-wall{visibility:hidden}body[data-renderer=webgl]{overflow:hidden}body[data-renderer=webgl] #world{opacity:1;transition:none}body[data-renderer=webgl] .data-wall{display:none}body[data-renderer=webgl] .directory{opacity:1;pointer-events:none;min-height:0;padding:0;transition:none;display:block;position:fixed;inset:0;transform:none}body[data-renderer=webgl] .folder-column{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}body[data-renderer=webgl] .project-column{padding:0;display:block;position:static}body[data-renderer=webgl] .project-column:before{display:none}body[data-renderer=webgl] .project-link{pointer-events:auto;outline:none;gap:0;min-height:0;padding:0;display:block;position:fixed;overflow:hidden;background:0 0!important}body[data-renderer=webgl] .project-link:before{display:none!important}body[data-renderer=webgl] .project-link>*{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}body[data-renderer=webgl][data-state=flying] .directory{visibility:hidden;pointer-events:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=700px){.directory{grid-template-columns:1fr;align-content:center;gap:28px;padding:13vh 9vw 9vh}.folder-column{gap:0}.ghost-folder{display:none}.folder-column h1{text-align:left;letter-spacing:-.08em;border-bottom:1px solid #48c09344;padding:0 0 26px;font-size:clamp(28px,8vw,52px)}.project-column{gap:22px;padding:0}.project-column:before{background:#32835e44;top:0;bottom:0;left:-18px}.project-link{min-height:62px;padding:14px 0}.file-name{font-size:clamp(29px,8vw,50px)}.file-arrow{font-size:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}body[data-renderer=webgl] .optics{display:none}#world{pointer-events:auto}.entry{z-index:5;pointer-events:none;position:fixed;inset:0}.entry-link{pointer-events:auto;border:0;padding:0;position:fixed;cursor:pointer!important;background:0 0!important;outline:none!important}.entry-link span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}body[data-state=preview] .directory,body[data-renderer=webgl][data-state=skipping] .directory{visibility:hidden;pointer-events:none}body[data-renderer=webgl]{background:#000}body[data-renderer=webgl] #world canvas{image-rendering:auto}.video-fallback{z-index:20;background:#000;border:0;width:100%;height:100%;position:fixed;inset:0}body[data-renderer=video]>:not(.video-fallback){visibility:hidden}
