.moment-story{--moment-header:4.5rem;background:var(--paper);height:480svh;color:var(--ink)}.moment-stage{top:var(--moment-header);height:calc(100svh - var(--moment-header));isolation:isolate;position:sticky;overflow:hidden}.moment-art,.moment-art picture{position:absolute;inset:0}.moment-art img{object-fit:cover;object-position:50% 65%;width:100%;height:100%;display:block}.moment-stage:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#f9f8f6cc,#f9f8f6b8 25%,#f9f8f633 43%,#0000 65%);position:absolute;inset:0}.moment-lines{z-index:2;inset:22% var(--gutter) auto;text-align:center;font:400 clamp(2rem,4.2vw,4.5rem)/1.2 var(--font-editorial);letter-spacing:-.035em;text-wrap:balance;place-items:center;margin:0;display:grid;position:absolute}.moment-lines span{grid-area:1/1;max-width:100%}.moment-progress{z-index:3;background:#3c372d1f;height:2px;position:absolute;bottom:0;left:0;right:0}.moment-progress span{transform-origin:0;background:#795c41;width:100%;height:100%;display:block;transform:scaleX(0)}.moment-accessible{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.journal-story-details{padding-inline:var(--gutter)}@media (width<=700px){.moment-story[data-story=traffics-endless-stream] .moment-art picture:first-child img{object-position:35% 50%}.moment-story[data-story=traffics-endless-stream] .moment-art picture:nth-child(2) img{object-position:22% 50%}.moment-story[data-story=traffics-endless-stream] .moment-art picture:nth-child(3) img{object-position:50% 50%}.moment-story[data-story=skyscrapers-reach-high] .moment-art picture:first-child img{object-position:53% 50%}.moment-story[data-story=skyscrapers-reach-high] .moment-art picture:nth-child(2) img{object-position:55% 50%}.moment-story[data-story=skyscrapers-reach-high] .moment-art picture:nth-child(3) img{object-position:59% 50%}.moment-story{height:410svh}.moment-lines{font-size:clamp(1.8rem,7.2vw,2.75rem);line-height:1.25;inset:22% 1.25rem auto}.moment-art img{object-position:44% 50%}.moment-art picture:nth-child(2) img{object-position:45% 50%}.moment-art picture:nth-child(3) img{object-position:48% 50%}}@media (height<=500px){.moment-lines{font-size:clamp(1.6rem,3.5vw,2.2rem);top:20%}}