@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:flex-end;justify-content:space-between;margin-bottom:4.62rem}@media (max-width:1025px){.portfolio .flex-top{flex-direction:column;align-items:flex-start;row-gap:2.5rem}}@media (max-width:767px){.portfolio .flex-top{margin-bottom:4rem}}.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:91.75rem;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 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%);z-index:2}.portfolio .arrow{width:5.2rem;height:5.2rem;border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative}.portfolio .arrow svg{width:1.25rem}.portfolio .arrow .progress-ring{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-180deg)}.portfolio .arrow .progress-ring circle{fill:none;stroke-width:3;transition:stroke-dashoffset .5s linear}.portfolio .arrow .progress-ring .track{stroke:#fff;stroke-width:1}.portfolio .arrow .progress-ring .progress{stroke:#fff;stroke-dasharray:238.76;stroke-dashoffset:179.76}.portfolio.team .flex-top{flex-direction:column;align-items:center}.portfolio.team .flex-top .text *,.portfolio.team .flex-top h2{text-align:center}.portfolio.team .flex-top .title{max-width:none}.portfolio.team .flex-top .text{margin-right:0!important;margin-top:2rem}@media (max-width:1025px){.portfolio.team .flex-top .text{margin-top:0}}.portfolio.team .flex-top .text{margin-right:8.6rem}@media (max-width:1025px){.portfolio.team .flex-top .text{margin-right:0}}.portfolio.team .flex-top p{max-width:91.75rem;margin-bottom:0}@media (max-width:767px){.portfolio.team .flex-top p{max-width:100%}}.portfolio.team .flex{justify-content:center}.portfolio.team .portfolio-item .arrow{position:absolute;right:2rem;bottom:2rem;z-index:99;opacity:0;transition:.3s ease-out}.portfolio.team .portfolio-item .arrow svg path{stroke:#fff}.portfolio.team .portfolio-item:hover{text-decoration:none}.portfolio.team .portfolio-item:hover .arrow{opacity:1}.portfolio.team .portfolio-item:hover .progress-ring .progress{stroke-dashoffset:0}.portfolio.team .portfolio-item .bg-block::before{display:none}.portfolio.team .portfolio-item .title{margin-bottom:.44rem}.portfolio.team .portfolio-item .position{color:#3a3a3a;font-size:1.25rem;font-weight:400;line-height:normal}