.media-grid{--grid-1-2:1/2;--grid-1-3:1/3;--grid-2-3:2/3;--grid-2-4:2/4;--grid-3-4:3/4;--grid-3-5:3/5;--grid-4-5:4/5;display:grid;grid-gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,auto);width:100%;height:400px}.media-grid .media-photos{grid-column:var(--grid-2-4);grid-row:var(--grid-1-3)}.media-grid .media-photos-0{grid-column:var(--grid-1-3);grid-row:var(--grid-1-3)}.media-grid .media-photos-1{grid-column:var(--grid-3-4);grid-row:var(--grid-1-3)}.media-grid .media-photos-2{grid-column:var(--grid-4-5);grid-row:var(--grid-1-2)}.media-grid .media-photos-3{grid-column:var(--grid-4-5);grid-row:var(--grid-2-3)}.media-grid .media-photos-2-1{grid-column:var(--grid-3-5);grid-row:var(--grid-1-3)}.media-grid .media-photos-3-2{grid-column:var(--grid-4-5);grid-row:var(--grid-1-3)}.media-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;max-height:100%;max-width:100%;overflow:hidden;pointer-events:none;position:relative}.media-item img{height:100%;max-width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.viewer-button-wrap{width:100%;height:100%;position:absolute;top:0;left:0;padding:32px 24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.viewer-button-wrap .show-all-photos-button{cursor:pointer;padding:9px 24px;-webkit-transition:border-color .2s ease-out;transition:border-color .2s ease-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-box-align:center;-ms-flex-align:center;align-items:center;backdrop-filter:blur(2px);background:rgba(25,27,32,.4);border:2px solid #fff;border-radius:24px;color:#fff}