.journey--screenshots .journey-layout{width:min(1600px,92%);grid-template-columns:minmax(280px,.7fr) minmax(0,1.5fr);gap:48px}
.journey--screenshots .story-step{min-height:88svh;padding-block:80px}
.journey--screenshots .story-step h2{font-size:40px;letter-spacing:0;line-height:1.12}
.journey--screenshots .scene-sticky{height:auto;top:max(32px,calc((100svh - 620px)/2));padding-block:32px;perspective:1800px}
.journey--screenshots .scene-device{border-radius:8px;border-width:6px;border-bottom-width:8px}
.journey--screenshots .scene-toolbar{height:32px;padding-inline:18px}
.journey--screenshots .scene-panel,.journey--screenshots .mobile-scene .scene-panel{padding:0;min-height:0;aspect-ratio:16/9;background:#eef2f6}
.journey--screenshots .scene-screenshot-link{display:block;width:100%;height:100%;overflow:hidden}
.journey--screenshots .scene-panel img{width:100%;height:100%;object-fit:contain;object-position:center}
.journey--screenshots .scene-panel--email,.journey--screenshots .mobile-scene .scene-panel--email{aspect-ratio:2170/611;background:transparent}
.journey--screenshots .scene-panel--email .scene-screenshot-link{position:relative}
.journey--screenshots .scene-panel--email img{position:absolute;left:0;top:calc(-100% * 57 / 611);height:calc(100% * 725 / 611);object-fit:fill}
.journey--screenshots .scene-device:has(.scene-panel--email:not([hidden])){border:0;background:transparent;box-shadow:none}
.journey--screenshots .scene-device:has(.scene-panel--email:not([hidden])) .scene-toolbar{display:none}
.journey--screenshots .scene-sticky:has(.scene-panel--email:not([hidden])){top:max(32px,calc((100svh - 310px)/2))}
.journey--screenshots .scene-navigation{margin:20px 0 0;gap:10px;flex-wrap:wrap}
.journey--screenshots .scene-navigation a{width:40px;height:40px;flex:0 0 40px;font-size:12px}
.journey--screenshots .scene-navigation>span{font-size:11px;letter-spacing:0;margin-left:4px}
.journey--screenshots .mobile-scene .scene-caption{font-size:12px;line-height:1.5;padding:10px}
.journey--screenshots .customisation-screenshots{display:grid;grid-template-columns:1fr 1fr;gap:12px;height:100%;padding:12px;box-sizing:border-box}
@media(max-width:760px){.journey--screenshots .mobile-scene .scene-panel--customisation{aspect-ratio:auto}.journey--screenshots .customisation-screenshots{grid-template-columns:1fr;height:auto;padding:8px;gap:8px}.journey--screenshots .customisation-screenshots img{height:auto;display:block}}
@media(max-width:1100px) and (min-width:761px){.journey--screenshots .journey-layout{grid-template-columns:minmax(220px,.7fr) minmax(0,1.5fr);gap:28px}.journey--screenshots .story-step h2{font-size:32px}.journey--screenshots .story-step>p:not(.eyebrow){font-size:14px}}
@media(max-width:760px){.journey--screenshots .journey-layout{width:92%;display:flex}.journey--screenshots .story-step{min-height:0;padding-block:40px;width:100%;min-width:0}.journey--screenshots .story-step h2{font-size:32px}.journey--screenshots .story-step .mobile-scene{border-width:3px;border-radius:8px;overflow:hidden}.journey--screenshots .scene-column{display:none}}
@media(prefers-reduced-motion:reduce){.journey--screenshots .scene-panel{animation:none}}
@media(max-width:760px){.journey--screenshots .story-step .mobile-scene:has(.scene-panel--email){border:0;background:transparent;box-shadow:none}}