.pf{margin:0}.pf-art svg{display:block;width:100%;height:100%;overflow:hidden}.pf-d{aspect-ratio:5/4}.pf-m{aspect-ratio:340/150;max-width:420px;height:0;visibility:hidden}.pf text{font-family:var(--font-mono),monospace;font-size:13px;fill:#f6f1e7}.pf-line{opacity:.24}.pf-line.is-target{opacity:1}.pf-underline{transform-box:fill-box;transform-origin:0 50%}.pf-cap{margin:14px 0 0;font-family:var(--font-mono),monospace;font-size:11px;line-height:1.5;color:rgba(246,241,231,.72)}html.js .page-hero .pf-line{animation:vp-pf-dim .4s var(--vp-ease) calc(1s + var(--i, 0) * 20ms) backwards}html.js .page-hero .pf-line.is-target{animation:vp-pf-lift .3s var(--vp-ease) 1.15s backwards}html.js .page-hero .pf-underline{animation:vp-fill .3s var(--vp-ease) 1.35s backwards}html.js .page-hero .pf-d .pf-lens{animation:vp-pf-lens .7s var(--vp-ease) .45s backwards,vp-fade .22s ease .45s backwards}html.js .page-hero .pf-m .pf-line{animation-delay:calc(.45s + var(--i, 0) * 20ms)}html.js .page-hero .pf-m .pf-line.is-target{animation-delay:.5s}html.js .page-hero .pf-m .pf-underline{animation-duration:.21s;animation-delay:.7s}@keyframes vp-pf-dim{0%{opacity:.45}to{opacity:.24}}@keyframes vp-pf-lift{0%{opacity:.45}to{opacity:1}}@keyframes vp-pf-lens{0%{transform:translate(-440px,-280px)}to{transform:none}}@media (max-width:920px){.pf-d{height:0;visibility:hidden}.pf-m{height:auto;visibility:visible}.pf-cap{margin-top:10px}}.page-hero-ink .lede{max-width:34.2em}.xc .xc-figure{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label grid" "big grid" "rest grid";grid-template-rows:auto auto 1fr;column-gap:32px}.xc .xc-figure-label{grid-area:label}.xc .xc-figure-big{grid-area:big}.xc-figure-rest{grid-area:rest}.xc-gbox{grid-area:grid;width:150px;align-self:start;padding-top:2px}.xc-gh{margin:0 0 10px;font-family:var(--font-mono),monospace;font-size:10.5px;line-height:1.45;letter-spacing:.12em;text-transform:uppercase;color:var(--moss)}.xc-grid{--xc-cell:8px;--xc-gap:4px;display:grid;grid-template-columns:repeat(10,var(--xc-cell));grid-auto-rows:var(--xc-cell);gap:var(--xc-gap);width:max-content}.xc-grid i{position:relative;display:block;border-radius:2px;background:var(--mist);box-shadow:inset 0 0 0 1px var(--line-soft)}.xc-grid i:after{content:"";position:absolute;inset:0;border-radius:2px;background:var(--beam);box-shadow:inset 0 0 0 1px var(--beam-deep);opacity:0;transform:scale(.4);transition:opacity .16s var(--vp-ease) var(--xc-d,0s),transform .16s var(--vp-ease) var(--xc-d,0s)}.xc-grid i.is-on:after{opacity:1;transform:none}.xc-gloc{display:inline-block;padding:2px 8px;border:1px solid var(--line);border-radius:999px;font-family:var(--font-mono),monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.xc-gl,.xc-gloc{margin:10px 0 0;color:var(--moss)}.xc-gl{font-size:.8rem;line-height:1.4}.xc-gsw{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:2px;background:var(--beam);box-shadow:inset 0 0 0 1px var(--beam-deep)}@media (max-width:560px){.xc .xc-figure{column-gap:16px;grid-template-areas:"label label" "big big" "rest grid";grid-template-rows:auto auto auto}.xc-gbox{width:97px;padding-top:12px}.xc-grid{--xc-cell:7px;--xc-gap:3px}.xc-gh{font-size:9.5px;letter-spacing:.1em}.xc-gloc{padding:1px 6px;font-size:9px;letter-spacing:.06em}.xc-gl{font-size:.75rem}}@media (max-width:339px){.xc .xc-figure{grid-template-columns:minmax(0,1fr);grid-template-areas:"label" "big" "rest" "grid"}.xc-gbox{width:auto;padding-top:14px}}.dp{position:relative;margin:28px 0}.dp-art{position:absolute;top:-28px;bottom:-28px;left:40px;right:calc(-1 * ((100vw - min(100vw, var(--wrap))) / 2 + 24px));background:var(--mist);border-radius:16px 0 0 16px;overflow:hidden;color:var(--pine)}.dp-art svg{display:block;width:100%;height:100%}.dp-lines{stroke-opacity:.22}.dp-lines path{vector-effect:non-scaling-stroke}.dp-panel{position:relative;background:var(--surface-invert-soft);color:var(--text-invert);border-radius:18px;padding:24px 22px 22px;box-shadow:0 24px 60px -24px rgba(15,46,37,.45)}.dp-pill{display:flex;gap:10px;align-items:baseline;margin:0 0 20px;padding:9px 14px;font-family:var(--font-mono),monospace;font-size:.82rem;line-height:1.9;color:rgba(246,241,231,.72);border:1px solid rgba(246,241,231,.25);border-radius:999px}.dp-mark{flex:none;color:var(--beam-bright)}.dp-q{min-width:0}.dp-word{display:inline-block}.dp-nw,.dp-slot{white-space:nowrap}.dp-slot{position:relative;padding:0 5px;line-height:1.55;color:var(--beam-bright)}.dp-slot svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.dp-slot-draw{stroke-dasharray:1}.dp-ans{display:grid;place-items:center;min-height:78px;padding:12px 16px;text-align:center;border:1px dashed rgba(246,241,231,.35);border-radius:12px}.dp-ans span{font-family:var(--font-mono),monospace;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(246,241,231,.72)}html.js .page-hero .dp-word{animation:vp-fade 80ms linear calc(.45s + var(--i, 0) * 80ms) backwards}html.js .page-hero .dp-slot-draw{animation:vp-draw .3s var(--vp-ease) calc(.45s + var(--i, 0) * 80ms) backwards}html.js .page-hero .dp-ans{animation:vp-dp-ans .5s var(--vp-ease) 1.3s backwards}@keyframes vp-dp-ans{0%{opacity:.4}to{opacity:1}}@media (max-width:920px){.dp{margin:0}.dp-art{display:none}.dp-ans{min-height:0;height:0;padding:0;border-width:0;overflow:hidden;visibility:hidden}.dp-panel{padding:16px}.dp-pill{margin:0}}@media (max-width:640px){.dp-pill{border-radius:22px;padding:8px 14px}html.js .page-hero .dp-slot-draw{animation-duration:.21s}}