:root{--paper:#f7f7f7;--ink:#1e1e1e;--muted:color-mix(in oklab, var(--paper) 45%, var(--ink));--line:color-mix(in oklab, var(--ink) 14%, transparent);--ff:var(--font-index), system-ui, sans-serif;--gutter:1.5rem;--ease-out:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ol{list-style:none}html{-webkit-font-smoothing:antialiased}body{background:var(--paper);color:var(--ink);font-family:var(--ff);font-weight:400}::selection{background:var(--ink);color:var(--paper)}:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.wrap[data-astro-cid-lcdefpme]{max-width:1800px;padding-inline:var(--gutter);margin-inline:auto}.label[data-astro-cid-lcdefpme]{text-transform:uppercase;letter-spacing:.06em;font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:500}.muted[data-astro-cid-lcdefpme]{color:var(--muted)}code[data-astro-cid-lcdefpme]{background:color-mix(in oklab, var(--ink) 7%, transparent);border-radius:4px;padding:.1em .35em;font-family:ui-monospace,Menlo,monospace;font-size:.9em}.head[data-astro-cid-lcdefpme]{justify-content:space-between;padding-block:1.25rem;display:flex}.intro[data-astro-cid-lcdefpme]{align-items:end;gap:var(--gutter);border-bottom:1px solid var(--ink);grid-template-columns:1fr 1fr;padding-block:6rem 4rem;display:grid}h1[data-astro-cid-lcdefpme]{letter-spacing:-.05em;font-size:clamp(4rem,13vw,15rem);font-weight:600;line-height:.8}.lede[data-astro-cid-lcdefpme]{text-wrap:pretty;justify-self:end;max-width:34ch;font-size:clamp(1.1rem,1.5vw,1.5rem);line-height:1.3}.item[data-astro-cid-lcdefpme]{gap:calc(var(--gutter) * 1.5);border-bottom:1px solid var(--line);grid-template-columns:7rem 1fr 1.15fr;padding-block:2.5rem;display:grid;position:relative}.card-link[data-astro-cid-lcdefpme]:after{content:"";position:absolute;inset:0}.card-link[data-astro-cid-lcdefpme]:focus-visible{outline:none}.item[data-astro-cid-lcdefpme]:has(.card-link:focus-visible){outline:2px solid var(--ink);outline-offset:4px}.actions[data-astro-cid-lcdefpme],.panel[data-astro-cid-lcdefpme]{z-index:1;position:relative}.actions[data-astro-cid-lcdefpme]{flex-wrap:wrap;gap:.5rem;padding-top:.5rem;display:flex}.pill[data-astro-cid-lcdefpme]{border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;font:500 .75rem/1 var(--ff);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;align-items:center;gap:.5rem;padding:.7rem 1.05rem;transition:background-color .2s,color .2s;display:inline-flex}.pill[data-astro-cid-lcdefpme]:hover{background:var(--paper);color:var(--ink)}.pill[data-astro-cid-lcdefpme].ghost{color:var(--ink);background:0 0}.pill[data-astro-cid-lcdefpme].ghost:hover{background:var(--ink);color:var(--paper)}.pill[data-astro-cid-lcdefpme].is-done{background:var(--paper);color:var(--ink)}.panel[data-astro-cid-lcdefpme]{grid-column:2/-1}pre[data-astro-cid-lcdefpme]{background:var(--ink);color:var(--paper);white-space:pre-wrap;border-radius:6px;margin:0;padding:1.25rem 1.4rem;font:.85rem/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;overflow-x:auto}.visually-hidden[data-astro-cid-lcdefpme]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.num[data-astro-cid-lcdefpme]{font-variant-numeric:tabular-nums;font-size:1rem;font-weight:500}.body[data-astro-cid-lcdefpme]{flex-direction:column;gap:1rem;display:flex}h2[data-astro-cid-lcdefpme]{letter-spacing:-.045em;font-size:clamp(2.75rem,5.5vw,6.5rem);font-weight:600;line-height:.9}.arrow[data-astro-cid-lcdefpme]{opacity:0;transition:opacity .3s, translate .5s var(--ease-out);font-weight:400;display:inline-block;translate:-.4em}.item[data-astro-cid-lcdefpme]:hover .arrow[data-astro-cid-lcdefpme],.item[data-astro-cid-lcdefpme]:focus-within .arrow[data-astro-cid-lcdefpme]{opacity:1;translate:0}.concept[data-astro-cid-lcdefpme]{max-width:36ch;font-size:1.15rem;line-height:1.35}.meta[data-astro-cid-lcdefpme]{gap:1rem var(--gutter);grid-template-columns:1fr 1fr;margin-top:auto;padding-top:1.5rem;display:grid}.meta[data-astro-cid-lcdefpme] div[data-astro-cid-lcdefpme]{align-content:start;gap:.35rem;font-size:.95rem;display:grid}.swatches[data-astro-cid-lcdefpme]{align-items:center;gap:.35rem;display:flex}.sw[data-astro-cid-lcdefpme]{width:1.1rem;height:1.1rem;box-shadow:inset 0 0 0 1px var(--line);border-radius:50%}.swatches[data-astro-cid-lcdefpme] span[data-astro-cid-lcdefpme]:last-child{margin-left:.25rem}.shots[data-astro-cid-lcdefpme]{aspect-ratio:16/10;background:color-mix(in oklab, var(--ink) 8%, transparent);border-radius:6px;position:relative;overflow:hidden}.shot[data-astro-cid-lcdefpme]{object-fit:cover;object-position:top;width:100%;height:100%;transition:scale .9s var(--ease-out), clip-path .7s cubic-bezier(.9, 0, .1, 1);position:absolute;inset:0}.shot[data-astro-cid-lcdefpme].alt{clip-path:inset(100% 0 0)}.item[data-astro-cid-lcdefpme]:hover .shot[data-astro-cid-lcdefpme]{scale:1.03}.item[data-astro-cid-lcdefpme]:hover .shot[data-astro-cid-lcdefpme].alt,.item[data-astro-cid-lcdefpme]:has(.card-link:focus-visible) .shot[data-astro-cid-lcdefpme].alt{clip-path:inset(0)}.howto[data-astro-cid-lcdefpme]{gap:calc(var(--gutter) * 1.5);grid-template-columns:7rem 1fr;padding-block:4rem 6rem;display:grid}.howto[data-astro-cid-lcdefpme] ol[data-astro-cid-lcdefpme]{counter-reset:s;gap:.6rem;max-width:70ch;line-height:1.45;display:grid}.howto[data-astro-cid-lcdefpme] li[data-astro-cid-lcdefpme]{counter-increment:s}.template[data-astro-cid-lcdefpme]{grid-column:2;gap:.8rem;max-width:70ch;margin-top:2.5rem;display:grid}.template-head[data-astro-cid-lcdefpme]{justify-content:space-between;align-items:center;gap:1rem;display:flex}.howto[data-astro-cid-lcdefpme] li[data-astro-cid-lcdefpme]:before{content:counter(s, decimal-leading-zero) "  ";color:var(--muted);font-variant-numeric:tabular-nums}.foot[data-astro-cid-lcdefpme]{border-top:1px solid var(--line);justify-content:space-between;padding-block:1.25rem 2rem;display:flex}@media (width<=1000px){.intro[data-astro-cid-lcdefpme]{grid-template-columns:1fr;padding-block:4rem 2.5rem}.lede[data-astro-cid-lcdefpme]{justify-self:start}.item[data-astro-cid-lcdefpme]{grid-template-columns:1fr;gap:1.25rem}.shots[data-astro-cid-lcdefpme]{order:-1}.meta[data-astro-cid-lcdefpme]{grid-template-columns:1fr}.howto[data-astro-cid-lcdefpme]{grid-template-columns:1fr;gap:1rem}.panel[data-astro-cid-lcdefpme],.template[data-astro-cid-lcdefpme]{grid-column:1}}@media (prefers-reduced-motion:reduce){.arrow[data-astro-cid-lcdefpme],.shot[data-astro-cid-lcdefpme],.pill[data-astro-cid-lcdefpme]{transition:none}}