/* Homepage project preview uses the actual cropped storefront. */
.ocs-site .ocs-home-project-browser{display:block;position:relative;z-index:2;width:88%;margin:85px 0 90px;border:1px solid #ffffff45;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 24px 55px #050b2355;transition:transform .35s ease}
.ocs-site .ocs-home-browser-bar{height:34px;display:flex;align-items:center;gap:5px;padding:0 12px;background:#eef2f7;color:#667080;font-size:10px}
.ocs-site .ocs-home-browser-bar i{width:6px;height:6px;border-radius:50%;background:#aab4c4}
.ocs-site .ocs-home-browser-bar>span{margin:auto;padding-right:28px}
.ocs-site .ocs-home-project-screen{display:block;aspect-ratio:1.32;overflow:hidden}
.ocs-site .ocs-home-project-screen img{display:block;width:100%;height:auto;max-width:100%;margin:0;transform:none;filter:none}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.ocs-site .ocs-feature-visual:hover .ocs-home-project-browser{transform:translateY(-5px)}}
@media(max-width:850px){.ocs-site .ocs-feature-visual:has(.ocs-home-project-browser){max-height:none;min-height:0}.ocs-site .ocs-home-project-browser{width:88%;margin:65px 0 78px}}
@media(max-width:600px){.ocs-site .ocs-home-project-browser{width:90%;margin:60px 0 70px;border-radius:8px}.ocs-site .ocs-home-browser-bar{height:27px;font-size:9px}.ocs-site .ocs-home-project-screen{aspect-ratio:1.15}}