:root{--fg:#fff;--dim:#ffffff6b;--line:#ffffff2e}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;color:var(--fg);-webkit-font-smoothing:antialiased;overscroll-behavior:none;background:#000;font-family:IBM Plex Mono,ui-monospace,monospace;font-weight:300;overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.view{transition:opacity .7s,transform .9s cubic-bezier(.2,.7,.2,1);position:fixed;inset:0}.view.hidden{opacity:0;pointer-events:none}#sphere.hidden{transform:scale(.6)}#sphere canvas{cursor:pointer;touch-action:none;width:100%;height:100%;display:block}.field{cursor:grab;touch-action:none}.field:active{cursor:grabbing}.field.hidden{transform:scale(1.08)}.fieldBack,.fieldFront{width:100%;height:100%;position:absolute;inset:0}.fieldFront{pointer-events:none}.pins{pointer-events:none;position:absolute;inset:0;overflow:hidden}.pin{pointer-events:auto;cursor:pointer;will-change:transform,opacity;transition:opacity .45s;position:absolute;top:0;left:0}.pin .frame{width:var(--s);height:var(--s);background:#000;border:1px solid #fff;transition:transform .2s;position:relative;overflow:hidden;transform:translate(-50%,-50%)}.pin:hover .frame{transform:translate(-50%,-50%)scale(1.08)}.pin img{object-fit:cover;width:100%;height:100%;display:block}.pin .n{left:50%;top:calc(var(--s) / 2 + 4px);letter-spacing:.08em;color:var(--fg);white-space:nowrap;text-shadow:0 0 4px #000;font-size:10px;position:absolute;transform:translate(-50%)}.hint{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);pointer-events:none;text-align:center;font-size:10px;position:fixed;bottom:58px;left:50%;transform:translate(-50%)}#enterHint{transition:opacity 1.2s}#backHint{opacity:0;transition:opacity .3s}#backHint.on{opacity:1}#backHint .bar{background:var(--line);width:120px;height:1px;margin:8px auto 0}#backHint .bar i{background:#fff;width:0;height:1px;display:block}footer{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);z-index:20;pointer-events:none;justify-content:space-between;align-items:center;padding:14px 20px;font-size:10px;display:flex;position:fixed;bottom:0;left:0;right:0}footer>*{pointer-events:auto}footer nav,#footerLinks{gap:18px;display:flex}footer a,footer button{text-transform:uppercase;letter-spacing:.1em;color:var(--dim);font-size:10px;transition:color .2s}footer a:hover,footer button:hover{color:#fff}.overlay{z-index:40;opacity:0;pointer-events:none;background:#000;justify-content:center;align-items:center;transition:opacity .35s;display:flex;position:fixed;inset:0}.overlay.open{opacity:1;pointer-events:auto}.close{color:var(--dim);z-index:2;font-size:22px;font-weight:300;position:absolute;top:14px;right:18px}.close:hover{color:#fff}#about .col{max-width:440px;padding:0 28px;font-size:13px;line-height:1.75}#about h2{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:22px;font-size:10px;font-weight:400}#about p{margin-bottom:16px}#about .links{letter-spacing:.06em;flex-direction:column;gap:8px;margin-top:28px;font-size:11px;display:flex}#about .links a{border-bottom:1px solid var(--line);justify-content:space-between;padding-bottom:6px;display:flex}#about .links a:hover{border-color:#fff}#about .credit{color:var(--dim);margin-top:26px;font-size:10px}#about .credit a:hover{color:#fff}#gallery .stage{touch-action:pan-y;position:absolute;inset:48px 0 96px;overflow:hidden}#gallery .slide{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#gallery .slide img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background:var(--ph,#111);max-width:calc(100% - 96px);max-height:100%;display:block}#gallery .cap{text-align:center;letter-spacing:.06em;padding:0 20px;font-size:11px;position:absolute;bottom:28px;left:0;right:0}#gallery .cap .place{color:var(--dim);letter-spacing:.1em;text-transform:uppercase;margin-top:4px;font-size:10px}#gallery .cap .src{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);opacity:.7;margin-top:6px;font-size:9px;display:inline-block}#gallery .cap .src:hover{color:#fff;opacity:1}#gallery .count{letter-spacing:.12em;color:var(--dim);font-size:10px;position:absolute;top:18px;left:20px}#gallery .nav{z-index:1;width:30%;color:var(--dim);align-items:center;padding:0 20px;font-size:18px;display:flex;position:absolute;top:48px;bottom:96px}#gallery .nav:hover{color:#fff}#gallery .prev{justify-content:flex-start;left:0}#gallery .next{justify-content:flex-end;right:0}#gallery .nav[disabled]{visibility:hidden}.empty{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);justify-content:center;align-items:center;font-size:11px;display:flex;position:fixed;inset:0}@media (max-width:600px){footer{padding:12px 14px}footer nav,#footerLinks{gap:12px}#gallery .slide img{max-width:100%}}#series{justify-content:center;align-items:center;display:flex}#series.hidden{transform:translateY(-3%)}.seriesBg{opacity:0;pointer-events:none;width:min(70vw,900px);height:62vh;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.seriesBg.on{opacity:1}.seriesBg img{object-fit:cover;width:100%;height:100%;display:block}.seriesList{text-align:center;list-style:none;position:relative}.seriesList button{letter-spacing:-.01em;color:#fff;text-shadow:0 0 24px #0000008c,0 0 2px #0009;align-items:baseline;gap:14px;padding:6px 10px;font-size:clamp(26px,5vw,58px);font-weight:300;transition:opacity .25s;display:inline-flex}.seriesList .c{letter-spacing:.12em;opacity:.6;font-size:11px}#series.playing .seriesList button:not(:hover){opacity:0}.seriesEmpty{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-size:11px}.corner{z-index:30;width:clamp(200px,24vw,360px);height:clamp(170px,28vh,280px);display:none;position:fixed;top:0}body.at-esfera .corner{display:block}.corner.tl{left:0}.corner.tr{right:0}.corner i{background:#fff;transition:width .45s cubic-bezier(.2,.7,.2,1),height .45s cubic-bezier(.2,.7,.2,1) .1s;position:absolute;top:18px}.corner .h{width:0;height:1px}.corner .v{width:1px;height:0}.corner.tl i{left:18px}.corner.tr i{right:18px}.corner span{letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;color:#fff;font-size:10px;position:absolute;top:30px}.corner.tl span{left:30px}.corner.tr span{right:30px}.corner:hover .h,.corner.revealed .h{width:72px}.corner:hover .v,.corner.revealed .v{height:72px}.bowl{clip-path:ellipse(50% 100% at 50% 0);z-index:30;width:min(64vw,900px);height:30vh;display:none;position:fixed;top:0;left:50%;transform:translate(-50%)}body.at-series .bowl{display:block}.bowl img{object-fit:cover;opacity:0;border:1px solid #fff;width:64px;height:64px;transition:opacity .3s;position:absolute;top:22%;left:50%;transform:translate(-50%)}.bowl:hover img,.bowl.revealed img{opacity:1}.bowl span{letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;font-size:10px;position:absolute;top:calc(22% + 76px);left:50%;transform:translate(-50%)}