.portfolio-carousel{perspective:1200px;padding:.5rem 0 2rem;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 8% 92%,#0000 100%)}.portfolio-carousel-track{width:max-content;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;gap:1.5rem;padding:.5rem 0;animation:50s linear infinite portfolio-scroll;display:flex}.portfolio-carousel-track:hover{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.portfolio-carousel{-webkit-overflow-scrolling:touch;overflow:auto hidden;-webkit-mask-image:none;mask-image:none}.portfolio-carousel-track{will-change:auto;padding:0 1rem;animation:none}}@keyframes portfolio-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.portfolio-card{z-index:1;aspect-ratio:4/3.5;width:min(300px,85vw);transform-style:preserve-3d;transform-origin:50%;background:#111;border-radius:.75rem;flex-shrink:0;position:relative;overflow:hidden}.portfolio-card:hover{z-index:100}.portfolio-card-image{z-index:0;position:absolute;inset:0}.portfolio-card-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .5s}.portfolio-card:hover .portfolio-card-image img{transform:scale(1.06)}.portfolio-card-overlay{z-index:1;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.portfolio-card-title{text-transform:uppercase;letter-spacing:.12em;text-align:center;text-shadow:0 0 20px,0 0 40px;background:#000000d9;border:2px solid;border-radius:.25rem;margin:0;padding:.35em .5em;font-family:JetBrains Mono,monospace;font-size:clamp(1rem,3vw,1.5rem);font-weight:800;transition:opacity .3s}.portfolio-card:hover .portfolio-card-title{opacity:.95}.portfolio-card-title.neon-yellow{color:#cf0}.portfolio-card-title.neon-purple{color:#a855f7}.portfolio-card-footer{z-index:2;pointer-events:none;background:#000000eb;border-top:2px solid #f8f8f833;padding:.4rem .75rem;position:absolute;bottom:0;left:0;right:0}.portfolio-card-service{text-transform:uppercase;letter-spacing:.06em;color:#f8f8f8f2;background:#000000e6;border:1px solid #f8f8f84d;border-radius:.2rem;padding:.2em .4em;font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:500;display:inline-block}.portfolio-card-hover{z-index:5;opacity:0;visibility:hidden;pointer-events:none;background:linear-gradient(#0000008c,#000000f7);padding:.65rem .85rem .75rem;transition:opacity .2s,visibility .2s;position:absolute;bottom:0;left:0;right:0}.portfolio-card:hover .portfolio-card-hover{opacity:1;visibility:visible;pointer-events:auto}.portfolio-card-hover-kicker{text-transform:uppercase;letter-spacing:.12em;color:#cf0;margin:0 0 .15rem;font-family:JetBrains Mono,monospace;font-size:.55rem}.portfolio-card-hover-kicker--solo{margin-bottom:.5rem;line-height:1.35}.portfolio-card-hover-body{color:#f8f8f8e6;margin:0 0 .35rem;font-family:JetBrains Mono,monospace;font-size:.7rem}.portfolio-card-hover-cta{z-index:6;text-transform:uppercase;letter-spacing:.12em;color:#000;cursor:pointer;background:#cf0;border:1px solid #cf0;border-radius:999px;padding:.25rem .5rem;font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:700;text-decoration:none;display:inline-block;position:relative}.portfolio-card-hover-cta:hover{color:#cf0;background:0 0}.portfolio-card-hover-note{text-transform:uppercase;letter-spacing:.08em;color:#f8f8f873;margin:.35rem 0 0;font-family:JetBrains Mono,monospace;font-size:.55rem;line-height:1.35}