.folkkit.svelte-1xb8kb6 .website-image:where(.svelte-1xb8kb6){object-fit:cover;object-position:50% 28%;transform:translateY(var(--image-y, 0px)) scale(1.12)}.image-window.svelte-1xb8kb6{background:#f5f8fb}.project-preview.svelte-1xb8kb6{--project-tint: #dbe4eb;--project-ink: #304e68;--scene-accent: #597e9a;position:relative;isolation:isolate;height:100%;min-height:min(520px,calc(100svh - 190px));padding:100px 30px 65px;background:var(--project-tint);color:var(--project-ink);overflow:hidden;border-radius:7px;perspective:1400px}.folkkit.svelte-1xb8kb6{--project-tint: #e0e5d5;--project-ink: #475b43;--scene-accent: #788c66}.scene-heading.svelte-1xb8kb6{position:absolute;top:23px;inset-inline:25px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;z-index:3}.scene-heading.svelte-1xb8kb6>span:where(.svelte-1xb8kb6):first-child{font-size:13px}.project-watermark.svelte-1xb8kb6{position:absolute;top:50px;inset-inline-start:18px;font-family:var(--font-display);font-size:clamp(75px,8vw,115px);font-style:italic;line-height:1.15;opacity:.16;letter-spacing:-.04em;transform:translate(var(--word-x, 0px));z-index:0;white-space:nowrap}.scene-orbit.svelte-1xb8kb6{position:absolute;inset:13% -25% -45% 15%;border:1px solid currentColor;opacity:.09;border-radius:50%;transform:rotate(var(--orbit-angle, -25deg)) scale(calc(.9 + var(--scene-progress, .5) * .2))}.browser-frame.svelte-1xb8kb6{position:relative;z-index:1;border:1px solid #ffffffc4;border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 28px 55px #253d4b30;transform:translate3d(var(--frame-x, 0px),calc(var(--frame-y, 0px) + var(--hover-lift, 0px)),0) rotateY(var(--frame-tilt, 0deg)) rotate(var(--frame-angle, -1deg)) scale(var(--frame-scale, 1));transition:box-shadow .35s;transform-origin:50% 60%}.browser-chrome.svelte-1xb8kb6{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 15px;background:#f9faf9;color:#526257;font-size:12px}.browser-dots.svelte-1xb8kb6{font-size:7px;letter-spacing:3px;color:#aeb8af}.image-window.svelte-1xb8kb6{aspect-ratio:1280/853;overflow:hidden}.website-image.svelte-1xb8kb6{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:translateY(var(--image-y, 0px)) scale(1)}.detail-layer.svelte-1xb8kb6{position:absolute;z-index:2;width:46%;max-width:270px;inset-inline-end:22px;bottom:62px;border-radius:8px;border:1px solid #ffffffc4;overflow:hidden;background:#fff;box-shadow:0 20px 40px #263d4538;transform:translate3d(var(--detail-x, 0px),var(--detail-y, 0px),55px) rotate(var(--detail-angle, 1deg));pointer-events:none}.folkkit.svelte-1xb8kb6 .detail-layer:where(.svelte-1xb8kb6){width:34%;max-width:200px;inset-inline-end:auto;inset-inline-start:24px;bottom:45px}.detail-layer.svelte-1xb8kb6 img:where(.svelte-1xb8kb6){display:block;width:100%;height:auto}.detail-top.svelte-1xb8kb6{display:flex;align-items:center;gap:7px;padding:9px 10px;font-size:11px;background:#fff}.detail-top.svelte-1xb8kb6>span:where(.svelte-1xb8kb6):last-child{margin-inline-start:auto}.detail-dot.svelte-1xb8kb6{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:var(--scene-accent)}.scene-meter.svelte-1xb8kb6{position:absolute;inset-inline:28px;bottom:22px;height:1px;background:#52625730}.scene-meter.svelte-1xb8kb6>span:where(.svelte-1xb8kb6){display:block;width:100%;height:2px;background:var(--scene-accent);transform:scaleX(var(--scene-progress, .5));transform-origin:left}.scene-meter.svelte-1xb8kb6>i:where(.svelte-1xb8kb6){position:absolute;inset-inline-start:calc(var(--scene-progress, .5) * 100%);top:-2px;width:5px;height:5px;border-radius:50%;background:var(--scene-accent)}.project-preview.svelte-1xb8kb6:hover{--hover-lift: -7px}.project-preview.svelte-1xb8kb6:hover .browser-frame:where(.svelte-1xb8kb6){box-shadow:0 36px 65px #253d4b40}.motion-ready .browser-frame.svelte-1xb8kb6,.motion-ready .detail-layer.svelte-1xb8kb6,.motion-ready .project-watermark.svelte-1xb8kb6{will-change:transform}@media(min-width:900px)and (min-height:651px)and (max-height:850px){.project-preview.svelte-1xb8kb6{padding-top:70px;padding-bottom:50px}.browser-frame.svelte-1xb8kb6{max-width:calc((100svh - 350px)*1.5);margin-inline:auto}.project-watermark.svelte-1xb8kb6{font-size:80px;top:40px}}@media(max-width:600px){.project-preview.svelte-1xb8kb6{min-height:330px;padding:78px 18px 52px}.scene-heading.svelte-1xb8kb6{top:16px;inset-inline:18px;font-size:11px}.scene-heading.svelte-1xb8kb6>span:where(.svelte-1xb8kb6):first-child{font-size:12px}.project-watermark.svelte-1xb8kb6{font-size:70px;top:35px;inset-inline-start:12px}.browser-chrome.svelte-1xb8kb6{font-size:8px;padding:9px}.detail-layer.svelte-1xb8kb6{width:44%;inset-inline-end:12px;bottom:42px}.folkkit.svelte-1xb8kb6 .detail-layer:where(.svelte-1xb8kb6){width:30%;inset-inline-start:14px;bottom:36px}.detail-top.svelte-1xb8kb6{font-size:8px;padding:6px}.scene-meter.svelte-1xb8kb6{inset-inline:18px;bottom:17px}}@media(prefers-reduced-motion:reduce){.browser-frame.svelte-1xb8kb6,.project-preview.svelte-1xb8kb6:hover .browser-frame:where(.svelte-1xb8kb6),.detail-layer.svelte-1xb8kb6,.project-watermark.svelte-1xb8kb6,.scene-orbit.svelte-1xb8kb6,.website-image.svelte-1xb8kb6{transform:none;transition:none;will-change:auto}.scene-meter.svelte-1xb8kb6{display:none}}.project-features.svelte-10m6ujx{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:22px;padding:0;list-style:none}.project-features.svelte-10m6ujx li:where(.svelte-10m6ujx){font-size:14px;border-bottom:1px solid var(--border);padding-block:7px}.contribution-label.svelte-10m6ujx{margin-top:26px;font-size:13px;color:var(--project-accent)}.contribution-label.svelte-10m6ujx+.community-note:where(.svelte-10m6ujx){margin-top:7px}@media(min-width:900px)and (min-height:651px)and (prefers-reduced-motion:no-preference){article.svelte-10m6ujx{min-height:72svh;display:flex;flex-direction:column;justify-content:center}.demo-link.svelte-10m6ujx{align-self:flex-start}}html.dark article.svelte-10m6ujx{--project-accent: #9cbee5}html.dark article.folkkit.svelte-10m6ujx{--project-accent: #9ac7a6}article.svelte-10m6ujx{--project-accent: #366aa6;--project-shadow: 54 106 166;border-inline-start:2px solid transparent;padding-inline:24px;margin-inline:-24px;transition:background .25s,box-shadow .25s,border-color .25s,transform .3s}article.folkkit.svelte-10m6ujx{--project-accent: #456a50;--project-shadow: 69 106 80}article.svelte-10m6ujx:hover,article.svelte-10m6ujx:focus-within{background:rgb(var(--project-shadow) / .045);border-inline-start-color:var(--project-accent);box-shadow:0 18px 45px rgb(var(--project-shadow) / .09);transform:translateY(-4px)}.community-note.svelte-10m6ujx{font-size:16px;color:var(--muted);line-height:1.8;margin-top:20px}.community-note.svelte-10m6ujx a:where(.svelte-10m6ujx){color:var(--ink);text-decoration:underline;text-underline-offset:4px}.community-note.svelte-10m6ujx a:where(.svelte-10m6ujx):hover{color:var(--project-accent)}.project-story.svelte-10m6ujx{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(30px,6vw,100px);position:relative}.stories.svelte-10m6ujx{min-width:0}.project-nav.svelte-10m6ujx{display:flex;gap:20px;border-bottom:1px solid var(--border);padding-bottom:15px;flex-wrap:wrap}.project-nav.svelte-10m6ujx a:where(.svelte-10m6ujx){display:flex;gap:12px;align-items:center;min-height:44px;font-size:16px;color:var(--muted)}.project-nav.svelte-10m6ujx a[aria-current]:where(.svelte-10m6ujx){color:var(--ink);font-weight:600}.project-nav.svelte-10m6ujx a:where(.svelte-10m6ujx):hover{color:var(--accent)}.project-nav.svelte-10m6ujx span:where(.svelte-10m6ujx){font-size:9px;color:var(--accent)}article.svelte-10m6ujx{padding-block:40px 55px;scroll-margin-top:100px;border-bottom:1px solid var(--border)}article.svelte-10m6ujx:last-child{border-bottom:0}.project-caption.svelte-10m6ujx{display:flex;flex-direction:column;gap:7px;font-size:13px;color:var(--muted)}.project-caption.svelte-10m6ujx>span:where(.svelte-10m6ujx):first-child{color:var(--project-accent);font-size:13px}h3.svelte-10m6ujx{font-size:clamp(42px,4vw,58px);font-family:var(--font-display);font-weight:500;line-height:1.1;letter-spacing:-.025em;margin-block:22px}.project-intro.svelte-10m6ujx{font-size:20px;line-height:1.6;max-width:35ch}.project-detail.svelte-10m6ujx{font-size:17px;line-height:1.85;color:var(--muted);margin-top:22px;max-width:48ch}.demo-link.svelte-10m6ujx{display:inline-flex;align-items:center;gap:35px;min-height:44px;margin-top:25px;font-size:16px;font-weight:600;border-bottom:1px solid var(--ink)}.demo-link.svelte-10m6ujx span:where(.svelte-10m6ujx){font-size:22px}.demo-link.svelte-10m6ujx:hover{color:var(--accent);border-color:var(--accent)}.sticky-preview.svelte-10m6ujx{position:sticky;top:105px;padding-top:24px}.preview-layers.svelte-10m6ujx{position:relative;height:min(clamp(520px,43vw,630px),calc(100svh - 190px))}.preview-layer.svelte-10m6ujx{position:absolute;inset:0;opacity:0;transform:translateY(110px) scale(.88) rotate(6deg);transition:opacity .45s ease,transform .75s cubic-bezier(.16,.75,.2,1);pointer-events:none}.preview-layer.shown.svelte-10m6ujx{transform:translateY(0) scale(1) rotate(0);pointer-events:auto;z-index:2;opacity:1}.preview-footer.svelte-10m6ujx{display:flex;justify-content:space-between;gap:15px;font-size:13px;color:var(--muted);padding-top:16px}.preview-footer.svelte-10m6ujx>span:where(.svelte-10m6ujx):first-child{font-weight:600;color:var(--ink)}.mobile-preview.svelte-10m6ujx{display:none}.preview-note.svelte-10m6ujx{font-size:13px;color:var(--muted);margin-top:10px}@media(max-width:899px),(max-height:650px){.project-story.svelte-10m6ujx{display:block}.preview-column.svelte-10m6ujx{display:none}.mobile-preview.svelte-10m6ujx{display:block;margin-block:26px}article.svelte-10m6ujx{padding-block:35px 45px}.project-intro.svelte-10m6ujx,.project-detail.svelte-10m6ujx{max-width:60ch}.project-nav.svelte-10m6ujx{gap:24px}}@media(prefers-reduced-motion:reduce){article.svelte-10m6ujx:hover,article.svelte-10m6ujx:focus-within{transform:none}.project-story.svelte-10m6ujx{display:block}.preview-column.svelte-10m6ujx{display:none}.mobile-preview.svelte-10m6ujx{display:block;margin-block:24px}article.svelte-10m6ujx{padding-block:35px}.preview-layer.svelte-10m6ujx{transition:none}}