.showcase{padding:96px max(24px,calc((100vw - 1160px)/2));background:#061f21;color:#fff}.showcase .heading>p{color:#aac2c0}.shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.shot{position:relative;height:620px;margin:0;overflow:hidden;border:1px solid #ffffff1f;border-radius:8px;background:#0b3639}.shot:nth-child(2){grid-column:1/-1;grid-row:2;height:310px}.shot:nth-child(3){grid-column:2;grid-row:1}.shot:nth-child(4){grid-column:3;grid-row:1}.shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.shot:nth-child(2) img{object-position:center}.shot figcaption{position:absolute;left:0;right:0;bottom:0;padding:58px 22px 20px;background:linear-gradient(transparent,#041719f2)}.shot figcaption b,.shot figcaption span{display:block}.shot figcaption b{font-size:18px}.shot figcaption span{margin-top:5px;color:#ffffffb3;font-size:13px}.showcase+.app-view{border-top:1px solid #d9e9e7}@media(max-width:820px){.showcase{padding:70px 24px}.shots{grid-template-columns:1fr 1fr}.shot{height:560px}.shot:nth-child(2){grid-column:1/-1;grid-row:3;height:300px}.shot:nth-child(3){grid-column:2;grid-row:1}.shot:nth-child(4){grid-column:1/-1;grid-row:2;height:560px}}@media(max-width:560px){.showcase{padding-left:20px;padding-right:20px}.shots{grid-template-columns:1fr}.shot,.shot:nth-child(2),.shot:nth-child(3),.shot:nth-child(4){grid-column:auto;grid-row:auto;height:520px}.shot:nth-child(2){height:250px}.shot figcaption{padding-left:18px;padding-right:18px}}