/* Show the work as screen designs, not floating advertising mockups. */
.hero-showcase{background:#e8ebf1;height:470px;border:1px solid #dce0e8}
.showcase-label{font-size:12px;letter-spacing:.08em;left:24px;top:22px}
.hero-image{box-shadow:0 10px 25px #1b284414;border:1px solid #d3d9e3;will-change:auto}
.hero-image-main,.motion-ready .hero-image-main{width:82%;left:5%;top:64px;transform:none;animation:none}
.hero-image-secondary,.motion-ready .hero-image-secondary{width:21%;right:4%;bottom:68px;transform:none;animation:none;border:4px solid #fff;box-shadow:0 9px 25px #1b28442b}
.showcase-caption{position:absolute;left:24px;right:24px;bottom:22px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:#5d6675}
.showcase-caption strong{font-size:13px;font-weight:600;letter-spacing:.09em;color:#1a2433}
.project-art{aspect-ratio:1.12;background:#edf0f4;border:1px solid #e1e5eb}
.project-art-apex{background:#e9edeb}
.project-art img,.project-art-apex img{transform:none;width:88%;left:6%;top:15%;box-shadow:0 8px 20px #24334e12;border:1px solid #cdd3dc}
.project-art:hover img{transform:translateY(-3px);box-shadow:0 14px 24px #24334e1a}
.project-view{bottom:19px}.project-art-top{top:20px}
.case-image-wrap{padding:24px;background:#eef0f4}.case-image-wrap img{box-shadow:none;border:1px solid #cfd5df}
.photo-credit{font-size:12px!important;line-height:1.65;margin-top:12px;color:#626873}.photo-credit a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:1150px) and (min-width:801px){.hero-showcase{height:355px}.hero-image-main,.motion-ready .hero-image-main{top:55px}.hero-image-secondary,.motion-ready .hero-image-secondary{bottom:59px}.showcase-caption{left:16px;right:16px;font-size:12px}.showcase-label{left:16px}}
@media(max-width:800px){.hero-showcase{height:445px}.hero-image-main,.motion-ready .hero-image-main{width:82%;left:5%;top:58px}.hero-image-secondary,.motion-ready .hero-image-secondary{width:20%;right:4%;bottom:65px}.project-art{aspect-ratio:.89}.project-art img{top:25%;width:90%;left:5%}.project-art-top{flex-direction:column;font-size:12px;gap:6px}.showcase-caption{font-size:12px}}
@media(max-width:480px){.hero-showcase{height:308px}.hero-image-main,.motion-ready .hero-image-main{top:51px;width:83%;left:4%}.hero-image-secondary,.motion-ready .hero-image-secondary{width:23%;right:4%;bottom:53px;border-width:3px}.showcase-label{left:14px;top:17px;font-size:12px;letter-spacing:.03em}.showcase-caption{left:14px;right:14px;bottom:15px;gap:12px;font-size:12px}.showcase-caption strong{font-size:12px}.project-art{aspect-ratio:1.1}.project-art img{top:18%;width:88%;left:6%}.project-art-top{flex-direction:row;font-size:12px}.case-image-wrap{padding:10px}}