.steps[data-astro-cid-pm7x5ry2]{margin-left:calc(var(--rail-w) * -1);gap:1.25rem;display:grid}.step[data-astro-cid-pm7x5ry2]{grid-template-columns:var(--rail-w) 1fr;align-items:center;gap:0;display:grid}.knot[data-astro-cid-pm7x5ry2]{z-index:11;margin-left:calc(var(--knot-c) - .875rem);width:1.75rem;height:1.75rem;color:var(--color-paper);background:var(--color-graphite);box-shadow:0 0 0 4px var(--color-paper), 0 8px 18px -8px #0f0f0f73;border-radius:50%;justify-self:start;place-items:center;font-size:.8125rem;font-weight:700;display:grid;position:relative}.step-card[data-astro-cid-pm7x5ry2]{z-index:10;background:var(--color-surface);box-shadow:inset 0 0 0 1px var(--color-line);border-radius:1.25rem;padding:1.4rem 1.5rem;position:relative}.step-nr[data-astro-cid-pm7x5ry2]{color:var(--color-accent-forest);font-size:.875rem;font-weight:600}@media (width>=1024px){.steps[data-astro-cid-pm7x5ry2]{gap:0;margin-left:0}.step[data-astro-cid-pm7x5ry2]{grid-template-columns:1fr 5rem 1fr;gap:2.5rem;min-height:11rem}.step[data-astro-cid-pm7x5ry2]+.step[data-astro-cid-pm7x5ry2]{margin-top:-2rem}.knot[data-astro-cid-pm7x5ry2]{width:4rem;height:4rem;box-shadow:0 0 0 6px var(--color-paper), 0 10px 22px -8px #0f0f0f73;grid-area:1/2;justify-self:center;margin-left:0;font-size:1.25rem}.step-right[data-astro-cid-pm7x5ry2] .knot[data-astro-cid-pm7x5ry2]{translate:1.25rem}.step-left[data-astro-cid-pm7x5ry2] .knot[data-astro-cid-pm7x5ry2]{translate:-1.25rem}.step-card[data-astro-cid-pm7x5ry2]{grid-row:1;max-width:28rem;padding:1.75rem 2rem}.step-right[data-astro-cid-pm7x5ry2] .step-card[data-astro-cid-pm7x5ry2]{grid-column:3}.step-left[data-astro-cid-pm7x5ry2] .step-card[data-astro-cid-pm7x5ry2]{text-align:right;grid-column:1;justify-self:end}}.thread-ready .step-card[data-astro-cid-pm7x5ry2]{opacity:0;transition:opacity .5s ease-out, transform .8s var(--ease-out-expo);transform:translateY(1.25rem)scale(.96)}.thread-ready .step-card[data-astro-cid-pm7x5ry2].is-shown{opacity:1;transform:none}.case[data-astro-cid-yp4ieoow]{z-index:10;position:relative}.case-stage[data-astro-cid-yp4ieoow]{aspect-ratio:16/11;background:radial-gradient(70% 60% at 30% 35%, color-mix(in srgb, var(--color-accent) 35%, transparent), transparent 70%), radial-gradient(60% 60% at 85% 90%, color-mix(in srgb, var(--color-accent) 18%, transparent), transparent 70%), var(--color-ink-soft);border-radius:1.5rem;position:relative;overflow:hidden}@media (width>=1024px){.case-stage[data-astro-cid-yp4ieoow]{aspect-ratio:16/8}}.case-laptop[data-astro-cid-yp4ieoow]{filter:drop-shadow(0 40px 40px #00000080);width:70%;position:absolute;top:10%;left:4%}.case-phone[data-astro-cid-yp4ieoow]{width:21%;position:absolute;top:14%;right:7%}@media (width>=1024px){.case-laptop[data-astro-cid-yp4ieoow]{width:58%;top:8%;left:8%}.case-phone[data-astro-cid-yp4ieoow]{width:15%;top:12%;right:12%}}.phone[data-astro-cid-yp4ieoow]{aspect-ratio:9/19;border:3px solid var(--color-ink);background:var(--color-paper);border-radius:.95rem;overflow:hidden;box-shadow:0 0 0 1px #3a3a3a,0 40px 60px -20px #000000b3}@media (width>=1024px){.phone[data-astro-cid-yp4ieoow]{border-width:.45rem;border-radius:1.6rem}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.case-laptop[data-astro-cid-yp4ieoow]{animation:linear both case-a view();animation-range:entry cover 60%}.case-phone[data-astro-cid-yp4ieoow]{animation:linear both case-b view();animation-range:entry cover 60%}}}@keyframes case-a{0%{translate:-4% 14%;scale:.94}to{translate:0;scale:1}}@keyframes case-b{0%{translate:0 40%;rotate:6deg}to{translate:0;rotate:0deg}}.category[data-astro-cid-yp4ieoow]{min-height:2.75rem;color:var(--color-paper);box-shadow:inset 0 0 0 1px var(--color-ink-line);border-radius:99px;align-items:center;padding:0 1.1rem;font-weight:600;transition:background-color .25s,color .25s,box-shadow .25s;display:inline-flex}@media (hover:hover){.category[data-astro-cid-yp4ieoow]:hover{color:var(--color-ink);background:var(--color-accent);box-shadow:none}}.case-meta[data-astro-cid-yp4ieoow]{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;padding:1.75rem .25rem 0;display:flex}.case-link[data-astro-cid-yp4ieoow]{min-height:3rem;color:var(--color-paper);align-items:center;gap:.9rem;font-size:1.0625rem;font-weight:600;display:inline-flex}.case-link-go[data-astro-cid-yp4ieoow]{width:3rem;height:3rem;color:var(--color-ink);background:var(--color-accent);transition:rotate .5s var(--ease-out-expo);border-radius:50%;place-items:center;display:grid;rotate:-45deg}.case-link-go[data-astro-cid-yp4ieoow] svg{width:1.15rem;height:1.15rem}@media (hover:hover){.case-link[data-astro-cid-yp4ieoow]:hover .case-link-go[data-astro-cid-yp4ieoow]{rotate:0deg}}