.lukuku-portfolio{background-color:var(--color-lukuku-background)}.lukuku-portfolio .lukuku-section-header-title{position:sticky;top:0;z-index:1;background-color:var(--color-lukuku-background)}.lukuku-portfolio__card-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.lukuku-portfolio__card-overlay:empty{display:block}.lukuku-portfolio__card-overlay{position:relative;top:0;left:0;width:100%;height:100%;z-index:1}.lukuku-portfolio__card-overlay.overlay-black{background-color:#0000004d}.lukuku-portfolio__card-overlay.overlay-green{background-color:#20ec8a4d}.lukuku-portfolio__card{position:relative;height:638px;cursor:pointer;overflow:hidden;display:block}.lukuku-portfolio__card:hover .lukuku-portfolio__card-image{filter:blur(30px);transition:filter .3s ease}.lukuku-portfolio__card-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.lukuku-portfolio__card-image-background{width:100%;height:100%;object-fit:cover}.lukuku-portfolio__card-title,.lukuku-portfolio__card-info{font-family:Roboto Mono,monospace;color:var(--color-white)}.lukuku-portfolio__card-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;z-index:2;padding:40px 44px}.lukuku-portfolio__card-title{line-height:1;font-size:32px;font-weight:500;letter-spacing:-.72px}.lukuku-portfolio__card-info{font-size:16px;font-weight:400;letter-spacing:-.5px}.lukuku-portfolio__card-button{position:absolute;bottom:40px;right:44px;visibility:hidden;opacity:0;display:inline-block;animation:rotate-360 5s linear infinite;transform-origin:center center;cursor:pointer}.lukuku-portfolio__card:hover .lukuku-portfolio__card-button{visibility:visible;opacity:1}@keyframes rotate-360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.lukuku-portfolio__card-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.lukuku-portfolio__card-list{grid-template-columns:repeat(1,1fr)}.lukuku-portfolio__card{height:375px}.lukuku-portfolio .lukuku-section-header-title{position:unset}.lukuku-portfolio__card-content{padding:20px}.lukuku-portfolio__card-title{font-size:18px}.lukuku-portfolio__card-info{font-size:12px}.lukuku-portfolio__card-button{bottom:0;right:0;scale:.6}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/lukuku-portfolio.css.map */