/* A steady narrative guide above the six product moments. */
.presentation.product-slide #scene{
 height:auto;
 min-height:calc(100svh - var(--site-header-height) - var(--site-footer-height));
 align-items:center;
}
.slide.investigation-stage{
 container-type:inline-size;
 width:min(100%,1280px,max(960px,calc((100svh - var(--site-header-height) - var(--site-footer-height) - 152px) * 16 / 9)));
 padding:20px 0 12px;
}
.moment-heading .narrative-title{margin-bottom:22px}
.journey-route{
 display:grid;
 grid-template-columns:repeat(6,minmax(0,1fr));
 list-style:none;
 padding:0;
 margin:0 0 20px;
}
.journey-stop{position:relative;min-height:42px;color:#737373;font-size:14px;line-height:18px}
.journey-stop::before{content:"";position:absolute;top:8px;left:0;right:0;height:1px;background:#d9d9d9}
.journey-stop:last-child::before{right:calc(100% - 8px)}
.journey-stop-label{position:relative;display:inline-flex;align-items:center;gap:8px;background:#fff;padding-right:12px}
.journey-marker{display:block;width:10px;height:10px;border:1px solid #a3a3a3;border-radius:50%;background:#fff;flex-shrink:0}
.journey-stop[aria-current="step"] .journey-stop-label{color:#0d75ff;font-weight:550}
.journey-stop[aria-current="step"] .journey-marker{background:#0d75ff;border-color:#0d75ff}
.journey-handoff{display:block;color:#404040;font-size:12px;line-height:16px;margin-top:6px;white-space:nowrap}
.moment-screen{position:relative}
.moment-screen .product-frame{width:100%;margin:0}
.presentation.product-slide .controls{position:sticky;bottom:0;background:#fff;z-index:5}
/* The app responds to its own width, which can be narrower than the page. */
@container(max-width:800px){
 .moment-screen .product-frame{aspect-ratio:auto;height:var(--frame-height,600px)}
}
@media(max-width:800px){
 .presentation.product-slide #scene{align-items:flex-start;padding:0}
 .slide.investigation-stage{width:100%;padding:24px 0 30px}
 .moment-heading .narrative-title{margin-bottom:24px}
 .journey-route{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:12px;margin-bottom:24px}
 .journey-stop{min-height:54px;font-size:14px}
 .journey-stop:nth-child(3)::before{right:calc(100% - 8px)}
 .journey-stop-label{gap:6px;padding-right:8px}
 .journey-handoff{white-space:normal;padding-right:8px}
}