.piece.svelte-1sfmvf9{min-width:0;margin:0}.frame.svelte-1sfmvf9{background:var(--fill);border-radius:.375rem;display:block;position:relative;overflow:hidden}.frame.svelte-1sfmvf9:after{content:"";z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--fg) 12%, transparent);pointer-events:none;position:absolute;inset:0}.phone.svelte-1sfmvf9 .frame:where(.svelte-1sfmvf9){border-radius:14%/6.45%;width:62%}img.svelte-1sfmvf9,video.svelte-1sfmvf9{width:100%;height:auto;display:block}video.svelte-1sfmvf9{object-fit:cover;opacity:0;height:100%;transition:opacity .2s;position:absolute;inset:0}video.on.svelte-1sfmvf9{opacity:1}figcaption.svelte-1sfmvf9{flex-wrap:wrap;align-items:baseline;gap:.15rem 1rem;margin-top:.75rem;display:flex}figcaption.svelte-1sfmvf9 .fig:where(.svelte-1sfmvf9){margin-left:auto}.name.svelte-1sfmvf9{color:var(--fg)}.break.svelte-1sfmvf9{flex-basis:100%;height:0}.note.svelte-1sfmvf9{max-width:46ch;font-size:.8125rem}@media (width>=640px){.piece.phone.svelte-1sfmvf9{grid-row:span 2}.phone.svelte-1sfmvf9 .frame:where(.svelte-1sfmvf9){width:70%}}@media (width>=1152px){.piece.svelte-1sfmvf9{grid-column:var(--col);margin-top:var(--drop);translate:var(--x) 0}.piece.phone.svelte-1sfmvf9{grid-row:auto}.phone.svelte-1sfmvf9 .frame:where(.svelte-1sfmvf9){width:100%}}.title.svelte-g3rxtu{font-family:var(--mono);text-transform:none;letter-spacing:0;color:var(--fg);margin-bottom:.75rem;font-size:.875rem}.intro.svelte-g3rxtu{max-width:44ch;font-size:.8125rem;line-height:1.75}.canvas.svelte-g3rxtu{grid-template-columns:minmax(0,1fr);align-items:start;row-gap:2.75rem;display:grid}@media (width>=640px){.canvas.svelte-g3rxtu{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem}}@media (width>=1152px){.canvas.svelte-g3rxtu{grid-template-columns:repeat(12,minmax(0,1fr));gap:4rem 1.25rem}}