.principle-demo[data-astro-cid-54rvfhth]{border:1px solid var(--color-hairline);border-radius:var(--radius-control);background:var(--color-canvas);cursor:pointer;width:100%;height:8.5rem;display:block;position:relative;overflow:hidden}.principle-demo[data-astro-cid-54rvfhth]:hover{border-color:var(--color-faint)}.demo-stage[data-astro-cid-54rvfhth]{display:block;position:absolute;inset:2.5rem 1.25rem 1rem}.state-before[data-astro-cid-54rvfhth],.state-after[data-astro-cid-54rvfhth],.demo-stage[data-astro-cid-54rvfhth] span[data-astro-cid-54rvfhth]{transition:transform .55s cubic-bezier(.65,0,.35,1),opacity .35s,background-color .35s,border-color .35s,border-radius .35s,color .35s,top .55s cubic-bezier(.65,0,.35,1),width .55s cubic-bezier(.65,0,.35,1),height .55s cubic-bezier(.65,0,.35,1)}.state-after[data-astro-cid-54rvfhth],.principle-card[data-astro-cid-54rvfhth]:is(:hover,:focus-within) .state-before[data-astro-cid-54rvfhth]{opacity:0}.principle-card[data-astro-cid-54rvfhth]:is(:hover,:focus-within) .state-after[data-astro-cid-54rvfhth]{opacity:1}.shared-edge[data-astro-cid-54rvfhth]{border-left:1px dashed var(--color-link);opacity:0;position:absolute;top:0;bottom:0;left:20%}.demo-bar[data-astro-cid-54rvfhth]{background:var(--color-ink);border-radius:999px;height:.45rem;position:absolute;left:20%}.align-a[data-astro-cid-54rvfhth]{width:34%;top:5%;transform:translate(42%)}.align-b[data-astro-cid-54rvfhth]{width:58%;top:31%;transform:translate(-18%)}.align-c[data-astro-cid-54rvfhth]{background:var(--color-mute);width:46%;top:58%;transform:translate(28%)}.align-d[data-astro-cid-54rvfhth]{background:var(--color-link);width:27%;top:84%;transform:translate(68%)}.principle-card[data-astro-cid-54rvfhth]:is(:hover,:focus-within) .shared-edge[data-astro-cid-54rvfhth]{opacity:1}.principle-card[data-astro-cid-54rvfhth]:is(:hover,:focus-within) .demo-alignment[data-astro-cid-54rvfhth] .demo-bar[data-astro-cid-54rvfhth]{transform:translate(0)}.hierarchy-line[data-astro-cid-54rvfhth]{background:var(--color-mute);opacity:.62;border-radius:999px;height:.65rem;position:absolute;left:12%}.hierarchy-a[data-astro-cid-54rvfhth]{width:68%;top:6%}.hierarchy-b[data-astro-cid-54rvfhth]{width:78%;top:40%}.hierarchy-c[data-astro-cid-54rvfhth]{width:58%;top:74%}.principle-card[data-astro-cid-54rvfhth]:is(:hover,:focus-within) .hierarchy-a[data-astro-cid-54rvfhth]{background:var(--color-ink);opacity:1;width:75%;height:1rem}.principle-card[data-astro-cid-54rvfhth]:is(:hover,:focus-within) .hierarchy-b[data-astro-cid-54rvfhth]{background:var(--color-body);opacity:.82;width:58%;height:.5rem}.principle-card[data-astro-cid-54rvfhth]:is(:hover,:focus-within) .hierarchy-c[data-astro-cid-54rvfhth]{opacity:.5;width:42%;height:.32rem}.proximity-dot[data-astro-cid-54rvfhth]{border:1px solid var(--color-body);background:#fff;border-radius:.25rem;width:1.25rem;height:1.25rem;position:absolute;top:36%}.proximity-a[data-astro-cid-54rvfhth]{left:7%}.proximity-b[data-astro-cid-54rvfhth]{left:34%}.proximity-c[data-astro-cid-54rvfhth]{left:60%}.proximity-d[data-astro-cid-54rvfhth]{left:87%}.principle-card[data-astro-cid-54rvfhth]:is(:hover,:focus-within) .proximity-a[data-astro-cid-54rvfhth]{transform:translate(90%)}.principle-card[data-astro-cid-54rvfhth]:is(:hover,:focus-within) .proximity-b[data-astro-cid-54rvfhth]{transform:translate(-25%)}.principle-card[data-astro-cid-54rvfhth]:is(:hover,:focus-within) .proximity-c[data-astro-cid-54rvfhth]{transform:translate(25%)}.principle-card[data-astro-cid-54rvfhth]:is(:hover,:focus-within) .proximity-d[data-astro-cid-54rvfhth]{transform:translate(-90%)}.contrast-title[data-astro-cid-54rvfhth],.contrast-copy[data-astro-cid-54rvfhth],.contrast-action[data-astro-cid-54rvfhth]{background:var(--color-faint);opacity:.55;border-radius:999px;position:absolute;left:10%}.contrast-title[data-astro-cid-54rvfhth]{width:68%;height:.7rem;top:4%}.contrast-copy[data-astro-cid-54rvfhth]{width:80%;height:.4rem;top:40%}.contrast-action[data-astro-cid-54rvfhth]{width:35%;height:1.3rem;top:68%}.principle-card[data-astro-cid-54rvfhth]:is(:hover,:focus-within) .contrast-title[data-astro-cid-54rvfhth]{background:var(--color-ink);opacity:1}.principle-card[data-astro-cid-54rvfhth]:is(:hover,:focus-within) .contrast-copy[data-astro-cid-54rvfhth]{background:var(--color-body);opacity:.65}.principle-card[data-astro-cid-54rvfhth]:is(:hover,:focus-within) .contrast-action[data-astro-cid-54rvfhth]{background:var(--color-link);opacity:1}.balance-axis[data-astro-cid-54rvfhth]{border-left:1px dashed var(--color-hairline);position:absolute;top:0;bottom:0;left:50%}.balance-weight[data-astro-cid-54rvfhth]{background:var(--color-ink);position:absolute}.balance-large[data-astro-cid-54rvfhth]{border-radius:.5rem;width:3.25rem;height:3.25rem;top:15%;left:4%}.balance-small-a[data-astro-cid-54rvfhth]{border-radius:999px;width:1rem;height:1rem;top:20%;right:9%}.balance-small-b[data-astro-cid-54rvfhth]{background:var(--color-link);border-radius:999px;width:.75rem;height:.75rem;top:62%;right:18%}.principle-card[data-astro-cid-54rvfhth]:is(:hover,:focus-within) .balance-large[data-astro-cid-54rvfhth]{transform:translate(55%)}.principle-card[data-astro-cid-54rvfhth]:is(:hover,:focus-within) .balance-small-a[data-astro-cid-54rvfhth]{transform:translate(28%,-15%)}.principle-card[data-astro-cid-54rvfhth]:is(:hover,:focus-within) .balance-small-b[data-astro-cid-54rvfhth]{transform:translate(55%,45%)}.repeat-item[data-astro-cid-54rvfhth]{border:1px solid var(--color-body);background:var(--color-hairline-soft);border-radius:.375rem;width:24%;height:2.15rem;position:absolute;top:27%}.repeat-a[data-astro-cid-54rvfhth]{left:5%}.repeat-b[data-astro-cid-54rvfhth]{border-radius:1rem;height:2.55rem;left:38%;transform:translateY(-.2rem)}.repeat-c[data-astro-cid-54rvfhth]{right:5%}.principle-card[data-astro-cid-54rvfhth]:is(:hover,:focus-within) .repeat-b[data-astro-cid-54rvfhth]{border-radius:.375rem;height:2.15rem;transform:none}.type-line[data-astro-cid-54rvfhth]{background:var(--color-body);border-radius:999px;height:.35rem;display:block;position:absolute;left:8%}.type-a[data-astro-cid-54rvfhth]{width:74%;top:15%}.type-b[data-astro-cid-54rvfhth]{width:66%;top:31%}.type-c[data-astro-cid-54rvfhth]{width:78%;top:47%}.type-d[data-astro-cid-54rvfhth]{width:52%;top:63%}.principle-card[data-astro-cid-54rvfhth]:is(:hover,:focus-within) .type-a[data-astro-cid-54rvfhth]{top:2%}.principle-card[data-astro-cid-54rvfhth]:is(:hover,:focus-within) .type-b[data-astro-cid-54rvfhth]{top:30%}.principle-card[data-astro-cid-54rvfhth]:is(:hover,:focus-within) .type-c[data-astro-cid-54rvfhth]{top:58%}.principle-card[data-astro-cid-54rvfhth]:is(:hover,:focus-within) .type-d[data-astro-cid-54rvfhth]{top:86%}@media (prefers-reduced-motion:reduce){.state-before[data-astro-cid-54rvfhth],.state-after[data-astro-cid-54rvfhth],.demo-stage[data-astro-cid-54rvfhth] span[data-astro-cid-54rvfhth]{transition:none}.state-before[data-astro-cid-54rvfhth]{opacity:0}.state-after[data-astro-cid-54rvfhth],.shared-edge[data-astro-cid-54rvfhth]{opacity:1}.demo-alignment[data-astro-cid-54rvfhth] .demo-bar[data-astro-cid-54rvfhth]{transform:translate(0)}.hierarchy-a[data-astro-cid-54rvfhth]{background:var(--color-ink);opacity:1;width:75%;height:1rem}.hierarchy-b[data-astro-cid-54rvfhth]{background:var(--color-body);opacity:.82;width:58%;height:.5rem}.hierarchy-c[data-astro-cid-54rvfhth]{opacity:.5;width:42%;height:.32rem}.proximity-a[data-astro-cid-54rvfhth]{transform:translate(90%)}.proximity-b[data-astro-cid-54rvfhth]{transform:translate(-25%)}.proximity-c[data-astro-cid-54rvfhth]{transform:translate(25%)}.proximity-d[data-astro-cid-54rvfhth]{transform:translate(-90%)}.contrast-title[data-astro-cid-54rvfhth]{background:var(--color-ink);opacity:1}.contrast-copy[data-astro-cid-54rvfhth]{background:var(--color-body);opacity:.65}.contrast-action[data-astro-cid-54rvfhth]{background:var(--color-link);opacity:1}.balance-large[data-astro-cid-54rvfhth]{transform:translate(55%)}.balance-small-a[data-astro-cid-54rvfhth]{transform:translate(28%,-15%)}.balance-small-b[data-astro-cid-54rvfhth]{transform:translate(55%,45%)}.repeat-b[data-astro-cid-54rvfhth]{border-radius:.375rem;height:2.15rem;transform:none}.type-a[data-astro-cid-54rvfhth]{top:2%}.type-b[data-astro-cid-54rvfhth]{top:30%}.type-c[data-astro-cid-54rvfhth]{top:58%}.type-d[data-astro-cid-54rvfhth]{top:86%}}.montage-stage[data-astro-cid-dmazab2j]{min-height:28rem}.montage-board[data-astro-cid-dmazab2j]{min-height:24.5rem;position:relative;overflow:hidden}.montage-scene[data-astro-cid-dmazab2j]{--scene-duration:20s;opacity:0;animation:scene-cycle var(--scene-duration) linear var(--scene-delay) infinite;position:absolute;inset:0}.scene-label[data-astro-cid-dmazab2j]{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-ink);text-transform:uppercase;margin:0;font-size:.625rem;font-weight:500;line-height:1rem;position:absolute;top:1.25rem;left:1.25rem}.scene-label[data-astro-cid-dmazab2j] span[data-astro-cid-dmazab2j]{color:var(--color-link-deep);margin-right:.45rem}.scene-canvas[data-astro-cid-dmazab2j]{border:1px solid var(--color-hairline);border-radius:var(--radius-card);background:var(--color-canvas);position:absolute;inset:4rem clamp(1.5rem,6vw,3.75rem) 2rem;overflow:hidden}.montage-guide[data-astro-cid-dmazab2j],.montage-line[data-astro-cid-dmazab2j],.montage-hierarchy[data-astro-cid-dmazab2j],.montage-unit[data-astro-cid-dmazab2j],.montage-contrast[data-astro-cid-dmazab2j],.montage-type[data-astro-cid-dmazab2j]{animation-duration:20s;animation-timing-function:cubic-bezier(.65,0,.35,1);animation-delay:var(--scene-delay);animation-iteration-count:infinite;display:block;position:absolute}@keyframes scene-cycle{0%,17.5%{opacity:1}20%,to{opacity:0}}.montage-guide[data-astro-cid-dmazab2j]{border-left:1px dashed var(--color-link);opacity:0;animation-name:montage-guide;top:1.5rem;bottom:1.5rem;left:22%}.montage-line[data-astro-cid-dmazab2j]{background:var(--color-ink);border-radius:999px;height:.55rem;animation-name:montage-align;left:22%}.align-one[data-astro-cid-dmazab2j]{--loose-x:4rem;width:37%;top:18%}.align-two[data-astro-cid-dmazab2j]{--loose-x:-1rem;width:58%;top:40%}.align-three[data-astro-cid-dmazab2j]{--loose-x:2.5rem;background:var(--color-body);width:46%;top:62%}.align-four[data-astro-cid-dmazab2j]{--loose-x:5rem;background:var(--color-link);width:28%;top:82%}@keyframes montage-align{0%,5%,20%,to{transform:translateX(var(--loose-x))}9%,17.5%{transform:translate(0)}}@keyframes montage-guide{0%,5%,20%,to{opacity:0}9%,17.5%{opacity:.75}}.montage-hierarchy[data-astro-cid-dmazab2j]{background:var(--color-mute);opacity:.65;border-radius:999px;height:.75rem;animation-name:montage-hierarchy;left:14%}.hierarchy-one[data-astro-cid-dmazab2j]{--initial-width:68%;--resolved-width:70%;--resolved-height:1.35rem;--resolved-color:var(--color-ink);--resolved-opacity:1;width:var(--initial-width);top:22%}.hierarchy-two[data-astro-cid-dmazab2j]{--initial-width:76%;--resolved-width:56%;--resolved-height:.6rem;--resolved-color:var(--color-body);--resolved-opacity:.8;width:var(--initial-width);top:49%}.hierarchy-three[data-astro-cid-dmazab2j]{--initial-width:61%;--resolved-width:38%;--resolved-height:.35rem;--resolved-color:var(--color-mute);--resolved-opacity:.48;width:var(--initial-width);top:75%}@keyframes montage-hierarchy{0%,5%,20%,to{width:var(--initial-width);background:var(--color-mute);opacity:.65;height:.75rem}9%,17.5%{width:var(--resolved-width);height:var(--resolved-height);background:var(--resolved-color);opacity:var(--resolved-opacity)}}.montage-unit[data-astro-cid-dmazab2j]{border:1px solid var(--color-body);border-radius:var(--radius-control);background:#fff;width:2.15rem;height:2.15rem;animation-name:montage-proximity;top:38%}.unit-one[data-astro-cid-dmazab2j]{--group-x:1.5rem;left:8%}.unit-two[data-astro-cid-dmazab2j]{--group-x:-.35rem;left:34%}.unit-three[data-astro-cid-dmazab2j]{--group-x:.35rem;left:60%}.unit-four[data-astro-cid-dmazab2j]{--group-x:-1.5rem;left:86%}@keyframes montage-proximity{0%,5%,20%,to{transform:translate(0)}9%,17.5%{transform:translateX(var(--group-x))}}.montage-contrast[data-astro-cid-dmazab2j]{background:var(--color-faint);opacity:.55;border-radius:999px;animation-name:montage-contrast;left:13%}.contrast-heading[data-astro-cid-dmazab2j]{--resolved-color:var(--color-ink);--resolved-opacity:1;width:68%;height:.9rem;top:17%}.contrast-body-one[data-astro-cid-dmazab2j]{--resolved-color:var(--color-body);--resolved-opacity:.68;width:74%;height:.4rem;top:42%}.contrast-body-two[data-astro-cid-dmazab2j]{--resolved-color:var(--color-body);--resolved-opacity:.68;width:56%;height:.4rem;top:53%}.contrast-button[data-astro-cid-dmazab2j]{--resolved-color:var(--color-link);--resolved-opacity:1;border-radius:999px;width:32%;height:1.75rem;top:72%}@keyframes montage-contrast{0%,5%,20%,to{background:var(--color-faint);opacity:.55}9%,17.5%{background:var(--resolved-color);opacity:var(--resolved-opacity)}}.montage-type[data-astro-cid-dmazab2j]{background:var(--color-body);border-radius:999px;height:.38rem;animation-name:montage-typography;left:14%}.type-one[data-astro-cid-dmazab2j]{--tight-top:22%;--open-top:13%;width:69%}.type-two[data-astro-cid-dmazab2j]{--tight-top:32%;--open-top:31%;width:75%}.type-three[data-astro-cid-dmazab2j]{--tight-top:42%;--open-top:49%;width:62%}.type-four[data-astro-cid-dmazab2j]{--tight-top:52%;--open-top:67%;width:72%}.type-five[data-astro-cid-dmazab2j]{--tight-top:62%;--open-top:85%;width:48%}@keyframes montage-typography{0%,5%,20%,to{top:var(--tight-top)}9%,17.5%{top:var(--open-top)}}@media (width<=39.99rem){.montage-stage[data-astro-cid-dmazab2j]{min-height:21rem;padding:.75rem}.montage-board[data-astro-cid-dmazab2j]{min-height:19.5rem}.scene-canvas[data-astro-cid-dmazab2j]{inset:3.75rem 1rem 1.25rem}.scene-label[data-astro-cid-dmazab2j]{top:1rem;left:1rem}.montage-unit[data-astro-cid-dmazab2j]{width:1.7rem;height:1.7rem}.align-one[data-astro-cid-dmazab2j]{--loose-x:2.5rem}.align-four[data-astro-cid-dmazab2j]{--loose-x:3rem}}@media (prefers-reduced-motion:reduce){.motion-label[data-astro-cid-dmazab2j]{display:none}.reduced-label[data-astro-cid-dmazab2j]{display:inline}.montage-scene[data-astro-cid-dmazab2j],.montage-scene[data-astro-cid-dmazab2j] [data-astro-cid-dmazab2j]{animation:none}.montage-scene[data-astro-cid-dmazab2j]{opacity:0;display:none}.scene-alignment[data-astro-cid-dmazab2j]{opacity:1;display:block}.scene-alignment[data-astro-cid-dmazab2j] .montage-guide[data-astro-cid-dmazab2j]{opacity:.75}.scene-alignment[data-astro-cid-dmazab2j] .montage-line[data-astro-cid-dmazab2j]{transform:translate(0)}}