.device.svelte-1olaks2{position:relative;width:100%;display:block;container-type:inline-size}.screen.svelte-1olaks2{position:absolute;overflow:hidden;background:#000}.shot.svelte-1olaks2{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.frame.svelte-1olaks2{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.island.svelte-1olaks2{position:absolute;background:#000;pointer-events:none}.projects-hero.svelte-rqn88j{padding-top:8rem;padding-bottom:4rem}.hero-inner.svelte-rqn88j{max-width:720px;margin:0 auto;text-align:center}.hero-inner.svelte-rqn88j h1:where(.svelte-rqn88j){margin-bottom:1rem}.hero-lede.svelte-rqn88j{font-size:1.125rem;color:var(--color-gray-400);-webkit-text-fill-color:var(--color-gray-400);line-height:1.6}.project-row.svelte-rqn88j{padding:5rem 0;scroll-margin-top:4rem}@media(min-width:1024px){.project-row.svelte-rqn88j{padding:8rem 0}}.project-mockups.svelte-rqn88j{position:relative;width:90%;max-width:1400px;margin:0 auto 4rem;aspect-ratio:100 / 61.2}.mockup-desktop.svelte-rqn88j{position:absolute;left:0;top:50%;transform:translateY(-50%);width:88%}.mockup-mobile.svelte-rqn88j{position:absolute;right:0;top:50%;transform:translateY(-50%);width:30%}.project-row.reverse.svelte-rqn88j .mockup-desktop:where(.svelte-rqn88j){left:auto;right:0}.project-row.reverse.svelte-rqn88j .mockup-mobile:where(.svelte-rqn88j){right:auto;left:0}@media(max-width:768px){.project-mockups.svelte-rqn88j{width:92%;margin-bottom:2.5rem;aspect-ratio:100 / 85.7}.mockup-desktop.svelte-rqn88j{width:92%}.mockup-mobile.svelte-rqn88j{width:42%}}.project-info.svelte-rqn88j{max-width:760px;margin:0 auto;min-width:0;text-align:center}.project-info.svelte-rqn88j h2:where(.svelte-rqn88j){font-size:clamp(1.75rem,3.5vw,2.75rem);margin-bottom:1rem;color:var(--color-white);-webkit-text-fill-color:var(--color-white)}.project-desc.svelte-rqn88j{font-size:1.0625rem;color:var(--color-gray-300);-webkit-text-fill-color:var(--color-gray-300);line-height:1.6;margin-bottom:2rem}