/* PROCESS + ACCORDÉON */
.luxury__process {
  background: var(--color-surface-muted);
  padding: 0;
}

.process {
  position: relative;
  display: flex;
  gap: 2.688rem;
  align-items: stretch;
  --process-block-height: clamp(32rem, 75vh, 44rem);
}
.process__media {
  position: sticky;
  top: 6rem;
  flex: 0 0 45%;
  margin: 0;
  overflow: hidden;
  border-radius: 0;
  height: var(--process-block-height);
}
.process__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.process__content {
  flex: 1 1 auto;
  display: flex;
  align-items: stretch;
  background: var(--color-surface-muted);
  border-radius: 1.5rem;
}
.process__inner {
  width: 100%;
  scale: 0.8;
  padding: 0 4rem 0 0;
  display: flex;
  flex-direction: column;
  min-height: var(--process-block-height);
  max-height: calc(var(--process-block-height) * 1.3);
}
.process__header {
  padding: 0 1.25rem 1.5rem;
  flex-shrink: 0;
}
.process__title {
  margin: 0 0 1rem;
  color: var(--color-text);
  font: var(--h3-font);
  padding-left: 0;
}
.process__intro {
  margin: 0 0 1.5rem;
  color: var(--color-text);
  padding-left: 1.25rem;
    font: var(--body);

}
.process__header .process__title,
.process__header .process__intro {
  padding-left: 0;
}
.process__inner > .acc,
.process__scroll {
  flex: 1 1 auto;
  overflow-y: auto;
  padding-right: 1rem;
  scrollbar-width: none;
}
.process__inner > .acc::-webkit-scrollbar,
.process__scroll::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.process__inner > .acc::after,
.process__scroll .acc::after {
  content: "";
  flex: 0 0 1.5rem;
}
.process__scroll {
  display: flex;
  flex-direction: column;
}
.process__scroll .acc {
  overflow: visible;
  padding-right: 0;
}
@media (max-width: 1199px) {
  .luxury__process .process{
    height: auto;
  }
.process__inner{
scale: 1;
max-height: initial;
}
}
@media (max-width: 1024px) {
  .process {
    flex-direction: column;
    --process-block-height: auto;
  }
  .process__content {
    border-radius: 0;
  }
  .process__media {
    display: none;
    position: relative;
    top: auto;
    width: 100%;
    flex: none;
    height: auto;
    border-radius:0;
  }
  .process__inner {
    height: auto;
    padding: 2rem;
  }
  .process__inner > .acc,
  .process__scroll {
    overflow: visible;
    padding-right: 0;
  }
}