.main.work[data-v-5961f81f]{--card-grow-1:100%;--card-grow-2:84%;--card-grow-3:80%;--card-size:76%;--card-width:250px;--card-animation-1:height .2s ease-out;--easing:cubic-bezier(.63,0,.34,1);--ease-quick:cubic-bezier(.74,-.01,.5,1);--ease-delay:cubic-bezier(.84,-.01,.31,.99);overflow-x:scroll}.projectFrame[data-v-5961f81f]{align-items:center;display:flex;height:450px;height:min(500px,100%)}.tag[data-v-5961f81f]{color:var(--cream);font-size:1.8rem;font-weight:600;letter-spacing:-.05em;position:absolute;right:0;text-align:right;top:0;width:10ch;z-index:1}.tag .translation[data-v-5961f81f]{background-color:var(--blue);padding:5px 10px}.projectFrame .card[data-v-5961f81f]{cursor:pointer;display:flex;flex-shrink:0;height:var(--card-size);justify-content:space-between;overflow:hidden;position:relative;transform:translateZ(0);transition:var(--card-animation-1);transition:.3s var(--easing);width:250px}.projectFrame:focus .card[data-v-5961f81f]{transition:.3s var(--easing);width:500px}.box[data-v-5961f81f]{border-bottom:12px solid var(--cream);border-left:8px solid var(--cream);border-radius:2px;border-right:12px solid var(--cream);border-top:8px solid var(--cream);box-shadow:1px 1px 2px 1px var(--cream),1px 1px 3px 1px #0007;display:flex;flex-direction:column;justify-content:flex-end;width:250px}.projectFrame:focus .box[data-v-5961f81f]{border-radius:2px 0 0 2px}.imgFrame[data-v-5961f81f]{flex-grow:1;position:relative;width:100%}img[data-v-5961f81f]{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.projectTitle[data-v-5961f81f]{background-color:var(--blue);font-size:24px;font-weight:600;letter-spacing:-.05em;padding:5px}.contentFrame[data-v-5961f81f]{border-radius:3px;height:100%;padding:15px 0;position:absolute;right:0;top:0;z-index:-1}.content[data-v-5961f81f]{-webkit-backdrop-filter:blur(2px) brightness(.8);backdrop-filter:blur(2px) brightness(.8);display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow:scroll;padding:15px;width:250px}.projectFrame:focus .content[data-v-5961f81f]{border-radius:0 2px 2px 0}.content .title[data-v-5961f81f]{font-size:24px;font-weight:600;letter-spacing:-.05em;margin-bottom:10px}.content .description[data-v-5961f81f]{font-size:1.8rem;font-weight:500;letter-spacing:-.07em;line-height:1.3em;margin-bottom:10px}.content .link[data-v-5961f81f]{align-items:center;display:flex;font-size:2.2rem;font-weight:600;height:48px;letter-spacing:-.15rem;padding:8px 0}.content .link[data-v-5961f81f] *{pointer-events:none}.content .link .translation[data-v-5961f81f]{flex-grow:1}.link[data-v-5961f81f]:before{background-color:var(--cream);content:"";height:30px;margin-right:7px;transition:.3s ease;width:20px}@media screen and (hover:hover){.link[data-v-5961f81f]:hover:before{border-bottom-left-radius:50px;border-top-left-radius:50px;transition:.3s ease;width:35px}}.main.work:not(:focus-within) .pFrame:has(+.pFrame+.pFrame:hover) .card[data-v-5961f81f]{height:var(--card-grow-3)}.main.work:not(:focus-within) .pFrame:has(+.pFrame:hover) .card[data-v-5961f81f]{height:var(--card-grow-2)}.main.work:not(:focus-within) .pFrame:hover .card[data-v-5961f81f]{height:var(--card-grow-1)!important}.main.work:not(:focus-within) .pFrame:hover+.pFrame .card[data-v-5961f81f]{height:var(--card-grow-2)}.main.work:not(:focus-within) .pFrame:hover+.pFrame+.pFrame .card[data-v-5961f81f]{height:var(--card-grow-3)}.pFrame:has(+.pFrame+.pFrame:focus) .card[data-v-5961f81f]{height:var(--card-grow-3)}.pFrame:has(+.pFrame:focus) .card[data-v-5961f81f]{height:var(--card-grow-2)}.pFrame:focus .card[data-v-5961f81f]{height:var(--card-grow-1)}.pFrame:focus+.pFrame .card[data-v-5961f81f]{height:var(--card-grow-2)}.pFrame:focus+.pFrame+.pFrame .card[data-v-5961f81f]{height:var(--card-grow-3)}