[data-v-9c6e066d]:root{--grid-column-width:calc(12.5vw - var(--inset)*2/8 - var(--column-spacing)*7/8);--inset:24px;--column-spacing:24px}@media screen and (max-height:300px),screen and (max-width:650px){[data-v-9c6e066d]:root{--inset:16px;--column-spacing:16px}}[data-v-9c6e066d]:root{--project-icon-size:150px}@media screen and (max-height:300px),screen and (max-width:650px){[data-v-9c6e066d]:root{--project-icon-size:115px}}.project-preview[data-v-9c6e066d]{height:100%;overflow:clip;position:relative;width:100%}.project-preview *[data-v-9c6e066d]{pointer-events:none}.background-container[data-v-9c6e066d]{height:100%;left:0;position:absolute;top:0;width:100%}.title-container[data-v-9c6e066d]{position:absolute;--offset:70px;align-items:center;display:flex;height:50px;justify-content:center;left:0;padding:var(--inset);text-align:center;top:calc(50% + var(--offset) - 20px);width:100%}@media screen and (max-height:300px),screen and (max-width:650px){.title-container[data-v-9c6e066d]{--offset:50px}}.title[data-v-9c6e066d]{font-size:35px;font-weight:600}@media screen and (max-height:300px),screen and (max-width:650px){.title[data-v-9c6e066d]{font-size:26px;line-height:100%}}.icon-container[data-v-9c6e066d]{align-items:center;display:flex;height:var(--project-icon-size);justify-content:center;left:calc(50% - var(--project-icon-size)/2);position:absolute;top:calc(50% - var(--0840ea68) - var(--project-icon-size)/2);width:var(--project-icon-size)}.grid-item[data-v-4cdeabb2]{grid-column:span var(--8b32fab4);grid-row:span var(--1ff2b3b0)}@media screen and (max-height:300px),screen and (max-width:650px){.grid-item[data-v-4cdeabb2]{grid-column:span var(--4fdc6908);grid-row:span var(--2ef5538e)}}[data-v-088ee975]:root{--grid-column-width:calc(12.5vw - var(--inset)*2/8 - var(--column-spacing)*7/8);--inset:24px;--column-spacing:24px}@media screen and (max-height:300px),screen and (max-width:650px){[data-v-088ee975]:root{--inset:16px;--column-spacing:16px}}.grid[data-v-088ee975]{display:grid;gap:var(--column-spacing);grid-auto-rows:var(--38702802);grid-template-columns:repeat(8,var(--grid-column-width));width:100%}@media screen and (max-height:300px),screen and (max-width:650px){.grid[data-v-088ee975]{grid-auto-rows:var(--1094373a)}}