*{margin:0;padding:0;box-sizing:border-box}input,button,textarea,select{margin:0;font:inherit}body{font-family:DGMTypesetSans,sans-serif;font-weight:200400;font-style:normal;background-color:#000;color:#fff}@font-face{font-family:DGMTypesetSans;src:url(/fonts/DGMTypesetSans-Regular.woff2) format("woff2"),url(/fonts/DGMTypesetSans-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DGMTypesetSans;src:url(/fonts/DGMTypesetSans-Medium.woff2) format("woff2"),url(/fonts/DGMTypesetSans-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:DGMTypesetSans;src:url(/fonts/DGMTypesetSans-Bold.woff2) format("woff2"),url(/fonts/DGMTypesetSans-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.background-grid{position:fixed;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,1fr);pointer-events:none;z-index:0;opacity:.25}.grid-item{font-size:11px;letter-spacing:-.02em;padding:10px;color:#7d7d7d;font-family:Inter,monospace;overflow:hidden;transition:opacity .2s}.riddleHint{color:#528ecc}.enigma-code{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-size:10px;color:#525252;letter-spacing:3px;text-align:center;z-index:10}.page-container{display:flex;width:100%;justify-content:center;align-items:center;padding:0 20px;position:relative;z-index:1;margin:0 auto;height:100%}#animationPath{fill:transparent}.background-stack{--translate: 0, -50%;--animation-timing-function: cubic-bezier(.65, 0, .35, 1);--animation-duration: 3s;--rotate-angle: 45deg;position:absolute;top:50%;left:50%;height:180px;width:270px;transform:translate(var(--translate)) rotate(45deg);transform-origin:0 50%}.background-stack--animation_active{animation:var(--animation-duration) var(--animation-timing-function) 0s 1 rotateDeform1,var(--animation-duration) var(--animation-timing-function) calc(var(--animation-duration)) 1 rotateDeform2,var(--animation-duration) var(--animation-timing-function) calc(var(--animation-duration) * 2) 1 rotateDeform3,var(--animation-duration) var(--animation-timing-function) calc(var(--animation-duration) * 3) 1 rotateDeform4}.background-stack--animation_active .bg-card{animation:move var(--animation-duration) var(--animation-timing-function) 4 forwards,rotatePhoto calc(var(--animation-duration) * 4) ease-in-out 4 forwards}.bg-card{--offset: calc(var(--item-index) * 100% / var(--items-count));--step-deg: 45deg;--scale-step: 1.15;--init-scale: .8;--scale: calc(var(--init-scale) * var(--item-scale-multiplier));position:absolute;top:0;left:0;width:75px;height:100px;offset-path:url(#animationPath);offset-anchor:auto;offset-distance:var(--offset);transform:scale(var(--scale)) rotate(var(--photo-rotate-angle))}.bg-card img{width:100%;height:100%;object-fit:cover;animation:fadeInScale .5s ease-out forwards;animation-delay:calc(var(--item-index) * .1s);opacity:0;transition:transform .3s ease-out}.bg-card:hover img{transform:scale(1.05)}@keyframes rotatePhoto{0%{transform:scale(var(--scale)) rotate(var(--photo-rotate-angle))}25%{transform:scale(var(--scale)) rotate(calc(var(--photo-rotate-angle) + 90deg))}50%{transform:scale(var(--scale)) rotate(calc(var(--photo-rotate-angle) + 90deg * 2))}75%{transform:scale(var(--scale)) rotate(calc(var(--photo-rotate-angle) + 90deg * 3))}to{transform:scale(var(--scale)) rotate(calc(var(--photo-rotate-angle) + 90deg * 4))}}@keyframes move{0%{offset-distance:var(--offset)}to{offset-distance:calc(var(--offset) + 100%)}}@keyframes rotateDeform1{0%{transform:translate(var(--translate)) rotate(45deg)}to{transform:translate(var(--translate)) rotate(calc(var(--rotate-angle) - 90deg))}}@keyframes rotateDeform2{0%{transform:translate(var(--translate)) rotate(calc(var(--rotate-angle) - 90deg))}to{transform:translate(var(--translate)) rotate(calc(var(--rotate-angle) - 90deg * 2))}}@keyframes rotateDeform3{0%{transform:translate(var(--translate)) rotate(calc(var(--rotate-angle) - 90deg * 2))}to{transform:translate(var(--translate)) rotate(calc(var(--rotate-angle) - 90deg * 3))}}@keyframes rotateDeform4{0%{transform:translate(var(--translate)) rotate(calc(var(--rotate-angle) - 90deg * 3))}to{transform:translate(var(--translate)) rotate(calc(var(--rotate-angle) - 90deg * 4))}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}