/* Homepage journey (Round H, H1, 27 Oct 2026; docs/design-loop/2026-10-27-round-h-brief.md): the five stages one line
   each on the line that joins them, beside one picture, Meteor bare and turned on Round G's lit ground with its contact
   shadow. Each stage's mark fills as the section comes into view (door-journey.js); under reduced motion at once. */
.door-journey{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(40px,6vw,96px);align-items:start;padding-top:72px;padding-bottom:72px;border-top:1px solid #e4dfe9}
.door-journey-heading h2{font-size:clamp(30px,3vw,42px);line-height:1.15;letter-spacing:-.035em;margin:12px 0 0}
.door-journey-timeline{list-style:none;padding:0;margin:36px 0 22px}
.door-journey-timeline>li{position:relative;display:grid;grid-template-columns:10.5rem minmax(0,1fr);column-gap:18px;align-items:baseline;padding:0 0 22px 34px}
.door-journey-timeline>li:last-child{padding-bottom:0}
.door-journey-timeline>li:before{content:'';position:absolute;z-index:1;left:0;top:6px;width:12px;height:12px;box-sizing:border-box;border:2px solid #8b7ac0;border-radius:50%;background:#faf9f7;transition:background-color .45s ease}
.door-journey-timeline>li:not(:last-child):after{content:'';position:absolute;left:5px;top:18px;bottom:-6px;width:2px;background:#ded7ed}
.door-journey.is-in-view .door-journey-timeline>li:before{background:#8b7ac0}
.door-journey-timeline>li:nth-child(2):before{transition-delay:.1s}.door-journey-timeline>li:nth-child(3):before{transition-delay:.2s}.door-journey-timeline>li:nth-child(4):before{transition-delay:.3s}.door-journey-timeline>li:nth-child(5):before{transition-delay:.4s}
.door-journey-timeline h3{margin:0;font-size:16px;line-height:1.5;font-weight:700;letter-spacing:-.01em;color:#1c1730}
.door-journey-timeline p{margin:0;font-size:15px;line-height:1.5;color:#625b6b;text-wrap:pretty}
.door-journey-more{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:600;color:#332483}
.door-journey .door-journey-preview{font-size:12px;line-height:1.6;color:#756d7c;margin:4px 0 0}
.door-journey-picture{margin:0}
.door-journey-stage{position:relative;aspect-ratio:4/5;border-radius:6px;overflow:hidden;background:radial-gradient(130% 95% at 50% 0%,#f7f5f1 0%,#ede9e2 55%,#e1dbd1 100%)}
.door-journey-stage img{position:absolute;z-index:1;left:50%;bottom:10%;width:auto;height:78%;max-width:none;transform:translateX(-50%);filter:drop-shadow(0 3px 2px rgba(41,33,22,.16)) drop-shadow(0 16px 18px rgba(41,33,22,.12))}
.door-journey-stage:after{content:'';position:absolute;left:50%;bottom:calc(10% - 10px);width:44%;height:20px;transform:translateX(-50%) rotate(-3.5deg) scaleX(.94);border-radius:50%;background:radial-gradient(closest-side,rgba(38,34,30,.26),rgba(38,34,30,.1) 58%,rgba(38,34,30,0))}
.door-journey-picture figcaption{margin-top:10px;font-size:13px;line-height:1.5;color:#625b6b}
@media(max-width:1100px){.door-journey-timeline>li{grid-template-columns:minmax(0,1fr);row-gap:2px;padding-bottom:18px}.door-journey-timeline>li:before{top:5px}}
@media(max-width:760px){
 .door-journey{grid-template-columns:minmax(0,1fr);gap:0;padding-top:40px;padding-bottom:40px}
 .door-journey-text{display:contents}
 .door-journey-heading{order:1}.door-journey-picture{order:2;margin:24px 0 4px}.door-journey-timeline{order:3}.door-journey-more{order:4}.door-journey .door-journey-preview{order:5}
 .door-journey-heading h2{font-size:30px}
 .door-journey-stage{aspect-ratio:4/3}
 .door-journey-stage img{bottom:9%;height:82%}
 .door-journey-stage:after{bottom:calc(9% - 10px);width:34%}
 .door-journey-timeline{margin:24px 0 14px}
}
@media(prefers-reduced-motion:reduce){.door-journey-timeline>li:before{transition:none!important}}