.portfolio-cube-stage{--cube-size:clamp(360px, 40vw, 520px);--cube-depth:calc(var(--cube-size) / 2);perspective:1700px;perspective-origin:50% 45%;z-index:10;justify-content:center;align-items:center;min-height:64vh;display:flex;position:relative}.portfolio-cube{height:var(--cube-size);transform-style:preserve-3d;width:var(--cube-size);will-change:transform;position:relative}.portfolio-cube--paused{animation-play-state:paused}@keyframes portfolioCubeRotate{0%{transform:rotateX(-25deg)rotateY(35deg)rotate(-2deg)}25%{transform:rotateX(-20deg)rotateY(125deg)rotate(1deg)}50%{transform:rotateX(-28deg)rotateY(215deg)rotate(-3deg)}75%{transform:rotateX(-20deg)rotateY(305deg)rotate(1deg)}to{transform:rotateX(-25deg)rotateY(395deg)rotate(-2deg)}}.portfolio-cube-face{transform-style:preserve-3d;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.5vw,22px);padding:clamp(12px,1.5vw,22px);display:grid;position:absolute;inset:0}.portfolio-cube-face--front{transform:rotateY(0deg) translateZ(var(--cube-depth))}.portfolio-cube-face--back{filter:brightness(.78);transform:rotateY(180deg) translateZ(var(--cube-depth))}.portfolio-cube-face--left{filter:brightness(.88);transform:rotateY(-90deg) translateZ(var(--cube-depth))}.portfolio-cube-face--right{filter:brightness(.88);transform:rotateY(90deg) translateZ(var(--cube-depth))}.portfolio-cube-face--top{transform:rotateX(90deg) translateZ(var(--cube-depth))}.portfolio-cube-face--bottom{filter:brightness(.78);transform:rotateX(-90deg) translateZ(var(--cube-depth))}.portfolio-cube-cell{background:var(--bg);transition:opacity .35s cubic-bezier(.23,1,.32,1),filter .35s cubic-bezier(.23,1,.32,1);display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.portfolio-cube-cell:after{content:"";pointer-events:none;opacity:.65;mix-blend-mode:overlay;background:linear-gradient(#ffffff0f 0%,#fff0 50%,#0000002e 100%);position:absolute;inset:0}.portfolio-cube-cell[data-active=false] .portfolio-cube-img{filter:grayscale()brightness(.45)contrast(.9);opacity:.55}.portfolio-cube-cell[data-focused=true]{z-index:2;box-shadow:inset 0 0 0 1.5px #e8b286f2,0 0 22px #e8b28659}.portfolio-cube-cell[data-focused=true] .portfolio-cube-img{filter:brightness(1.12)saturate(1.18)contrast(1.02);transform:scale(1.04)}.portfolio-cube-cell:hover .portfolio-cube-img{filter:brightness(1.15)saturate(1.1);transform:scale(1.03)}.portfolio-cube-img{object-fit:cover;object-position:top;filter:contrast(.92)saturate(1.05);width:100%;height:100%;transition:transform .35s cubic-bezier(.23,1,.32,1),filter .35s cubic-bezier(.23,1,.32,1);display:block}.portfolio-marquee{will-change:transform;animation:48s linear infinite portfolioMarquee}.portfolio-marquee--paused{animation-play-state:paused}@keyframes portfolioMarquee{0%{transform:translateY(0)}to{transform:translateY(-75%)}}@media (max-width:767px){.portfolio-cube-stage{--cube-size:clamp(220px, 60vw, 300px);min-height:380px}}@media (prefers-reduced-motion:reduce){.portfolio-cube,.portfolio-marquee{animation:none}.portfolio-cube{transform:rotateX(-25deg)rotateY(35deg)rotate(-2deg)}}