@layer components{.what-is{--what-is-rule:var(--profile-rule-strong,var(--border-secondary));--what-is-gutter:1rem;--mixing-repeat:var(--color-warning-600);background-color:var(--bg-primary)}.dark .what-is{--mixing-repeat:var(--color-warning-400)}.what-is__main{color:var(--text-secondary)}.what-is h1,.what-is h2,.what-is h3{color:var(--text-primary);font-family:var(--font-family-display,inherit);text-wrap:balance}.what-is__link{color:var(--color-accent);text-underline-offset:.25em;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}.what-is__link:hover{text-decoration-thickness:2px}.what-is__link--quiet{color:var(--text-secondary);font-weight:500}.what-is__hero{width:min(100%,76rem);padding:2.5rem var(--what-is-gutter) 3.5rem;gap:2.5rem;margin-inline:auto;display:grid}.what-is__eyebrow,.what-is__kicker{color:var(--color-accent);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:700}.what-is__hero h1{letter-spacing:-.045em;max-width:14ch;margin:.9rem 0 0;font-size:clamp(2.25rem,6.4vw,4.1rem);font-weight:720;line-height:.98}.what-is__lead{max-width:36rem;margin:1.4rem 0 0;font-size:1.06rem;line-height:1.65}.what-is__actions{flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:2rem;display:flex}.what-is__demo{min-width:0;margin:0}.what-is__demo figcaption{color:var(--text-tertiary);margin:.75rem .25rem 0;font-size:.8rem;line-height:1.5}.mixing-demo{border:var(--border-width,1px) solid var(--border-primary);border-radius:var(--radius-surface);background:color-mix(in srgb, var(--bg-secondary) 55%, var(--bg-primary));padding:.9rem}.mixing-demo__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.mixing-demo__stepper{align-items:center;gap:.25rem;display:flex}.mixing-demo__round{min-width:6.5rem;color:var(--text-primary);font-variant-numeric:tabular-nums;text-align:center;font-size:.85rem;font-weight:650}.mixing-demo__canvas{width:100%;height:auto;margin-top:.5rem;display:block;overflow:visible}.mixing-demo__ring circle{fill:color-mix(in srgb, currentColor 7%, transparent);stroke:currentColor;stroke-width:1.5px}.mixing-demo__ring text{fill:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:650}.mixing-demo__person{transition:transform .65s var(--motion-easing-standard,ease), color .65s var(--motion-easing-standard,ease)}.mixing-demo__person circle{fill:color-mix(in srgb, currentColor 20%, var(--bg-primary));stroke:currentColor;stroke-width:2px;transition:fill .65s var(--motion-easing-standard,ease), stroke .65s var(--motion-easing-standard,ease)}.mixing-demo__person text,.mixing-demo__node text{fill:var(--text-primary);font-size:12px;font-weight:700}.mixing-demo__node text{font-size:9.5px}.mixing-demo__label{fill:var(--text-secondary);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.mixing-demo__node circle{fill:var(--bg-primary);stroke:currentColor;stroke-width:2px;transition:stroke .65s var(--motion-easing-standard,ease)}.mixing-demo__web-guide{fill:none;stroke:var(--border-primary);stroke-dasharray:2 5}.mixing-demo__chord{stroke:var(--text-tertiary);stroke-linecap:round;stroke-opacity:.45;stroke-width:1.25px;stroke-dasharray:1;animation:mixing-demo-draw .7s var(--motion-easing-standard,ease) both}.mixing-demo__chord--current{stroke-opacity:1;stroke-width:2.25px}.mixing-demo__chord--repeat{stroke:var(--mixing-repeat);stroke-opacity:1;stroke-width:2.5px;stroke-dasharray:.035 .03;animation:mixing-demo-fade .5s var(--motion-easing-standard,ease) both}@keyframes mixing-demo-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes mixing-demo-fade{0%{opacity:0}to{opacity:1}}.mixing-demo__stats{gap:.6rem;margin-top:.25rem;display:grid}.mixing-demo__stats p{color:var(--text-secondary);font-variant-numeric:tabular-nums;margin:0;font-size:.92rem}.mixing-demo__stats strong{color:var(--text-primary);font-size:1.15rem;font-weight:720}.mixing-demo__stats strong.mixing-demo__repeat-count{color:var(--mixing-repeat)}.mixing-demo__meter{border-radius:var(--radius-pill);background:var(--bg-tertiary);height:.4rem;overflow:hidden}.mixing-demo__meter span{background:var(--color-accent);transform-origin:0;height:100%;transition:transform .65s var(--motion-easing-standard,ease);display:block}.mixing-demo__legend{color:var(--text-tertiary);flex-wrap:wrap;gap:.35rem 1.1rem;margin:0;padding:0;font-size:.78rem;list-style:none;display:flex}.mixing-demo__legend li{align-items:center;gap:.45rem;display:inline-flex}.mixing-demo__key{border-top:1.5px solid color-mix(in srgb, var(--text-tertiary) 60%, transparent);width:1.4rem;display:inline-block}.mixing-demo__key--current{border-top:2.5px solid var(--ui-group-color-indigo)}.mixing-demo__key--repeat{border-top:2.5px dashed var(--mixing-repeat)}.mixing-demo[data-motion=reduced] *,.mixing-demo[data-motion=reduced] :before{transition:none!important;animation:none!important}.what-is-art{display:block;overflow:visible}.what-is-art__person{fill:color-mix(in srgb, currentColor 24%, var(--bg-primary));stroke:currentColor;stroke-width:1.75px}.what-is-art__ring{fill:color-mix(in srgb, currentColor 6%, transparent);stroke:currentColor;stroke-width:1.5px}.what-is-art__ring--neutral{color:var(--text-tertiary);stroke-dasharray:3 3}.what-is-art__link{stroke:currentColor;stroke-width:2px}.what-is-art__link--dashed{stroke:var(--text-tertiary);stroke-dasharray:3 3}.what-is-art__cross,.what-is-art__pin{fill:none;stroke:var(--text-primary);stroke-linecap:round;stroke-width:2px}.what-is-art__pin-head{fill:var(--color-accent)}.what-is-art__repeat{fill:none;stroke:var(--mixing-repeat);stroke-dasharray:3 2.5;stroke-width:2px}.what-is-art__arrow,.what-is-art__wave{fill:none;stroke:var(--text-tertiary);stroke-dasharray:2 3;stroke-linecap:round;stroke-width:1.5px}.what-is-art__hull{fill:color-mix(in srgb, currentColor 30%, var(--bg-primary));stroke:currentColor;stroke-width:1.5px}.what-is-art__sail{fill:color-mix(in srgb, currentColor 12%, var(--bg-primary));stroke:currentColor;stroke-width:1.25px}.what-is-art__mast{stroke:var(--text-tertiary);stroke-width:1.5px}.what-is__section{width:min(100%,76rem);padding:clamp(3rem, 7vw, 5.5rem) var(--what-is-gutter);border-top:var(--border-width,1px) solid var(--border-primary);margin-inline:auto}.what-is__section-heading{letter-spacing:-.035em;margin:0;font-size:clamp(1.6rem,3.2vw,2.25rem);font-weight:700;line-height:1.08}.what-is h3{letter-spacing:-.012em;margin:0;font-size:1.05rem;font-weight:680;line-height:1.3}.what-is__section p{margin:0;line-height:1.6}.what-is__footnote{color:var(--text-tertiary);font-size:.92rem;margin-top:2rem!important}.what-is__split{gap:2rem;display:grid}.what-is__statement{max-width:30ch;color:var(--text-primary);font-family:var(--font-family-display,inherit);letter-spacing:-.03em;text-wrap:balance;font-size:clamp(1.55rem,3.6vw,2.6rem);font-weight:650;margin-top:1rem!important;line-height:1.15!important}.what-is__facts{gap:1.75rem;margin:2.75rem 0 0;padding:0;list-style:none;display:grid}.what-is__facts li{border-top:2px solid var(--what-is-rule);gap:.5rem;padding-top:1.25rem;display:grid}.what-is-art--fact{width:3rem;height:2rem;margin-bottom:.35rem}.what-is__scenarios{gap:1rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.what-is-scenario{border:var(--border-width,1px) solid var(--border-primary);border-radius:var(--radius-surface);background:var(--bg-primary);align-content:start;gap:.6rem;padding:1.1rem 1.1rem 1.25rem;display:grid}.what-is-scenario__art{border-radius:var(--radius-control);background:color-mix(in srgb, var(--bg-secondary) 70%, var(--bg-primary));justify-content:center;margin:-.1rem -.1rem .4rem;padding:.75rem .5rem;display:flex}.what-is-art--scenario{width:min(100%,12rem);height:auto;transition:transform .24s var(--motion-easing-standard,ease)}.what-is-scenario:hover .what-is-art--scenario{transform:translateY(-3px)}.what-is-scenario__links{flex-wrap:wrap;gap:.4rem 1rem;margin-top:.35rem;font-size:.92rem;display:flex}.what-is__rules{margin:0;padding:0;list-style:none;display:grid}.what-is__rules li{border-bottom:var(--border-width,1px) solid var(--border-primary);grid-template-columns:5.5rem minmax(0,1fr);align-items:center;gap:1rem;padding:1rem 0;display:grid}.what-is__rules li:first-child{border-top:2px solid var(--what-is-rule)}.what-is-art--rule{width:5.5rem;height:3rem}.what-is__rules p{margin-top:.2rem!important}.what-is__steps{counter-reset:what-is-step;gap:0;margin:0;padding:0;list-style:none;display:grid}.what-is__steps li{counter-increment:what-is-step;gap:.4rem;padding:0 0 2rem 3.5rem;display:grid;position:relative}.what-is__steps li:before{border:2px solid var(--color-accent);border-radius:var(--radius-pill);background:var(--bg-primary);width:2.25rem;height:2.25rem;color:var(--color-accent);content:counter(what-is-step);place-items:center;font-weight:750;display:grid;position:absolute;top:-.2rem;left:0}.what-is__steps li:not(:last-child):after{border-left:2px dotted var(--border-secondary);content:"";position:absolute;top:2.2rem;bottom:.2rem;left:calc(1.125rem - 1px)}.what-is__not{gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}.what-is__not li{gap:.35rem;display:grid}.what-is__not s{-webkit-text-decoration-color:var(--mixing-repeat);text-decoration-color:var(--mixing-repeat);text-decoration-thickness:2px}.what-is__closing{width:min(calc(100% - 2 * var(--what-is-gutter)), 76rem);border:2px solid var(--what-is-rule);border-radius:var(--radius-surface);background:color-mix(in srgb, var(--bg-secondary) 65%, var(--bg-primary));gap:.5rem;margin:0 auto clamp(3rem,7vw,5rem);padding:clamp(1.75rem,4vw,2.75rem);display:grid}.what-is__closing h2{letter-spacing:-.03em;margin:0;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:700}.what-is__closing p{margin:.5rem 0 0;line-height:1.6}.what-is__closing .what-is__actions{margin-top:1rem}@media (width>=640px){.what-is{--what-is-gutter:1.5rem}.what-is__scenarios{grid-template-columns:repeat(2,minmax(0,1fr))}.what-is__facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.what-is__not{grid-template-columns:repeat(3,minmax(0,1fr))}.mixing-demo{padding:1.1rem 1.25rem 1.25rem}}@media (width>=1024px){.what-is{--what-is-gutter:2rem}.what-is__hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:3.5rem;padding-block:4rem 5rem}.what-is__split{grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:3rem}.what-is__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.what-is__steps li{padding:3.25rem 0 0}.what-is__steps li:not(:last-child):after{border-top:2px dotted var(--border-secondary);border-left:0;inset:calc(1.125rem - 1px) -2rem auto 2.6rem}.what-is__closing{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2rem}.what-is__closing .what-is__actions{margin-top:0}}@media (width>=1200px){.what-is__scenarios{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.what-is *,.what-is :before,.what-is :after{transition:none!important;animation:none!important}}}