/* Live project link in the conclusion. */
body.case-reference #main-content .project-conclusion__live{display:inline-flex;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;min-width:clamp(168px,11.6667vw,224px);min-height:clamp(60px,4.1667vw,80px);margin-top:clamp(24px,3.3333vw,64px);padding:0 clamp(28px,1.9444vw,38px);border-radius:clamp(8px,.5556vw,11px);background:#fff;color:#080d10;font:600 clamp(14px,.9722vw,19px)/1 'Bricolage Nav',Arial,sans-serif;letter-spacing:.12em;text-decoration:none;text-transform:uppercase;transition:background-color .3s ease,color .3s ease}
body.case-reference #main-content .project-conclusion__live .site-icon{width:16px;height:16px;flex:none;color:#93999b;transition:transform .3s ease,color .3s ease}
body.case-reference #main-content .project-conclusion__live:hover{background:#dd3d06;color:#fff}
body.case-reference #main-content .project-conclusion__live:hover .site-icon{color:#fff;transform:translate(3px,-3px)}
body.case-reference #main-content .project-conclusion__live:focus-visible{outline:3px solid #dd3d06;outline-offset:4px}
@media(max-width:992px){body.case-reference #main-content .project-conclusion__live{display:flex;width:100%;min-height:60px;margin-top:24px}}
@media(prefers-reduced-motion:reduce){body.case-reference #main-content .project-conclusion__live,body.case-reference #main-content .project-conclusion__live .site-icon{transition:none}}
