.experiences-page {
  overflow: clip;
}

.experiences-page .experiences-hero,
.experiences-page .experience-section,
.experiences-page .experiences-composition,
.experiences-page .experiences-custom,
.experiences-page .experiences-contact {
  width: 100%;
}

.experiences-hero {
  padding-block: var(--space-10) var(--space-9);
  background: var(--color-porcelain);
}

.experiences-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
  column-gap: calc(var(--space-7) + var(--space-4));
  align-items: center;
}

.experiences-hero__content,
.experiences-hero__media,
.experiences-composition__story,
.experiences-composition__rail,
.experience-chic__copy,
.experience-chic__figure,
.experience-gourmet__figure,
.experience-gourmet__panel,
.experience-lounge__copy,
.experience-lounge__figure,
.experience-theme__intro,
.experience-theme__figure,
.experience-theme__panel,
.experience-corporate__figure,
.experience-corporate__panel,
.experience-private__copy,
.experience-private__figure,
.experiences-custom__story,
.experiences-custom__steps,
.experiences-contact__conversion,
.experiences-faq,
.experiences-contact__note {
  min-width: 0;
  width: 100%;
}

.experiences-hero__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
  max-width: 35rem;
}

.experiences-hero__content .eyebrow,
.experiences-hero__content h1,
.experiences-hero__content p {
  margin-bottom: 0;
}

.experiences-hero__content h1 {
  font-size: var(--font-size-h1);
  line-height: 0.9;
}

.experiences-hero__intro {
  max-width: 48ch;
  font-size: var(--font-size-intro);
  font-weight: 500;
  line-height: 1.4;
}

.experiences-hero__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-4);
  width: 100%;
}

.experiences-hero__actions > * {
  min-width: 0;
}

.experiences-hero__note {
  color: var(--color-charcoal);
  font-size: var(--font-size-meta);
  font-weight: 600;
}

.experiences-hero__media {
  height: min(43vw, 38.75rem);
  min-height: 34rem;
  border-top-right-radius: var(--radius-lg);
}

.experiences-hero__media img {
  transition: transform var(--transition-image);
}

.experiences-hero__media:hover img {
  transform: scale(1.03);
}

.experiences-composition {
  padding-block: var(--space-10);
  background: var(--color-travertine);
}

.experiences-composition__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(15rem, 3fr);
  column-gap: calc(var(--space-8) + var(--space-4));
  align-items: start;
}

.experiences-composition__story {
  position: relative;
  max-width: 41.25rem;
}

.experiences-composition__story > :not(.experiences-composition__number) {
  position: relative;
  z-index: 1;
}

.experiences-composition__story .eyebrow,
.experiences-composition__story h2,
.experiences-composition__story p {
  margin-bottom: 0;
}

.experiences-composition__story {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
}

.experiences-composition__number,
.experiences-custom__number,
.experience-theme__number {
  position: absolute;
  z-index: 0;
  color: var(--color-eucalyptus-soft);
  font-size: var(--font-size-number);
  font-weight: 700;
  letter-spacing: -0.09em;
  line-height: 0.82;
  pointer-events: none;
}

.experiences-composition__number {
  top: -2.6rem;
  left: -1.2rem;
}

.experiences-composition__rail {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
  min-width: 15rem;
}

.experiences-composition__detail {
  padding-left: var(--space-5);
  border-left: 1px solid var(--color-brass);
}

.experiences-composition__detail h3 {
  margin-bottom: var(--space-3);
  font-family: var(--font-body);
  font-size: var(--font-size-meta);
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 1.35;
  text-transform: uppercase;
}

.experiences-composition__detail p,
.experiences-composition__list {
  margin-bottom: 0;
  font-size: 0.9375rem;
}

.experiences-composition__list {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding-left: 1.1em;
}

.experiences-composition__list li {
  padding-left: var(--space-1);
}

.experience-section {
  padding-block: var(--space-10);
}

.experience-chic__grid {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
  column-gap: calc(var(--space-8) + var(--space-4));
  align-items: center;
}

.experience-chic__copy,
.experience-private__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
  max-width: 26.875rem;
}

.experience-chic__copy :is(.eyebrow, h2, p),
.experience-private__copy :is(.eyebrow, h2, p) {
  margin-bottom: 0;
}

.experience-chic__ideal {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-5);
  border-left: 2px solid var(--color-brass);
  background: var(--color-porcelain);
}

.experience-chic__ideal span,
.experience-private__callout span,
.experiences-contact__note span {
  color: var(--color-eucalyptus);
  font-size: var(--font-size-micro);
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.2;
  text-transform: uppercase;
}

.experience-chic__figure,
.experience-lounge__figure,
.experience-corporate__figure,
.experience-private__figure {
  margin: 0;
}

.experience-chic__media {
  aspect-ratio: 3 / 2;
  min-height: 30rem;
}

.experience-chic__media img,
.experience-gourmet__media img,
.experience-lounge__media img,
.experience-theme__media img,
.experience-corporate__media img,
.experience-private__media img {
  transition: transform var(--transition-image);
}

.experience-chic__media:hover img,
.experience-lounge__media:hover img,
.experience-corporate__media:hover img,
.experience-private__media:hover img {
  transform: scale(1.03);
}

.experience-chic__figure figcaption,
.experience-lounge__figure figcaption,
.experience-corporate__figure figcaption,
.experience-private__figure figcaption {
  padding-top: var(--space-3);
  border-top: 1px solid var(--color-brass);
}

.experience-gourmet {
  background: var(--color-travertine);
}

.experience-gourmet__grid {
  display: grid;
  grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
  column-gap: var(--space-8);
  align-items: start;
}

.experience-gourmet__figure {
  margin: 0;
}

.experience-gourmet__media {
  aspect-ratio: 4 / 3;
  min-height: 28rem;
}

.experience-gourmet__panel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
  max-width: 29.375rem;
  margin-top: var(--space-8);
  padding: var(--space-8);
  background: var(--color-terracotta-soft);
}

.experience-gourmet__panel :is(.eyebrow, h2, p) {
  margin-bottom: 0;
}

.experience-gourmet__quote {
  color: var(--color-eucalyptus);
  font-family: var(--font-heading);
  font-size: 1.5rem;
  font-style: italic;
  line-height: 1.08;
}

.experience-gourmet__moments {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  width: 100%;
}

.experience-gourmet__moments p {
  padding-top: var(--space-3);
  border-top: var(--border-default);
  font-size: 0.9375rem;
}

.experience-lounge {
  padding-block: var(--space-10);
}

.experience-lounge__grid {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 7fr);
  column-gap: calc(var(--space-8) + var(--space-4));
  align-items: center;
}

.experience-lounge__copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
  max-width: 26.25rem;
}

.experience-lounge__copy :is(.eyebrow, h2, p) {
  margin-bottom: 0;
}

.experience-lounge__qualities {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}

.experience-lounge__qualities p {
  font-size: 0.9375rem;
}

.experience-lounge__qualities strong {
  display: block;
  margin-bottom: var(--space-1);
  color: var(--color-brass);
  font-size: var(--font-size-micro);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.experience-lounge__media {
  aspect-ratio: 16 / 9;
  min-height: 20.625rem;
  border-radius: 0 0 var(--radius-lg) 0;
}

.experience-lounge__figure figcaption {
  color: var(--color-porcelain);
}

.experience-theme__intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-5);
  max-width: 40.625rem;
  margin-inline: auto;
  margin-bottom: var(--space-8);
  text-align: center;
}

.experience-theme__intro :is(.eyebrow, h2, p) {
  margin-bottom: 0;
}

.experience-theme__grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 5fr);
  column-gap: calc(var(--space-8) + var(--space-4));
  align-items: start;
}

.experience-theme__figure {
  margin: 0;
}

.experience-theme__media {
  aspect-ratio: 4 / 3;
  min-height: 25rem;
  border-radius: var(--radius-md) var(--radius-md) var(--radius-md) 0;
}

.experience-theme__panel {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
  max-width: 29.375rem;
  margin-top: var(--space-8);
  padding: var(--space-8);
  background: var(--color-travertine);
}

.experience-theme__panel > :not(.experience-theme__number) {
  position: relative;
  z-index: 1;
  margin-bottom: 0;
}

.experience-theme__number {
  top: var(--space-4);
  right: var(--space-5);
}

.experience-theme__panel h3 {
  max-width: 16ch;
}

.experience-corporate {
  background: var(--color-travertine);
}

.experience-corporate__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  column-gap: var(--space-7);
  align-items: center;
}

.experience-corporate__media {
  aspect-ratio: 3 / 2;
  min-height: 30rem;
}

.experience-corporate__panel {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
  min-width: 21.875rem;
  margin-left: calc(var(--space-7) * -1);
  padding: var(--space-8);
  background: var(--color-eucalyptus-soft);
}

.experience-corporate__panel :is(.eyebrow, h2, p) {
  margin-bottom: 0;
}

.experience-corporate__uses {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  width: 100%;
  padding-left: var(--space-5);
  border-left: 1px solid var(--color-brass);
}

.experience-corporate__uses p {
  font-size: 0.9375rem;
}

.experience-private__grid {
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 6fr);
  column-gap: calc(var(--space-8) + var(--space-4));
  align-items: start;
}

.experience-private__callout {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-5);
  background: var(--color-terracotta-soft);
}

.experience-private__figure {
  margin-top: var(--space-9);
}

.experience-private__media {
  aspect-ratio: 4 / 3;
  min-height: 28.125rem;
}

.experiences-custom {
  padding-block: var(--space-10);
  background: var(--color-travertine);
}

.experiences-custom__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(15.625rem, 3fr);
  column-gap: calc(var(--space-8) + var(--space-4));
  align-items: start;
}

.experiences-custom__story {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
  max-width: 42.5rem;
}

.experiences-custom__story > :not(.experiences-custom__number) {
  position: relative;
  z-index: 1;
  margin-bottom: 0;
}

.experiences-custom__number {
  top: -2.6rem;
  left: -1.2rem;
}

.experiences-custom__steps {
  display: flex;
  flex-direction: column;
  min-width: 15.625rem;
}

.experiences-custom__step {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-3);
  padding-block: var(--space-5);
  border-top: var(--border-default);
}

.experiences-custom__step:first-child {
  padding-top: 0;
  border-top: 0;
}

.experiences-custom__step > :is(span, h3, p) {
  margin-bottom: 0;
}

.experiences-custom__step > span {
  color: var(--color-brass);
  font-size: var(--font-size-meta);
  font-weight: 700;
  letter-spacing: 0.06em;
}

.experiences-custom__step h3 {
  font-family: var(--font-body);
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.35;
}

.experiences-custom__step p {
  font-size: 0.9375rem;
}

.experiences-contact {
  padding-block: var(--space-10);
}

.experiences-contact__grid {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(20.625rem, 4fr);
  column-gap: var(--space-8);
  row-gap: var(--space-8);
  align-items: start;
}

.experiences-contact__conversion {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-5);
  max-width: 37.5rem;
}

.experiences-contact__conversion :is(.eyebrow, h2, p) {
  margin-bottom: 0;
}

.experiences-contact__conversion p {
  max-width: 50ch;
}

.experiences-faq {
  display: flex;
  flex-direction: column;
  border-top: 1px solid color-mix(in srgb, var(--color-limestone) 72%, transparent);
}

.experiences-faq__item {
  width: 100%;
  min-width: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--color-limestone) 72%, transparent);
}

.experiences-faq__item h3 {
  margin: 0;
}

.experiences-faq__item button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  width: 100%;
  min-height: 3.5rem;
  padding: var(--space-4) 0;
  border: 0;
  background: transparent;
  color: var(--color-porcelain);
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.35;
  text-align: left;
}

.experiences-faq__item button span {
  flex: 0 0 auto;
  color: var(--color-brass);
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1;
  transition: transform 180ms ease;
}

.experiences-faq__item button[aria-expanded="true"] span {
  transform: rotate(45deg);
}

.experiences-faq__answer {
  overflow: hidden;
  transition: max-height 180ms ease;
}

.experiences-faq__answer[hidden] {
  display: none;
}

.experiences-faq__answer p {
  max-width: 42ch;
  margin-bottom: var(--space-5);
  color: var(--color-porcelain);
  font-size: 0.9375rem;
}

.experiences-contact__note {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  max-width: 45rem;
  padding: var(--space-5);
  border-top: 1px solid var(--color-brass);
  background: var(--color-porcelain);
  color: var(--color-charcoal);
}

.experiences-contact__note p {
  max-width: 52ch;
  margin-bottom: 0;
  font-size: 0.9375rem;
}

@media (max-width: 74.9375rem) {
  .experiences-hero__grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--space-7);
  }

  .experiences-hero__media {
    min-height: 28rem;
    height: 34rem;
  }

  .experiences-composition__grid,
  .experiences-custom__grid {
    grid-template-columns: minmax(0, 5fr) minmax(15rem, 3fr);
    gap: var(--space-7);
  }

  .experience-chic__grid,
  .experience-lounge__grid,
  .experience-private__grid {
    column-gap: var(--space-7);
  }

  .experience-chic__media,
  .experience-corporate__media {
    min-height: 25rem;
  }

  .experience-gourmet__grid {
    column-gap: var(--space-6);
  }

  .experience-gourmet__panel,
  .experience-theme__panel,
  .experience-corporate__panel {
    padding: var(--space-6);
  }

  .experience-gourmet__panel {
    margin-top: var(--space-6);
  }

  .experience-corporate__panel {
    min-width: 0;
    margin-left: 0;
  }

  .experiences-contact__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .experiences-faq {
    max-width: 100%;
  }
}

@media (max-width: 67.4375rem) {
  .experiences-hero__grid,
  .experience-chic__grid,
  .experience-gourmet__grid,
  .experience-lounge__grid,
  .experience-corporate__grid,
  .experience-private__grid {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--space-7);
  }

  .experiences-hero__content,
  .experience-chic__copy,
  .experience-private__copy,
  .experience-lounge__copy {
    max-width: 42.5rem;
  }

  .experiences-hero__media {
    grid-row: 2;
    height: 30rem;
    min-height: 0;
  }

  .experience-chic__figure,
  .experience-gourmet__figure,
  .experience-lounge__figure,
  .experience-corporate__figure,
  .experience-private__figure {
    grid-row: 2;
  }

  .experience-gourmet__panel,
  .experience-corporate__panel {
    max-width: 100%;
    margin-top: 0;
  }

  .experience-lounge__media {
    min-height: 0;
  }

  .experience-private__figure {
    margin-top: 0;
  }

  .experience-theme__grid {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--space-6);
  }

  .experience-theme__panel {
    max-width: 100%;
    margin-top: 0;
  }

  .experiences-composition__grid,
  .experiences-custom__grid {
    grid-template-columns: minmax(0, 1fr);
    row-gap: var(--space-7);
  }

  .experiences-composition__rail,
  .experiences-custom__steps {
    width: 100%;
    max-width: 42.5rem;
  }
}

@media (max-width: 47.9375rem) {
  .experiences-hero,
  .experience-section,
  .experiences-composition,
  .experiences-custom,
  .experiences-contact {
    padding-block: var(--space-8);
  }

  .experiences-hero__content {
    gap: var(--space-5);
  }

  .experiences-hero__content h1 {
    font-size: 3.375rem;
  }

  .experiences-hero__intro {
    max-width: 34ch;
    font-size: 1.125rem;
  }

  .experiences-hero__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .experiences-hero__actions .text-link {
    align-self: flex-start;
  }

  .experiences-hero__media {
    height: 17.5rem;
  }

  .experiences-composition__story,
  .experiences-custom__story {
    gap: var(--space-5);
  }

  .experiences-composition__number,
  .experiences-custom__number {
    top: -1.75rem;
    left: -0.5rem;
    font-size: 4.5rem;
  }

  .experiences-composition__story p,
  .experiences-custom__story p {
    max-width: 34ch;
  }

  .experiences-composition__rail {
    gap: var(--space-5);
  }

  .experiences-composition__detail {
    padding-top: var(--space-5);
    padding-left: 0;
    border-top: var(--border-default);
    border-left: 0;
  }

  .experience-chic__copy,
  .experience-private__copy,
  .experience-lounge__copy {
    gap: var(--space-5);
  }

  .experience-chic__copy > p,
  .experience-private__copy > p,
  .experience-lounge__copy > p,
  .experience-gourmet__panel > p,
  .experience-corporate__panel > p {
    max-width: 34ch;
  }

  .experience-chic__media,
  .experience-gourmet__media,
  .experience-corporate__media,
  .experience-private__media {
    min-height: 16.25rem;
  }

  .experience-gourmet__panel,
  .experience-theme__panel,
  .experience-corporate__panel {
    gap: var(--space-5);
    padding: var(--space-5);
  }

  .experience-gourmet__quote {
    font-size: 1.375rem;
  }

  .experience-lounge__media {
    min-height: 13.75rem;
  }

  .experience-theme__intro {
    margin-bottom: var(--space-6);
  }

  .experience-theme__intro p {
    max-width: 34ch;
  }

  .experience-theme__media {
    min-height: 16.875rem;
  }

  .experience-theme__number {
    top: var(--space-3);
    right: var(--space-4);
    font-size: 4.5rem;
  }

  .experience-corporate__uses {
    padding-left: var(--space-4);
  }

  .experiences-custom__steps {
    gap: 0;
  }

  .experiences-custom__step {
    padding-block: var(--space-5);
  }

  .experiences-contact__grid {
    row-gap: var(--space-7);
  }

  .experiences-contact__conversion {
    gap: var(--space-5);
  }

  .experiences-contact__conversion h2 {
    max-width: 11ch;
  }

  .experiences-contact__conversion p {
    max-width: 34ch;
  }

  .experiences-contact__note {
    padding: var(--space-5);
  }
}

@media (prefers-reduced-motion: reduce) {
  .experiences-hero__media:hover img,
  .experience-chic__media:hover img,
  .experience-lounge__media:hover img,
  .experience-corporate__media:hover img,
  .experience-private__media:hover img {
    transform: none;
  }
}