.hox-p{visibility:hidden;z-index:2}.projects{display:flex;flex-direction:column;gap:30px}@media(max-width:768px){.projects{gap:15px}}.brands{flex-direction:column;position:relative}.brands-title{margin-bottom:40px;text-align:center}@media(max-width:768px){.brands-title{font-size:17px}}.brands-list{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:30px;flex-wrap:wrap;justify-content:space-between;align-items:center;max-width:900px;opacity:.8}@media(max-width:768px){.brands-list{grid-template-columns:repeat(2,1fr);grid-gap:5px}}.brands-list-item{display:flex;justify-content:center;align-items:center}.mouse{background:#fff linear-gradient(transparent,transparent 50%,#ffffff 0,#ffffff);position:absolute;top:-150px;width:27px;height:48px;border-radius:100px;background-size:225%;opacity:0;animation:fadeIn 1s ease-in 1s forwards,nudgeMouse 5s ease-out infinite}.mouse:after,.mouse:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.mouse:before{width:21px;height:42px;background-color:#000;border-radius:100px}.mouse:after{background-color:#fff;width:4px;height:4px;border-radius:100%;animation:trackBallSlide 5s linear infinite}.mouse.fadeOut{animation:fadeOut 1s forwards}@keyframes trackBallSlide{0%{opacity:1;transform:scale(1) translateY(-10px)}6%{opacity:1;transform:scale(.9) translateY(2.5px)}14%{opacity:0;transform:scale(.4) translateY(20px)}15%,19%{opacity:0;transform:scale(.4) translateY(-10px)}28%,29.99%{opacity:1;transform:scale(1) translateY(-10px)}30%{opacity:1;transform:scale(1) translateY(-10px)}36%{opacity:1;transform:scale(.9) translateY(2.5px)}44%{opacity:0;transform:scale(.4) translateY(20px)}45%,49%{opacity:0;transform:scale(.4) translateY(-10px)}58%,59.99%{opacity:1;transform:scale(1) translateY(-10px)}60%{opacity:1;transform:scale(1) translateY(-10px)}66%{opacity:1;transform:scale(.9) translateY(2.5px)}74%{opacity:0;transform:scale(.4) translateY(20px)}75%,79%{opacity:0;transform:scale(.4) translateY(-10px)}88%,to{opacity:1;transform:scale(1) translateY(-10px)}}@keyframes nudgeMouse{0%{transform:translateY(0)}20%{transform:translateY(8px)}30%{transform:translateY(0)}50%{transform:translateY(8px)}60%{transform:translateY(0)}80%{transform:translateY(8px)}90%{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:.5;transform:scale(1) translateY(0)}}@keyframes fadeOut{0%{opacity:.5;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(20px)}}.cursor{height:200px;width:200px;background:radial-gradient(circle,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 60%);border-radius:100%;position:absolute;left:50%;top:50%;z-index:-1}@media(pointer:coarse){.cursor{display:none}}.hero{position:relative;overflow:hidden}.hero__container{position:relative;width:700px;height:400px}.hero__container canvas{z-index:20}.hero__container canvas,.hero__title{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.hero__title{z-index:0;white-space:nowrap;pointer-events:none;color:#000;font-weight:400}.hero__title strong{font-weight:900;text-transform:uppercase}.project-item{width:100%;position:relative;overflow:hidden;transform:translateZ(0);aspect-ratio:auto 41/9;transform:translateY(0);-webkit-mask-image:radial-gradient(circle,white 100%,black 0);mask-image:radial-gradient(circle,white 100%,black 0);opacity:.99999}.project-item:before{content:"";position:absolute;top:0;left:0;opacity:0;background:linear-gradient(90deg,rgb(0,0,0) 0,rgba(0,0,0,0));z-index:3}.project-item img,.project-item:before{width:100%;height:100%;transition:all .3s ease}.project-item__info{position:absolute;color:#fff;opacity:0;transition:all .3s ease;top:50%;transform:translateY(-50%);left:50px;z-index:9;font-size:24px}.project-item__info h2{font-weight:900;margin-bottom:10px}.project-item__info h3{font-weight:400}.project-item:hover .project-item__info,.project-item:hover:before{opacity:1}.project-item:hover img{transform:scale(1.1)}@keyframes show-gradient{to{-webkit-mask-position:100%;mask-position:100%}}.projects{margin-bottom:150px}.projects h2{color:#fff}@media(max-width:768px){.projects h2{font-size:17px}}