.ex[data-astro-cid-hm5x5xwy]>.wrap[data-astro-cid-hm5x5xwy]{padding-block:72px 96px}.top[data-astro-cid-hm5x5xwy]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;margin-bottom:20px;display:flex}.hint[data-astro-cid-hm5x5xwy]{font:500 11px/1.4 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#8b8d92}.hint[data-astro-cid-hm5x5xwy] .touch[data-astro-cid-hm5x5xwy]{display:none}@media (hover:none){.hint[data-astro-cid-hm5x5xwy] .mouse[data-astro-cid-hm5x5xwy]{display:none}.hint[data-astro-cid-hm5x5xwy] .touch[data-astro-cid-hm5x5xwy]{display:inline}}.piece[data-astro-cid-hm5x5xwy]{grid-template-columns:minmax(0,1fr) 300px;align-items:end;gap:40px;display:grid}.piece[data-astro-cid-hm5x5xwy][hidden]{display:none}.piece[data-astro-cid-hm5x5xwy]:not([hidden]){animation:show .4s var(--ease-out)}@keyframes show{0%{opacity:0}}.screen[data-astro-cid-hm5x5xwy]{aspect-ratio:16/9;border-radius:var(--r-lg);cursor:ew-resize;touch-action:pan-y;user-select:none;background:#000;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff14}.screen[data-astro-cid-hm5x5xwy] video[data-astro-cid-hm5x5xwy]{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.head[data-astro-cid-hm5x5xwy]{opacity:0;height:2px;transition:opacity .2s var(--ease-out);background:#ffffff1f;position:absolute;inset:auto 0 0}.head[data-astro-cid-hm5x5xwy] i[data-astro-cid-hm5x5xwy]{width:calc(var(--at,0) * 100%);background:#f4f4f2;height:100%;display:block}.screen[data-astro-cid-hm5x5xwy].scrub .head[data-astro-cid-hm5x5xwy],.screen[data-astro-cid-hm5x5xwy]:hover .head[data-astro-cid-hm5x5xwy]{opacity:1}.notes[data-astro-cid-hm5x5xwy]{align-content:end;gap:10px;padding-bottom:4px;display:grid}.n[data-astro-cid-hm5x5xwy]{font:500 12px/1 var(--font-mono);letter-spacing:.06em;color:#8b8d92}.notes[data-astro-cid-hm5x5xwy] h2[data-astro-cid-hm5x5xwy]{font:600 clamp(28px, 2.6vw, 40px)/1.05 var(--font-head);letter-spacing:-.035em;color:#f4f4f2}.section[data-astro-cid-hm5x5xwy].dark .tags[data-astro-cid-hm5x5xwy]{font:500 12px/1.4 var(--font-mono);letter-spacing:.02em;color:#8b8d92}.notes[data-astro-cid-hm5x5xwy] p[data-astro-cid-hm5x5xwy]{color:#a3a5aa;font-size:15px;line-height:23px}.notes[data-astro-cid-hm5x5xwy] .what[data-astro-cid-hm5x5xwy]{color:#f4f4f2}.snd[data-astro-cid-hm5x5xwy]{cursor:pointer;color:#f4f4f2;height:40px;font:500 14px/1 var(--font);transition:background-color .16s var(--ease-out);background:#ffffff14;border:0;border-radius:999px;justify-self:start;margin-top:6px;padding:0 16px}.snd[data-astro-cid-hm5x5xwy]:hover{background:#ffffff24}.snd[data-astro-cid-hm5x5xwy][aria-pressed=true]{color:var(--dark);background:#f4f4f2}.ctl[data-astro-cid-hm5x5xwy]{border-top:1px solid #ffffff14;grid-template-columns:auto auto minmax(0,1fr);align-items:start;gap:10px;margin-top:24px;padding-top:20px;display:grid}.step[data-astro-cid-hm5x5xwy]{cursor:pointer;color:#f4f4f2;width:44px;height:44px;transition:background-color .16s var(--ease-out);background:#ffffff14;border:0;border-radius:999px;place-items:center;font-size:16px;display:grid}.step[data-astro-cid-hm5x5xwy]:hover{background:#ffffff29}.rail[data-astro-cid-hm5x5xwy]{scrollbar-width:none;grid-auto-columns:minmax(96px,1fr);grid-auto-flow:column;gap:10px;margin:0 0 0 14px;padding:0 0 4px;list-style:none;display:grid;overflow-x:auto}.rail[data-astro-cid-hm5x5xwy] button[data-astro-cid-hm5x5xwy]{all:unset;cursor:pointer;gap:8px;width:100%;display:grid}.rail[data-astro-cid-hm5x5xwy] img[data-astro-cid-hm5x5xwy]{aspect-ratio:16/10;object-fit:cover;border-radius:var(--r-sm);opacity:.45;width:100%;height:auto;transition:opacity .2s var(--ease-out);background:#000;box-shadow:0 0 0 1px #ffffff14}.rail[data-astro-cid-hm5x5xwy] span[data-astro-cid-hm5x5xwy]{font:500 12px/1.3 var(--font);color:#8b8d92;white-space:nowrap;text-overflow:ellipsis;transition:color .2s var(--ease-out);overflow:hidden}.rail[data-astro-cid-hm5x5xwy] button[data-astro-cid-hm5x5xwy]:hover img[data-astro-cid-hm5x5xwy],.rail[data-astro-cid-hm5x5xwy] button[data-astro-cid-hm5x5xwy]:focus-visible img[data-astro-cid-hm5x5xwy]{opacity:.8}.rail[data-astro-cid-hm5x5xwy] [data-astro-cid-hm5x5xwy][aria-current] img[data-astro-cid-hm5x5xwy]{opacity:1;box-shadow:0 0 0 1px #f4f4f2}.rail[data-astro-cid-hm5x5xwy] [data-astro-cid-hm5x5xwy][aria-current] span[data-astro-cid-hm5x5xwy],.rail[data-astro-cid-hm5x5xwy] button[data-astro-cid-hm5x5xwy]:hover span[data-astro-cid-hm5x5xwy]{color:#f4f4f2}.rail[data-astro-cid-hm5x5xwy] button[data-astro-cid-hm5x5xwy]:focus-visible img[data-astro-cid-hm5x5xwy],.ex[data-astro-cid-hm5x5xwy] [data-astro-cid-hm5x5xwy]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.end[data-astro-cid-hm5x5xwy]{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;margin-top:48px;padding-top:32px;display:flex}.end[data-astro-cid-hm5x5xwy] p[data-astro-cid-hm5x5xwy]{font-size:18px;color:#f4f4f2!important}@media (width<=1100px){.piece[data-astro-cid-hm5x5xwy]{grid-template-columns:1fr;gap:20px}}@media (width<=809.98px){.ex[data-astro-cid-hm5x5xwy]>.wrap[data-astro-cid-hm5x5xwy]{padding-block:48px 64px}.screen[data-astro-cid-hm5x5xwy]{aspect-ratio:1}.ctl[data-astro-cid-hm5x5xwy]{grid-template-columns:auto auto}.rail[data-astro-cid-hm5x5xwy]{grid-column:1/-1;grid-auto-columns:112px;margin:6px 0 0}.ctl[data-astro-cid-hm5x5xwy] .step[data-astro-cid-hm5x5xwy]:first-child{justify-self:start}}@media (prefers-reduced-motion:reduce){.piece[data-astro-cid-hm5x5xwy]:not([hidden]){animation:none}.head[data-astro-cid-hm5x5xwy],.rail[data-astro-cid-hm5x5xwy] img[data-astro-cid-hm5x5xwy]{transition:none}}