/* Website design imagery within the agency layout. */
.hero-laptop .hero-site-image{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:3px}.hero-laptop{height:320px!important}.phone-preview{padding:0!important;overflow:hidden;background:#fff!important}.phone-preview .phone-site-image{width:100%!important;height:100%!important;object-fit:cover;object-position:top;display:block;margin:0!important;border-radius:0!important}.product-concept{transform:rotate(-1deg);background:#edf3f6}.commerce-site-image{display:block;width:100%;height:auto}.system-showcase-art{height:200px!important;display:flex;align-items:center;justify-content:center;margin:10px 0 18px;overflow:hidden;border-radius:7px}.system-showcase-art img{display:block;width:100%;height:100%;object-fit:contain;border-radius:7px}.photo-comparison{width:100%;height:100%;overflow:hidden;background:#f6f1e8;direction:ltr}.photo-comparison img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.photo-comparison-full{height:auto;overflow:visible}.photo-comparison-full img{height:auto;object-fit:contain}.redesign-frame{height:auto!important;aspect-ratio:3/2;min-height:0}.redesign-frame .redesign-layer{position:absolute;inset:0}.comparison-full-grid [data-full-sample]{background:#f5f0e8}.comparison-full-grid .photo-comparison-full img{width:100%;height:auto}.process-card:has(.system-showcase-art){min-height:365px}.hero-art .restaurant-ticket{pointer-events:none}.preview-device iframe{background:white}
@media(max-width:1000px){.hero-laptop{height:275px!important}.system-showcase-art{height:175px!important}}
@media(max-width:760px){.hero-laptop{height:210px!important}.redesign-frame{aspect-ratio:3/2;overflow:hidden}.redesign-frame .redesign-layer{position:absolute!important;inset:0}.redesign-frame[data-mode=after] .old-layer,.redesign-frame[data-mode=before] .new-layer{display:none}.photo-comparison img{object-fit:contain}.system-showcase-art{height:170px!important}.process-card:has(.system-showcase-art){min-height:375px}html[lang=ar] .hero-laptop{height:205px!important}}
/* Keep the brand diamonds readable over detailed mockup photography. */
.hero-art .art-diamonds.bottom{width:62px;height:38px;filter:none;transform:rotate(7deg);background:transparent;border:0;border-radius:0;box-shadow:none;isolation:isolate}
.hero-art .art-diamonds.bottom::before,.hero-art .art-diamonds.bottom::after{width:12px;height:12px;top:12px;background:#34451e}
.hero-art .art-diamonds.bottom::before{left:13px}
.hero-art .art-diamonds.bottom::after{left:36px}
@media(max-width:760px){.hero-art .art-diamonds.bottom{width:49px;height:31px;bottom:37px}.hero-art .art-diamonds.bottom::before,.hero-art .art-diamonds.bottom::after{width:10px;height:10px;top:10px}.hero-art .art-diamonds.bottom::before{left:10px}.hero-art .art-diamonds.bottom::after{left:28px}}