#video-parallax{position:relative;overflow:hidden;height:100vh}#video-parallax::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:2}#video-parallax video{position:absolute;top:0;left:50%;transform:translateX(-50%);min-width:100%;min-height:100%;object-fit:cover;z-index:1;will-change:transform}.animate-in-ov{-webkit-animation:fadeIn .5s ease-in;animation:fadeIn .5s ease-in;background:#000}.animate-out-ov{-webkit-transition:opacity .5s;transition:opacity .5s;opacity:0;background:#000}.custom-projects-carousel{position:relative;width:100%;padding-top:50px;padding-bottom:200px}.custom-projects-carousel .swiper-slide{background:none;text-align:center;width:320px;transition:opacity 0.5s ease}.project-item{position:relative;overflow:visible;box-shadow:0 10px 30px rgba(0,0,0,0.2);background:#fff}.project-image-wrapper{position:relative;width:100%;padding-top:75%;overflow:visible}.project-image-wrapper .main-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.reflection-wrapper{position:absolute;top:105%;left:0;width:100%;height:30%;overflow:hidden;transform:scaleY(-1);pointer-events:none;opacity:0.3;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%)}.reflection-wrapper .reflection-image{width:100%;height:100%;object-fit:cover;opacity:1;filter:blur(5px);transform:scaleY(0.5)}.project-title-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.4);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;transition:opacity 0.6s ease;pointer-events:none;border-radius:0}.project-title-overlay h3{font-family:'Cinzel',serif;font-weight:700;font-size:2em;color:#ffffff;text-align:center;margin:0;padding:0 20px;opacity:0;transition:opacity 0.6s ease}.project-link:hover .project-title-overlay{opacity:1}.project-link:hover .project-title-overlay h3{opacity:1}.swiper-button-next,.swiper-button-prev{color:#000;top:50%;transform:translateY(-50%)}.swiper-pagination-bullet{background:#000}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@media (min-width:768px){window.addEventListener("scroll",function (){let video=document.querySelector("#video-parallax video");if (video){let scrolled=window.scrollY;video.style.transform=`translateY(${scrolled * 0.3}px)`}})}