.room120_portfolio__items{display:flex;flex-wrap:wrap;transition:opacity .3s cubic-bezier(.45,.25,.6,.95)}.room120_portfolio__img{display:block;height:100%;left:0;object-fit:cover;position:absolute;top:0;transform:scale(var(--scroll-scale)) scale(var(--hover-scale));transition:transform 1.2s;transition-timing-function:cubic-bezier(.05,.2,.1,1)!important;width:100%;--scroll-scale:1;--hover-scale:1}.scrollScale{--scroll-scale:1.3}.scrollScale_done{--scroll-scale:1}.room120_portfolio__item:hover .room120_portfolio__img{--hover-scale:1.2}.room120_portfolio__item{overflow:hidden;position:relative;transition:transform .8s cubic-bezier(.05,.2,.1,1),opacity .8s cubic-bezier(.05,.2,.1,1)}.room120_portfolio__item a{height:100%;left:0;position:absolute;top:0;width:100%;z-index:30}.room120_portfolio__title{margin-bottom:0}.room120_portfolio__desc{margin-top:.25em;opacity:.5}.room120_portfolio__item .room120_portfolio__caption{background:#fff;max-height:calc(100% - 60px);max-width:calc(100% - 60px);opacity:0;overflow:hidden;position:absolute;transition:all .8s cubic-bezier(.05,.2,.1,1);z-index:10}.room120_portfolio__item .room120_portfolio__caption:last-child{margin-bottom:0}.room120_portfolio__items.animation-hover .room120_portfolio__item .room120_portfolio__caption{bottom:30px;bottom:max(2em,30px);left:30px;left:max(2em,30px);padding:max(1em,20px) max(1.25em,25px);transform:scale(.9)}.room120_portfolio__items.animation-hover .room120_portfolio__item:hover .room120_portfolio__caption{opacity:1;transform:scale(1)}.room120_portfolio__items.animation-slide_in_left .room120_portfolio__item .room120_portfolio__caption{bottom:30px;bottom:max(2em,30px);left:30px;left:max(2em,30px);padding:max(1em,20px) max(1.25em,25px);transform:translateX(-100%)}.room120_portfolio__items.animation-slide_in_left .room120_portfolio__item:hover .room120_portfolio__caption{opacity:1;transform:translateX(0)}.room120_portfolio__items.animation-slide_in_up .room120_portfolio__item .room120_portfolio__caption{bottom:30px;left:0;margin:0 auto;padding:max(1em,20px) max(1.25em,25px);right:0;text-align:center;transform:translateY(100%);width:80%}.room120_portfolio__items.animation-slide_in_up .room120_portfolio__item:hover .room120_portfolio__caption{opacity:1;transform:translateY(0)}.room120_portfolio__items.animation-overlay .room120_portfolio__item .room120_portfolio__caption{bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;margin:0 auto;max-height:unset;max-width:unset;padding:30px 12%;right:0;text-align:center;top:0}.room120_portfolio__items.animation-overlay .room120_portfolio__item:hover .room120_portfolio__caption{opacity:1}.room120_portfolio__items.animation-overlay .room120_portfolio__item .room120_portfolio__caption *{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.05,.2,.1,1)}.room120_portfolio__items.animation-overlay .room120_portfolio__item:hover .room120_portfolio__caption *{opacity:1;transform:translateY(0)}.room120_portfolio__items.animation-overlay .room120_portfolio__item .room120_portfolio__caption .room120_portfolio__title{font-size:30px}.room120_portfolio__items.animation-overlay.dark .room120_portfolio__item .room120_portfolio__caption *{color:#fff}.room120_portfolio__items.animation-overlay.dark .room120_portfolio__item .room120_portfolio__caption{background-color:#000}.room120_portfolio__items.animation-overlay.dark .room120_portfolio__item:hover .room120_portfolio__caption{opacity:1}.room120_portfolio__items.animation-default .room120_portfolio__item .room120_portfolio__caption,.room120_portfolio__items.animation-marquee .room120_portfolio__item .room120_portfolio__caption{background:transparent;bottom:0;left:0;max-height:100%;max-width:100%;opacity:1;padding:max(1.5em,35px) max(1.7em,40px);right:0}.room120_portfolio__items.animation-default .room120_portfolio__item:after,.room120_portfolio__items.animation-marquee .room120_portfolio__item:after{bottom:0;content:"";display:block;height:50%;opacity:1;position:absolute;transition:all .65s cubic-bezier(.05,.2,.1,1);width:100%}.room120_portfolio__items.animation-default .room120_portfolio__item:hover:after,.room120_portfolio__items.animation-marquee .room120_portfolio__item:hover:after{opacity:0}.room120_portfolio__items.animation-default .room120_portfolio__item:before{background:#000;content:"";display:block;height:100%;inset:0;opacity:0;position:absolute;transition:all .65s cubic-bezier(.05,.2,.1,1);width:100%;z-index:10}.room120_portfolio__items.animation-default .room120_portfolio__item:hover .room120_portfolio__caption{transform:translateX(0)}.room120_portfolio__items.animation-marquee .room120_portfolio__item .room120_portfolio__caption{opacity:1;transform-style:preserve-3d;transition-duration:.8s;transition-timing-function:ease}.room120_portfolio__items.animation-marquee .room120_portfolio__item:hover .room120_portfolio__caption,.room120_portfolio__scrolling-line{opacity:0;transform:translate3d(0,110%,0)}.room120_portfolio__scrolling-line{bottom:0;line-height:1.1!important;margin:0;overflow:hidden;position:absolute;transform-style:preserve-3d;transition:all .8s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:100%;z-index:1}.room120_portfolio__items.animation-marquee .room120_portfolio__item:hover .room120_portfolio__scrolling-line{opacity:1;transform:translateZ(0)}.room120_portfolio__scrolling-line__inner{-webkit-animation:scrollingMarqueePF 15s linear infinite;animation:scrollingMarqueePF 15s linear infinite;display:flex}.room120_portfolio__scrolling-line__inner>span{font-size:160px;font-size:clamp(100px,10vw,160px);letter-spacing:-.03em}.room120_portfolio__scrolling-line__inner>span:not(:last-child){margin-right:.3em}@-webkit-keyframes scrollingMarqueePF{0%{transform:translateX(0)}to{transform:translateX(-300%)}}@keyframes scrollingMarqueePF{0%{transform:translateX(0)}to{transform:translateX(-300%)}}.room120_portfolio__filter{display:flex;flex-wrap:wrap;gap:1.1em;margin-bottom:min(2.2em,60px)}.room120_portfolio__filter-cat{cursor:pointer;display:inline-block;line-height:1;transition:color .5s cubic-bezier(.05,.2,.1,1)}@media (max-width:767px){.room120_portfolio__items.animation-hover .room120_portfolio__item .room120_portfolio__caption,.room120_portfolio__items.animation-slide_in_left .room120_portfolio__item .room120_portfolio__caption{bottom:30px;left:30px}.room120_portfolio__items.animation-default .room120_portfolio__item .room120_portfolio__caption{padding:30px}}