.case-stage[data-v-7957c66a]{--stage-bg:var(--color-surface-2);background-color:var(--stage-bg)}.case-stage.has-brand[data-v-7957c66a]{--stage-bg:color-mix(in oklab,var(--brand) 30%,var(--color-surface))}.pad-sm[data-v-7957c66a]{padding:clamp(.875rem,5%,2rem)}.pad-md[data-v-7957c66a]{padding:clamp(1rem,6%,3rem)}.pad-lg[data-v-7957c66a]{padding:clamp(1rem,5.5%,4.5rem)}.stage-frame.has-phone[data-v-7957c66a]{padding-bottom:calc(var(--pw)*.42)}.stage-frame.has-phone>.stage-browser[data-v-7957c66a]{width:88%}.stage-phone[data-v-7957c66a]{bottom:0;position:absolute;right:0;width:var(--pw)}.stage-phone[data-v-7957c66a] .browser-frame{box-shadow:0 0 0 5px var(--stage-bg)}.stage-pan[data-v-7957c66a]{opacity:0;transform:translateY(0);transition:transform .7s var(--ease-out-quart),opacity .26s linear .52s}@media (prefers-reduced-motion:no-preference){.stage-browser[data-v-7957c66a],.stage-phone[data-v-7957c66a]{transition:transform .7s var(--ease-out-expo)}.group:focus-visible .stage-browser[data-v-7957c66a],.group:has(a:focus-visible) .stage-browser[data-v-7957c66a],.group:hover .stage-browser[data-v-7957c66a]{transform:translateY(-.4rem)}.group:focus-visible .stage-phone[data-v-7957c66a],.group:has(a:focus-visible) .stage-phone[data-v-7957c66a],.group:hover .stage-phone[data-v-7957c66a]{transform:translateY(-1rem) rotate(-1.5deg)}.group:focus-visible .stage-pan.is-loaded[data-v-7957c66a],.group:has(a:focus-visible) .stage-pan.is-loaded[data-v-7957c66a],.group:hover .stage-pan.is-loaded[data-v-7957c66a]{opacity:1;transform:translateY(calc(-100% + 100cqw*var(--view-ratio)));transition:opacity .18s linear,transform var(--pan-dur) cubic-bezier(.45,0,.3,1) .26s}}.project-frame{view-transition-class:project-frame}::view-transition-group(.project-frame){animation-duration:.64s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-new(.project-frame),::view-transition-old(.project-frame){height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}