/* Experiences imagery only; existing copy and editorial structure are retained. */
.experiences-page .studio-view img { aspect-ratio: 4 / 3; object-fit: cover; object-position: 50% 65%; }
.experiences-page .material-process img { max-height: 520px; object-fit: contain; }
.experiences-page .experience-image-sequence { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px; margin-top: 35px; align-items: start; }
.experiences-page .experience-image-sequence .editorial-art { min-width: 0; padding-top: 0; }
.experiences-page .experience-image-sequence img { height: 300px; width: 100%; object-fit: contain; }
.experiences-page .experience-image-sequence figcaption { font-size: 15px; line-height: 1.6; margin-top: 16px; }
@media(max-width:760px) {
 .experiences-page .experience-image-sequence { grid-template-columns: minmax(0,1fr); gap: 30px; margin-top: 27px; }
 .experiences-page .experience-image-sequence img { height: auto; max-height: 300px; }
 .experiences-page .experience-image-sequence figcaption { font-size: 14px; }
}

/* Preserve the studio film's natural portrait proportions within the existing pairing. */
.experiences-page .editorial-art.studio-film { width: 100%; max-width: 432px; justify-self: center; }
.experiences-page .studio-film video { display: block; width: 100%; height: auto; object-fit: contain; }
.experiences-page .studio-film video:focus-visible { outline: 2px solid #946f35; outline-offset: 5px; }

/* Related elements borrow the Collector journey's fine lines and proportions. */
.experiences-page .engagement-diagram { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; position: relative; margin-bottom: 26px; }
.engagement-diagram::before { content: ''; position: absolute; left: 16.67%; right: 16.67%; top: 44px; height: 1px; background: var(--gold); opacity: .7; }
.engagement-stage { position: relative; text-align: center; font-size: clamp(27px,2.4vw,35px); line-height: 1.15; }
.experiences-page .participatory-section { grid-template-columns: minmax(0,1.12fr) minmax(0,.88fr); gap: 5%; align-items: start; padding-block: 44px; }
.participatory-section .completion-copy h2 { margin: 0 0 22px; }
.participatory-section .completion-copy p { margin-bottom: 18px; }
.experiences-page .participatory-section .editorial-art img { height: auto; max-height: 540px; object-fit: contain; }
@media(max-width:1000px) {
 .experiences-page .completion-opening.paired { grid-template-columns: minmax(0,1fr); gap: 26px; }
 .experiences-page .completion-opening > .editorial-art { max-width: 540px; justify-self: center; }
}
@media(max-width:760px) {
 .experiences-page .engagement-diagram { grid-template-columns: minmax(0,1fr); gap: 24px; }
 .engagement-diagram::before { top: 31px; bottom: 31px; left: 31px; right: auto; width: 1px; height: auto; }
 .engagement-stage { display: flex; align-items: center; gap: 20px; text-align: left; font-size: 33px; }
 .engagement-diagram .engagement-symbol { width: 62px; height: 62px; margin: 0; flex-shrink: 0; }
 .experiences-page .participatory-section { grid-template-columns: minmax(0,1fr); gap: 24px; padding-block: 32px; }
 .experiences-page .participatory-section .editorial-art { max-width: 480px; justify-self: center; }
}