.collection-detail__grid {
  display: grid;
  gap: clamp(1.2rem, 1.5vw, 2.4rem);
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-areas: 'header header image-1 image-2'
 'image-3 image-3 image-3 image-4'; }
  @media (max-width: 1099px) {
    .collection-detail__grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      grid-template-areas: 'header header image-1'
 'image-3 image-2 image-4'; } }
  @media (max-width: 767px) {
    .collection-detail__grid {
      gap: 20px;
      grid-template-columns: minmax(0, 1fr);
      grid-template-areas: none; } }

.collection-detail__header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  grid-column: 1 / 3; }
  @media (max-width: 767px) {
    .collection-detail__header {
      grid-column: 1; } }

.collection-detail__image-list {
  display: contents; }
  @media (max-width: 767px) {
    .collection-detail__image-list {
      display: flex;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      align-items: flex-start;
      flex-wrap: nowrap;
      box-sizing: content-box;
      gap: 16px; } }
  @media (max-width: 575px) {
    .collection-detail__image-list {
      gap: 8px; } }

.collection-detail__image {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  justify-content: center;
  grid-column: span 1; }
  @media (max-width: 767px) {
    .collection-detail__image {
      flex: 1 0 250px; } }

.collection-detail__image-1 {
  grid-area: image-1; }

.collection-detail__image-2 {
  grid-area: image-2; }

.collection-detail__image-3 {
  grid-area: image-3; }

.collection-detail__image-4 {
  grid-area: image-4; }

.collection-detail__image--wide {
  grid-column: span 3; }
  @media (max-width: 1099px) {
    .collection-detail__image--wide {
      grid-column: span 1; } }

.collection-detail__title {
  margin-bottom: 2.4rem;
  font-family: "Lora", Arial, Verdana, sans-serif; }

.collection-detail__subtitle {
  max-width: 73rem; }