.fluid[data-v-03d4b31b]{touch-action:none;grid-template:minmax(0,1fr)/minmax(0,1fr);display:grid;overflow:hidden}.fluid[data-v-03d4b31b]>*{grid-area:1/1;width:100%;height:100%}img[data-v-03d4b31b]{object-fit:cover}canvas[data-v-03d4b31b]{opacity:0;display:block}canvas.ready[data-v-03d4b31b]{opacity:1}.poster[data-v-91516b96]{cursor:pointer;width:100%;height:100%;display:block;position:relative}.poster img[data-v-91516b96]{object-fit:cover;width:100%;height:100%;display:block}.head[data-v-91516b96]{font-size:var(--headline);letter-spacing:-.02em;text-align:left;justify-content:space-between;align-items:baseline;line-height:1;display:flex;position:absolute;inset:24px 24px auto}.time[data-v-91516b96]{color:var(--color-muted);font-size:var(--text);letter-spacing:normal}.play[data-v-91516b96]{border:1px solid var(--color-text);background:var(--color-bg);border-radius:50%;place-items:center;width:56px;height:56px;transition:background .15s,color .15s;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%}.play svg[data-v-91516b96]{fill:currentColor;width:22px;height:22px;margin-left:3px}.poster:hover .play[data-v-91516b96]{background:var(--color-text);color:var(--color-bg)}.player[data-v-91516b96]{width:100%;max-width:none;height:100%;max-height:none;color:inherit;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0}.player[open][data-v-91516b96]{place-items:center;display:grid}.player[data-v-91516b96]:focus-visible{outline:none}.player[data-v-91516b96]::backdrop{background:#000000d9}.player[open][data-v-91516b96],.player[open][data-v-91516b96]::backdrop{animation:.2s ease-out fade-in-91516b96}@keyframes fade-in-91516b96{0%{opacity:0}}.stage[data-v-91516b96]{justify-items:end;gap:12px;display:grid}video[data-v-91516b96]{aspect-ratio:16/9;background:#000;width:min(100vw - 64px,177.778svh - 170.667px);display:block}.tall video[data-v-91516b96]{width:min(100vw - 2 * var(--gutter), (100svh - 72px) * 9 / 16);aspect-ratio:9/16}.close[data-v-91516b96]{color:var(--color-muted);text-decoration:underline}.close[data-v-91516b96]:hover{color:var(--color-text)}@media (prefers-reduced-motion:reduce){.play[data-v-91516b96]{transition:none}.player[open][data-v-91516b96],.player[open][data-v-91516b96]::backdrop{animation:none}}@media (width<=767px){.head[data-v-91516b96]{inset:16px 16px auto}}.guide[data-v-81dbed30]{--primary:#3f74d3;--secondary:#fffcfc;--tertiary:#f2f0f0;--ink:#313233;--ink-grey:#656565;--stroke:#e5e3e3;--success:#00d3a6;--error:#ff4343;--disabled:#8a8a8a;gap:40px;display:grid}h4[data-v-81dbed30]{color:var(--color-dim);font-size:inherit;margin-bottom:12px;font-weight:500}ul[data-v-81dbed30]{list-style:none}.palette[data-v-81dbed30],.symptoms[data-v-81dbed30]{gap:16px;display:grid}.palette[data-v-81dbed30]{grid-template-columns:repeat(3,minmax(0,1fr))}.symptoms[data-v-81dbed30]{grid-template-columns:repeat(5,minmax(0,1fr))}.swatch[data-v-81dbed30]{height:72px;display:block}.symptoms .swatch[data-v-81dbed30]{height:48px}.palette p[data-v-81dbed30]{flex-wrap:wrap;column-gap:1ch;margin-top:8px;display:flex}.hex[data-v-81dbed30]{color:var(--color-dim)}.symptoms .hex[data-v-81dbed30]{margin-top:8px}.plate[data-v-81dbed30]{background:var(--secondary);color:var(--ink);font-family:var(--font-figtree);letter-spacing:normal;text-transform:none;padding:24px;font-weight:400;line-height:normal}.plate.dim[data-v-81dbed30]{background:var(--tertiary)}.plate[data-v-81dbed30] :focus-visible{outline:2px solid var(--primary);outline-offset:2px}.icon[data-v-81dbed30]{width:var(--icon,24px);height:var(--icon,24px);background:currentColor;flex:none;display:block;-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}.check[data-v-81dbed30]{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='check'%3e%3cmask%20id='mask0_0_7'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20id='Bounding%20box'%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_0_7)'%3e%3cpath%20id='check_2'%20d='M9.55%2018L3.85%2012.3L5.275%2010.875L9.55%2015.15L18.725%205.975L20.15%207.4L9.55%2018Z'%20fill='%2300D3A6'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='check'%3e%3cmask%20id='mask0_0_7'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20id='Bounding%20box'%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_0_7)'%3e%3cpath%20id='check_2'%20d='M9.55%2018L3.85%2012.3L5.275%2010.875L9.55%2015.15L18.725%205.975L20.15%207.4L9.55%2018Z'%20fill='%2300D3A6'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e")}.exclamation[data-v-81dbed30]{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='exclamation'%3e%3cmask%20id='mask0_0_4'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20id='Bounding%20box'%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_0_4)'%3e%3cpath%20id='exclamation_2'%20d='M11%2014V5H13V14H11ZM11%2019V17H13V19H11Z'%20fill='%23FF4343'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='exclamation'%3e%3cmask%20id='mask0_0_4'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20id='Bounding%20box'%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_0_4)'%3e%3cpath%20id='exclamation_2'%20d='M11%2014V5H13V14H11ZM11%2019V17H13V19H11Z'%20fill='%23FF4343'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e")}.star[data-v-81dbed30]{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='icon'%3e%3cpath%20id='Vector'%20d='M14.2132%200L18.335%209.13684L28%2010.3158L20.8934%2017.0947L22.7411%2026.9684L14.2132%2023.2842L5.25888%2028L7.1066%2018.1263L0%2011.3474L9.66497%2010.1684L14.2132%200Z'%20fill='%23FFFCFC'/%3e%3c/g%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='28'%20height='28'%20viewBox='0%200%2028%2028'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20id='icon'%3e%3cpath%20id='Vector'%20d='M14.2132%200L18.335%209.13684L28%2010.3158L20.8934%2017.0947L22.7411%2026.9684L14.2132%2023.2842L5.25888%2028L7.1066%2018.1263L0%2011.3474L9.66497%2010.1684L14.2132%200Z'%20fill='%23FFFCFC'/%3e%3c/g%3e%3c/svg%3e")}.close[data-v-81dbed30]{--icon:18px;color:var(--ink-grey);-webkit-mask-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.4%2019L5%2017.6L10.6%2012L5%206.4L6.4%205L12%2010.6L17.6%205L19%206.4L13.4%2012L19%2017.6L17.6%2019L12%2013.4L6.4%2019Z'%20fill='%23656565'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6.4%2019L5%2017.6L10.6%2012L5%206.4L6.4%205L12%2010.6L17.6%205L19%206.4L13.4%2012L19%2017.6L17.6%2019L12%2013.4L6.4%2019Z'%20fill='%23656565'/%3e%3c/svg%3e")}.type-head[data-v-81dbed30]{border-bottom:1px solid var(--stroke);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;padding-bottom:20px;display:flex}.type-name[data-v-81dbed30]{letter-spacing:-.02em;font-size:48px;font-weight:600;line-height:1}.type-glyphs[data-v-81dbed30]{color:var(--ink-grey)}.type-scale li[data-v-81dbed30]{border-bottom:1px solid var(--stroke);grid-template-columns:88px minmax(0,1fr) auto;align-items:baseline;gap:16px;padding-block:16px;display:grid}.type-scale li[data-v-81dbed30]:last-child{border-bottom:0;padding-bottom:0}.type-meta[data-v-81dbed30]{color:var(--ink-grey);font-size:12px;font-weight:500}.sample[data-v-81dbed30]{line-height:1.25}.buttons[data-v-81dbed30]{gap:20px;display:grid}.row[data-v-81dbed30]{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn[data-v-81dbed30],.round[data-v-81dbed30]{white-space:nowrap;border-radius:99px;justify-content:center;align-items:center;gap:8px;font-weight:500;display:inline-flex}.btn.xl[data-v-81dbed30]{--icon:28px;gap:12px;padding:16px 32px;font-size:24px;line-height:32px}.btn.large[data-v-81dbed30]{--icon:24px;padding:12px 24px;font-size:16px;line-height:24px}.btn.medium[data-v-81dbed30]{--icon:20px;padding:10px 16px;font-size:16px;line-height:24px}.btn.small[data-v-81dbed30]{--icon:18px;padding:6px 12px;font-size:14px;line-height:20px}.round.large[data-v-81dbed30]{--icon:24px;width:48px;height:48px}.filled[data-v-81dbed30]{background:var(--primary);color:var(--secondary)}.outline[data-v-81dbed30]{box-shadow:inset 0 0 0 1.5px var(--primary);color:var(--primary)}.white[data-v-81dbed30]{background:var(--secondary);box-shadow:inset 0 0 0 1.5px var(--stroke);color:var(--ink)}.dark[data-v-81dbed30]{background:var(--ink);color:var(--secondary)}.disabled[data-v-81dbed30]{background:var(--tertiary);color:var(--disabled)}.tertiary[data-v-81dbed30]{color:var(--primary)}.board[data-v-81dbed30]{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"chips alerts""controls alerts";gap:40px 16px;display:grid}.board section[data-v-81dbed30]{flex-direction:column;display:flex}.board .plate[data-v-81dbed30]{flex:1}.chips-area[data-v-81dbed30]{grid-area:chips}.controls-area[data-v-81dbed30]{grid-area:controls}.alerts-area[data-v-81dbed30]{grid-area:alerts}.chips[data-v-81dbed30]{flex-wrap:wrap;gap:8px;display:flex}.chip[data-v-81dbed30]{--icon:16px;border:1px solid var(--stroke);background:var(--tertiary);color:var(--ink);border-radius:99px;align-items:center;gap:6px;padding:8px 15px;font-size:14px;font-weight:600;line-height:17px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.chip[aria-pressed=true][data-v-81dbed30]{border-color:var(--primary);background:var(--primary);color:#fff}.controls[data-v-81dbed30]{align-content:start;gap:12px;display:grid}.slider[data-v-81dbed30]{background:#fff;border-radius:8px;padding:8px 16px;display:block}.slider-head[data-v-81dbed30]{justify-content:space-between;font-size:14px;font-weight:600;line-height:17px;display:flex}.range[data-v-81dbed30]{height:23px;margin-top:13px;display:block;position:relative}.tick[data-v-81dbed30]{top:18px;left:calc(14px + (100% - 28px) * var(--i) / 10);background:var(--primary);border-radius:50%;width:2px;height:2px;position:absolute;translate:-50%}input[type=range][data-v-81dbed30]{--fill:calc(14px + (100% - 28px) * var(--p));appearance:none;cursor:pointer;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}input[type=range][data-v-81dbed30]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--primary) var(--fill), var(--tertiary) 0);border-radius:15px;height:6px}input[type=range][data-v-81dbed30]::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:17px;width:28px;height:23px;margin-top:-8.5px;box-shadow:0 1px 4px #00000040}input[type=range][data-v-81dbed30]::-moz-range-track{background:var(--tertiary);border-radius:15px;height:6px}input[type=range][data-v-81dbed30]::-moz-range-progress{background:var(--primary);border-radius:15px;height:6px}input[type=range][data-v-81dbed30]::-moz-range-thumb{background:#fff;border:0;border-radius:17px;width:28px;height:23px;box-shadow:0 1px 4px #00000040}.toggles[data-v-81dbed30]{flex-wrap:wrap;align-items:center;gap:16px;margin-top:4px;display:flex}.switch[data-v-81dbed30]{background:var(--stroke);border-radius:16px;flex:none;width:52px;height:32px;transition:background .2s;position:relative}.switch[aria-checked=true][data-v-81dbed30]{background:var(--primary)}.knob[data-v-81dbed30]{background:var(--secondary);width:28px;height:28px;color:var(--primary);border-radius:14px;place-items:center;transition:translate .2s;display:grid;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000002e}.switch[aria-checked=true] .knob[data-v-81dbed30]{translate:20px}.segmented[data-v-81dbed30]{background:var(--ink-grey);border-radius:99px;padding:2px;display:flex}.segmented button[data-v-81dbed30]{color:#fff;border-radius:99px;height:28px;padding:0 12px;font-size:12px;font-weight:600;transition:background .2s}.segmented button[aria-pressed=true][data-v-81dbed30]{background:var(--primary)}.alerts[data-v-81dbed30]{align-content:start;gap:16px;display:grid}.alert[data-v-81dbed30]{--tone:var(--primary);background:#fff;border:1px solid #e1e8ef;border-radius:12px;align-items:flex-start;gap:12px;padding:14px;display:flex;box-shadow:0 4px 6px #0000000f}.alert.success[data-v-81dbed30]{--tone:var(--success)}.alert.error[data-v-81dbed30]{--tone:var(--error)}.badge[data-v-81dbed30]{width:26px;height:26px;color:var(--tone);background:#e7f1fb;border-radius:13px;flex:none;place-items:center;font-size:15px;font-weight:700;display:grid}.success .badge[data-v-81dbed30]{background:#e6f7f5}.error .badge[data-v-81dbed30]{background:#fbebeb}.alert-main[data-v-81dbed30]{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.alert-title[data-v-81dbed30]{font-size:15px;font-weight:600}.alert-text[data-v-81dbed30]{color:var(--ink-grey);font-size:13px}.alert-actions[data-v-81dbed30]{flex-wrap:wrap;gap:8px;padding-top:6px;font-size:13px;font-weight:600;display:flex}.alert-actions span[data-v-81dbed30]{color:var(--ink-grey);padding:7px 10px}.alert-actions span[data-v-81dbed30]:first-child{background:var(--tone);color:#fff;border-radius:99px;padding-inline:14px}@media (prefers-reduced-motion:reduce){.chip[data-v-81dbed30],.switch[data-v-81dbed30],.knob[data-v-81dbed30],.segmented button[data-v-81dbed30]{transition:none}}@media (width<=767px){.guide[data-v-81dbed30]{gap:32px}.palette[data-v-81dbed30],.symptoms[data-v-81dbed30]{gap:8px}.palette[data-v-81dbed30]{row-gap:16px}.swatch[data-v-81dbed30]{height:56px}.symptoms .swatch[data-v-81dbed30]{height:40px}.symptoms .hex[data-v-81dbed30]{letter-spacing:-.03em;font-size:12px}.plate[data-v-81dbed30]{padding:16px}.type-name[data-v-81dbed30]{font-size:40px}.type-scale li[data-v-81dbed30]{grid-template-columns:minmax(0,1fr) auto;row-gap:6px}.sample[data-v-81dbed30]{grid-area:2/1/auto/-1}.board[data-v-81dbed30]{grid-template-columns:minmax(0,1fr);grid-template-areas:"chips""controls""alerts";row-gap:32px}}.frame[data-v-d13fe7d8]{--grip:32px;aspect-ratio:var(--ratio);background:var(--color-media);cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;container-type:inline-size}.layer[data-v-d13fe7d8]{position:absolute;inset:0}.before[data-v-d13fe7d8]{background:var(--color-media);clip-path:inset(0 calc(100% - var(--pos)) 0 0)}img[data-v-d13fe7d8]{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;display:block}.tag[data-v-d13fe7d8]{color:var(--color-text);white-space:nowrap;background:#0f0f0fd9;padding:2px 6px;font-size:12px;line-height:16px;position:absolute;bottom:8px;left:8px}.now[data-v-d13fe7d8]{left:auto;right:8px}.line[data-v-d13fe7d8]{inset-block:0;left:var(--pos);background:var(--color-text);width:1px;box-shadow:0 0 0 1px var(--color-bg);position:absolute;translate:-50%}.grip[data-v-d13fe7d8]{top:50%;left:clamp(var(--grip) / 2, var(--pos), 100% - var(--grip) / 2);width:var(--grip);height:var(--grip);border:1px solid var(--color-text);background:var(--color-bg);border-radius:50%;place-items:center;display:grid;position:absolute;translate:-50% -50%}.grip svg[data-v-d13fe7d8]{fill:none;width:16px;height:16px;stroke:var(--color-text);stroke-width:1.5px}.grip[data-v-d13fe7d8]:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}.hint[data-v-d13fe7d8]{top:50%;bottom:auto;left:calc(var(--grip) + 8px);translate:0 -50%}.hint[data-v-d13fe7d8]:after{content:attr(data-verb) " to compare"}@container (width<=240px){.hint[data-v-d13fe7d8]:after{content:attr(data-verb)}}.returning .before[data-v-d13fe7d8]{transition:clip-path .4s}.returning[data-v-d13fe7d8] :is(.line,.grip){transition:left .4s}@media (prefers-reduced-motion:reduce){.returning[data-v-d13fe7d8] :is(.before,.line,.grip){transition:none}}.redesign[data-v-1281d35b]{gap:40px;display:grid}h4[data-v-1281d35b]{color:var(--color-dim);font-size:inherit;margin-bottom:12px;font-weight:500}.pairs.mobile[data-v-1281d35b]{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.map[data-v-1281d35b]{--row:68px;grid-template-columns:minmax(0,1fr) minmax(40px,140px) minmax(0,1fr);column-gap:8px;display:grid}.side[data-v-1281d35b]{color:var(--color-dim);margin-bottom:8px}.side[data-v-1281d35b]:first-child{text-align:right}.page[data-v-1281d35b]{grid-auto-rows:var(--row);padding:0;list-style:none;display:grid}.page li[data-v-1281d35b]{align-items:center;gap:12px;min-width:0;display:flex}.old li[data-v-1281d35b]{text-align:right;flex-direction:row-reverse}.thumb[data-v-1281d35b]{aspect-ratio:16/10;object-fit:cover;background:var(--color-media);flex:none;width:96px}.thumb.empty[data-v-1281d35b]{border:1px dashed var(--color-subtle);background:0 0}.name[data-v-1281d35b]{display:grid}.name.gone[data-v-1281d35b],.note[data-v-1281d35b]{color:var(--color-dim)}svg[data-v-1281d35b]{width:100%;height:calc(var(--rows) * var(--row));display:block;overflow:visible}path[data-v-1281d35b]{fill:none;stroke:var(--color-subtle);stroke-width:1px}path.moved[data-v-1281d35b]{stroke:var(--color-text)}.legend[data-v-1281d35b]{color:var(--color-dim);margin-top:12px}@media (width<=767px){.redesign[data-v-1281d35b]{gap:32px}.pairs.mobile[data-v-1281d35b]{gap:12px}.map[data-v-1281d35b]{--row:44px;grid-template-columns:max-content minmax(24px,1fr) max-content}.thumb[data-v-1281d35b]{display:none}.name[data-v-1281d35b]{white-space:nowrap}}.media[data-v-7bcff2e6]{aspect-ratio:1;background:var(--color-media);position:relative;overflow:hidden;container-type:inline-size}.media[data-v-7bcff2e6]>*{width:100%;height:100%;position:absolute;inset:0}img[data-v-7bcff2e6]{object-fit:cover;object-position:50% 30%}.preview[data-v-7bcff2e6]{aspect-ratio:1200/631;display:block}.preview img[data-v-7bcff2e6]{filter:grayscale();width:100%;height:100%;display:block}.details[data-v-7bcff2e6]{padding:24px}.head a[data-v-7bcff2e6]:after{content:"";position:absolute;inset:0}.head[data-v-7bcff2e6]{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.head h2[data-v-7bcff2e6]{font-size:var(--headline);letter-spacing:-.02em;font-weight:500;line-height:1}.meta[data-v-7bcff2e6]{color:var(--color-muted);margin-top:4px}.description[data-v-7bcff2e6]{margin-top:12px;font-weight:400}@media (width<=767px){.details[data-v-7bcff2e6]{padding:16px}}@container (width<=279px){.description[data-v-7bcff2e6]{display:none}}video[data-v-c2d1d1e5]{width:100%;height:auto;aspect-ratio:var(--ratio,auto);object-fit:cover;background:var(--color-media);display:block}.overlay[data-v-f0386e8c]{border:1px solid var(--color-media);background:var(--color-bg);width:auto;max-width:none;height:auto;max-height:none;color:inherit;margin:0;padding:0;position:fixed;inset:2.5vmin}.overlay[data-v-f0386e8c]:focus-visible{outline:none}.overlay[data-v-f0386e8c]::backdrop{background:#000000b3}.overlay[open][data-v-f0386e8c],.overlay[open][data-v-f0386e8c]::backdrop{animation:.2s ease-out fade-in-f0386e8c}@keyframes fade-in-f0386e8c{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.overlay[open][data-v-f0386e8c],.overlay[open][data-v-f0386e8c]::backdrop{animation:none}}html:has(.overlay[open]){overflow:hidden}.sheet[data-v-f0386e8c]{overscroll-behavior:contain;height:100%;overflow-y:auto}.content[data-v-f0386e8c]{width:min(700px, 100% - 2 * var(--gutter));margin-inline:auto;padding-bottom:96px}.bar[data-v-f0386e8c]{z-index:1;background:var(--color-bg);justify-content:space-between;align-items:baseline;padding:48px 0 8px;display:flex;position:sticky;top:0}h2[data-v-f0386e8c]{font-size:var(--headline);letter-spacing:-.02em;font-weight:500;line-height:1}.close[data-v-f0386e8c]{color:var(--color-muted);text-decoration:underline}.close[data-v-f0386e8c]:hover{color:var(--color-text)}.title[data-v-f0386e8c]{align-items:baseline;gap:16px;display:flex}.meta[data-v-f0386e8c]{color:var(--color-muted)}.devices[data-v-f0386e8c]{letter-spacing:-.03em;gap:48px;margin-top:33px;line-height:21px;display:flex}.devices button[data-v-f0386e8c]{color:var(--color-muted);text-decoration:underline}.devices button[data-v-f0386e8c]:hover,.devices button[aria-pressed=true][data-v-f0386e8c]{color:var(--color-text)}video[data-v-f0386e8c],.gallery img[data-v-f0386e8c]{width:100%;height:auto;display:block}video[data-v-f0386e8c]{object-fit:cover;background:var(--color-media);margin-top:33px}.devices+video[data-v-f0386e8c]{margin-top:14px}video.wide[data-v-f0386e8c]{aspect-ratio:16/9}video.tall[data-v-f0386e8c]{aspect-ratio:9/16;width:auto;height:min(640px,72vh);margin-inline:auto}.text[data-v-f0386e8c]{grid-template-columns:232px 1fr;column-gap:122px;margin-block:48px;display:grid}.lead[data-v-f0386e8c]{letter-spacing:-.02em;font-weight:400}.facts[data-v-f0386e8c]{align-items:baseline}.chapter+.chapter[data-v-f0386e8c]{margin-top:64px}h3[data-v-f0386e8c]{font-size:inherit;font-weight:500}.chapter-text[data-v-f0386e8c]{max-width:460px;color:var(--color-muted);margin-top:4px;font-weight:400}.chapter-text+.chapter-text[data-v-f0386e8c]{margin-top:8px}.gallery[data-v-f0386e8c]{grid-template-columns:repeat(var(--columns), minmax(0, 1fr));gap:16px;display:grid}h3[data-v-f0386e8c]~:is(.gallery,.coded),.chapter-text[data-v-f0386e8c]~:is(.gallery,.coded){margin-top:16px}.gallery img[data-v-f0386e8c]{aspect-ratio:var(--ratio);object-fit:cover}figcaption[data-v-f0386e8c]{color:var(--color-dim);margin-top:8px}@media (width<=767px){.bar[data-v-f0386e8c]{padding-top:24px}.devices[data-v-f0386e8c]{line-height:var(--leading);margin-top:20px}video[data-v-f0386e8c]{margin-top:20px}.devices+video[data-v-f0386e8c]{margin-top:12px}video.tall[data-v-f0386e8c]{width:100%;height:auto}.text[data-v-f0386e8c]{grid-template-columns:1fr;row-gap:20px;margin-block:32px}.chapter+.chapter[data-v-f0386e8c]{margin-top:48px}.gallery[data-v-f0386e8c]{grid-template-columns:minmax(0,1fr);gap:12px}.gallery.tall[data-v-f0386e8c]{grid-template-columns:repeat(2,minmax(0,1fr))}.content[data-v-f0386e8c]{padding-bottom:48px}}.intro[data-v-bd0babd8]{flex-direction:column;display:flex}.lead[data-v-bd0babd8]{letter-spacing:-.02em;max-width:230px;margin-bottom:16px;font-weight:400}.facts[data-v-bd0babd8]{margin-top:auto}@media (width<=767px){.lead[data-v-bd0babd8]{max-width:none;margin-bottom:10px}}.about[data-v-ab10b71c]{align-content:space-between}.projects[data-v-23fbbd08]{flex-direction:column;margin-block:-4px;list-style:none;display:flex}button[data-v-23fbbd08]{gap:1ch;width:100%;padding:4px 0;display:flex}.year[data-v-23fbbd08]{color:var(--color-dim)}.name[data-v-23fbbd08]{text-decoration:underline}.has-active button[data-v-23fbbd08]:not(.active){color:var(--color-muted)}button.active[data-v-23fbbd08]:after{content:"→" / "";margin-left:auto}@media (width<=767px){.projects[data-v-23fbbd08]{margin-block:-12px}.projects[data-v-23fbbd08]:before,.projects[data-v-23fbbd08]:after{content:"";flex-grow:1}li[data-v-23fbbd08]{flex:2 auto;display:flex}button[data-v-23fbbd08]{align-items:center;padding:0}button.active[data-v-23fbbd08]:after{content:"↓" / ""}}.page[data-v-f1bbd3bf]{flex:1;grid-template-columns:232px max-content;align-content:start;column-gap:122px;padding:127px 0 0 calc(50% - 350px);display:grid}.greeting[data-v-f1bbd3bf]{grid-column:1/-1;grid-template-columns:subgrid;color:var(--color-dim);letter-spacing:-.03em;white-space:nowrap;margin-bottom:16px;line-height:21px;display:grid}h1[data-v-f1bbd3bf]{font-size:var(--headline);letter-spacing:-.02em;font-weight:500;line-height:1}.column[data-v-f1bbd3bf]{flex-direction:column;display:flex}.tabs[data-v-f1bbd3bf]{letter-spacing:-.03em;justify-content:space-between;margin-top:33px;line-height:21px;display:flex}.tabs button[data-v-f1bbd3bf]{color:var(--color-muted);text-decoration:underline}.tabs button[data-v-f1bbd3bf]:hover,.tabs button[aria-current=true][data-v-f1bbd3bf]{color:var(--color-text)}.panels[data-v-f1bbd3bf]{flex:1;margin-top:14px;display:grid}.panel[data-v-f1bbd3bf]{grid-area:1/1}.panel[data-v-f1bbd3bf]:not(.active){visibility:hidden}.contact[data-v-f1bbd3bf]{grid-column:1/-1;place-self:center;margin-top:91px;line-height:21px}.contact a[data-v-f1bbd3bf]{text-decoration:none}.contact a[data-v-f1bbd3bf]:hover{text-decoration:underline}@media (width<=767px){.page[data-v-f1bbd3bf]{padding:12px var(--gutter) 0;flex-direction:column;display:flex}.greeting[data-v-f1bbd3bf]{line-height:var(--leading);white-space:normal;margin-bottom:10px}.tabs[data-v-f1bbd3bf]{line-height:var(--leading);margin-top:16px}.panels[data-v-f1bbd3bf],.media-slot[data-v-f1bbd3bf]{margin-top:12px}.contact[data-v-f1bbd3bf]{line-height:var(--leading);flex-wrap:wrap;align-self:flex-start;column-gap:1ch;margin-top:16px;display:flex}.contact p[data-v-f1bbd3bf]:first-child{color:var(--color-muted)}}.legal{flex:1;width:682px;margin-left:calc(50% - 350px);padding-top:127px}.legal-back{color:var(--color-dim);letter-spacing:-.03em;line-height:21px;text-decoration:none}.legal-back:hover{color:var(--color-text)}.legal h1{font-size:var(--headline);letter-spacing:-.02em;margin-top:16px;font-weight:500;line-height:1}.legal-meta{color:var(--color-muted);margin-top:8px}.legal-prose{text-transform:none;margin-top:35px;font-weight:400;line-height:1.5}.legal-jump{text-align:left;margin-bottom:32px;text-decoration:underline;display:block}.legal-prose h2{font-size:inherit;font-weight:500;line-height:var(--leading);text-transform:lowercase;margin:32px 0 8px}.legal-prose h2:first-child{margin-top:0}.legal-de>h2:first-child{font-size:var(--headline);letter-spacing:-.02em;margin-bottom:16px;line-height:1}.legal-prose p,.legal-prose ul{margin-bottom:12px}.legal-prose ul{padding-left:20px}.legal-prose li+li{margin-top:4px}.legal-prose strong{font-weight:500}.legal-prose a{overflow-wrap:anywhere}.legal-prose hr{border:0;border-top:.75px solid var(--color-subtle);margin:56px 0}@media (width<=767px){.legal{width:auto;padding:16px var(--gutter) 0;margin:0}}.footer[data-v-97528601]{justify-content:flex-end;gap:25px;padding:48px 86px 34px;display:flex}.footer a[data-v-97528601]{text-decoration:none}.footer a[data-v-97528601]:hover{text-decoration:underline}@media (width<=767px){.footer[data-v-97528601]{padding:40px var(--gutter) 24px;justify-content:flex-start;font-size:12px}.footer a[data-v-97528601]{color:var(--color-muted)}}@font-face{font-family:DM Mono;src:url(/assets/DMMono-Regular-CHcedrof.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:DM Mono;src:url(/assets/DMMono-Medium-BtO9kMc2.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Geist Mono;src:url(/assets/GeistMono-VariableFont_wght-BNd8yvN3.ttf)format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:Figtree;src:url(/assets/Figtree-VariableFont_wght-nnuniQY3.ttf)format("truetype");font-weight:300 900;font-display:swap}:root{--font-dm-mono:"DM Mono", ui-monospace, monospace;--font-geist-mono:"Geist Mono", ui-monospace, monospace;--font-figtree:"Figtree", system-ui, sans-serif;--font-mono:var(--font-geist-mono);--text:16px;--leading:18px;--headline:21px;--gutter:32px;--color-bg:#0f0f0f;--color-text:#fff;--color-muted:#8d8d8d;--color-dim:#7d7d7d;--color-subtle:#707070;--color-media:#222}@media (width<=767px){:root{--text:14px;--leading:21px}}@media (width<=401px){:root{--gutter:20px}}*,:before,:after{box-sizing:border-box;margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);font-size:var(--text);font-weight:500;line-height:var(--leading);text-transform:lowercase;-webkit-font-smoothing:antialiased}#app{flex-direction:column;min-height:100svh;display:flex}a{color:inherit}button{color:inherit;font:inherit;text-transform:inherit;cursor:pointer;background:0 0;border:0;padding:0}ul{padding:0}:focus-visible{outline:1px solid var(--color-text);outline-offset:4px}.facts{grid-template-columns:auto 1fr;align-items:center;gap:8px 1ch;display:grid}.facts dt{color:var(--color-dim)}.facts dd{margin:0}@media (width<=767px){.facts{row-gap:10px}}
