.portfolio__title{margin-bottom:-5%;z-index:1}.portfolio-list{display:grid;grid-template-columns:repeat(6, 1fr);gap:var(--sp-24-48) var(--sp-16-32)}.portfolio-list__box{grid-column:span 2;display:flex;flex-direction:column;justify-content:flex-start}.portfolio-list__box__inner{display:flex;flex-direction:column}.portfolio-list__box__img-holder{aspect-ratio:0.75;display:flex;overflow:hidden}.portfolio-list__box__img-holder img{width:100%;height:auto;object-fit:cover}.portfolio-list__box__content{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center}.portfolio-list__box__content .portfolio-list__box__category{display:flex;flex-direction:row;flex-wrap:wrap}.portfolio-list__box:nth-child(1){grid-column:span 3;justify-content:flex-end}.portfolio-list__box:nth-child(1) .portfolio-list__box__img-holder{aspect-ratio:0.875}.portfolio-list__box:nth-child(2){grid-column:span 3}.portfolio-list__box:nth-child(2) .portfolio-list__box__img-holder{aspect-ratio:0.7777777778}.portfolio-list__box:nth-child(3),.portfolio-list__box:nth-child(7){grid-column:span 6}.portfolio-list__box:nth-child(3) .portfolio-list__box__img-holder,.portfolio-list__box:nth-child(7) .portfolio-list__box__img-holder{aspect-ratio:1.7777777778}.portfolio-list__box:nth-child(8),.portfolio-list__box:nth-child(9){grid-column:span 3}.portfolio-list__box:nth-child(8) .portfolio-list__box__img-holder,.portfolio-list__box:nth-child(9) .portfolio-list__box__img-holder{aspect-ratio:0.875}.portfolio-list__box .portfolio-list__box__img-holder,.portfolio-list__box .portfolio-list__box__img,.portfolio-list__box .portfolio-list__box__content,.portfolio-list__box .portfolio-list__box__title{transition-property:transform;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)}.portfolio-list__box:hover .portfolio-list__box__img-holder{transform:scale(0.95);transition-delay:0s}.portfolio-list__box:hover .portfolio-list__box__img-holder img{transform:scale(1.15);transition-delay:0s}.portfolio-list__box:hover .portfolio-list__box__content{transform:translateY(-1rem)}