/* A single photographic cube. Images, lights and edges belong to its six solid faces. */
#spacey-cube{--cube-size:clamp(285px,30vw,430px);--cube-aura:183 164 198;position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0;isolation:isolate}
#spacey-cube .cube-atmosphere{position:absolute;left:66%;top:50%;width:min(75vw,900px);height:min(85vh,800px);transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgb(var(--cube-aura) / .09),transparent 57%);pointer-events:none}
#spacey-cube .cube-perspective{position:absolute;left:66%;top:50%;width:var(--cube-size);height:var(--cube-size);transform:translate(-50%,-50%);perspective:1300px;perspective-origin:50% 46%;transform-style:preserve-3d}
#spacey-cube .cube-rig{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform;transform:rotateX(-12deg) rotateY(-22deg)}
#spacey-cube .cube-face{position:absolute;inset:0;background:#121218;backface-visibility:hidden;-webkit-backface-visibility:hidden;outline:1px solid #e2dcd677;outline-offset:-.5px;transform-style:preserve-3d}
#spacey-cube .cube-front{transform:translateZ(calc(var(--cube-size)/2))}
#spacey-cube .cube-right{transform:rotateY(90deg) translateZ(calc(var(--cube-size)/2))}
#spacey-cube .cube-back{transform:rotateY(180deg) translateZ(calc(var(--cube-size)/2))}
#spacey-cube .cube-left{transform:rotateY(270deg) translateZ(calc(var(--cube-size)/2))}
#spacey-cube .cube-top{transform:rotateX(90deg) translateZ(calc(var(--cube-size)/2))}
#spacey-cube .cube-bottom{transform:rotateX(-90deg) translateZ(calc(var(--cube-size)/2))}
#spacey-cube .cube-media{position:absolute;inset:0;overflow:hidden;background:#121218;transform:translateZ(.05px)}
#spacey-cube .cube-face img,#spacey-cube .cube-face video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;filter:saturate(.97) contrast(1.025);pointer-events:none;user-select:none;backface-visibility:hidden}
#spacey-cube .cube-poster{z-index:1}
#spacey-cube .cube-slide{z-index:2;opacity:0}
#spacey-cube .cube-video{z-index:3;opacity:0;transition:opacity .45s ease}
#spacey-cube[data-media-paused="true"] .cube-video{transition:none}
#spacey-cube .cube-front img,#spacey-cube .cube-front video{object-position:50% 36%}
#spacey-cube .cube-top img,#spacey-cube .cube-top video{object-position:50% 42%}
#spacey-cube .cube-face-light{position:absolute;inset:0;background:linear-gradient(135deg,#f4eed810,transparent 38%,#b8acd909),linear-gradient(rgb(0 0 0 / var(--face-shade,.06)),rgb(0 0 0 / var(--face-shade,.06)));box-shadow:inset 0 0 0 1px #eee8da45,inset 0 0 28px #05050a24;pointer-events:none;transform:translateZ(.2px)}
#spacey-cube .cube-face::after{content:"";position:absolute;inset:0;border:1px solid #e6e3d664;box-shadow:0 0 3px #e2dbd221;pointer-events:none;transform:translateZ(.35px)}
#spacey-cube .cube-ground{position:absolute;left:-15%;top:112%;width:130%;height:20%;border-radius:50%;background:radial-gradient(ellipse,rgb(var(--cube-aura) / .08),transparent 68%);filter:blur(10px);pointer-events:none}
#spacey-cube .cube-film-grain{position:absolute;inset:0;opacity:.018;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='white' filter='url(%23g)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
#spacey-cube .cube-noscript{position:absolute;left:66%;top:50%;width:var(--cube-size);height:var(--cube-size);object-fit:cover;transform:translate(-50%,-50%) perspective(1300px) rotateX(-12deg) rotateY(-22deg);border:1px solid #ddd6df77;box-shadow:25px -12px 0 -1px #17161e,25px -12px 0 0 #ded5ef44}
@media(max-width:720px){#spacey-cube{--cube-size:clamp(180px,25vh,235px)}#spacey-cube .cube-perspective{left:50%;top:63%;perspective:1100px;perspective-origin:50% 50%}#spacey-cube .cube-atmosphere{left:50%;top:63%;width:110vw;height:75vh}#spacey-cube .cube-ground{filter:none}#spacey-cube .cube-noscript{left:50%;top:63%}#spacey-cube .cube-film-grain{opacity:.012}}
@media(max-width:720px) and (max-height:720px){#spacey-cube .cube-perspective,#spacey-cube .cube-atmosphere,#spacey-cube .cube-noscript{top:68%}}
@media(prefers-reduced-motion:reduce){#spacey-cube *,#spacey-cube *::before,#spacey-cube *::after{animation:none!important;transition:none!important}}
/* Projection walls and a violet night sky recall the live installation. */
#spacey-cube .cube-stars{position:absolute;inset:-20px;pointer-events:none;will-change:transform}
#spacey-cube .cube-stars i{position:absolute;width:var(--star-size);height:var(--star-size);background:#d9c9ec;box-shadow:0 0 5px #b39ce84d}
#spacey-cube .cube-atmosphere{background:radial-gradient(ellipse,rgb(var(--cube-aura)/.15),#5b3b7c14 35%,transparent 65%)}
#spacey-cube .cube-face{background-color:#221b30;background-image:repeating-conic-gradient(from 90deg,#99d9d990 0% 25%,#42356c70 0% 50%);background-size:calc(var(--cube-size)/4) calc(var(--cube-size)/4);background-position:var(--projection-shift,0px) 0;outline:1px solid #d8c7edb3;outline-offset:0}
#spacey-cube .cube-media{inset:3px;background:#16111f;opacity:var(--media-reveal,1)}
#spacey-cube .cube-face-light{background:repeating-linear-gradient(0deg,transparent 0 3px,#b5a3dd07 3px 4px),linear-gradient(135deg,#b8dcf711,transparent 45%,#b99ade14),linear-gradient(rgb(0 0 0 / var(--face-shade,.06)),rgb(0 0 0 / var(--face-shade,.06)));box-shadow:inset 0 0 0 1px #f2e7ff70,inset 0 0 14px #a995d720}
#spacey-cube .cube-face::after{border-color:#efe8ffa8;box-shadow:0 0 3px #b7a0eb70,inset 0 0 0 2px #100d1e66}
#spacey-cube .cube-ground{width:145%;left:-22.5%;height:25%;background:radial-gradient(ellipse,#8a66c126,transparent 65%)}
@media(max-width:720px){#spacey-cube .cube-stars i:nth-child(2n){display:none}}