.iso-assembly{aspect-ratio:1600/993;width:100%;display:block;position:relative}.iso-assembly>*{width:100%;height:100%;position:absolute;inset:0}.iso-shade{opacity:.9;animation:iso-shade 7s var(--ease-brand) infinite}.iso-lift{animation:iso-lift 7s var(--ease-brand) infinite;transform:translateY(-5.5%)}.iso-logo{animation:iso-logo 7s var(--ease-brand) infinite}@keyframes iso-logo{0%,10%{transform:translateY(-13%)scale(1.09)}30%,70%{transform:translateY(0)scale(1)}90%,to{transform:translateY(-13%)scale(1.09)}}@keyframes iso-lift{0%,38%{transform:translateY(-5.5%)}58%,70%{transform:translateY(0)}90%,to{transform:translateY(-5.5%)}}@keyframes iso-shade{0%,38%{opacity:.9;transform:scale(1)}58%,70%{opacity:0;transform:scale(.98)}90%,to{opacity:.9;transform:scale(1)}}
.mix-picker{--mix-cycle:14s;--mix-trace:#c9c3dd;--mix-live:#5616d9;max-width:var(--width-narrow,50rem);border:0;margin-block:0;margin-inline:auto;padding:0}.mix-input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mix-tabs{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:2.5rem;display:grid}@media (min-width:48rem){.mix-tabs{gap:1rem;margin-bottom:3.5rem}}.mix-tab{cursor:pointer;border:1px solid var(--tone-rule);border-radius:var(--radius-card,1rem);background:var(--color-paper);text-align:center;min-height:5.5rem;transition:border-color .2s var(--ease-brand), background-color .2s var(--ease-brand);flex-direction:column;justify-content:center;gap:.25rem;padding:.875rem .75rem;display:flex}@media (min-width:48rem){.mix-tab{min-height:6.5rem;padding:1.25rem 1.5rem}}.mix-tab-name{max-width:7.5em;color:var(--tone-fg);text-wrap:balance;margin-inline:auto;font-size:.9375rem;font-weight:700;line-height:1.25}@media (min-width:48rem){.mix-tab-name{font-size:1.0625rem}}.mix-tab-nick{color:var(--color-muted,#5a5668);font-size:.75rem}.mix-tab:hover{border-color:color-mix(in oklab, var(--color-brand) 40%, transparent)}.mix-input-1:checked~.mix-tabs .mix-tab-1,.mix-input-2:checked~.mix-tabs .mix-tab-2,.mix-input-3:checked~.mix-tabs .mix-tab-3{border-color:var(--color-brand);background:var(--color-brand-tint)}.mix-input-1:focus-visible~.mix-tabs .mix-tab-1,.mix-input-2:focus-visible~.mix-tabs .mix-tab-2,.mix-input-3:focus-visible~.mix-tabs .mix-tab-3{outline:2px solid var(--color-brand);outline-offset:2px}.mix-panel{display:none}.mix-input-1:checked~.mix-panel-1,.mix-input-2:checked~.mix-panel-2,.mix-input-3:checked~.mix-panel-3{display:block}.mix-rail{--rail-art:5rem;flex-direction:column;width:100%;max-width:46rem;margin-inline:auto;padding:0;list-style:none;display:flex}.mix-rail-step{grid-template-columns:var(--rail-art) 1fr;align-items:start;gap:1.25rem;min-width:0;display:grid}.mix-rail-step:not(:last-child) .mix-rail-text{padding-bottom:1.75rem}@media (min-width:48rem){.mix-rail{--rail-art:10rem}.mix-rail-step:not(:last-child) .mix-rail-text{padding-bottom:0}.mix-rail-step{align-items:center;gap:2.5rem}}.mix-rail-col{flex-direction:column;align-items:center;height:100%;display:flex}.mix-rail-single{transform-origin:50%;width:100%;animation:var(--mix-cycle) var(--ease-brand) infinite}.mix-rail-single img{width:100%;height:auto;display:block}.mix-rail-line{border-left:2px dotted var(--mix-trace);flex:1;min-height:1.75rem;position:relative}.mix-rail-line:after{content:"";background:var(--mix-live);transform-origin:top;width:2px;animation:var(--mix-cycle) linear infinite;position:absolute;inset:0 auto 0 -2px}.mix-rail-cluster{aspect-ratio:190/170;width:100%;animation:var(--mix-cycle) var(--ease-brand) infinite;transform-origin:50%;position:relative}.mix-rail-cluster img{width:60%;height:auto;display:block;position:absolute;top:16%;left:20%}.mix-rail-cluster img:first-child{transform:translate(-48%,-27%)}.mix-rail-cluster img:last-child{transform:translate(48%,27%)}.mix-rail-cluster:not(:has(img:nth-child(3))) img:first-child{transform:translate(-26%,-15%)}.mix-rail-cluster:not(:has(img:nth-child(3))) img:last-child{transform:translate(26%,15%)}.mix-rail-text{flex-direction:column;gap:.35rem;min-width:0;display:flex}.mix-ring{--ring-amp:1.3px;animation:mix-ring calc(var(--mix-cycle) / 5) step-end infinite}.mix-rail-single .mix-ring{--ring-amp:2.2px}@keyframes mix-ring{21.25%,53.75%,to{transform:none}0%,5%,10%,15%,20%,32.5%,37.5%,42.5%,47.5%,52.5%{transform:translate(calc(var(--ring-amp) * 1), calc(var(--ring-amp) * -.5))}1.25%,6.25%,11.25%,16.25%,33.75%,38.75%,43.75%,48.75%{transform:translate(calc(var(--ring-amp) * -.85), calc(var(--ring-amp) * .42))}2.5%,7.5%,12.5%,17.5%,35%,40%,45%,50%{transform:translate(calc(var(--ring-amp) * .7), calc(var(--ring-amp) * -.2))}3.75%,8.75%,13.75%,18.75%,36.25%,41.25%,46.25%,51.25%{transform:translate(calc(var(--ring-amp) * -1), calc(var(--ring-amp) * .5))}}@keyframes mix-pop-1{0%,2%{opacity:.44;transform:translateY(0)scale(1)}6%{opacity:1;transform:translateY(-9px)scale(1.035)}11%,86%{opacity:1;transform:translateY(0)scale(1)}92%,to{opacity:.44;transform:translateY(0)scale(1)}}@keyframes mix-pop-2{0%,12%{opacity:.44;transform:translateY(0)scale(1)}16%{opacity:1;transform:translateY(-9px)scale(1.035)}21%,86%{opacity:1;transform:translateY(0)scale(1)}92%,to{opacity:.44;transform:translateY(0)scale(1)}}@keyframes mix-pop-3{0%,21%{opacity:.44;transform:translateY(0)scale(1)}25%{opacity:1;transform:translateY(-9px)scale(1.035)}30%,86%{opacity:1;transform:translateY(0)scale(1)}92%,to{opacity:.44;transform:translateY(0)scale(1)}}@keyframes mix-pop-4{0%,30%{opacity:.44;transform:translateY(0)scale(1)}34%{opacity:1;transform:translateY(-9px)scale(1.035)}39%,86%{opacity:1;transform:translateY(0)scale(1)}92%,to{opacity:.44;transform:translateY(0)scale(1)}}@keyframes mix-pop-5{0%,39%{opacity:.44;transform:translateY(0)scale(1)}43%{opacity:1;transform:translateY(-9px)scale(1.035)}48%,86%{opacity:1;transform:translateY(0)scale(1)}92%,to{opacity:.44;transform:translateY(0)scale(1)}}@keyframes mix-pop-6{0%,48%{opacity:.44;transform:translateY(0)scale(1)}52%{opacity:1;transform:translateY(-9px)scale(1.035)}57%,86%{opacity:1;transform:translateY(0)scale(1)}92%,to{opacity:.44;transform:translateY(0)scale(1)}}@keyframes mix-pop-7{0%,57%{opacity:.44;transform:translateY(0)scale(1)}61%{opacity:1;transform:translateY(-9px)scale(1.035)}66%,86%{opacity:1;transform:translateY(0)scale(1)}92%,to{opacity:.44;transform:translateY(0)scale(1)}}.mix-rail-step:first-child .mix-rail-single,.mix-rail-step:first-child .mix-rail-cluster{animation-name:mix-pop-1}.mix-rail-step:nth-child(2) .mix-rail-single,.mix-rail-step:nth-child(2) .mix-rail-cluster{animation-name:mix-pop-2}.mix-rail-step:nth-child(3) .mix-rail-single,.mix-rail-step:nth-child(3) .mix-rail-cluster{animation-name:mix-pop-3}.mix-rail-step:nth-child(4) .mix-rail-single,.mix-rail-step:nth-child(4) .mix-rail-cluster{animation-name:mix-pop-4}.mix-rail-step:nth-child(5) .mix-rail-single,.mix-rail-step:nth-child(5) .mix-rail-cluster{animation-name:mix-pop-5}.mix-rail-step:nth-child(6) .mix-rail-single,.mix-rail-step:nth-child(6) .mix-rail-cluster{animation-name:mix-pop-6}.mix-rail-step:nth-child(7) .mix-rail-single,.mix-rail-step:nth-child(7) .mix-rail-cluster{animation-name:mix-pop-7}.mix-rail-step:first-child .mix-rail-line:after{animation-name:mix-rail-1}.mix-rail-step:nth-child(2) .mix-rail-line:after{animation-name:mix-rail-2}.mix-rail-step:nth-child(3) .mix-rail-line:after{animation-name:mix-rail-3}.mix-rail-step:nth-child(4) .mix-rail-line:after{animation-name:mix-rail-4}.mix-rail-step:nth-child(5) .mix-rail-line:after{animation-name:mix-rail-5}.mix-rail-step:nth-child(6) .mix-rail-line:after{animation-name:mix-rail-6}@keyframes mix-rail-1{0%,4%{opacity:1;transform:scaleY(0)}12%,84%{opacity:1;transform:scaleY(1)}92%,to{opacity:0;transform:scaleY(1)}}@keyframes mix-rail-2{0%,13%{opacity:1;transform:scaleY(0)}21%,84%{opacity:1;transform:scaleY(1)}92%,to{opacity:0;transform:scaleY(1)}}@keyframes mix-rail-3{0%,22%{opacity:1;transform:scaleY(0)}30%,84%{opacity:1;transform:scaleY(1)}92%,to{opacity:0;transform:scaleY(1)}}@keyframes mix-rail-4{0%,31%{opacity:1;transform:scaleY(0)}39%,84%{opacity:1;transform:scaleY(1)}92%,to{opacity:0;transform:scaleY(1)}}@keyframes mix-rail-5{0%,40%{opacity:1;transform:scaleY(0)}48%,84%{opacity:1;transform:scaleY(1)}92%,to{opacity:0;transform:scaleY(1)}}@keyframes mix-rail-6{0%,49%{opacity:1;transform:scaleY(0)}57%,84%{opacity:1;transform:scaleY(1)}92%,to{opacity:0;transform:scaleY(1)}}