:root{--header-height: 90px}@media(max-width:1024px){:root{--header-height: 60px}}.artworks-section{width:100%;display:flex;flex-direction:column;gap:24px}.collage{display:grid;gap:14px;height:auto;overflow:hidden;border-radius:5px}@media(min-width:768px){.collage{gap:22px}}.collage.is-expanded{height:auto;overflow:visible;grid-auto-rows:160px}@media(min-width:768px){.collage.is-expanded{grid-auto-rows:200px}}.over{overflow:hidden;border-radius:5px;transition:all .4s;position:relative}.over .artwork-item__video-wrap{height:100%;width:100%}.over .artwork-item__video-wrap video{width:100%;height:100%;object-fit:cover;object-fit:center top;cursor:pointer}.over .artwork-item__video-wrap .artwork-item__overlay{position:absolute;inset:0;background:#00000080;z-index:1;pointer-events:none;transition:opacity .3s ease-in-out}.over .artwork-item__video-wrap .artwork-item__overlay.is-hidden{opacity:0}.over .artwork-item__video-wrap .artwork-item__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;background:transparent;color:#fff;transition:background-color .3s ease-in-out;border:2px solid #f68b2a;transition:.3s all;z-index:2}.over .artwork-item__video-wrap .artwork-item__play:hover{transform:translate(-50%,-50%) scale(1.1);background:#f68b2a66}.over .artwork-item__video-wrap .artwork-item__play.is-hidden{opacity:0;pointer-events:none}@media(max-width:576px){.over .artwork-item__video-wrap .artwork-item__play{width:40px;height:40px}}.artwork-item__trigger{all:unset;display:block;width:100%;height:100%;cursor:pointer}.artwork-item__trigger:focus-visible{outline:2px solid #f68b2a;outline-offset:2px}.artwork-item__download{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;background:transparent;color:#fff;transition:background-color .3s ease-in-out;background:#15112466;transition:background .3s ease-in-out;z-index:2}.artwork-item__download:hover{background:#000000b3}@media(max-width:576px){.artwork-item__download{top:8px;right:8px;width:28px;height:28px}}.collage img{width:100%;height:100%;object-fit:cover;border-radius:5px;display:block;cursor:pointer;transition:all .4s}.collage img:hover{transform:scale(1.2)}.masonry-1{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"a b" "a c"}.masonry-1 img:nth-child(1){grid-area:a}.masonry-1 img:nth-child(2){grid-area:b}.masonry-1 img:nth-child(3){grid-area:c}.masonry-2{grid-template-columns:1fr 1fr 1fr}.masonry-2 img:nth-child(1){grid-area:a}.masonry-2 img:nth-child(2){grid-area:b}.masonry-2 img:nth-child(3){grid-area:c}.masonry-2 img:nth-child(4){grid-area:d}.masonry-2 img:nth-child(5){grid-area:e}.masonry-3{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr}.masonry-3 img:nth-child(1){grid-area:a}.masonry-3 img:nth-child(2){grid-area:b}.masonry-3 img:nth-child(3){grid-area:c}.masonry-3 img:nth-child(4){grid-area:d}.masonry-3 img:nth-child(5){grid-area:e}.collage.masonry-5{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);height:500px}.collage.masonry-5 img{width:100%;height:100%;object-fit:cover;border-radius:5px;display:block}.masonry-5 .over:nth-child(1){grid-column:1/2;grid-row:1/3}.masonry-5 .over:nth-child(2){grid-column:2/4;grid-row:1/3}.masonry-5 .over:nth-child(3){grid-column:4/5;grid-row:1/3}.masonry-5 .over:nth-child(4){grid-column:1/2;grid-row:3/4}.masonry-5 .over:nth-child(5){grid-column:2/5;grid-row:3/4}.collage.masonry-4{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);height:500px}.collage.masonry-4 img{width:100%;height:100%;object-fit:cover;border-radius:5px;display:block}.masonry-4 .over:nth-child(1){grid-column:1/4;grid-row:1/2}.masonry-4 .over:nth-child(2){grid-column:1/2;grid-row:2/4}.masonry-4 .over:nth-child(3){grid-column:2/4;grid-row:2/4}.masonry-4 .over:nth-child(4){grid-column:4/5;grid-row:1/4}.collage.masonry-6{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;height:auto}.collage.masonry-6 img{width:100%;object-fit:cover;border-radius:5px;display:block}.masonry-6 .over:nth-child(1){grid-column:1/2;grid-row:1/2}.masonry-6 .over:nth-child(2){grid-column:2/3;grid-row:1/3}.masonry-6 .over:nth-child(3){grid-column:3/5;grid-row:1/2}.masonry-6 .over:nth-child(4){grid-column:1/2;grid-row:2/3}.masonry-6 .over:nth-child(5){grid-column:3/4;grid-row:2/3}.masonry-6 .over:nth-child(6){grid-column:4/5;grid-row:2/3}.collage.masonry-7{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);height:500px}.collage.masonry-7 img{width:100%;height:100%;object-fit:cover;border-radius:5px;display:block}.masonry-7 .over:nth-child(1){grid-column:1/2;grid-row:1/3}.masonry-7 .over:nth-child(2){grid-column:2/3;grid-row:1/2}.masonry-7 .over:nth-child(3){grid-column:3/4;grid-row:1/2}.masonry-7 .over:nth-child(4){grid-column:4/5;grid-row:1/3}.masonry-7 .over:nth-child(5){grid-column:1/2;grid-row:3/5}.masonry-7 .over:nth-child(6){grid-column:2/4;grid-row:2/5}.masonry-7 .over:nth-child(7){grid-column:4/5;grid-row:3/5}.collage.masonry-8{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);height:640px}.collage.masonry-8 img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:5px;display:block}.masonry-8 .over:nth-child(1){grid-column:1/2;grid-row:1/3}.masonry-8 .over:nth-child(2){grid-column:2/3;grid-row:1/2}.masonry-8 .over:nth-child(3){grid-column:3/4;grid-row:1/3}.masonry-8 .over:nth-child(4){grid-column:4/5;grid-row:1/2}.masonry-8 .over:nth-child(5){grid-column:1/2;grid-row:3/4}.masonry-8 .over:nth-child(6){grid-column:2/3;grid-row:2/4}.masonry-8 .over:nth-child(7){grid-column:3/4;grid-row:3/4}.masonry-8 .over:nth-child(8){grid-column:4/5;grid-row:2/4}@media(max-width:768px){.collage.masonry-8{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr)}.collage.masonry-8 .over:nth-child(1){grid-column:1/2;grid-row:1/2}.collage.masonry-8 .over:nth-child(2){grid-column:2/4;grid-row:1/2}.collage.masonry-8 .over:nth-child(3){grid-column:1/3;grid-row:2/3}.collage.masonry-8 .over:nth-child(4){grid-column:3/4;grid-row:2/3}.collage.masonry-8 .over:nth-child(5){grid-column:1/2;grid-row:3/4}.collage.masonry-8 .over:nth-child(6){grid-column:2/4;grid-row:3/4}.collage.masonry-8 .over:nth-child(7){grid-column:1/3;grid-row:4/5}.collage.masonry-8 .over:nth-child(8){grid-column:3/4;grid-row:4/5}}@media(max-width:768px){.collage.masonry-7{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}.collage.masonry-7 .over:nth-child(1){grid-column:1/3;grid-row:1/2}.collage.masonry-7 .over:nth-child(2){grid-column:3/5;grid-row:1/2}.collage.masonry-7 .over:nth-child(3){grid-column:1/2;grid-row:2/3}.collage.masonry-7 .over:nth-child(4){grid-column:1/2;grid-row:3/4}.collage.masonry-7 .over:nth-child(5){grid-column:2/5;grid-row:2/4}.collage.masonry-7 .over:nth-child(6){grid-column:1/3;grid-row:4/5}.collage.masonry-7 .over:nth-child(7){grid-column:3/5;grid-row:4/5}}@media(max-width:768px){.collage.masonry-6{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr)}.collage.masonry-6 .over:nth-child(1){grid-column:1/3;grid-row:1/3}.collage.masonry-6 .over:nth-child(2){grid-column:3/5;grid-row:1/2}.collage.masonry-6 .over:nth-child(3){grid-column:3/5;grid-row:2/3}.collage.masonry-6 .over:nth-child(4){grid-column:1/5;grid-row:3/4}.collage.masonry-6 .over:nth-child(5){grid-column:1/3;grid-row:4/5}.collage.masonry-6 .over:nth-child(6){grid-column:3/5;grid-row:4/5}}@media(max-width:768px){.collage.masonry-5{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr)}.collage.masonry-5 .over:nth-child(1){grid-column:1/3;grid-row:1/2}.collage.masonry-5 .over:nth-child(2){grid-column:1/3;grid-row:2/4}.collage.masonry-5 .over:nth-child(3){grid-column:3/4;grid-row:1/4}.collage.masonry-5 .over:nth-child(4){grid-column:1/3;grid-row:4/5}.collage.masonry-5 .over:nth-child(5){grid-column:3/4;grid-row:4/5}}@media(max-width:768px){.collage.masonry-4{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr)}.collage.masonry-4 .over:nth-child(1){grid-column:1/4;grid-row:1/2}.collage.masonry-4 .over:nth-child(2){grid-column:1/2;grid-row:2/5}.collage.masonry-4 .over:nth-child(3){grid-column:2/4;grid-row:2/4}.collage.masonry-4 .over:nth-child(4){grid-column:2/4;grid-row:4/5}}
