/* Keep the website screenshot inset within the hero image. */
.hero-site-preview{width:84%;max-width:380px;height:280px;top:110px;left:50%;border-width:7px;transform:translateX(-50%);overflow:hidden}
.hero-site-preview img{display:block;position:relative;top:0;width:100%;height:auto;max-width:none;object-fit:initial;object-position:top}
.location-bar{font-size:11px;letter-spacing:.06em}
.service-media-footer{justify-content:center;min-height:48px;padding-top:12px}
.dev-motion-controls,.client-tour-card .dev-motion-controls,.client-showcase .dev-motion-controls{display:flex;width:fit-content;justify-content:center;margin:16px auto 0;padding:3px;gap:0;border-radius:6px}
.service-media-footer .dev-motion-controls{margin:0 auto}
.dev-motion-controls button,.dev-motion-controls button+button{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:92px;min-width:92px;min-height:36px;padding:7px 10px;font-size:12px;line-height:1.2}
.dev-motion-controls button svg{display:block;width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#service-instagram-1 .ig-image{aspect-ratio:3/4!important}
#service-instagram-1 .ig-image>img{object-fit:cover!important;object-position:50% 40%}
.post-portrait-crop .ig-image{aspect-ratio:3/4!important}
.post-portrait-crop .ig-image>img{object-fit:cover!important;object-position:50% 40%}
.social-preview-canvas .ig-number,.social-preview-canvas .post-pagination{display:none!important}
@media(max-width:1279px){.hero-site-preview{height:270px;top:100px}}
@media(max-width:900px){.location-bar{font-size:11px}.hero-site-preview{height:260px;top:95px}}
@media(max-width:650px){.location-bar{font-size:11px}.hero-site-preview{width:84%;height:235px;top:85px;border-width:5px}.hero-site-preview img{top:0}}
@media(prefers-reduced-motion:reduce){.dev-motion-controls{display:none!important}}