.main-content,body{cursor:default}.watermark{position:fixed;top:32px;right:32px;font-family:Great Vibes,sans-serif;font-size:1rem;color:#ffffff;opacity:.4;z-index:9999;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:.06em}.header{position:fixed;top:0;left:0;right:0;height:80px;background-color:#1a1a1a;color:white;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,.2);padding:0 20px}.header,.header-content{display:flex;align-items:center}.header-content{width:100%;max-width:1200px;height:100%;margin:0 auto;position:relative}.menu-button{position:fixed;left:20px;top:20px;background:transparent;transition:left .3s ease-in-out}.menu-button.menu-open{left:270px}.display-container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:60px;background-color:#1a1a1a;padding:0 30px;display:flex;align-items:center;justify-content:center;margin:0}.menu-button{background:none;border:none;cursor:pointer;padding:10px;z-index:1001}.menu-icon{width:20px;height:10px;transition:.5s ease-in-out;cursor:pointer}.menu-icon,.menu-icon span{position:absolute;transform:rotate(0deg)}.menu-icon span{display:block;height:3px;width:100%;background:#ffffff;border-radius:3px;opacity:1;left:0;transition:.25s ease-in-out}.menu-icon span:first-child{top:0}.menu-icon span:nth-child(2),.menu-icon span:nth-child(3){top:10px}.menu-icon span:nth-child(4){top:20px}.menu-icon.open span:first-child{top:10px;width:0;left:75%}.menu-icon.open span:nth-child(2){transform:rotate(45deg)}.menu-icon.open span:nth-child(3){transform:rotate(-45deg)}.menu-icon.open span:nth-child(4){top:10px;width:0;left:50%}.sidebar{position:fixed;top:0;left:-300px;width:250px;height:100vh;background-color:#1a1a1a;transition:all .3s ease-in-out;z-index:1000;padding-top:80px;box-shadow:2px 0 10px rgba(0,0,0,.2);will-change:transform}.sidebar.open{left:0}.nav-menu{display:flex;flex-direction:column;padding:20px}.nav-menu a{color:#ffffff;text-decoration:none;padding:12px 15px;margin:5px 0;border-radius:4px;transition:all .3s ease;font-family:Share Tech Mono,monospace;letter-spacing:1px}.nav-menu a:hover{background-color:#333;color:#00ff9d}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:999;display:none}.overlay.open{display:block}.main-content{margin-top:80px;padding:20px;max-width:1200px;margin-left:auto;margin-right:auto}.section{min-height:auto;display:flex;align-items:center;justify-content:center;padding:250px 50px}.mute-button{background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;padding:0 10px}@media (max-width:768px){.header-content{padding:0 10px}.display-container{margin-left:0}.main-content{padding:10px}}*{margin:0;padding:0;box-sizing:border-box}.cube-page{min-height:100vh;display:flex;flex-direction:column;padding:20px;overflow:hidden}#cube-container-wrapper{width:100%;max-width:750px;margin:48px auto 40px;padding:32px 24px;background:#F2F0EF;border-radius:24px;display:flex;flex-direction:column;align-items:center;gap:32px;top:-25px}.cube-container{width:500%;flex:1 1;display:flex;align-items:center;justify-content:center;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .5s cubic-bezier(.4,0,.2,1);transform-origin:center center;margin:0;min-height:250px;transform:scale(.75)}.cube-container.zoomed{transform:scale(1);cursor:default}.cube-container.zoomed .box{cursor:default}.controls-container{width:500%;display:flex;justify-content:center;align-items:center;background:none;box-shadow:none;position:static;padding:0;margin-top:200px;margin-bottom:0}.controls{display:flex;gap:10px;flex-wrap:wrap;max-width:800px;margin:0 auto}.zoom-button{width:48px;height:48px;aspect-ratio:1/1;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fbeee0;color:#422800;border:2px solid #422800;box-shadow:4px 4px 0 0 #422800;font-size:22px;margin-left:18px;transition:all .2s;cursor:pointer;overflow:hidden;padding:0}.zoom-button:hover{background:#fff;transform:scale(1.1)}.zoom-button:active{box-shadow:2px 2px 0 0 #422800;transform:translate(2px,2px)}.button-74.selected{background-color:#ffe8b3;border-color:#a86c00;box-shadow:4px 4px 0 0 #a86c00}.cube-container.dragging,.cube-container:active{cursor:-webkit-grabbing;cursor:grabbing}.button-74{background-color:#fbeee0;border:2px solid #422800;border-radius:30px;box-shadow:4px 4px 0 0 #422800;color:#422800;cursor:pointer;display:inline-block;font-weight:600;font-size:18px;padding:0 18px;line-height:50px;text-align:center;text-decoration:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}.button-74:hover{background-color:#fff}.button-74:active{box-shadow:2px 2px 0 0 #422800;transform:translate(2px,2px)}@media (min-width:768px){.button-74{min-width:120px;padding:0 25px}}body{width:100%;min-height:100vh;background:#F2F0EF;overflow:hidden;cursor:move}.container{width:600px;height:600px;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;perspective:2000px}.box,.container{position:absolute}.box{width:350px;height:350px;transform-style:preserve-3d;transition:all 1s ease-out;transform:rotateX(-30deg) rotateY(-45deg)}.box div{background:#000000}.top{bottom:175px;transform:rotateX(90deg)}.box .bottom{background:#000000;transform:rotateX(-90deg) translateZ(175px);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-gap:2px;gap:2px;padding:2px;width:100%;height:100%;transform-style:preserve-3d;box-sizing:border-box}.box .back span,.box .bottom span,.box .left span{padding:0;margin:0;background:#000000;overflow:hidden;transition:all .3s ease;transform-origin:center;position:relative}.box .back img,.box .bottom img,.box .left img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.box .back span:hover,.box .bottom span:hover,.box .left span:hover{z-index:1000;transform:scale(2.25)}.box .back span:hover img,.box .bottom span:hover img,.box .left span:hover img{transform:scale(1.1);border-radius:0}.left{right:175px;transform:rotateY(-90deg);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-gap:2px;gap:2px;padding:2px;border:1px solid #333;background:#000000;box-sizing:border-box}.right{left:175px;transform:rotateY(90deg)}.front{transform:translateZ(175px)}.back{transform:translateZ(-175px);border:1px solid #333;background:#000000}.back,.box div{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-gap:2px;gap:2px;padding:2px;box-sizing:border-box}.box div{position:absolute;width:100%;height:100%;transform-style:preserve-3d}.box div span{height:calc(350px / 3 -6px);background:var(--clr);border-radius:10px;position:relative;z-index:-1;text-align:center;overflow:hidden;display:flex;justify-content:center;align-items:center;color:#fff;font-size:2rem;background-size:100%}.box div>span:after{content:"";position:absolute;width:350px;height:350px;top:0;left:0;background:transparent;z-index:-1;transform:rotate(-40deg)}.nameLetters{font-size:3.5rem!important;font-weight:700;z-index:10000!important;font-family:sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}