.magic-cube-container[data-v-c4664224]{align-items:center;display:flex;flex-direction:column;gap:2rem;padding:2rem}.cube-controls[data-v-c4664224]{align-items:center;display:flex;gap:1rem;justify-content:center}.toggle-button[data-v-c4664224]{cursor:pointer;white-space:nowrap}.cube-wrapper[data-v-c4664224]{align-items:center;display:flex;height:400px;justify-content:center;perspective:1200px;perspective-origin:50%;transform-style:preserve-3d;width:400px}.cube[data-v-c4664224]{position:relative;transform-style:preserve-3d;transition:transform .1s ease-out;will-change:transform}.cube[data-v-c4664224],.cube-face[data-v-c4664224]{height:300px;width:300px}.cube-face[data-v-c4664224]{align-items:center;border:2px solid #333;color:#fff;display:flex;font-size:1.1rem;font-weight:600;justify-content:center;position:absolute}.face-grid[data-v-c4664224]{box-sizing:border-box;display:grid;gap:.25rem;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:100%;padding:.5rem;width:100%}.keyword[data-v-c4664224]{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid hsla(0,0%,100%,.3);border-radius:4px;display:flex;font-size:.7rem;font-weight:500;justify-content:center;line-height:1.2;padding:.2rem .3rem;text-align:center;transform:translateZ(0);transition:all .2s ease-out;word-break:break-all}.keyword[data-v-c4664224]:hover{background:#ffffff4d;transform:translateZ(5px) scale(1.05)}.cube-face.front[data-v-c4664224]{background:linear-gradient(135deg,#73e600,#00e600);transform:rotateY(0) translateZ(150px)}.cube-face.back[data-v-c4664224]{background:linear-gradient(135deg,#00e600,#00e673);transform:rotateY(180deg) translateZ(150px)}.cube-face.right[data-v-c4664224]{background:linear-gradient(135deg,#00e673,#00e6e6);transform:rotateY(90deg) translateZ(150px)}.cube-face.left[data-v-c4664224]{background:linear-gradient(135deg,#00e6e6,#0080ff);transform:rotateY(-90deg) translateZ(150px)}.cube-face.top[data-v-c4664224]{background:linear-gradient(135deg,#8000ff,#f0f);transform:rotateX(90deg) translateZ(150px)}.cube-face.bottom[data-v-c4664224]{background:linear-gradient(135deg,#00f,#8000ff);transform:rotateX(-90deg) translateZ(150px)}@media (max-width:768px){.cube-wrapper[data-v-c4664224]{height:300px;width:300px}.cube[data-v-c4664224],.cube-face[data-v-c4664224]{height:200px;width:200px}.cube-face[data-v-c4664224]{font-size:.9rem}.keyword[data-v-c4664224]{font-size:.7rem;padding:.2rem .3rem}.cube-face.front[data-v-c4664224]{transform:rotateY(0) translateZ(100px)}.cube-face.back[data-v-c4664224]{transform:rotateY(180deg) translateZ(100px)}.cube-face.right[data-v-c4664224]{transform:rotateY(90deg) translateZ(100px)}.cube-face.left[data-v-c4664224]{transform:rotateY(-90deg) translateZ(100px)}.cube-face.top[data-v-c4664224]{transform:rotateX(90deg) translateZ(100px)}.cube-face.bottom[data-v-c4664224]{transform:rotateX(-90deg) translateZ(100px)}.cube-controls[data-v-c4664224]{gap:.75rem}.toggle-button[data-v-c4664224]{font-size:.8rem;padding:.5rem 1rem}}.first-screen[data-v-deec7987]{background:url(../images/portfolio/circular-background.svg) 50%/cover no-repeat;background-color:#000;position:relative}.first-screen[data-v-deec7987]:before{background:#000000b3;content:"";inset:0;position:absolute;z-index:1}.first-screen[data-v-deec7987]>*{position:relative;z-index:2}.portfolio-item[data-v-f961b419]{background-color:#f5f5f7;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .3s ease}.portfolio-item[data-v-f961b419]:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-5px)}.portfolio-image[data-v-f961b419]{align-items:center;background-color:#e8e8ed;display:flex;height:200px;justify-content:center}.placeholder-image[data-v-f961b419]{color:#6e6e73;font-size:1rem;font-weight:500}.portfolio-info[data-v-f961b419]{padding:1.5rem}.portfolio-info h3[data-v-f961b419]{color:#1d1d1f;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.portfolio-info p[data-v-f961b419]{color:#6e6e73;font-size:.875rem;line-height:1.5;margin-bottom:1rem}.portfolio-tags[data-v-f961b419]{display:flex;flex-wrap:wrap;gap:.5rem}.tag[data-v-f961b419]{background-color:#e8e8ed;border-radius:12px;color:#1d1d1f;font-size:.75rem;font-weight:500;padding:.25rem .75rem}