/* Homepage project images are floating holograms, not browser-window mockups. */
.project-grid{perspective:1400px;gap:42px 34px}
.project-hologram{--tilt-x:0deg;--tilt-y:0deg;--pan-x:0px;--pan-y:0px;position:relative;isolation:isolate;transform-style:preserve-3d;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;cursor:pointer;transform:perspective(1100px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .55s cubic-bezier(.2,.7,.3,1);outline-offset:8px}
.project-hologram:hover{transform:perspective(1100px) translateY(-5px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y))}
.project-hologram:focus-visible{outline:2px solid #b8e7ff;outline-offset:8px}
.project-hologram .cover-image,.project-hologram .cover-shade{mask-image:var(--hologram-edge);border:0;border-radius:0}
.project-hologram .cover-image{z-index:0;opacity:.95;filter:saturate(1.06);transform:translate3d(var(--pan-x),var(--pan-y),8px) scale(1.025);transition:transform .65s cubic-bezier(.2,.7,.3,1),opacity .4s;pointer-events:none}
.project-hologram:hover .cover-image{transform:translate3d(var(--pan-x),var(--pan-y),14px) scale(1.045);opacity:1}
.project-hologram .cover-shade{z-index:1;pointer-events:none;background:linear-gradient(90deg,#040c20bd,transparent 82%),linear-gradient(0deg,#020b1c55,transparent 65%)}
.project-hologram :is(.mmt-cover-copy,.game-title,.app-cover-copy,.demo-label){z-index:2;transform:translateZ(26px);text-shadow:0 2px 12px #020817;pointer-events:none}
.project-hologram .mmt-cover-copy{top:35px;left:30px}.project-hologram .game-title{bottom:44px}.project-hologram .app-cover-copy{top:66px}
.project-hologram .demo-label{border:0;background:none;backdrop-filter:none;border-radius:0;padding-left:0}
.project-hologram.gas-surface::before{inset:-25px;filter:blur(20px);background:radial-gradient(ellipse at 45% 50%,#0d2c4b66 25%,#3c8be34f 51%,transparent 77%)}
.project-hologram.gas-surface::after{inset:-38px;filter:blur(24px);opacity:.85}
.project-hologram .card-smoke{z-index:3;inset:-4px;opacity:.9;pointer-events:none}
.project-hologram .card-smoke>b{width:68px;height:26px;filter:blur(6px)}
.project-hologram .card-smoke>b:nth-child(3n){width:2px;height:2px;filter:blur(.25px)}
.project-hologram .card-smoke>b:nth-child(4n){width:84px;height:38px;filter:blur(9px)}
.project-hologram .gas-motes{z-index:3;opacity:.7}
.project .project-meta{display:block;padding-top:24px}.project .project-meta p{max-width:100%}
@media(max-width:620px){.project-grid{gap:46px}.project-hologram .mmt-cover-copy{top:32px;left:24px}.project-hologram .app-cover-copy{top:45px}.project-hologram.gas-surface::before{inset:-15px}.project-hologram.gas-surface::after{inset:-24px}.project-hologram .card-smoke>b{width:48px;height:20px}.project-hologram .card-smoke>b:nth-child(4n){width:62px;height:27px}.project-hologram .card-smoke>b:nth-child(3n){width:2px;height:2px}}
@media(prefers-reduced-motion:reduce){.project-hologram,.project-hologram:hover,.project-hologram .cover-image,.project-hologram:hover .cover-image{transition:none;transform:none}.project-hologram::before,.project-hologram::after,.project-hologram .card-smoke>b,.project-hologram .gas-motes>b{animation:none!important}}