.portfolio-page{--portfolio-gold:#c9a84c;--portfolio-violet:#9b6dff}.portfolio-ambient:before,.portfolio-ambient:after{content:"";pointer-events:none;position:absolute;transform:translateZ(0)}.portfolio-ambient:before{opacity:.58;background:linear-gradient(112deg,#ffffff08,#0000 18% 82%,#c9a84c09),repeating-linear-gradient(90deg,#ffffff04 0 1px,#0000 1px 94px);inset:0;-webkit-mask-image:linear-gradient(#000000e0,#0000 76%);mask-image:linear-gradient(#000000e0,#0000 76%)}.portfolio-ambient:after{opacity:.7;background:linear-gradient(116deg,#0000 0 34%,#9b6dff12 34% 34.9%,#0000 34.9% 100%),linear-gradient(129deg,#0000 0 56%,#c9a84c0f 56% 56.9%,#0000 56.9% 100%);width:78vw;height:76vh;top:7%;right:-10%}.portfolio-card{contain:layout paint}.portfolio-reveal-rail{will-change:transform}.animate-fade-in{animation:1s ease-out forwards fadeIn}.animate-fade-in-up{opacity:0;animation:1s ease-out forwards fadeInUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.portfolio-page *,.portfolio-page :before,.portfolio-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}