body>svg{display:none}.project{padding:12px 40px 12px 12px;border-radius:8px;margin-block:.6em;position:relative;display:block;color:#fff!important;text-decoration:none;transition-property:background-color,transform;transition-duration:.15s,.1s;transition-timing-function:linear,ease-in;background-color:#08324bbf;overflow:hidden;transform:scale(1)}.project:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center right,var(--project-background-color) 0%,transparent 75%)}.project>.project-logo{position:absolute;right:40px;top:50%;height:100px;width:100px;opacity:.5;background-image:var(--project-logo);background-size:contain;background-repeat:no-repeat;background-position:center;z-index:0;transform:rotate(2deg) translateY(-50%);transform-origin:center 0;transition-property:transform;transition-timing-function:ease-in;transition-duration:.1s}.project>*:not(img){z-index:2;position:relative}.project>.chevron{position:absolute;right:16px;top:50%;transform:translateY(-50%) translate(-8px);width:14px;transition-property:opacity,transform;transition-duration:.15s;opacity:0}.project:hover,.project:focus-visible{background-color:#08324b;transform:scale(1.04);transition-timing-function:linear,cubic-bezier(.5,2,.65,1.25);transition-duration:.15s}.project:active{background-color:#041926;transform:scale(.98);transition-timing-function:ease-out;transition-duration:50ms}.project:hover>.project-logo,.project:focus-visible>.project-logo{transform:rotate(6deg) translateY(-50%);transition-timing-function:cubic-bezier(.5,2,.65,1.25);transition-duration:.15s}.project:hover>.chevron,.project:focus-visible>.chevron{opacity:1;transform:translateY(-50%) translate(0)}@media (hover: none){.project>.chevron{opacity:1;transform:translateY(-50%) translate(0)}}.project>h2{margin-top:.1em;margin-bottom:.3em}