.portfolio-grid-wrapper{width:100%;overflow-x:auto}.portfolio-grid{display:grid;grid-template-columns:repeat(1fr,100);aspect-ratio:16/9;grid-auto-rows:1fr;padding:16px;@media (max-width:769px){width:300%}}.portfolio-item{cursor:pointer;transition:transform .3s ease;will-change:transform;grid-area:var(--grid-row) /var(--grid-column) /span var(--row-span) /span var(--col-span)}.portfolio-item:hover{transform:scale(1.05);z-index:10}.pos-1{--grid-row:2;--grid-column:1;--row-span:4;--col-span:14}.pos-2{--grid-row:2;--grid-column:17;--row-span:8;--col-span:24}.pos-3{--grid-row:1;--grid-column:43;--row-span:12;--col-span:12}.pos-4{--grid-row:1;--grid-column:57;--row-span:10;--col-span:15}.pos-5{--grid-row:1;--grid-column:74;--row-span:7;--col-span:20}.pos-6{--grid-row:16;--grid-column:2;--row-span:13;--col-span:13}.pos-7{--grid-row:18;--grid-column:18;--row-span:10;--col-span:10}.pos-8{--grid-row:18;--grid-column:32;--row-span:13;--col-span:24}.pos-9{--grid-row:16;--grid-column:58;--row-span:12;--col-span:12}.pos-10{--grid-row:17;--grid-column:72;--row-span:16;--col-span:12}.pos-11{--grid-row:17;--grid-column:87;--row-span:14;--col-span:10}.pos-12{--grid-row:34;--grid-column:1;--row-span:8;--col-span:22}.pos-13{--grid-row:32;--grid-column:24;--row-span:12;--col-span:12}.pos-14{--grid-row:33;--grid-column:40;--row-span:8;--col-span:8}.pos-15{--grid-row:33;--grid-column:52;--row-span:8;--col-span:8}.pos-16{--grid-row:32;--grid-column:64;--row-span:11;--col-span:11}.pos-17{--grid-row:30;--grid-column:78;--row-span:14;--col-span:22}.pos-18{--grid-row:52;--grid-column:15;--row-span:8;--col-span:8}.pos-19{--grid-row:48;--grid-column:25;--row-span:12;--col-span:12}.pos-20{--grid-row:46;--grid-column:42;--row-span:8;--col-span:22}.pos-21{--grid-row:48;--grid-column:65;--row-span:16;--col-span:16}.pos-22{--grid-row:46;--grid-column:83;--row-span:12;--col-span:12}