.zp{height:280vh;position:relative}.zp-stage{height:100vh;position:sticky;top:0;overflow:hidden}.zp-layer{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.zp-item{border-radius:.6vw;width:25vw;height:25vh;position:relative;overflow:hidden}.zp-item--centre{z-index:1;box-shadow:0 0 0 1px var(--border-default), 0 0 60px -10px var(--glow-purple);container-type:size}.zp-item--1{width:35vw;height:30vh;top:-30vh;left:5vw}.zp-item--2{width:20vw;height:45vh;top:-8vh;left:-26vw}.zp-item--3{width:22vw;height:30vh;left:27.5vw}.zp-item--4{width:26vw;height:26vh;top:29vh;left:4vw}.zp-intro,.zp-outro{z-index:2;pointer-events:none;position:absolute;bottom:clamp(40px,8vh,96px);left:max(24px,50% - 680px)}.zp-intro{width:min(34vw,480px)}.zp-outro{width:min(100% - 48px,760px)}@media (max-width:700px){.zp{height:240vh}.zp-item--1{width:60vw;height:22vh;top:-27vh;left:8vw}.zp-item--2{width:30vw;height:30vh;top:-3vh;left:-42vw}.zp-item--3{width:34vw;height:26vh;top:2vh;left:44vw}.zp-item--4{display:none}.zp-intro,.zp-outro{width:calc(100% - 40px);left:20px}}.zp--still{flex-direction:column;gap:clamp(24px,3vw,40px);width:min(100% - 48px,1360px);height:auto;margin:auto;padding:clamp(95px,11vw,170px) 0 0;display:flex}.zp--still .zp-intro,.zp--still .zp-outro{width:auto;position:static}.zp-still__screen{aspect-ratio:16/9;box-shadow:0 0 0 1px var(--border-default);border-radius:16px;position:relative;overflow:hidden;container-type:size}.zp-still__row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.zp-still__row>div{aspect-ratio:4/3;border-radius:12px;position:relative;overflow:hidden}.zp--hero .zp-layer{transform-origin:73.333vw;justify-content:flex-start;padding-left:55vw}.zp--hero .zp-item--1{width:30vw;height:28vh;top:-29vh;left:-6vw}.zp--hero .zp-item--2{width:20vw;height:42vh;top:-4vh;left:26.5vw}.zp--hero .zp-item--3{width:26vw;height:26vh;top:28vh;left:3vw}.zp--hero .zp-item--4{width:17.5vw;height:24vh;top:24vh;left:-19vw}.zp--hero .zp-intro{pointer-events:auto;width:min(34vw,520px);top:50%;bottom:auto;transform:translateY(-46%)}@media (max-width:900px){.zp--hero .zp-layer{transform-origin:50% 73.333vh;justify-content:center;align-items:flex-start;padding:55vh 0 0}.zp--hero .zp-item--1{width:30vw;height:20vh;display:block;top:2vh;left:-33vw}.zp--hero .zp-item--2{width:30vw;height:24vh;top:-3vh;left:33vw}.zp--hero .zp-item--3{width:44vw;height:18vh;top:27vh;left:4vw}.zp--hero .zp-item--4{display:none}.zp--hero .zp-intro{width:calc(100% - 48px);top:88px;left:24px;transform:none}}.zp--hero.zp--still .zp-intro{top:auto;transform:none}