.product-showreel__grid {--title-row-size: minmax(10px, auto);--action-row-size: minmax(50px, auto);display: grid;gap: var(--space-m);grid-template-columns: repeat(2, 1fr);grid-template-rows: var(--title-row-size);place-items: stretch; .product-showreel__media img {display: block;} .product-showreel__title {grid-area: title;} .product-showreel__action {grid-area: action;justify-self: center;} .product-showreel__media-1 {grid-area: media1;} .product-showreel__media-2 {grid-area: media2;aspect-ratio: 3/2;} .product-showreel__media-3 {grid-area: media3;aspect-ratio: 3/2;} .product-showreel__media-4 {grid-area: media4;} }  .one-image {grid-template-columns: 1fr;grid-template-areas:"title""media1"; .product-showreel__media-1 {max-height: 187px;} }  .two-images {grid-template-areas:"title title""media1 media2";}  .three-images {grid-template-areas:"title title""media2 media2""media3 media1";}  .four-images {grid-template-areas:"title title""media1 media1""media2 media4""media3 media4"; .product-showreel__media-1 {aspect-ratio: 3/2;} }  .multiple-images {grid-template-areas:"title title""media1 media1""media2 media4""media3 media4""action action"; .product-showreel__media-1 {aspect-ratio: 3/2;} }  @media (min-width: 414px) {  .one-image { .product-showreel__media-1 {max-height: 388px;} }  }  @media (min-width: 768px) {  .one-image { .product-showreel__media-1 {justify-self: center;max-height: 445px;} }  .two-images {grid-template-areas:"title  media2""media1 media2";}  .three-images {grid-template-columns: 4fr 3fr;grid-template-rows: var(--title-row-size) repeat(2, 1fr) var(--action-row-size);grid-template-areas:"title media2""media1 media2""media1 media3""media1 media3";}  .four-images {grid-template-columns: 4fr 2fr 2.5fr;grid-template-rows: var(--title-row-size) repeat(2, 1fr) var(--action-row-size);grid-template-areas:"title media2 media4""media1 media2 media4""media1 media3 media4""media1 media3 media4";max-height: 35vw; .product-showreel__media-1 {aspect-ratio: auto;} }  .multiple-images {grid-template-columns: 4fr 2fr 2.5fr;grid-template-rows: var(--title-row-size) repeat(2, 1fr) var(--action-row-size);grid-template-areas:"title media2 media4""media1 media2 media4""media1 media3 media4""media1 media3 action";max-height: 35vw; .product-showreel__media-1 {aspect-ratio: auto;} }  }  @media (min-width: 1024px) {  .product-showreel__grid {gap: var(--space-xl); .product-showreel__action {justify-self: auto;} }  .one-image { .product-showreel__media-1 {max-height: 480px;} }  }  @media (min-width: 1350px) {  .one-image { .product-showreel__media-1 {max-height: 537px;} }  }  @media (min-width: 1920px) {  .one-image { .product-showreel__media-1 {max-height: 720px;} }  }  @media (min-width: 2000px) {  .template-product .product-showreel__grid {gap: clamp(2rem, 1.6vw, 4rem);}  .template-product .one-image .product-showreel__media-1 {max-height: clamp(52rem, 40vw, 82rem);}  .template-product .four-images, .template-product .multiple-images {max-height: min(46vw, 92rem);}  .template-product .product-showreel__title, .template-product .product-showreel__title .h2, .template-product .product-showreel__title h2 {font-size: clamp(3rem, 1.5vw, 4.75rem);line-height: 1.08;}  }