/* Alternating chapters: Mayfair layout, InterConformity identity. */
.journey-section{background:#f8f9fa;padding-block:clamp(64px,7vw,96px) 56px;scroll-margin-top:0}
.journey-section .studio-heading{margin-bottom:clamp(40px,5vw,64px)}
.journey-section .studio-heading h2{font-size:clamp(36px,4vw,50px);text-wrap:balance}
.process-stories{display:grid;gap:clamp(64px,7.5vw,112px)}
.process-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,4.5vw,64px);align-items:center;scroll-margin-top:24px}
.process-story-copy{grid-column:1;grid-row:1;min-width:0}
.process-story:nth-child(even) .process-story-copy{grid-column:2}
.process-story .chapter-film{grid-column:2;grid-row:1}
.process-story:nth-child(even) .chapter-film{grid-column:1}
.process-story-label{display:flex;align-items:baseline;gap:12px;color:#934851;font-size:12px;line-height:1.5;font-weight:600;letter-spacing:.15em;text-transform:uppercase;margin:0 0 12px}
.process-story-label>span{font-size:16px;letter-spacing:0;font-variant-numeric:tabular-nums}
.process-story h3{font-size:clamp(28px,2.55vw,36px);font-weight:500;line-height:1.15;letter-spacing:-.02em;text-wrap:balance;max-width:24ch;margin:0}
.process-story-intro{font-size:16px;font-weight:400;line-height:1.65;color:#465c6f;max-width:60ch;margin:20px 0 0;text-wrap:pretty}
.process-story-details{list-style:none;margin:22px 0 0;padding:0}
.process-story-details li{display:flex;gap:12px;align-items:baseline;border-top:1px solid #dbe1e5;padding:10px 0;color:#526677;font-size:14px;line-height:1.5;font-weight:400}
.process-story-details li:before{content:"";width:5px;height:5px;flex:0 0 5px;align-self:flex-start;margin-top:8px;border-radius:50%;background:var(--coral)}
.process-story-copy .text-link{display:inline-flex;align-items:center;min-height:44px;gap:12px;font-size:13px;margin-top:8px}
.process-story .chapter-film{position:relative;margin:0;aspect-ratio:16/9;overflow:hidden;border-radius:18px;background:#e8edf0;isolation:isolate}
.chapter-film video{display:block;width:100%;height:100%;object-fit:contain}
.chapter-film figcaption{position:absolute;left:14px;bottom:12px;color:#fff;font-size:9px;line-height:1.3;padding:4px 7px;background:#102b4399;border-radius:4px}
.chapter-play,.chapter-open{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff80;border-radius:50%;color:white;background:#102b43df;cursor:pointer}
.chapter-play[hidden]{display:none}
.chapter-play:focus-visible{outline:3px solid white;outline-offset:3px}
.chapter-open{width:auto;padding:0 14px;border-radius:24px;font-size:12px}
.journey-section .journey-note{font-size:11px;line-height:1.5;margin-top:48px;color:#526677}
@media(max-width:800px){
 .journey-section{padding-block:56px 40px}
 .journey-section .studio-heading{display:block;margin-bottom:36px}
 .journey-section .studio-heading>.text-link{margin-top:20px}
 .process-stories{gap:56px}
 .process-story{grid-template-columns:minmax(0,1fr);gap:24px}
 .process-story .process-story-copy,.process-story:nth-child(even) .process-story-copy{grid-column:1;grid-row:2}
 .process-story .chapter-film,.process-story:nth-child(even) .chapter-film{grid-column:1;grid-row:1;border-radius:12px}
 .process-story h3{font-size:30px;max-width:none}
 .process-story-intro{margin-top:16px;font-size:15px}
 .process-story-details{margin-top:18px}
 .process-story-details li{font-size:14px;padding-block:10px}
 .journey-section .journey-note{margin-top:32px;font-size:10px}
}
@media(prefers-contrast:more){.process-story-details li{border-color:#9baab5;color:var(--ink)}.process-story-intro{color:var(--ink)}}
@media print{.process-story{break-inside:avoid}.chapter-play,.chapter-open{display:none}}