.projects-list-item[data-v-7d7d9ebb]{width:100vw;height:100vh;padding:var(--block-start-spacing) var(--spacer-md) var(--block-end-spacing) var(--spacer-up-xl-2xl);position:fixed;inset:0}@media screen and (width>=60rem) and (orientation:landscape){.projects-list-item[data-v-7d7d9ebb]{padding-inline-start:max(25vw,var(--spacer-2xl));padding-inline-end:max(12.5vw,var(--spacer-4xl))}}@media (prefers-reduced-motion){.projects-list-item[data-v-7d7d9ebb]{visibility:hidden}}.projects-list-item__link[data-v-7d7d9ebb]{width:100%;height:100%;padding-block-end:calc(var(--spacer-3xl) + env(safe-area-inset-bottom));padding-inline-start:var(--spacer-up-xl-2xl);display:block;position:relative}.projects-list-item__link__decorator[data-v-7d7d9ebb]{border-inline-start:2px dashed color-mix(in srgb,transparent var(--opacity-percentage-8),var(--color-primary-reverse));grid-area:2/1/span 2/span 2}.projects-list-item__link__title[data-v-7d7d9ebb]{z-index:var(--z-index-base-increase);padding-block-end:var(--spacer-2xl);padding-inline-start:var(--spacer-sm);padding-inline-end:var(--spacer-md);position:absolute;bottom:0;left:0}.projects-list-item__link__title[data-v-7d7d9ebb]:before{content:"";border-inline-start:2px dashed color-mix(in srgb,transparent var(--opacity-percentage-8),var(--color-primary-reverse));width:0;height:100%;opacity:var(--dashes-opacity);clip-path:inset(var(--dashes-y) 0 0 0);position:absolute;top:0;left:0}.projects-list-item__link__title__decorator[data-v-7d7d9ebb]{width:min(3rem,var(--spacer-xl));aspect-ratio:1;border:1px solid var(--color-accent-lighter);background:linear-gradient(to bottom,color-mix(in srgb,var(--color-primary-base) var(--opacity-percentage-7),var(--color-accent-darker)),33%,var(--color-primary-base));box-shadow:0 0 var(--spacer-sm) color-mix(in srgb,transparent var(--opacity-percentage-4),var(--color-accent-lighter));justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;left:0}.projects-list-item__link__title__decorator[data-v-7d7d9ebb]:after{content:"";aspect-ratio:1;background-color:var(--color-primary-reverse);width:15%;box-shadow:0 0 var(--spacer-2xs) color-mix(in srgb,transparent var(--opacity-percentage-5),var(--color-primary-reverse))}@media (prefers-reduced-motion){.projects-list-item__link__title__decorator[data-v-7d7d9ebb]{transform:translate(-50%,50%)rotate(45deg)}}.projects-list-item__link__image[data-v-7d7d9ebb]{position:relative;overflow:hidden}@media (prefers-reduced-motion:no-preference){.projects-list-item__link__image[data-v-7d7d9ebb]{transition:transform .4s cubic-bezier(.33,1,.68,1);transform:scale(1.05)}.projects-list-item__link:focus .projects-list-item__link__image[data-v-7d7d9ebb],.projects-list-item__link:hover .projects-list-item__link__image[data-v-7d7d9ebb]{transform:scale(1)}}.projects-list-item__link__image-wrapper[data-v-7d7d9ebb]{--focus-el-distance:var(--spacer-base);--border-el-settings:1px solid var(--color-secondary-base);width:100%;height:100%;position:relative}.projects-list-item__link__image-wrapper[data-v-7d7d9ebb]:after,.projects-list-item__link__image-wrapper[data-v-7d7d9ebb]:before{content:"";width:var(--spacer-lg);height:var(--spacer-lg);z-index:var(--z-index-base-increase);opacity:0;transition:opacity .2s ease-out 50ms,transform .25s cubic-bezier(.33,1,.68,1);position:absolute}.projects-list-item__link:focus .projects-list-item__link__image-wrapper[data-v-7d7d9ebb]:after,.projects-list-item__link:focus .projects-list-item__link__image-wrapper[data-v-7d7d9ebb]:before,.projects-list-item__link:hover .projects-list-item__link__image-wrapper[data-v-7d7d9ebb]:after,.projects-list-item__link:hover .projects-list-item__link__image-wrapper[data-v-7d7d9ebb]:before{opacity:1;transform:translate(0)}.projects-list-item__link__image-wrapper[data-v-7d7d9ebb]:before{border-top:var(--border-el-settings);border-left:var(--border-el-settings);top:var(--focus-el-distance);left:var(--focus-el-distance);transform:translate(calc(var(--focus-el-distance)*-1),calc(var(--focus-el-distance)*-1))}.projects-list-item__link__image-wrapper[data-v-7d7d9ebb]:after{border-right:var(--border-el-settings);border-bottom:var(--border-el-settings);right:var(--focus-el-distance);bottom:var(--focus-el-distance);transform:translate(var(--focus-el-distance),var(--focus-el-distance))}
