/* Scénographie page styles */

.sceno-hero__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-xl);
  align-items: center;
}

.sceno-hero__content {
  grid-column: 1 / span 7;
  min-width: 0;
}

.sceno-hero__title {
  font-size: var(--text-display-size);
  line-height: var(--leading-display);
  letter-spacing: var(--tracking-display);
  margin-block-end: var(--space-lg);
}

.sceno-hero__lead {
  max-width: 65ch;
  margin-block-end: var(--space-xl);
}

.sceno-hero__actions {
  display: flex;
  gap: var(--space-md);
  flex-wrap: wrap;
}

.sceno-hero__media {
  grid-column: 8 / span 4;
  min-width: 0;
}

.sceno-hero__media img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--radius-0);
}

.sceno-approach__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-xl);
  align-items: start;
}

.sceno-approach__main {
  grid-column: 2 / span 5;
  min-width: 0;
}

.sceno-approach__main p,
.sceno-approach__main .content-list,
.sceno-approach__main .quote {
  max-width: 55ch;
}

.sceno-approach__secondary {
  grid-column: 8 / span 4;
  min-width: 0;
}

.sceno-approach__secondary p {
  max-width: 55ch;
}

.sceno-approach__media {
  grid-column: 2 / span 3;
  min-width: 0;
  margin-block-start: var(--space-lg);
}

.sceno-approach__media img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--radius-0);
}

.sceno-process__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-xl);
  margin-block-start: var(--space-xl);
}

.sceno-process__step {
  min-width: 0;
  padding-block-start: var(--space-md);
  border-block-start: 2px solid var(--color-brass);
}

.sceno-process__number {
  display: block;
  font-family: var(--font-heading);
  font-size: var(--text-h3-size);
  line-height: var(--leading-h3);
  color: var(--color-brass);
  margin-block-end: var(--space-sm);
}

.sceno-process__step h3 {
  margin-block-end: var(--space-sm);
}

.sceno-process__step p {
  max-width: 45ch;
}

.sceno-examples__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-xl);
  margin-block-start: var(--space-xl);
}

.sceno-example-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  padding: 0;
  overflow: hidden;
  transition: box-shadow var(--transition-fast), transform var(--transition-fast);
}

.sceno-example-card:hover {
  box-shadow: var(--color-shadow-float);
  transform: translateY(-2px);
}

.sceno-example-card img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--radius-0);
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.sceno-example-card__body {
  padding: var(--space-lg);
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.sceno-example-card__body h3 {
  margin-block-end: 0;
}

.sceno-example-card__body p {
  max-width: 50ch;
  margin-block-end: 0;
}

.sceno-materials__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-xl);
}

.sceno-materials__content {
  grid-column: 2 / span 6;
  min-width: 0;
}

.sceno-materials__content p,
.sceno-materials__content .quote {
  max-width: 60ch;
}

.sceno-light__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-xl);
  align-items: start;
}

.sceno-light__content {
  grid-column: 2 / span 5;
  min-width: 0;
}

.sceno-light__content p {
  max-width: 55ch;
}

.sceno-light__media {
  grid-column: 8 / span 6;
  min-width: 0;
  margin-block-start: var(--space-lg);
}

.sceno-light__media img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--radius-0);
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.sceno-custom__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-xl);
  align-items: start;
}

.sceno-custom__main {
  grid-column: 2 / span 5;
  min-width: 0;
}

.sceno-custom__main p {
  max-width: 55ch;
}

.sceno-custom__secondary {
  grid-column: 8 / span 4;
  min-width: 0;
}

.sceno-custom__secondary p {
  max-width: 55ch;
}

.sceno-logistics__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-xl);
  align-items: start;
}

.sceno-logistics__main {
  grid-column: 2 / span 5;
  min-width: 0;
}

.sceno-logistics__main p,
.sceno-logistics__main .content-list {
  max-width: 55ch;
}

.sceno-logistics__secondary {
  grid-column: 8 / span 4;
  min-width: 0;
}

.sceno-logistics__secondary p {
  max-width: 55ch;
}

.sceno-testimonials__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-xl);
  margin-block-start: var(--space-xl);
}

.sceno-testimonials__grid .quote {
  grid-column: span 5;
  min-width: 0;
  max-width: 50ch;
}

.sceno-testimonials__grid .quote:first-child {
  grid-column: 2 / span 5;
}

.sceno-testimonials__grid .quote:last-child {
  grid-column: 8 / span 5;
}

.sceno-cta__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-xl);
  justify-items: center;
}

.sceno-cta__content {
  grid-column: 3 / span 8;
  min-width: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-md);
}

.sceno-cta__content h2,
.sceno-cta__content p {
  color: var(--color-paper);
  max-width: 50ch;
  margin-inline: auto;
}

.sceno-cta__content h2 {
  margin-block-end: 0;
}

.sceno-cta__content p {
  margin-block-end: 0;
}

.sceno-cta__content .btn {
  margin-block-start: var(--space-sm);
}

@media (min-width: 768px) and (max-width: 1023px) {
  .sceno-hero__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .sceno-hero__content {
    grid-column: 1 / span 5;
  }

  .sceno-hero__media {
    grid-column: 6 / span 3;
  }

  .sceno-approach__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .sceno-approach__main {
    grid-column: 1 / span 4;
  }

  .sceno-approach__secondary {
    grid-column: 5 / span 4;
  }

  .sceno-approach__media {
    grid-column: 1 / span 3;
  }

  .sceno-process__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sceno-examples__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sceno-materials__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .sceno-materials__content {
    grid-column: 1 / span 6;
  }

  .sceno-light__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .sceno-light__content {
    grid-column: 1 / span 4;
  }

  .sceno-light__media {
    grid-column: 5 / span 4;
  }

  .sceno-custom__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .sceno-custom__main {
    grid-column: 1 / span 4;
  }

  .sceno-custom__secondary {
    grid-column: 5 / span 4;
  }

  .sceno-logistics__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .sceno-logistics__main {
    grid-column: 1 / span 4;
  }

  .sceno-logistics__secondary {
    grid-column: 5 / span 4;
  }

  .sceno-testimonials__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .sceno-testimonials__grid .quote:first-child {
    grid-column: 1 / span 4;
  }

  .sceno-testimonials__grid .quote:last-child {
    grid-column: 5 / span 4;
  }

  .sceno-cta__grid {
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }

  .sceno-cta__content {
    grid-column: 2 / span 6;
  }
}

@media (max-width: 767px) {
  .sceno-hero__grid {
    grid-template-columns: 1fr;
    gap: var(--space-lg);
  }

  .sceno-hero__content,
  .sceno-hero__media {
    grid-column: 1;
  }

  .sceno-hero__title {
    font-size: clamp(2.5rem, 10vw, 3.5rem);
  }

  .sceno-approach__grid {
    grid-template-columns: 1fr;
    gap: var(--space-lg);
  }

  .sceno-approach__main,
  .sceno-approach__secondary,
  .sceno-approach__media {
    grid-column: 1;
  }

  .sceno-approach__media {
    margin-block-start: 0;
  }

  .sceno-process__grid {
    grid-template-columns: 1fr;
    gap: var(--space-lg);
  }

  .sceno-examples__grid {
    grid-template-columns: 1fr;
    gap: var(--space-lg);
  }

  .sceno-materials__grid {
    grid-template-columns: 1fr;
  }

  .sceno-materials__content {
    grid-column: 1;
  }

  .sceno-light__grid {
    grid-template-columns: 1fr;
    gap: var(--space-lg);
  }

  .sceno-light__content,
  .sceno-light__media {
    grid-column: 1;
  }

  .sceno-light__media {
    margin-block-start: 0;
  }

  .sceno-custom__grid {
    grid-template-columns: 1fr;
    gap: var(--space-lg);
  }

  .sceno-custom__main,
  .sceno-custom__secondary {
    grid-column: 1;
  }

  .sceno-logistics__grid {
    grid-template-columns: 1fr;
    gap: var(--space-lg);
  }

  .sceno-logistics__main,
  .sceno-logistics__secondary {
    grid-column: 1;
  }

  .sceno-testimonials__grid {
    grid-template-columns: 1fr;
    gap: var(--space-lg);
  }

  .sceno-testimonials__grid .quote:first-child,
  .sceno-testimonials__grid .quote:last-child {
    grid-column: 1;
  }

  .sceno-cta__grid {
    grid-template-columns: 1fr;
  }

  .sceno-cta__content {
    grid-column: 1;
  }
}