.modal.svelte-1n1fax6{height:90vh;aspect-ratio:var(--aspect-ratio);max-width:90vw;background:#000;border-radius:12px;overflow:hidden}.overlay.svelte-1n1fax6{position:fixed;top:0;right:0;bottom:0;left:0;background:#050505d9;display:flex;justify-content:center;align-items:center;z-index:9999}.modal.svelte-1n1fax6 iframe:where(.svelte-1n1fax6){width:100%;height:100%;border:none}.tooltip.svelte-1n1fax6{position:absolute;color:#f9f9fa;background:#050505;font-size:11px;font-family:Akkurat,sans-serif;padding:4px 8px;border-radius:4px;pointer-events:none;text-transform:uppercase;transform:translate(10px,10px)}.filters.svelte-1n1fax6{display:flex;justify-content:center;gap:10px;margin-bottom:100px}.padding-offset.svelte-1n1fax6{padding-left:70px}.grid.svelte-1n1fax6{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;font-size:12px;text-transform:uppercase;color:#f9f9fa;font-family:Akkurat,sans-serif;margin-left:20px}.project-item.svelte-1n1fax6{padding:10px;position:relative}.large-video.svelte-1n1fax6{grid-column:span 2;grid-row:span 2}.img-src.svelte-1n1fax6{position:relative;width:100%;height:100%}.thumbnail.svelte-1n1fax6{width:100%;height:100%;object-fit:cover;display:block}.gif.svelte-1n1fax6{width:100%;height:100%;object-fit:cover;display:none;position:absolute;top:0;left:0}.project-item.svelte-1n1fax6:hover .gif:where(.svelte-1n1fax6){display:block}.video-overlay.svelte-1n1fax6{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000;opacity:0;transition:opacity .3s ease;z-index:5}.video-overlay.visible.svelte-1n1fax6{opacity:1}.side-menu.hidden.svelte-1n1fax6{transform:translate(-100%)}.side-menu.svelte-1n1fax6{position:fixed;left:0;top:0;height:100vh;width:5%;background-color:#f9f9fa;z-index:1000;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .3s ease}nav.svelte-1n1fax6{width:100%}ul.svelte-1n1fax6{list-style-type:none;padding:0;margin-bottom:30px;text-align:left;display:flex;flex-direction:column}li.svelte-1n1fax6{margin-bottom:1rem;transform:rotate(-90deg)}a.svelte-1n1fax6{display:block;color:#050505;text-decoration:none;padding:1rem;transition:background-color .3s ease;transform-origin:center center;white-space:nowrap;font-size:12px;font-family:Akkurat,sans-serif;text-transform:uppercase}a.svelte-1n1fax6:hover{text-decoration:underline}@media (max-width: 800px){.grid.svelte-1n1fax6{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width: 500px){.side-menu.svelte-1n1fax6{width:10vw}.grid.svelte-1n1fax6{font-size:9px;margin-left:-33px}}