.demo[data-astro-cid-q6igxj6a]{margin:0}.demo__window[data-astro-cid-q6igxj6a]{border:1px solid var(--line);border-radius:var(--radius-2);background:var(--ground-1);overflow:hidden}.demo__bar[data-astro-cid-q6igxj6a]{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line);font-size:var(--text-xs);color:var(--bone-3);font-weight:500;display:flex}.demo__dots[data-astro-cid-q6igxj6a]{gap:6px;display:inline-flex}.demo__dots[data-astro-cid-q6igxj6a] i[data-astro-cid-q6igxj6a]{background:var(--line-strong);border-radius:50%;width:8px;height:8px}.demo__name[data-astro-cid-q6igxj6a]{color:var(--bone-2)}.demo__label[data-astro-cid-q6igxj6a]{margin-left:auto}.demo__scene[data-astro-cid-q6igxj6a]{background:var(--ground-1)}.demo__scene[data-astro-cid-q6igxj6a][data-kind=phone]{padding:var(--space-5);justify-items:center;display:grid}.demo__shot[data-astro-cid-q6igxj6a]{background:var(--project-color,var(--ground-2));display:block;position:relative;overflow:hidden}.demo__shot[data-astro-cid-q6igxj6a]:after{content:"";background:var(--project-color,var(--ground-2));mix-blend-mode:multiply;opacity:1;transition:opacity var(--dur-3) var(--ease-out);pointer-events:none;position:absolute;inset:0}.demo__stage[data-astro-cid-q6igxj6a]:hover .demo__shot[data-astro-cid-q6igxj6a]:after,.demo[data-astro-cid-q6igxj6a]:focus-within .demo__shot[data-astro-cid-q6igxj6a]:after,.demo[data-astro-cid-q6igxj6a].is-lit .demo__shot[data-astro-cid-q6igxj6a]:after{opacity:0}.demo__image[data-astro-cid-q6igxj6a]{width:100%;height:auto;display:block}.demo__scene[data-astro-cid-q6igxj6a][data-kind=phone] .demo__shot[data-astro-cid-q6igxj6a]{border-radius:var(--radius-2);border:1px solid var(--line-strong);width:min(100%,22rem)}.demo__inline[data-astro-cid-q6igxj6a]{padding:var(--space-3) var(--space-4);border-top:1px solid var(--line)}.demo__inline[data-astro-cid-q6igxj6a] strong[data-astro-cid-q6igxj6a]{color:var(--bone);font-weight:500}.demo__caption[data-astro-cid-q6igxj6a]{gap:var(--space-4);padding-top:var(--space-4);display:grid}.demo__step[data-astro-cid-q6igxj6a]{max-width:var(--measure);color:var(--bone-2);margin:0}.demo__step-title[data-astro-cid-q6igxj6a]{color:var(--bone);font-weight:500;display:block}.demo__nav[data-astro-cid-q6igxj6a]{display:none}html.js .demo__stage[data-astro-cid-q6igxj6a]{aspect-ratio:8/5;position:relative}html.js .demo__scene[data-astro-cid-q6igxj6a]{opacity:0;place-items:center;padding:0;display:grid;position:absolute;inset:0}html.js .demo__scene[data-astro-cid-q6igxj6a][aria-hidden=true]{pointer-events:none}html.js .demo__scene[data-astro-cid-q6igxj6a]:not([aria-hidden]){opacity:1}html.js .demo__scene[data-astro-cid-q6igxj6a][data-kind=desktop] .demo__shot[data-astro-cid-q6igxj6a]{width:100%;height:100%}html.js .demo__scene[data-astro-cid-q6igxj6a][data-kind=desktop] .demo__image[data-astro-cid-q6igxj6a]{object-fit:contain;width:100%;height:100%}html.js .demo__scene[data-astro-cid-q6igxj6a][data-kind=phone] .demo__shot[data-astro-cid-q6igxj6a]{aspect-ratio:393/852;width:auto;height:92%}html.js .demo__scene[data-astro-cid-q6igxj6a][data-kind=phone] .demo__image[data-astro-cid-q6igxj6a]{object-fit:contain;width:100%;height:100%}html.js .demo__inline[data-astro-cid-q6igxj6a]{display:none}html.js .demo__caption[data-astro-cid-q6igxj6a]{grid-template-columns:minmax(0,1fr) auto;align-items:start}html.js .demo__steps[data-astro-cid-q6igxj6a]{min-height:3.6em;position:relative}html.js .demo__step[data-astro-cid-q6igxj6a]{opacity:0;position:absolute;inset:0}html.js .demo__step[data-astro-cid-q6igxj6a]:not([aria-hidden]){opacity:1;position:relative}html.js .demo__nav[data-astro-cid-q6igxj6a]{align-items:center;gap:var(--space-4);display:flex}.demo__count[data-astro-cid-q6igxj6a]{color:var(--bone-3)}.demo__dotnav[data-astro-cid-q6igxj6a]{gap:var(--space-2);display:flex}.demo__go[data-astro-cid-q6igxj6a]{border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.demo__go[data-astro-cid-q6igxj6a]:before{content:"";background:var(--line-strong);width:6px;height:6px;transition:background-color var(--dur-1) var(--ease-out);border-radius:50%}.demo__go[data-astro-cid-q6igxj6a]:hover:before,.demo__go[data-astro-cid-q6igxj6a][aria-pressed=true]:before{background:var(--bone)}@media (width<=639px){html.js .demo__caption[data-astro-cid-q6igxj6a]{grid-template-columns:1fr}}.project__top[data-astro-cid-pznzci7v]{height:var(--nav-h)}.project__bar[data-astro-cid-pznzci7v]{top:var(--nav-h);z-index:calc(var(--z-content) + 1);padding-block:var(--space-3);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:static}.project__close[data-astro-cid-pznzci7v]{pointer-events:auto;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-1);background:color-mix(in srgb, var(--ground) 72%, transparent);backdrop-filter:blur(var(--nav-blur));font-size:var(--text-sm);color:var(--bone);transition:border-color var(--dur-1) var(--ease-out);font-weight:500;display:inline-flex}.project__close[data-astro-cid-pznzci7v]:hover,.project__close[data-astro-cid-pznzci7v]:focus-visible{border-color:var(--line-strong)}.project__close-glyph[data-astro-cid-pznzci7v]{width:10px;height:10px;position:relative}.project__close-glyph[data-astro-cid-pznzci7v]:before,.project__close-glyph[data-astro-cid-pznzci7v]:after{content:"";background:currentColor;height:1px;position:absolute;inset:50% 0 auto;transform:rotate(45deg)}.project__close-glyph[data-astro-cid-pznzci7v]:after{transform:rotate(-45deg)}.project[data-astro-cid-pznzci7v]{padding-top:var(--section)}.project__head[data-astro-cid-pznzci7v]{max-width:var(--measure)}.project__title[data-astro-cid-pznzci7v]{margin:0}.project__summary[data-astro-cid-pznzci7v]{margin:var(--space-5) 0 0}.project__demo[data-astro-cid-pznzci7v]{margin-top:var(--space-8)}.project__cover[data-astro-cid-pznzci7v]{margin-top:var(--space-8);border-radius:var(--radius-2);aspect-ratio:8/5;background:color-mix(in oklab, var(--project-color) 22%, var(--ground));overflow:hidden}.project__image[data-astro-cid-pznzci7v]{object-fit:cover;width:100%;height:100%;display:block}.project__meta[data-astro-cid-pznzci7v]{gap:var(--space-5) var(--gutter);margin:var(--space-7) 0 0;padding-top:var(--space-5);border-top:1px solid var(--line);grid-template-columns:1fr;display:grid}.project__cell[data-astro-cid-pznzci7v] dt[data-astro-cid-pznzci7v],.next__label[data-astro-cid-pznzci7v]{color:var(--bone-2)}.project__cell[data-astro-cid-pznzci7v] dt[data-astro-cid-pznzci7v]{margin:0}.project__cell[data-astro-cid-pznzci7v] dd[data-astro-cid-pznzci7v]{margin:var(--space-2) 0 0;font-size:var(--text-base);color:var(--bone)}.project__body[data-astro-cid-pznzci7v]{margin-top:var(--space-9)}.next[data-astro-cid-pznzci7v]{padding-bottom:var(--section);border-top:1px solid var(--line);margin-top:var(--section)}.next__wrapper[data-astro-cid-pznzci7v]{height:180svh}.next__stage[data-astro-cid-pznzci7v]{align-content:center;height:100svh;display:grid;position:sticky;top:0}.next__label[data-astro-cid-pznzci7v]{margin:0}.next__link[data-astro-cid-pznzci7v]{margin-top:var(--space-4);font-size:var(--text-3xl);font-weight:800;line-height:var(--leading-heading);letter-spacing:var(--tracking-3xl);color:var(--bone-2);transition:color var(--dur-1) var(--ease-out);display:inline-block}.next__link[data-astro-cid-pznzci7v]:hover,.next__link[data-astro-cid-pznzci7v]:focus-visible{color:var(--bone)}.next__row[data-astro-cid-pznzci7v]{gap:var(--space-5);margin:var(--space-6) 0 0;flex-wrap:wrap;display:flex}.next__prev[data-astro-cid-pznzci7v],.next__all[data-astro-cid-pznzci7v]{color:var(--bone-2);text-underline-offset:.25em;transition:color var(--dur-1) var(--ease-out), text-decoration-color var(--dur-1) var(--ease-out);text-decoration:underline #0000}.next__prev[data-astro-cid-pznzci7v]:hover,.next__all[data-astro-cid-pznzci7v]:hover,.next__prev[data-astro-cid-pznzci7v]:focus-visible,.next__all[data-astro-cid-pznzci7v]:focus-visible{color:var(--bone);text-decoration-color:currentColor}@media (prefers-reduced-motion:reduce){.next__wrapper[data-astro-cid-pznzci7v]{height:auto}.next__stage[data-astro-cid-pznzci7v]{height:auto;padding-top:var(--section);position:static}}@media (width>=1024px){.project__bar[data-astro-cid-pznzci7v]{position:sticky}}@media (width>=640px){.project__meta[data-astro-cid-pznzci7v]{grid-template-columns:repeat(4,minmax(0,1fr))}.project__cell--wide[data-astro-cid-pznzci7v]{grid-column:span 2}}