.projects.svelte-9nngpf{display:flex;flex-basis:auto;height:auto;background:var(--earth-yellow);justify-content:center;align-items:center;padding:25px;flex-grow:1}.project.svelte-9nngpf{margin:auto;width:16vw;display:flex;justify-content:center;align-items:end;cursor:pointer;position:relative}.project.svelte-9nngpf video:where(.svelte-9nngpf){width:100%;position:relative;display:block;border-radius:10px;box-shadow:4px 4px 50px -4px var(--ember)}.project.svelte-9nngpf video.sized:where(.svelte-9nngpf){width:50vw;height:auto;position:fixed;transform:translate(-50%,-50%);top:50%;left:50%;z-index:999999;border-radius:0;box-shadow:none}.blackout.svelte-9nngpf{position:fixed;display:none;width:100%;height:100%;inset:0;background-color:#00000080;z-index:11;cursor:pointer}.blackout.active.svelte-9nngpf{display:block}.project.svelte-9nngpf .text:where(.svelte-9nngpf){position:absolute;bottom:-10px;width:100%;height:40px;font-size:.8vw;background-color:#40250df2;color:var(--cornsilk);padding:5px 0 5px 20px;pointer-events:none;opacity:0;transition:all .4s ease;border-bottom-left-radius:10px;border-bottom-right-radius:10px;display:flex;align-items:center;overflow:hidden}.project.svelte-9nngpf .text:where(.svelte-9nngpf) p:where(.svelte-9nngpf){margin:0;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project.svelte-9nngpf .text.active:where(.svelte-9nngpf){opacity:1;letter-spacing:0}@media screen and (max-width:768px){.projects.svelte-9nngpf{flex-wrap:wrap;gap:20px}.project.svelte-9nngpf{width:40vw}.project.svelte-9nngpf video.sized:where(.svelte-9nngpf){width:90vw}.project.svelte-9nngpf .text:where(.svelte-9nngpf){font-size:12px}}