.projects-hero{height:100vh;display:flex;flex-direction:column;row-gap:40px;align-items:center;justify-content:center;text-align:center;background-color:#f5f1f0}@media screen and (max-width: 992px){.projects-hero{height:90vh}}.projects-hero .reel-button{position:relative;font-size:45px;padding:25px 40px;column-gap:70px;border-radius:74px;background-color:transparent;z-index:2}@media screen and (max-width: 1600px){.projects-hero .reel-button{font-size:30px;padding:15px 20px}}@media screen and (max-width: 1250px){.projects-hero .reel-button{font-size:25px;padding:10px 20px}}@media screen and (max-width: 992px){.projects-hero .reel-button{font-size:32px;padding:10px 30px}}.projects-hero .reel-button.zooming{transform:scale(2)}.projects-hero .reel-button video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.projects-hero .reel-button svg{width:95px;height:95px}@media screen and (max-width: 1600px){.projects-hero .reel-button svg{width:70px;height:70px}}@media screen and (max-width: 992px){.projects-hero .reel-button svg{width:62px;height:62px}}.projects-hero .reel-button svg circle{fill:var(--light-blue)}.projects-hero .reel-button svg path{stroke:var(--white);fill:var(--light-blue)}.projects-hero .video-container{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;z-index:9998;display:flex;align-items:center;justify-content:center}.projects-hero .video-container.fullscreen .video-content{width:100%;height:100%;position:relative}.projects-hero .video-container.fullscreen .video-content .video{width:100%;height:100%;object-fit:contain}.projects-hero .video-cursor{position:absolute;transform:translate(-50%,-50%);z-index:10000}@media screen and (max-width: 992px){.projects-hero .video-cursor{display:none}}.projects-hero .video-cursor .main-button svg circle{fill:var(--black)}.projects-hero .video-cursor .main-button svg path{fill:var(--black)}.projects-hero .video-controls .control-buttons{display:flex;gap:15px;align-items:center;position:absolute;top:50px;right:50px;z-index:1001}@media screen and (max-width: 992px){.projects-hero .video-controls .control-buttons{top:35px;right:25px;gap:5px}.projects-hero .video-controls .control-buttons button{padding:0}.projects-hero .video-controls .control-buttons button svg{width:30px;height:auto}}.projects-hero .video-controls .progress-container{position:absolute;bottom:50px;left:50px;right:50px;z-index:1001;display:flex;align-items:center}.projects-hero .video-controls .progress-bar{flex:1;height:4px;background:#ffffff4d;cursor:pointer;border-radius:2px}.projects-hero .video-controls .progress{height:100%;background:#fff;border-radius:2px;transition:width .1s linear}.projects-hero .video-controls .time-display{color:#fff;font-size:14px;min-width:100px;text-align:right}.projects-hero .reel-button.zoomed{transform:scale(1.3);transition:transform .5s ease-in-out;z-index:1000}.projects-section{background-color:#f5f1f0;transition:background-color 1.5s ease}body.dark-background .projects-section{background-color:var(--black)}.projects-section .projects-categories{display:flex;flex-wrap:wrap;gap:12px 20px;margin-bottom:40px;margin-top:60px}@media screen and (max-width: 992px){.projects-section .projects-categories{margin-top:40px;gap:10px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:10px}}.projects-section .projects-categories .projects-category{background-color:transparent;border:1px solid var(--black);border-radius:40px;padding:5px 15px;font-family:var(--secondary-font);font-size:20px;font-weight:300;color:var(--black)}@media screen and (max-width: 1250px){.projects-section .projects-categories .projects-category{font-size:18px}}@media screen and (max-width: 992px){.projects-section .projects-categories .projects-category{font-size:12px;flex:1 0 auto}}.projects-section .projects-categories .projects-category:hover,.projects-section .projects-categories .projects-category.active{background-color:var(--black);color:var(--white)}.projects-section .project-card-item.visible .project-card{opacity:1;transform:translateY(0)}.projects-section .project-card-item.visible .project-card:hover .project-media img,.projects-section .project-card-item.visible .project-card:hover .project-media video{transform:scale(1)!important}.projects-section .project-card-item.visible .project-card .project-media img,.projects-section .project-card-item.visible .project-card .project-media video{transform:scale(1.1) translateY(0);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.projects-section .project-card{opacity:0;transform:translateY(100px);transition:opacity 1s cubic-bezier(.4,0,.2,1),transform 1s cubic-bezier(.4,0,.2,1);margin-bottom:30px;position:relative}.projects-section .project-card .project-section-title,.projects-section .project-card .project-title,.projects-section .project-card .project-categories{color:var(--black)}.projects-section .project-card .project-media{position:relative;overflow:hidden;border-radius:40px;height:525px}@media screen and (max-width: 1600px){.projects-section .project-card .project-media{height:430px}}@media screen and (max-width: 1250px){.projects-section .project-card .project-media{height:350px}}@media screen and (max-width: 992px){.projects-section .project-card .project-media{border-radius:10px;height:165px}}.projects-section .project-card .project-media img,.projects-section .project-card .project-media video{width:100%;height:100%;object-fit:cover;transform-origin:center;transform:scale(1.1) translateY(20%);clip-path:polygon(0 100%,100% 100%,100% 95%,0 95%);transition:transform .5s ease-in-out,clip-path 1s cubic-bezier(.4,0,.2,1)}.projects-section .project-card .project-media video{display:block;background:#000}.projects-section .load-more{margin:40px auto}@media screen and (max-width: 992px){.projects-section .load-more{margin:40px auto}}.projects-section .load-more svg{transform:rotate(90deg)}