.project.svelte-1bbt3rq{cursor:pointer;background-color:var(--background-primary);flex-shrink:0;width:100%;height:100dvh;transition:background-color .5s;position:relative;overflow:hidden}.project.active.svelte-1bbt3rq{cursor:default;background-color:var(--background-extended);grid-template-columns:1fr 1fr;display:grid}.content.svelte-1bbt3rq{width:50%;height:100%;overflow:hidden}.active.svelte-1bbt3rq .content:where(.svelte-1bbt3rq){scroll-behavior:smooth;scrollbar-width:none;width:100%;height:100dvh;overflow-y:auto}.active.svelte-1bbt3rq .content:where(.svelte-1bbt3rq)::-webkit-scrollbar{display:none}.hero.svelte-1bbt3rq{object-fit:cover;object-position:center;will-change:transform;width:100%;height:120%;transition:height .5s}.active.svelte-1bbt3rq .hero:where(.svelte-1bbt3rq){height:100dvh}.active.svelte-1bbt3rq .content:where(.svelte-1bbt3rq) img:where(.svelte-1bbt3rq):not(.hero),.active.svelte-1bbt3rq .video-wrap:where(.svelte-1bbt3rq){object-fit:contain;background:#1c1c1c;width:100%}.active.svelte-1bbt3rq .video-wrap:where(.svelte-1bbt3rq) video:where(.svelte-1bbt3rq){object-fit:contain;width:100%;height:100%}.info.svelte-1bbt3rq{color:var(--text-primary);justify-content:space-between;align-items:baseline;padding:0 24px;transition:left .5s,right .5s,bottom .5s;display:flex;position:absolute;bottom:32px;left:calc(50% + 16px);right:16px}.active.svelte-1bbt3rq .info:where(.svelte-1bbt3rq){height:100dvh;padding:calc(var(--padding) / 2);padding-top:calc(var(--padding) + var(--navbar-height));box-sizing:border-box;flex-direction:column;justify-content:space-between;position:static;overflow:hidden}.card-index.svelte-1bbt3rq,.card-name.svelte-1bbt3rq{font-family:Satoshi;font-size:var(--font-card);font-weight:900;display:inline-flex}.header.svelte-1bbt3rq{justify-content:space-between;align-items:baseline;width:100%;display:flex}.detail-name.svelte-1bbt3rq,.detail-index.svelte-1bbt3rq{font-family:Satoshi;font-size:var(--font-heading);text-transform:uppercase;font-weight:900;line-height:1}.description.svelte-1bbt3rq{font-family:Satoshi;font-size:var(--font-body);max-width:480px;font-weight:500;line-height:1.6}.meta.svelte-1bbt3rq{flex-direction:column;gap:8px;display:flex}.tags.svelte-1bbt3rq{flex-wrap:wrap;gap:8px;display:flex}.tag.svelte-1bbt3rq,.role.svelte-1bbt3rq{font-family:Satoshi;font-size:var(--font-label);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.divider.svelte-1bbt3rq{font-size:var(--font-label);opacity:.3}.back.svelte-1bbt3rq{text-transform:uppercase;letter-spacing:.1em;align-self:flex-start;padding:8px 16px;font-family:Satoshi;font-size:2rem;font-weight:900;transition:background .3s,color .3s}.flipped.svelte-1bbt3rq .content:where(.svelte-1bbt3rq){position:absolute;right:0}.flipped.svelte-1bbt3rq .info:where(.svelte-1bbt3rq){flex-direction:row-reverse;left:0;right:50%}.flipped.active.svelte-1bbt3rq .content:where(.svelte-1bbt3rq){order:2;position:static}.flipped.active.svelte-1bbt3rq .info:where(.svelte-1bbt3rq){flex-direction:column;order:1}.flipped.active.svelte-1bbt3rq .header:where(.svelte-1bbt3rq){flex-direction:row-reverse}.flipped.active.svelte-1bbt3rq .back:where(.svelte-1bbt3rq){align-self:flex-end}.scroll-hint.svelte-1bbt3rq{display:none}@media only screen and (width<=500px){.project.svelte-1bbt3rq{aspect-ratio:3/4;background-color:var(--background-extended);flex-direction:column;display:flex}.content.svelte-1bbt3rq{order:1;width:100%;height:50%;transition:height .6s,padding .6s;position:static}.info.svelte-1bbt3rq{height:50%;padding:var(--padding);box-sizing:border-box;flex-direction:row-reverse;justify-content:space-between;align-items:flex-end;position:static}.info.svelte-1bbt3rq .description:where(.svelte-1bbt3rq){padding-bottom:var(--padding)}.flipped.svelte-1bbt3rq .content:where(.svelte-1bbt3rq){position:static;right:auto}.flipped.svelte-1bbt3rq .info:where(.svelte-1bbt3rq){flex-direction:row-reverse;position:static;left:auto;right:auto}.project.active.svelte-1bbt3rq{height:100%;aspect-ratio:unset;flex-direction:column;display:flex}.active.svelte-1bbt3rq .content:where(.svelte-1bbt3rq){height:50%;padding-left:var(--padding);padding-right:var(--padding);box-sizing:border-box;flex-shrink:0;order:1;position:static;overflow-y:auto}.active.svelte-1bbt3rq .content:where(.svelte-1bbt3rq) img:where(.svelte-1bbt3rq):not(.hero),.active.svelte-1bbt3rq .video-wrap:where(.svelte-1bbt3rq){height:auto}.active.svelte-1bbt3rq .info:where(.svelte-1bbt3rq){height:50%;padding:var(--padding);padding-top:calc(var(--navbar-height) + var(--padding));box-sizing:border-box;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:16px;position:static;overflow:hidden}.active.svelte-1bbt3rq .header:where(.svelte-1bbt3rq){flex-direction:row;order:3}.description.svelte-1bbt3rq{line-height:1.4}.back.svelte-1bbt3rq{display:none}.scroll-hint.svelte-1bbt3rq{width:100vw;margin-left:calc(-1 * var(--padding));justify-content:center;align-items:center;padding:12px 0;transition:background .3s;display:flex}.scroll-text.svelte-1bbt3rq{letter-spacing:.06em;font-family:Satoshi;font-size:.8rem;font-weight:700;transition:color .3s}}.list.svelte-1vgb4qo{flex-direction:column;height:100dvh;display:flex;overflow-y:auto}.list.intro-blocking.svelte-1vgb4qo{pointer-events:none}.card-slot.svelte-1vgb4qo{flex-shrink:0}@media only screen and (width<=500px){.list.svelte-1vgb4qo:not(.intro-blocking){scroll-snap-type:y mandatory}.card-slot.svelte-1vgb4qo{scroll-snap-align:start}}.card-slot.is-active.svelte-1vgb4qo{z-index:10;position:fixed;inset:0}.card-slot.is-hidden.svelte-1vgb4qo{visibility:hidden}