:root{--graphics-box-margin: 10%;--graphics-item-margin: -10%}.portfolio__inner{padding:96px 0 144px}.portfolio__title{margin-bottom:96px}.portfolio__wrap{display:flex;flex-direction:column;gap:144px}.portfolio__section-title{margin-bottom:64px}.portfolio__section.cat-music-video .portfolio__item{width:calc(50% - 8px);height:400px}.portfolio__box{perspective:4000px;display:flex;margin-left:var(--graphics-box-margin)}.portfolio__box:has(.portfolio__item-video){margin:0;gap:24px}.portfolio__box:has(.portfolio__item-video) .portfolio__item{box-shadow:none;height:300px;max-height:300px;transform:none;margin:0;border:none}.portfolio__box:has(.portfolio__item-video) .portfolio__item:hover{transform:none;box-shadow:none}.portfolio__box:has(.portfolio__item-video) .portfolio__item .portfolio__item-name{background:rgba(17,17,17,.75);color:#fff}.portfolio__box:has(.portfolio__item-video) .portfolio__item .portfolio__item-name img{filter:invert(1)}.portfolio__item{position:relative;display:flex;overflow:hidden;margin-bottom:8px;height:400px;max-height:400px;border:6px solid #fff;border-bottom:0;transform:rotateX(-20deg) rotateY(30deg) translateX(10px);max-width:100%;width:100%;margin-left:var(--graphics-item-margin);box-shadow:-2px 5px 25px 1px rgba(0,0,0,.2);transition:.4s ease}.portfolio__item-img{aspect-ratio:1/1;object-fit:cover;object-position:center;height:100%}.portfolio__item-name{display:flex;align-items:center;position:absolute;left:0;bottom:0;width:100%;text-align:left;padding:4px 12px;text-transform:uppercase;background:#fff;color:#111;z-index:20;font-size:20px;transition:.35s ease}.portfolio__item-name img{width:20px;margin-left:8px}.portfolio__item:hover{transform:rotateX(-20deg) rotateY(20deg) translate3d(-23%, 0px, 30px);box-shadow:30px -5px 40px 10px rgba(0,0,0,.3)}.portfolio__btn{margin:64px auto 0}@media(max-width: 1023px){.portfolio__wrap{gap:96px}.portfolio__section-title{font-size:64px;margin-bottom:40px}.portfolio__box{margin:0;flex-wrap:wrap;gap:8px}.portfolio__box:has(.portfolio__item-video){gap:16px}.portfolio__box:has(.portfolio__item-video) .portfolio__item{max-width:100%;height:320px;max-height:320px}.portfolio__box:has(.portfolio__item-video) .portfolio__item:last-of-type{display:flex}.portfolio__item{height:350px;max-height:350px;transform:none;max-width:calc(50% - 4px);margin:0}.portfolio__item:last-of-type{display:none}.portfolio__item:hover{transform:none;box-shadow:none}.portfolio__btn{margin-top:40px}}@media(max-width: 767px){.portfolio__inner{padding:72px 0 96px}.portfolio__section-title{font-size:40px}.portfolio__item{max-width:100%}.portfolio__item:last-of-type{display:flex}}