section.svelte-gxlo24{flex-direction:column;display:flex}.container.svelte-gxlo24{width:100%;max-width:80rem;margin-inline:auto;padding-inline:clamp(1rem,5vw,3rem)}.projects-section.svelte-gxlo24{border-top:1px solid var(--color-surface-border)}.route.svelte-gxlo24{--rail:1.5rem;--node:.875rem;padding-block:clamp(2rem,6vw,4rem);list-style:none;position:relative}.route.svelte-gxlo24:before,.route.svelte-gxlo24:after{content:"";top:0;bottom:0;left:calc(var(--rail) / 2 - 1px);width:2px;position:absolute}.route.svelte-gxlo24:before{background:var(--color-surface-border)}.route.svelte-gxlo24:after{background:var(--color-primary);transform:scaleY(var(--progress));transform-origin:top}.stop.svelte-gxlo24{grid-template-columns:var(--rail) minmax(0, 1fr);column-gap:clamp(1rem,3vw,2.5rem);row-gap:var(--space-xl);padding-block:clamp(2.5rem,7vw,5rem);display:grid;position:relative}.stop.svelte-gxlo24+.stop:where(.svelte-gxlo24){border-top:1px solid var(--color-surface-border)}.node.svelte-gxlo24{width:var(--node);height:var(--node);border:2px solid var(--color-surface-border);background:var(--color-bg);z-index:1;border-radius:50%;grid-area:1/1;justify-self:center;margin-top:.3rem;transition:background-color .3s,border-color .3s,box-shadow .3s;position:relative}.reached.svelte-gxlo24 .node:where(.svelte-gxlo24){background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 0 .35rem hsl(var(--color-primary-h) var(--color-primary-s) 70% / .18)}.text.svelte-gxlo24{flex-direction:column;grid-column:2;align-items:flex-start;display:flex}.text.svelte-gxlo24>:where(.svelte-gxlo24)+:where(.svelte-gxlo24){margin-top:var(--space-sm)}.domain.svelte-gxlo24{font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-primary);text-underline-offset:.25em;align-items:center;gap:.4em;font-weight:500;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .15s;display:inline-flex}.domain.svelte-gxlo24:hover{text-decoration-color:currentColor}.domain.svelte-gxlo24:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:2px}.text.svelte-gxlo24 h2:where(.svelte-gxlo24){margin-top:var(--space-md);font-family:var(--font-heading);font-size:var(--font-size-3xl);letter-spacing:-.01em;text-wrap:balance;font-weight:600;line-height:1.1}.kind.svelte-gxlo24{font-family:var(--font-body);font-size:var(--font-size-base);color:var(--color-text)}.summary.svelte-gxlo24{font-family:var(--font-body);font-size:var(--font-size-md);color:var(--color-text-muted);max-width:42ch;line-height:1.6}.text.svelte-gxlo24 .actions:where(.svelte-gxlo24){margin-top:var(--space-lg)}.screenshot.svelte-gxlo24,.devices.svelte-gxlo24{grid-column:2}.screenshot.svelte-gxlo24{aspect-ratio:16/10;object-fit:cover;object-position:top;border:1px solid var(--color-surface-border);border-radius:4px;width:100%;height:auto;display:block}.devices.svelte-gxlo24{width:100%;margin-bottom:8%;position:relative}.laptop-wrap.svelte-gxlo24{filter:drop-shadow(0 1.5rem 2rem #0000004d);width:100%}.phone-wrap.svelte-gxlo24{filter:drop-shadow(0 1rem 1.5rem #00000059);width:24%;position:absolute;bottom:-12%;right:0}.visually-hidden.svelte-gxlo24{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width>=56rem){.route.svelte-gxlo24{--rail:2rem;--node:1rem}.stop.svelte-gxlo24{grid-template-columns:var(--rail) minmax(0, 5fr) minmax(0, 7fr);align-items:start}.screenshot.svelte-gxlo24,.devices.svelte-gxlo24{grid-area:1/3}.featured.svelte-gxlo24 .devices:where(.svelte-gxlo24){margin-right:4%}.featured.svelte-gxlo24 .phone-wrap:where(.svelte-gxlo24){right:-6%}}@media (prefers-reduced-motion:reduce){.node.svelte-gxlo24{transition:none}}