/* An unfolding contact sheet: conversation, exploration, first click. */
.process-story{background:#f5f1f4;color:#101010;padding:76px 0 54px}
.process-story-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:48px}
.process-story-heading .eyebrow{padding-top:10px}
.process-story-heading h2{font-size:clamp(46px,5.8vw,82px);font-weight:400;line-height:1.04;letter-spacing:-.06em}
.process-story-heading h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.journey-scenes{padding:0;margin:0;list-style:none;display:flex;align-items:stretch;min-height:490px}
.journey-scene{position:relative;flex:1;min-width:0;padding:26px 28px 24px;display:flex;flex-direction:column;transition:flex .8s cubic-bezier(.22,1,.36,1);overflow:hidden}
.journey-listen{background:#101010;color:#fff}
.journey-shape{background:#e8dfe5;color:#101010}
.journey-launch{background:var(--pink);color:#101010}
.journey-scene h3{font-weight:400;line-height:1;letter-spacing:0;margin:0}
.journey-toggle{width:100%;text-align:left;border:0;padding:0;background:none;color:inherit;cursor:pointer;display:block}
.journey-toggle:focus-visible{outline:2px solid currentColor;outline-offset:8px}
.journey-top{display:flex;align-items:center;gap:14px;font-size:12px;line-height:1.5;letter-spacing:.04em;min-height:24px}
.journey-number{font-size:14px;letter-spacing:0}
.journey-toggle-icon{margin-left:auto;font-size:21px;line-height:1;transition:transform .6s}
.journey-word{font-size:clamp(50px,5.3vw,78px);letter-spacing:-.075em;line-height:.99;display:block;padding-top:72px;padding-bottom:18px;transition:font-size .7s cubic-bezier(.22,1,.36,1)}
.journey-word em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em}
.journey-listen .journey-word{font-family:Georgia,'Times New Roman',serif;font-style:italic;letter-spacing:-.06em}
.journey-listen .journey-word>span{color:var(--pink)}
.journey-shape .journey-word{font-weight:500}
.journey-detail{margin-top:20px}
.journey-detail[hidden]{display:none}
.journey-detail p{font-size:16px;line-height:1.7;max-width:260px}
.journey-listen .journey-detail p{color:#d1c7ce}
.journey-footer{font-size:12px;line-height:1.7;letter-spacing:.065em;margin-top:auto;padding-top:40px}
.process-interactive .journey-scene.is-active{flex:2}
.process-interactive .journey-scene.is-active .journey-word{font-size:clamp(76px,8.3vw,120px)}
.process-interactive .journey-scene.is-active .journey-toggle-icon{transform:rotate(90deg)}
.journey-guide{display:none}
.process-interactive .journey-guide{display:flex;align-items:center;gap:24px;margin-top:25px;font-size:14px;color:#5b5159;line-height:1.6}
.journey-track{height:1px;background:#10101030;flex:1;overflow:hidden}
.journey-track>span{display:block;width:33.333%;height:100%;background:#101010;transform:translateX(var(--journey-progress,0%));transition:transform .6s cubic-bezier(.22,1,.36,1)}
.journey-counter{font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.08em;white-space:nowrap}
@keyframes journey-note{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.process-interactive .is-active .journey-detail{animation:journey-note .6s .15s both}}
@media(max-width:1100px) and (min-width:801px){
 .journey-scene{padding-inline:21px}
 .journey-top{gap:9px;font-size:12px;flex-wrap:wrap}
 .journey-toggle-icon{display:none}
 .journey-word{font-size:5.3vw}
 .process-interactive .journey-scene.is-active{flex:1.7}
 .process-interactive .journey-scene.is-active .journey-word{font-size:8vw}
}
@media(max-width:800px){
 .process-story{padding:55px 0 38px}
 .process-story-heading{display:block;margin-bottom:32px}
 .process-story-heading h2{font-size:clamp(42px,9vw,66px);margin-top:24px}
 .journey-scenes{display:block;min-height:0}
 .journey-scene{padding:22px 24px;min-height:380px}
 .journey-word{font-size:70px;padding-top:40px}
 .process-interactive .journey-scene{min-height:0}
 .process-interactive .journey-scene:not(.is-active) .journey-word,.process-interactive .journey-scene:not(.is-active) .journey-footer{display:none}
 .process-interactive .journey-scene.is-active{min-height:395px}
 .process-interactive .journey-scene.is-active .journey-word{font-size:clamp(74px,15vw,110px);padding-top:45px}
 .journey-top{font-size:12px;gap:14px}
 .journey-detail{margin-top:8px}
 .journey-detail p{max-width:320px}
 .journey-footer{padding-top:28px}
 .process-interactive .journey-guide{gap:15px;font-size:12px;margin-top:20px}
 .journey-guide>span:first-child{max-width:190px}
}
@media(prefers-reduced-motion:reduce){.journey-scene,.journey-word,.journey-toggle-icon,.journey-track>span{transition:none}}