/* Editorial Experience slides: one scene and three illustrated descriptions. */
.experience-series { background: #fff; }
.experience-story { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.1fr); gap: clamp(2rem,4vw,4.5rem); margin-top: 2.5rem; align-items: stretch; }
.experience-scene { position: relative; isolation: isolate; min-width: 0; min-height: 32rem; margin: 0; overflow: hidden; background: #242320; }
.experience-scene > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.experience-scene::after { content: ''; position: absolute; inset: 35% 0 0; z-index: 1; background: linear-gradient(transparent,rgba(0,0,0,.85)); pointer-events: none; }
.experience-scene figcaption { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; padding: clamp(1.5rem,3vw,3rem); color: #fff; font-size: clamp(1rem,1.2vw,1.3rem); line-height: 1.6; }
.experience-features { min-width: 0; display: grid; grid-template-rows: repeat(3,1fr); gap: 1.25rem; }
.experience-feature { position: relative; min-width: 0; display: grid; grid-template-columns: clamp(8.5rem,11vw,11.5rem) minmax(0,1fr); gap: clamp(1rem,2vw,2rem); align-items: center; padding-bottom: 1.25rem; border-bottom: 1px solid #e6e1d8; }
.experience-feature:last-child { padding-bottom: 0; border-bottom: 0; }
.experience-feature-media { position: relative; width: 100%; aspect-ratio: 1; background: #f4f3f0; }
.experience-feature-media img { position: absolute; inset: 8%; width: 84%; height: 84%; object-fit: contain; object-position: center; }
.experience-feature-copy h3 { margin: 0 0 .65rem; color: #202020; font: 400 clamp(1.5rem,2vw,2.15rem)/1.15 "Bodoni 72",Didot,"Times New Roman",serif; letter-spacing: -.02em; }
.experience-feature-copy p { margin: 0; max-width: 34ch; color: #615c54; font-size: 1rem; line-height: 1.6; }
.experience-feature-link { display: inline-flex; gap: .85rem; margin-top: .85rem; color: #815a27; font-size: .875rem; font-weight: 600; }
.experience-feature-link > span { transition: transform 180ms ease; }
.experience-feature:hover .experience-feature-link > span { transform: translate(2px,-2px); }
.experience-feature .product-card-trigger::after { content: none; }
.experience-feature .product-card-trigger:focus-visible { outline-offset: 5px; }
@media(max-width:1000px) {
  .experience-story { grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 1.5rem; }
  .experience-feature { grid-template-columns: 8rem minmax(0,1fr); gap: 1rem; }
}
@media(max-width:760px) {
  .experience-story { grid-template-columns: minmax(0,1fr); gap: 1.75rem; margin-top: 1.75rem; }
  .experience-scene { min-height: 0; aspect-ratio: 4 / 3; }
  .experience-scene figcaption { padding: 1.5rem; font-size: 1rem; }
  .experience-features { grid-template-rows: auto; gap: 1.25rem; }
  .experience-feature { grid-template-columns: clamp(6.5rem,29vw,10rem) minmax(0,1fr); }
  .experience-feature-copy h3 { font-size: 1.5rem; }
  .experience-feature-copy p { line-height: 1.5; }
}