.portfolio{background:var(--color-bg)}.portfolio__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}.portfolio__item:nth-child(1){grid-area:1 / 1 / 2 / 2}.portfolio__item:nth-child(2){grid-area:2 / 1 / 3 / 2}.portfolio__item:nth-child(3){grid-area:3 / 1 / 5 / 2}.portfolio__item:nth-child(4){grid-area:1 / 2 / 2 / 3}.portfolio__item:nth-child(5){grid-area:2 / 2 / 3 / 3}.portfolio__item:nth-child(6){grid-area:3 / 2 / 4 / 3}.portfolio__item:nth-child(7){grid-area:4 / 2 / 5 / 3}.portfolio__item:nth-child(8){grid-area:1 / 3 / 3 / 4}.portfolio__item:nth-child(9){grid-area:3 / 3 / 4 / 4}.portfolio__item:nth-child(10){grid-area:4 / 3 / 5 / 4}.portfolio__item:nth-child(11){grid-area:1 / 4 / 2 / 5}.portfolio__item:nth-child(12){grid-area:2 / 4 / 4 / 5}.portfolio__item:nth-child(13){grid-area:4 / 4 / 5 / 5}.portfolio__trigger{display:block;position:relative;overflow:hidden;width:100%}.portfolio__trigger::before{content:"";display:block;padding-bottom:56.04%}.portfolio__item:nth-child(3) .portfolio__trigger::before,.portfolio__item:nth-child(8) .portfolio__trigger::before,.portfolio__item:nth-child(12) .portfolio__trigger::before{padding-bottom:112.08%}.portfolio__thumb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.portfolio__preview{display:block;position:absolute;inset:0;z-index:1;opacity:0;transition:opacity 950ms var(--ease-standard)}.portfolio__trigger:hover .portfolio__preview,.portfolio__trigger:focus-visible .portfolio__preview{opacity:1}.portfolio__preview-video{width:100%;height:100%;object-fit:cover}.portfolio__shade{position:absolute;inset:0;background:rgba(12,6,18,var(--shade-a,.78))}.portfolio__play:hover::after{opacity:1}@media (max-width:1024px){.portfolio__grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(5,1fr)}.portfolio__item:nth-child(1){grid-area:3 / 1 / 4 / 2}.portfolio__item:nth-child(2){grid-area:4 / 1 / 5 / 2}.portfolio__item:nth-child(3){grid-area:1 / 1 / 3 / 2}.portfolio__item:nth-child(4){grid-area:5 / 1 / 6 / 2}.portfolio__item:nth-child(5){grid-area:1 / 2 / 2 / 3}.portfolio__item:nth-child(6){grid-area:2 / 2 / 3 / 3}.portfolio__item:nth-child(7){grid-area:3 / 2 / 4 / 3}.portfolio__item:nth-child(8){grid-area:4 / 2 / 6 / 3}.portfolio__item:nth-child(9){grid-area:3 / 3 / 4 / 4}.portfolio__item:nth-child(10){grid-area:4 / 3 / 5 / 4}.portfolio__item:nth-child(11){grid-area:5 / 3 / 6 / 4}.portfolio__item:nth-child(12){grid-area:1 / 3 / 3 / 4}.portfolio__item:nth-child(13){display:none}}@media (max-width:767px){.portfolio__grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(7,1fr)}.portfolio__item:nth-child(1){grid-area:1 / 2 / 2 / 3}.portfolio__item:nth-child(2){grid-area:2 / 2 / 3 / 3}.portfolio__item:nth-child(3){grid-area:1 / 1 / 3 / 2}.portfolio__item:nth-child(4){grid-area:3 / 1 / 4 / 2}.portfolio__item:nth-child(5){grid-area:3 / 2 / 4 / 3}.portfolio__item:nth-child(6){grid-area:4 / 1 / 5 / 2}.portfolio__item:nth-child(7){grid-area:5 / 1 / 6 / 2}.portfolio__item:nth-child(8){grid-area:4 / 2 / 6 / 3}.portfolio__item:nth-child(9){grid-area:6 / 2 / 7 / 3}.portfolio__item:nth-child(10){grid-area:7 / 2 / 8 / 3}.portfolio__item:nth-child(11){display:none}.portfolio__item:nth-child(12){grid-area:6 / 1 / 8 / 2}.portfolio__item:nth-child(13){display:none}}