.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}body.overflow-hidden{overflow:hidden}.expanded-card-animation{transform:translateZ(0);backface-visibility:hidden;perspective:1000px;will-change:transform,width,height,border-radius,left,top;box-shadow:0 10px 25px rgba(0,0,0,.5);pointer-events:auto;border-radius:1.5rem!important}.content-fade-in{animation:fadeIn .4s ease-out forwards}.content-fade-in>*{opacity:0;transform:translateY(15px);animation:fadeInStaggered .3s ease-out forwards}.content-fade-in>:first-child{animation-delay:.05s}.content-fade-in>:nth-child(2){animation-delay:.1s}.content-fade-in>:nth-child(3){animation-delay:.15s}.content-fade-in>:nth-child(4){animation-delay:.2s}.content-fade-in>:nth-child(5){animation-delay:.25s}.content-fade-in>:nth-child(6){animation-delay:.3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInStaggered{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.overlay-background{background-color:rgba(0,0,0,0);-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);transition:background-color .5s ease,-webkit-backdrop-filter .5s ease;transition:background-color .5s ease,backdrop-filter .5s ease;transition:background-color .5s ease,backdrop-filter .5s ease,-webkit-backdrop-filter .5s ease}.overlay-background.active{background-color:rgba(0,0,0,.85);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.card-active{box-shadow:0 0 30px rgba(255,255,255,.3);transform:scale(1.02);z-index:20}.card-preview{transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1);transform:translateZ(0);will-change:transform;transform-origin:center center;box-shadow:0 4px 10px rgba(0,0,0,.1);backface-visibility:hidden;perspective:1000px}.card-preview:hover{box-shadow:0 10px 25px rgba(0,0,0,.4);transform:translate3d(0,-5px,0)}@media (max-width:768px){.card-preview{transition:transform .15s ease-out,box-shadow .15s ease-out}.card-preview:hover{transform:translate3d(0,-2px,0)}@media (prefers-reduced-motion:reduce){.card-preview{transition:none!important}.card-preview:hover{transform:none!important}}}.grid-cols-3>div{min-width:450px;display:flex;justify-content:center}.card-preview video,.expanded-card-animation video{width:100%;height:100%;-o-object-position:center;object-position:center}.coming-soon-video,.coming-soon-video video,.coming-soon-video:after{all:unset}.card-preview .coming-soon-video{aspect-ratio:1/1;min-height:240px;max-height:320px;padding:2rem}.expanded-card-animation .coming-soon-video{aspect-ratio:4/3;min-height:320px;max-height:480px;padding:2.5rem}.video-container{position:relative;overflow:hidden;width:100%;height:100%}@media (max-width:768px){.snap-container{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.snap-item{scroll-snap-align:center}.expanded-card-animation{max-height:90vh!important;max-width:95vw!important;position:relative;overflow:visible}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.8)}body.modal-open{overflow:hidden;position:fixed;width:100%;height:100%}}#portfolio{min-height:1000px;padding-top:7rem;padding-bottom:7rem}@media (max-width:900px){#portfolio{min-height:700px;padding-top:4rem;padding-bottom:4rem}}