img.svelte-rqn88j{aspect-ratio:4/3;border:4px solid #ffffff1a}.main.svelte-rqn88j{flex-direction:column;flex:1;align-items:center;width:100%;height:100%;display:flex;overflow-y:auto}@media (width>=768px){.main.svelte-rqn88j{scroll-snap-type:y mandatory}}.main.svelte-rqn88j .project:where(.svelte-rqn88j){flex-direction:column;justify-content:center;align-items:center;gap:30px;max-width:1024px;padding:20px 2%;display:flex;position:relative}@media (width>=768px){.main.svelte-rqn88j .project:where(.svelte-rqn88j){scroll-snap-align:start;flex-direction:row;min-height:100%}}.main.svelte-rqn88j .project:where(.svelte-rqn88j):before{content:"";z-index:-1;clip-path:polygon(0 0,100% 0,80% 100%,0 100%);opacity:.2;width:80%;position:absolute;inset:0}.main.svelte-rqn88j .project:where(.svelte-rqn88j):nth-of-type(2n):before{clip-path:polygon(0 0,100% 0,100% 100%,20% 100%);left:auto}@media (width>=768px){.main.svelte-rqn88j .project:where(.svelte-rqn88j):nth-of-type(2n){flex-direction:row-reverse}.main.svelte-rqn88j .project:where(.svelte-rqn88j):nth-of-type(2n) .preview:where(.svelte-rqn88j){margin-left:30px;margin-right:0}}.main.svelte-rqn88j .project:where(.svelte-rqn88j) .preview:where(.svelte-rqn88j){display:flex}@media (width>=768px){.main.svelte-rqn88j .project:where(.svelte-rqn88j) .preview:where(.svelte-rqn88j){width:50%;max-height:80%}}.main.svelte-rqn88j .project:where(.svelte-rqn88j) .info:where(.svelte-rqn88j){flex-direction:column;display:flex}@media (width>=768px){.main.svelte-rqn88j .project:where(.svelte-rqn88j) .info:where(.svelte-rqn88j){width:50%}}.main.svelte-rqn88j .project:where(.svelte-rqn88j) .info:where(.svelte-rqn88j) .header:where(.svelte-rqn88j){justify-content:space-between;align-items:center;display:flex}.main.svelte-rqn88j .project:where(.svelte-rqn88j) .info:where(.svelte-rqn88j) .header:where(.svelte-rqn88j) .title:where(.svelte-rqn88j){font-variant:small-caps;letter-spacing:2px;font-size:24px}.main.svelte-rqn88j .project:where(.svelte-rqn88j) .info:where(.svelte-rqn88j) .header:where(.svelte-rqn88j) .stack:where(.svelte-rqn88j){gap:6px;display:flex}.main.svelte-rqn88j .project:where(.svelte-rqn88j) .info:where(.svelte-rqn88j) .description:where(.svelte-rqn88j){line-height:22px}.main.svelte-rqn88j .project:where(.svelte-rqn88j) .info:where(.svelte-rqn88j) .quick-links:where(.svelte-rqn88j){justify-content:flex-end;align-items:center;gap:12px;margin-top:40px;display:flex}.main.svelte-rqn88j .project:where(.svelte-rqn88j) .info:where(.svelte-rqn88j) .quick-links:where(.svelte-rqn88j) .live-preview:where(.svelte-rqn88j){background:var(--background);text-transform:uppercase;letter-spacing:2px;padding:8px 20px;font-size:14px}