@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.portfolio{padding:9.35rem 0 8rem}@media (max-width:767px){.portfolio{padding:5rem 0}}.portfolio .flex-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4.62rem}@media (max-width:767px){.portfolio .flex-top{margin-bottom:3rem}}@media (max-width:1025px){.portfolio .flex-top{flex-direction:column;align-items:flex-start;row-gap:2.5rem}}.portfolio .flex-top .title{max-width:43.6875rem}@media (max-width:767px){.portfolio .flex-top .title{max-width:100%}}.portfolio .flex-top h2{margin-bottom:0}.portfolio .flex-top .text{max-width:47.3125rem;margin-right:3.5rem}@media (max-width:767px){.portfolio .flex-top .text{max-width:100%}}@media (max-width:1025px){.portfolio .flex-top .text{margin-right:0}}.portfolio .flex-top p{margin-bottom:1.1rem}.portfolio .flex{margin:0 -.45rem;row-gap:5.25rem;flex-wrap:wrap}@media (max-width:767px){.portfolio .flex{row-gap:3rem}}.portfolio .flex .col{padding:0 .45rem;flex-basis:33.333%;max-width:33.333%}@media (max-width:1025px){.portfolio .flex .col{flex-basis:50%;max-width:50%}}@media (max-width:767px){.portfolio .flex .col{flex-basis:100%;max-width:100%}}.portfolio .portfolio-item{text-decoration:none;display:block}.portfolio .portfolio-item:hover .bg-block:before{opacity:.6}.portfolio .portfolio-item:hover .bg-block img{transform:scale(1.1)}.portfolio .portfolio-item .title{color:#3a3a3a;font-family:"Passenger Display",sans-serif;font-size:2.5rem;font-weight:400;line-height:normal}.portfolio .portfolio-item .image-inner{padding:2rem;position:relative;aspect-ratio:4/4;display:flex;align-items:center;justify-content:center;margin-bottom:1.81rem}.portfolio .portfolio-item .bg-block{position:absolute;top:0;left:0;height:100%;width:100%;z-index:2;border-radius:1.25rem;overflow:hidden}.portfolio .portfolio-item .bg-block img{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;transition:.8s ease-out}.portfolio .portfolio-item .bg-block::before{content:"";height:100%;width:100%;position:absolute;left:0;top:0;background:linear-gradient(0deg,rgba(21,55,73,.5) 0,rgba(21,55,73,.5) 100%);transition:.3s ease-in-out;z-index:2}.portfolio .portfolio-item .logo{position:relative;z-index:9}.portfolio .portfolio-item .logo img{max-width:23.18169rem;max-height:7.10231rem;height:auto;width:auto}