.galeria-page {
  background-color: var(--color-midnight-navy);
  color: var(--color-champagne-ivory);
}

.galeria-intro {
  padding-block: var(--space-96);
  background-color: var(--color-midnight-navy);
}

.galeria-intro__content {
  max-width: var(--container-max-width);
  margin-inline: auto;
  padding-inline: var(--container-padding-mobile);
  text-align: center;
}

.galeria-intro__content .eyebrow {
  margin-block-end: var(--space-12);
}

.galeria-intro__content h1 {
  margin-block-end: var(--space-24);
}

.galeria-intro__lead {
  max-width: 65ch;
  margin-inline: auto;
  margin-block-end: var(--space-24);
  font-size: var(--text-body-large-size);
  line-height: var(--text-body-large-line-height);
  font-weight: var(--text-body-large-weight);
  letter-spacing: var(--text-body-large-tracking);
}

.galeria-intro__detail {
  max-width: 65ch;
  margin-inline: auto;
  margin-block-end: 0;
  color: var(--color-champagne-ivory);
}

.galeria-wide {
  background-color: var(--color-midnight-navy);
}

.galeria-wide__figure {
  width: 100%;
  height: 70vh;
  margin: 0;
  overflow: hidden;
  position: relative;
}

.galeria-wide__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.galeria-wide__figure::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(rgba(5,8,13,0.2), rgba(5,8,13,0.2));
  pointer-events: none;
}

.galeria-wide__content {
  max-width: var(--container-max-width);
  margin-inline: auto;
  padding-inline: var(--container-padding-mobile);
  padding-block: var(--space-64);
}

.galeria-wide__content h2 {
  margin-block-end: var(--space-24);
}

.galeria-wide__content p {
  max-width: 75ch;
  margin-block-end: 0;
}

.galeria-details {
  background-color: var(--color-deep-emerald);
  padding-block: var(--space-96);
}

.galeria-details__content {
  max-width: var(--container-max-width);
  margin-inline: auto;
  padding-inline: var(--container-padding-mobile);
  text-align: center;
}

.galeria-details__content h3 {
  margin-block-end: var(--space-32);
}

.galeria-details__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-24);
  margin-block-end: var(--space-32);
}

.galeria-details__figure {
  margin: 0;
  padding: var(--space-8);
  background-color: var(--color-midnight-navy);
  border: 1px solid var(--color-antique-gold);
  border-radius: var(--radius-none);
  min-width: 0;
}

.galeria-details__image {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
}

.galeria-details__description {
  max-width: 65ch;
  margin-inline: auto;
  margin-block-end: 0;
}

.galeria-evening {
  background-color: var(--color-midnight-navy);
  padding-block: var(--space-96);
}

.galeria-evening__grid {
  max-width: var(--container-max-width);
  margin-inline: auto;
  padding-inline: var(--container-padding-mobile);
  display: grid;
  grid-template-columns: 3fr 2fr;
  gap: var(--space-32);
  align-items: center;
}

.galeria-evening__figure {
  margin: 0;
  padding: var(--space-8);
  background-color: var(--color-midnight-navy);
  border: 1px solid var(--color-antique-gold);
  border-radius: var(--radius-none);
  min-width: 0;
}

.galeria-evening__image {
  width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  display: block;
}

.galeria-evening__text {
  min-width: 0;
  padding-inline-start: var(--space-32);
}

.galeria-evening__text h2 {
  margin-block-end: var(--space-24);
}

.galeria-evening__text p {
  max-width: 50ch;
  margin-block-end: var(--space-16);
}

.galeria-evening__quote {
  margin-block: var(--space-24);
  padding-inline-start: var(--space-16);
  border-inline-start: 2px solid var(--color-burgundy);
  font-family: var(--font-heading);
  font-size: var(--text-h3-size);
  line-height: var(--text-h3-line-height);
  font-weight: var(--text-h3-weight);
  letter-spacing: var(--text-h3-tracking);
  color: var(--color-champagne-ivory);
  font-style: italic;
}

.galeria-evening__quote p {
  max-width: none;
  margin-block-end: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  color: inherit;
}

.galeria-artdeco {
  background-color: var(--color-deep-emerald);
  padding-block: var(--space-96);
}

.galeria-artdeco__content {
  max-width: var(--container-max-width);
  margin-inline: auto;
  padding-inline: var(--container-padding-mobile);
  text-align: center;
}

.galeria-artdeco__content h3 {
  margin-block-end: var(--space-32);
}

.galeria-artdeco__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-24);
  margin-block-end: var(--space-32);
}

.galeria-artdeco__figure {
  margin: 0;
  padding: var(--space-8);
  background-color: var(--color-midnight-navy);
  border: 1px solid var(--color-antique-gold);
  border-radius: var(--radius-none);
  min-width: 0;
}

.galeria-artdeco__image {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;
}

.galeria-artdeco__description {
  max-width: 65ch;
  margin-inline: auto;
  margin-block-end: 0;
}

.galeria-restaurant {
  background-color: var(--color-midnight-navy);
  padding-block: var(--space-96);
}

.galeria-restaurant__grid {
  max-width: var(--container-max-width);
  margin-inline: auto;
  padding-inline: var(--container-padding-mobile);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-32);
  align-items: center;
}

.galeria-restaurant__text {
  min-width: 0;
  padding-inline-end: var(--space-32);
}

.galeria-restaurant__text h2 {
  margin-block-end: var(--space-24);
}

.galeria-restaurant__text p {
  max-width: 60ch;
  margin-block-end: 0;
}

.galeria-restaurant__figure {
  margin: 0;
  padding: var(--space-8);
  background-color: var(--color-midnight-navy);
  border: 1px solid var(--color-antique-gold);
  border-radius: var(--radius-none);
  min-width: 0;
}

.galeria-restaurant__image {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
}

.galeria-corridor {
  background-color: var(--color-midnight-navy);
}

.galeria-corridor__figure {
  width: 100%;
  height: 50vh;
  margin: 0;
  overflow: hidden;
  position: relative;
}

.galeria-corridor__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.galeria-corridor__figure::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(rgba(5,8,13,0.3), rgba(5,8,13,0.3));
  pointer-events: none;
}

.galeria-corridor__content {
  max-width: var(--container-max-width);
  margin-inline: auto;
  padding-inline: var(--container-padding-mobile);
  padding-block: var(--space-64);
  text-align: center;
}

.galeria-corridor__content h3 {
  margin-block-end: var(--space-24);
}

.galeria-corridor__content p {
  max-width: 65ch;
  margin-inline: auto;
  margin-block-end: 0;
}

.galeria-invitation {
  background-color: var(--color-deep-emerald);
  padding-block: var(--space-96);
  position: relative;
  overflow: hidden;
}

.galeria-invitation::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(
    45deg,
    rgba(198, 161, 91, 0.1) 0px,
    rgba(198, 161, 91, 0.1) 2px,
    transparent 2px,
    transparent 12px
  );
  pointer-events: none;
}

.galeria-invitation__content {
  position: relative;
  max-width: var(--container-max-width);
  margin-inline: auto;
  padding-inline: var(--container-padding-mobile);
  text-align: center;
}

.galeria-invitation__content .eyebrow {
  margin-block-end: var(--space-12);
}

.galeria-invitation__content h2 {
  margin-block-end: var(--space-24);
}

.galeria-invitation__content p {
  max-width: 60ch;
  margin-inline: auto;
  margin-block-end: var(--space-16);
}

.galeria-invitation__content p:last-of-type {
  margin-block-end: var(--space-32);
}

.galeria-invitation__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 220px;
  margin-block-start: var(--space-8);
}

@media (min-width: 768px) {
  .galeria-intro__content,
  .galeria-wide__content,
  .galeria-details__content,
  .galeria-evening__grid,
  .galeria-artdeco__content,
  .galeria-restaurant__grid,
  .galeria-corridor__content,
  .galeria-invitation__content {
    padding-inline: var(--container-padding-desktop);
  }
}

@media (max-width: 900px) {
  .galeria-evening__grid {
    grid-template-columns: 1fr;
    gap: var(--space-24);
  }

  .galeria-evening__text {
    padding-inline-start: 0;
  }

  .galeria-evening__text p {
    max-width: 65ch;
  }

  .galeria-restaurant__grid {
    grid-template-columns: 1fr;
    gap: var(--space-24);
  }

  .galeria-restaurant__text {
    padding-inline-end: 0;
  }

  .galeria-restaurant__text p {
    max-width: 65ch;
  }
}

@media (max-width: 767px) {
  .galeria-intro {
    padding-block: var(--space-64);
  }

  .galeria-wide__figure {
    height: 50vh;
  }

  .galeria-wide__content {
    padding-block: var(--space-48);
  }

  .galeria-details {
    padding-block: var(--space-64);
  }

  .galeria-details__grid {
    grid-template-columns: 1fr;
    gap: var(--space-16);
  }

  .galeria-evening {
    padding-block: var(--space-64);
  }

  .galeria-artdeco {
    padding-block: var(--space-64);
  }

  .galeria-artdeco__grid {
    grid-template-columns: 1fr;
    gap: var(--space-16);
  }

  .galeria-restaurant {
    padding-block: var(--space-64);
  }

  .galeria-corridor__figure {
    height: 40vh;
  }

  .galeria-corridor__content {
    padding-block: var(--space-48);
  }

  .galeria-invitation {
    padding-block: var(--space-64);
  }

  .galeria-invitation__cta {
    width: 100%;
    max-width: 300px;
  }
}

@media (max-width: 480px) {
  .galeria-intro__lead,
  .galeria-intro__detail,
  .galeria-wide__content p,
  .galeria-details__description,
  .galeria-evening__text p,
  .galeria-artdeco__description,
  .galeria-restaurant__text p,
  .galeria-corridor__content p,
  .galeria-invitation__content p {
    max-width: 100%;
  }
}