.projectsPage.svelte-rl4d6o{padding:40px 0 72px}.projectsPage.svelte-rl4d6o .container:where(.svelte-rl4d6o){position:relative}.projectsPage.svelte-rl4d6o .hero:where(.svelte-rl4d6o){border-radius:12px;grid-column:1;margin-bottom:100px;position:relative}.projectsPage.svelte-rl4d6o .hero:where(.svelte-rl4d6o) h1:where(.svelte-rl4d6o){color:var(--color_white);margin-bottom:16px;font-size:70px;line-height:.96}.projectsPage.svelte-rl4d6o .hero:where(.svelte-rl4d6o) p:where(.svelte-rl4d6o){color:var(--color_grey);font-size:18px}.projectsPage.svelte-rl4d6o .spine:where(.svelte-rl4d6o){background:color-mix(in srgb, var(--color_accent_secondary) 40%, transparent);border-radius:50%;width:4px;height:100%;position:absolute;left:50%;transform:translate(-50%)}.projectsPage.svelte-rl4d6o .row:where(.svelte-rl4d6o){grid-template-columns:minmax(0,1fr) 64px minmax(0,1fr);justify-content:center;align-items:center;column-gap:20px;display:grid;position:relative}.projectsPage.svelte-rl4d6o .row:where(.svelte-rl4d6o) .branch:where(.svelte-rl4d6o){grid-column:2;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:absolute}.projectsPage.svelte-rl4d6o .row:where(.svelte-rl4d6o) .branch:where(.svelte-rl4d6o) .dot:where(.svelte-rl4d6o){z-index:2;background:var(--color_accent_secondary);border-radius:100%;width:12px;height:12px;position:relative}.projectsPage.svelte-rl4d6o .row:where(.svelte-rl4d6o) .branch:where(.svelte-rl4d6o) .line:where(.svelte-rl4d6o){background:var(--color_accent_secondary);border-radius:100%;height:2px;position:absolute;top:49%}.projectsPage.svelte-rl4d6o .row.right:where(.svelte-rl4d6o) .branch:where(.svelte-rl4d6o) .line:where(.svelte-rl4d6o){width:116px;left:50%}.projectsPage.svelte-rl4d6o .row.right:where(.svelte-rl4d6o) .card:where(.svelte-rl4d6o){grid-column:3}.projectsPage.svelte-rl4d6o .row.left:where(.svelte-rl4d6o) .branch:where(.svelte-rl4d6o) .line:where(.svelte-rl4d6o){width:116px;right:50%}.projectsPage.svelte-rl4d6o .row.left:where(.svelte-rl4d6o) .card:where(.svelte-rl4d6o){grid-column:1}.projectsPage.svelte-rl4d6o .card:where(.svelte-rl4d6o){border:1px solid color-mix(in srgb, var(--color_accent_secondary) 70%, transparent 30%);background:color-mix(in srgb, var(--color_dark) 97%, var(--color_white) 3%);opacity:0;animation:2s cubic-bezier(.2,.85,.2,1) both svelte-rl4d6o-cardReveal;animation-delay:calc(var(--row-order) * .12s + .14s);border-radius:12px;flex-direction:column;gap:26px;padding:16px;transition:all .3s;display:flex;position:relative;transform:translateY(32px)scale(.96)}.projectsPage.svelte-rl4d6o .card:where(.svelte-rl4d6o) .image:where(.svelte-rl4d6o){border-radius:12px;overflow:hidden}.projectsPage.svelte-rl4d6o .card:where(.svelte-rl4d6o) .content:where(.svelte-rl4d6o){flex-direction:column;gap:12px;display:flex}.projectsPage.svelte-rl4d6o .card:where(.svelte-rl4d6o) .meta:where(.svelte-rl4d6o){flex-direction:column;gap:6px;display:flex}.projectsPage.svelte-rl4d6o .card:where(.svelte-rl4d6o) .meta:where(.svelte-rl4d6o) h2:where(.svelte-rl4d6o){color:var(--color_white);font-size:24px}.projectsPage.svelte-rl4d6o .card:where(.svelte-rl4d6o) .summary:where(.svelte-rl4d6o){font-size:15px;font-weight:600}.projectsPage.svelte-rl4d6o .card:where(.svelte-rl4d6o) .actions:where(.svelte-rl4d6o){justify-content:end;gap:16px;margin-top:4px;display:flex}.projectsPage.svelte-rl4d6o .card:where(.svelte-rl4d6o):hover{scale:1.03}@media (width<=960px){.projectsPage.svelte-rl4d6o{padding:32px 0 64px}.projectsPage.svelte-rl4d6o .spine:where(.svelte-rl4d6o){left:22px;transform:none}.projectsPage.svelte-rl4d6o .list:where(.svelte-rl4d6o){flex-direction:column;gap:20px;display:flex}.projectsPage.svelte-rl4d6o .row:where(.svelte-rl4d6o){grid-template-columns:44px minmax(0,1fr);column-gap:16px}.projectsPage.svelte-rl4d6o .row:where(.svelte-rl4d6o) .branch:where(.svelte-rl4d6o){grid-column:1;width:44px;height:44px}.projectsPage.svelte-rl4d6o .row:where(.svelte-rl4d6o) .hero:where(.svelte-rl4d6o){grid-column:2}.projectsPage.svelte-rl4d6o .row.left:where(.svelte-rl4d6o) .branch:where(.svelte-rl4d6o) .line:where(.svelte-rl4d6o),.projectsPage.svelte-rl4d6o .row.right:where(.svelte-rl4d6o) .branch:where(.svelte-rl4d6o) .line:where(.svelte-rl4d6o){width:72px;left:50%}.projectsPage.svelte-rl4d6o .row.left:where(.svelte-rl4d6o) .card:where(.svelte-rl4d6o),.projectsPage.svelte-rl4d6o .row.right:where(.svelte-rl4d6o) .card:where(.svelte-rl4d6o){grid-column:2;justify-self:stretch}.projectsPage.svelte-rl4d6o .card:where(.svelte-rl4d6o){gap:20px;padding:20px}.projectsPage.svelte-rl4d6o .card:where(.svelte-rl4d6o) .meta:where(.svelte-rl4d6o) h2:where(.svelte-rl4d6o){font-size:22px}.projectsPage.svelte-rl4d6o .card:where(.svelte-rl4d6o) .actions:where(.svelte-rl4d6o){flex-wrap:wrap;justify-content:flex-start}}@media (width<=640px){.projectsPage.svelte-rl4d6o{padding:24px 0 56px}.projectsPage.svelte-rl4d6o .hero:where(.svelte-rl4d6o){margin-bottom:56px}.projectsPage.svelte-rl4d6o .hero:where(.svelte-rl4d6o) h1:where(.svelte-rl4d6o){font-size:42px;line-height:1}.projectsPage.svelte-rl4d6o .hero:where(.svelte-rl4d6o) p:where(.svelte-rl4d6o){font-size:15px;line-height:1.6}.projectsPage.svelte-rl4d6o .spine:where(.svelte-rl4d6o){width:3px;left:18px}.projectsPage.svelte-rl4d6o .list:where(.svelte-rl4d6o){gap:18px}.projectsPage.svelte-rl4d6o .row:where(.svelte-rl4d6o){grid-template-columns:36px minmax(0,1fr);column-gap:12px}.projectsPage.svelte-rl4d6o .row:where(.svelte-rl4d6o) .branch:where(.svelte-rl4d6o){width:36px;height:36px}.projectsPage.svelte-rl4d6o .row:where(.svelte-rl4d6o) .branch:where(.svelte-rl4d6o) .dot:where(.svelte-rl4d6o){width:10px;height:10px}.projectsPage.svelte-rl4d6o .row.left:where(.svelte-rl4d6o) .branch:where(.svelte-rl4d6o) .line:where(.svelte-rl4d6o),.projectsPage.svelte-rl4d6o .row.right:where(.svelte-rl4d6o) .branch:where(.svelte-rl4d6o) .line:where(.svelte-rl4d6o){width:52px}.projectsPage.svelte-rl4d6o .card:where(.svelte-rl4d6o){padding:18px}.projectsPage.svelte-rl4d6o .card:where(.svelte-rl4d6o) .media:where(.svelte-rl4d6o){justify-content:flex-start}.projectsPage.svelte-rl4d6o .card:where(.svelte-rl4d6o) .meta:where(.svelte-rl4d6o) h2:where(.svelte-rl4d6o){font-size:20px}.projectsPage.svelte-rl4d6o .card:where(.svelte-rl4d6o) .summary:where(.svelte-rl4d6o){font-size:14px;line-height:1.6}.projectsPage.svelte-rl4d6o .card:where(.svelte-rl4d6o) .actions:where(.svelte-rl4d6o){flex-direction:column;align-items:stretch;gap:12px}.projectsPage.svelte-rl4d6o .card:where(.svelte-rl4d6o) .actions:where(.svelte-rl4d6o)>a:where(.svelte-rl4d6o){flex-direction:column;width:100%;text-decoration:none;display:flex}}@keyframes svelte-rl4d6o-cardReveal{0%{opacity:0;transform:translateY(32px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}