/* Scroll controls the handoff; each feature keeps its original playback. */
.feature-story.depth-journey{display:block;height:420svh;position:relative}
.depth-journey .journey-stage{position:sticky;top:100px;min-height:calc(100svh - 120px);display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center}
.depth-journey .sticky-column{display:block;width:100%;max-width:820px;min-width:0;flex-shrink:0}
.depth-journey .sticky-media{position:relative;top:auto;margin-inline:auto;max-width:100%;border-radius:26px}
.depth-journey .media-head{padding:12px 20px}
.depth-journey .media-panels{width:640px;height:500px;min-height:0;aspect-ratio:auto;transform:scale(var(--feature-scale,1));transform-origin:top left;margin-bottom:calc(500px * (var(--feature-scale,1) - 1));perspective:1100px;overflow:hidden}
.depth-journey .feature-panel{transition:none;transform-origin:center;will-change:transform,opacity}
.depth-journey .media-pagination{display:none}
.depth-journey .feature-copy{display:block;position:relative;height:210px;width:100%;max-width:760px;min-width:0;flex-shrink:0;text-align:center}
.depth-journey .story-item{position:absolute;inset:0 0 auto;min-height:0;margin:0;justify-content:flex-start;align-items:center;transition:none;pointer-events:none}
.depth-journey .story-item.is-active{pointer-events:auto}
.depth-journey .feature-index{justify-content:center;font-size:10px;margin-bottom:4px;gap:10px}
.depth-journey .feature-index span{font-size:11px}
.depth-journey .story-item h3{font-size:26px;line-height:1.35;letter-spacing:-.5px;margin-bottom:6px}
.depth-journey .story-item h3 br{display:none}
.depth-journey .story-item>p:not(.feature-index){font-size:13px;line-height:1.8;min-height:0;max-width:600px;margin-inline:auto}
.depth-journey .feature-key,.depth-journey .feature-detail{justify-content:center;margin-top:6px;min-height:0;font-size:10px}
.depth-journey .feature-key>span:last-child{display:inline}
.depth-journey .mobile-media,.depth-journey .mobile-pin-demo,.depth-journey .mobile-history-demo{display:none!important}
.journey-anchor{position:absolute;left:0;width:1px;height:1px;pointer-events:none}
.journey-nav{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:9px}
.journey-nav button{font:inherit;font-size:11px;font-variant-numeric:tabular-nums;width:33px;height:28px;border:1px solid #dce5f1;background:#ffffff99;border-radius:8px;color:#91a0b5;cursor:pointer}
.journey-nav button[aria-current=step]{background:#e7f0ff;border-color:#b8d2fb;color:#2378ed}
.journey-hint{position:absolute;bottom:0;left:0;width:100%;font-size:9px;color:#71849e;text-align:center}
@media(max-width:900px){
 .depth-journey .journey-stage{top:84px;min-height:calc(100svh - 104px);gap:16px}
 .depth-journey .feature-copy{height:238px}
 .depth-journey .story-item{inset:0 0 auto}
 .depth-journey .story-item h3{font-size:23px;line-height:1.35;margin-bottom:6px}
 .depth-journey .story-item h3 br{display:initial}
 .depth-journey .story-item>p:not(.feature-index){font-size:12px;line-height:1.7;max-width:520px}
 .depth-journey .feature-key,.depth-journey .feature-detail{margin-top:8px}
 .depth-journey .media-head{padding:11px 16px}
 .depth-journey .sticky-media{border-radius:20px}
 .depth-journey .media-pagination{display:none}
}
@media(prefers-reduced-motion:reduce){.depth-journey .feature-panel{will-change:auto}}

.features > .section-heading{text-align:center;margin-inline:auto}

/* Tighten the handoff into the details section after the final card releases. */
.features.section{padding-bottom:32px}
.features + .details.section{padding-top:40px}
.depth-journey .story-item{transform-origin:center top}