.device.svelte-1olaks2{position:relative;width:100%;display:block;container-type:inline-size;transition:transform .3s ease,filter .3s ease}.device[href].svelte-1olaks2:hover{transform:scale(1.01);filter:brightness(1.05)}.device[href].svelte-1olaks2:focus-visible{outline:2px solid var(--color-primary, white);outline-offset:4px}.screen.svelte-1olaks2{position:absolute;overflow:hidden;background:#000}.screen.svelte-1olaks2 picture:where(.svelte-1olaks2),.device.svelte-1olaks2>picture:where(.svelte-1olaks2){display:contents}.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}.projects-hero.svelte-rqn88j,.project-row.svelte-rqn88j{border-top:none}.project-row.svelte-rqn88j{padding:5rem 0;scroll-margin-top:4rem;overflow-x:clip}@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:6%;top:50%;transform:translateY(-50%);width:88%;will-change:transform;transition:transform .85s cubic-bezier(.32,.72,0,1)}.mockup-mobile.svelte-rqn88j{position:absolute;right:0;top:50%;transform:translate(60vw,-50%) rotate(6deg) scale(.96);width:30%;will-change:transform;transition:transform .85s cubic-bezier(.32,.72,0,1)}.project-row.reverse.svelte-rqn88j .mockup-mobile:where(.svelte-rqn88j){right:auto;left:0;transform:translate(-60vw,-50%) rotate(-6deg) scale(.96)}.project-row.is-revealed.svelte-rqn88j:has(.mockup-mobile:where(.svelte-rqn88j)) .mockup-desktop:where(.svelte-rqn88j){transform:translate(-6.818%,-50%)}.project-row.reverse.is-revealed.svelte-rqn88j:has(.mockup-mobile:where(.svelte-rqn88j)) .mockup-desktop:where(.svelte-rqn88j){transform:translate(6.818%,-50%)}.project-row.is-revealed.svelte-rqn88j .mockup-mobile:where(.svelte-rqn88j),.project-row.reverse.is-revealed.svelte-rqn88j .mockup-mobile:where(.svelte-rqn88j){transform:translateY(-50%) rotate(0) scale(1)}@media(prefers-reduced-motion:reduce){.mockup-desktop.svelte-rqn88j,.mockup-mobile.svelte-rqn88j{transition:none}.project-row.svelte-rqn88j:has(.mockup-mobile:where(.svelte-rqn88j)) .mockup-desktop:where(.svelte-rqn88j){transform:translate(-6.818%,-50%)}.project-row.reverse.svelte-rqn88j:has(.mockup-mobile:where(.svelte-rqn88j)) .mockup-desktop:where(.svelte-rqn88j){transform:translate(6.818%,-50%)}.mockup-mobile.svelte-rqn88j,.project-row.reverse.svelte-rqn88j .mockup-mobile:where(.svelte-rqn88j){transform:translateY(-50%)}}@media(max-width:768px){.project-mockups.svelte-rqn88j{width:92%;margin-bottom:2.5rem;aspect-ratio:100 / 85.7}.mockup-desktop.svelte-rqn88j{left:4%;width:92%}.mockup-mobile.svelte-rqn88j{width:42%}.project-row.is-revealed.svelte-rqn88j:has(.mockup-mobile:where(.svelte-rqn88j)) .mockup-desktop:where(.svelte-rqn88j){transform:translate(-4.348%,-50%)}.project-row.reverse.is-revealed.svelte-rqn88j:has(.mockup-mobile:where(.svelte-rqn88j)) .mockup-desktop:where(.svelte-rqn88j){transform:translate(4.348%,-50%)}@media(prefers-reduced-motion:reduce){.project-row.svelte-rqn88j:has(.mockup-mobile:where(.svelte-rqn88j)) .mockup-desktop:where(.svelte-rqn88j){transform:translate(-4.348%,-50%)}.project-row.reverse.svelte-rqn88j:has(.mockup-mobile:where(.svelte-rqn88j)) .mockup-desktop:where(.svelte-rqn88j){transform:translate(4.348%,-50%)}}}.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}