.website-walkthrough{position:relative;aspect-ratio:16/10;overflow:hidden;background:#f1f4f6;isolation:isolate}
.website-walkthrough>img{display:block;width:100%;height:100%;object-fit:contain}
.website-walkthrough>canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;visibility:hidden}
.walkthrough-ready>canvas{visibility:visible}.walkthrough-ready>img{visibility:hidden}
.browser-board .website-walkthrough{width:100%}.browser-board .website-walkthrough>img{height:100%;aspect-ratio:auto}
.work-card>.website-walkthrough{position:absolute;inset:12px 10px 48px;aspect-ratio:auto;background:transparent}
.work-card>.website-walkthrough>canvas,.work-card>.website-walkthrough>img{object-position:top;object-fit:contain}
.process-board .website-walkthrough{width:100%;height:100%;aspect-ratio:auto;background:#112c40}
.fx-expand-media>.website-walkthrough{height:100%;width:100%;aspect-ratio:auto}
.fx-expand-media>.website-walkthrough>canvas,.fx-expand-media>.website-walkthrough>img{object-fit:cover;object-position:center}
html.motion-reduced .website-walkthrough>canvas{visibility:hidden}html.motion-reduced .website-walkthrough>img{visibility:visible}
@media(max-width:760px){.work-card>.website-walkthrough{inset:7px 6px 35px}.fx-expand-media>.website-walkthrough>canvas,.fx-expand-media>.website-walkthrough>img{object-position:65% center}}