.project-tile{font-family:Roboto,Noto Color Emoji,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;isolation:isolate;position:relative}.project-tile__frame--bottom,.project-tile__frame--top{border-style:solid;height:2rem;position:absolute;width:100%;z-index:50}.project-tile__frame--top{border-color:var(--page-bg-color) transparent transparent transparent;border-width:2rem 100vw 0 0;top:0}.project-tile__frame--bottom{border-color:transparent transparent var(--page-bg-color) transparent;border-width:0 0 2rem 100vw;bottom:0}.project-tile__link{overflow:hidden;position:relative}.project-tile__link__image-wrapper{height:100%;top:0;right:0;bottom:0;left:0;overflow:hidden;position:absolute;width:100%;z-index:-20}.project-tile__link__image{background-position:50%;background-size:cover;height:100%;transition:all .5s ease-in-out;width:100%}.project-tile:has(:focus) .project-tile__link__image,.project-tile__link:hover .project-tile__link__image{height:120%;transform:translate(-10%,-10%) rotate(-2deg);width:120%}.project-tile__link-image-overlay{background-color:var(--page-bg-color);top:0;right:0;bottom:0;left:0;position:absolute;z-index:-10;--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity,1));opacity:.5}.project-tile__link__tag{margin-left:.25rem;margin-right:.25rem;--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1));font-size:1.125rem;font-weight:700;line-height:1.75rem}