.screenshot-hero{padding-bottom:45px}.screens-gallery{padding:48px 0 58px;background:#fff}.gallery-intro{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.gallery-intro h2{font:700 31px 'Playfair Display',serif;margin:0}.gallery-intro>p{max-width:390px;margin:0;font-size:12px;line-height:1.6;color:#62798d}.shot-row{display:grid;grid-template-columns:35% 62%;gap:3%;align-items:center;padding:30px 0;border-top:1px solid #dce9f4}.shot-row.reverse{grid-template-columns:62% 35%}.shot-copy>span{font-size:9px;letter-spacing:.8px;font-weight:700;color:#e17922}.shot-copy h3{font:700 23px/1.2 'Playfair Display',serif;margin:6px 0 9px}.shot-copy p{font-size:12px;line-height:1.7;color:#61788c;margin:0}.shot-copy ul{padding:0;list-style:none;margin:11px 0 0}.shot-copy li{font-size:11px;color:#38556b;margin:5px 0}.shot-copy li i{font-size:9px;color:#f28a32;margin-right:6px}.system-shot{position:relative;display:block;border-radius:7px;overflow:hidden;box-shadow:0 15px 31px rgba(15,74,121,.14);border:1px solid #d6e6f3}.system-shot img{width:100%;height:auto;display:block}.system-shot b{position:absolute;bottom:11px;right:11px;background:rgba(16,42,67,.87);color:#fff;border-radius:4px;padding:6px 8px;font-size:9px;opacity:0;transition:.18s}.system-shot:hover b{opacity:1}.system-shot b i{margin-right:3px}@media(max-width:767px){.screens-gallery{padding:38px 0}.gallery-intro{display:block}.gallery-intro h2{font-size:27px}.gallery-intro>p{margin-top:9px}.shot-row,.shot-row.reverse{display:flex;flex-direction:column;gap:17px;padding:24px 0}.shot-row.reverse .system-shot{order:2}.shot-row.reverse .shot-copy{order:1}.system-shot b{opacity:1}.shot-copy h3{font-size:21px}}