.project-preview{max-width:1040px;margin:60px auto 0}.project-preview-frame{border:2px solid #28243d;background:#fff;overflow:hidden}.project-preview iframe{display:block;width:100%;height:640px;border:0;background:#fff9ef}.project-preview figcaption{margin-top:12px;color:#676273;font-size:12px;line-height:1.7}.project-preview.mobile{max-width:430px}.project-preview.mobile .project-preview-frame{padding:18px;background:#28243d;border-radius:12px}.project-preview.mobile iframe{width:390px;max-width:100%;height:760px;margin:auto}.project-preview-link{display:inline-flex;align-items:center;min-height:44px;margin-top:14px;color:#51459a;border-bottom:1px solid #51459a;text-decoration:none}@media(max-width:760px){.project-preview{margin:40px 0 0}.project-preview iframe{height:520px}.project-preview.mobile .project-preview-frame{padding:10px}.project-preview.mobile iframe{height:680px}}