[data-brand=quiet-field] .qf-hero{margin:0;width:100%;max-width:34rem;margin-inline-start:auto;display:flex;flex-direction:column;gap:1.25rem}[data-brand=quiet-field] .qf-hero__field{position:relative;container-type:inline-size;width:100%;aspect-ratio:490/348}[data-brand=quiet-field] .qf-hero__svg{display:block;width:100%;height:100%;overflow:hidden}[data-brand=quiet-field] .qf-rest circle{fill:var(--color-field-rest)}[data-brand=quiet-field] .qf-fit circle{fill:var(--color-field-fit)}[data-brand=quiet-field] .qf-lit__cell{fill:var(--color-field-lit)}[data-brand=quiet-field] .qf-lit__seed{fill:var(--color-field-rest);opacity:0}[data-brand=quiet-field] .qf-lit__ring{fill:none;stroke:var(--color-field-lit);stroke-width:1;vector-effect:non-scaling-stroke;opacity:0}[data-brand=quiet-field] .qf-fit circle,[data-brand=quiet-field] .qf-lit__cell,[data-brand=quiet-field] .qf-lit__ring{transform-box:fill-box;transform-origin:center}[data-brand=quiet-field] .qf-fitline{visibility:hidden}[data-brand=quiet-field] .qf-fitline__line{stroke:var(--color-field-fit);stroke-width:1.25;vector-effect:non-scaling-stroke;opacity:0;transform-box:view-box;transform-origin:245px 174px}[data-brand=quiet-field] .qf-fitline__tick{fill:color-mix(in oklab,var(--color-field-rest),var(--color-field-fit) 45%);opacity:0;transform-box:view-box;transform-origin:0 0}[data-brand=quiet-field] .qf-hero__label{position:absolute;left:40%;top:31.03%;transform:translateY(-50%);font-family:var(--font-body);font-size:var(--text-small);line-height:1;font-weight:500;letter-spacing:.005em;color:var(--color-field-label);white-space:nowrap}[data-brand=quiet-field] .qf-hero__caption{padding-inline-start:calc(20 / 490 * 100%);font-family:var(--font-body);font-size:var(--text-small);line-height:var(--text-small--line-height);color:var(--tone-muted,var(--color-muted))}@container (max-width: 20rem){[data-brand=quiet-field] .qf-hero__beside{visibility:hidden}}@media (prefers-reduced-motion:no-preference){[data-brand=quiet-field][data-anim=new] .qf-hero:not([data-hold=true]) .qf-rest circle{animation:quiet-field-appear 1s cubic-bezier(.33,0,.2,1) var(--qf-col-delay,0s) backwards}[data-brand=quiet-field][data-anim=new] .qf-hero:not([data-hold=true]) .qf-fit circle{animation:quiet-field-appear 1s cubic-bezier(.33,0,.2,1) var(--qf-col-delay,0s) backwards,quiet-field-fit .52s ease-out var(--qf-fit-delay,0s) backwards}[data-brand=quiet-field][data-anim=new] .qf-hero:not([data-hold=true]) .qf-lit__seed{animation:quiet-field-seed 4.45s linear backwards}[data-brand=quiet-field][data-anim=new] .qf-hero:not([data-hold=true]) .qf-lit__cell{animation:quiet-field-resolve .76s cubic-bezier(.16,1,.3,1) 4s backwards}[data-brand=quiet-field][data-anim=new] .qf-hero:not([data-hold=true]) .qf-lit__ring{animation:quiet-field-pulse 5.55s linear backwards}[data-brand=quiet-field][data-anim=new] .qf-hero:not([data-hold=true]) .qf-hero__label{animation:quiet-field-label .6s cubic-bezier(.16,1,.3,1) 4.6s backwards}[data-brand=quiet-field][data-anim=new] .qf-hero:not([data-hold=true]) .qf-hero__caption{animation:quiet-field-appear 1s ease-out .3s backwards}[data-brand=quiet-field][data-anim=new] .qf-hero:not([data-hold=true])[data-active=false] *{animation-play-state:paused}}[data-brand=quiet-field] .qf-c0{--qf-col-delay:150ms}[data-brand=quiet-field] .qf-c1{--qf-col-delay:220ms}[data-brand=quiet-field] .qf-c2{--qf-col-delay:290ms}[data-brand=quiet-field] .qf-c3{--qf-col-delay:360ms}[data-brand=quiet-field] .qf-c4{--qf-col-delay:430ms}[data-brand=quiet-field] .qf-c5{--qf-col-delay:500ms}[data-brand=quiet-field] .qf-c6{--qf-col-delay:570ms}[data-brand=quiet-field] .qf-c7{--qf-col-delay:640ms}[data-brand=quiet-field] .qf-c8{--qf-col-delay:710ms}[data-brand=quiet-field] .qf-c9{--qf-col-delay:780ms}[data-brand=quiet-field] .qf-f0{--qf-fit-delay:3538ms}[data-brand=quiet-field] .qf-f1{--qf-fit-delay:3104ms}[data-brand=quiet-field] .qf-f3{--qf-fit-delay:2996ms}[data-brand=quiet-field] .qf-f4{--qf-fit-delay:2617ms}[data-brand=quiet-field] .qf-f5{--qf-fit-delay:2942ms}[data-brand=quiet-field] .qf-f6{--qf-fit-delay:3483ms}[data-brand=quiet-field] .qf-f7{--qf-fit-delay:3538ms}@keyframes quiet-field-appear{0%{opacity:0}to{opacity:1}}@keyframes quiet-field-fit{0%{fill:var(--color-field-rest);transform:scale(.55)}50%{fill:var(--color-field-fit);transform:scale(1.25)}to{fill:var(--color-field-fit);transform:scale(1)}}@keyframes quiet-field-seed{0%,8%{opacity:0}30.6%,93.3%{opacity:1}to{opacity:0}}@keyframes quiet-field-resolve{0%{opacity:0;fill:var(--color-field-rest);transform:scale(.1) rotate(45deg)}65%{opacity:1;fill:var(--color-field-lit);transform:scale(1.12) rotate(0deg)}to{opacity:1;fill:var(--color-field-lit);transform:scale(1)}}@keyframes quiet-field-pulse{0%,80.1%{opacity:0;transform:scale(1)}83%{opacity:.9;transform:scale(1.2);animation-timing-function:cubic-bezier(.2,.7,.3,1)}to{opacity:0;transform:scale(2.4)}}@keyframes quiet-field-label{0%{opacity:0;transform:translate(-6px,-50%)}to{opacity:1;transform:translateY(-50%)}}@media (prefers-reduced-motion:no-preference){html[data-anim=new] svg[data-pi=arm] [data-people-variant=illustrated] :is(.pi-f,.pi-dots,.pi-node){opacity:0}html[data-anim=new] svg[data-pi=arm] [data-people-variant=illustrated] :is(.pi-l,.pi-fl,.pi-arc){stroke-dasharray:1 1;stroke-dashoffset:1}html[data-anim=new] svg[data-pi=arm] [data-people-variant=illustrated] .pi-fl{fill-opacity:0}html[data-anim=new] svg[data-pi=run] [data-people-variant=illustrated] :is(.pi-l,.pi-fl,.pi-arc){stroke-dasharray:1 1}html[data-anim=new] svg[data-pi=run] [data-people-variant=illustrated] .pi-dots{animation:bt-pi-fade .7s ease-out both}html[data-anim=new] svg[data-pi=run] [data-people-variant=illustrated] .pi-arc{animation:bt-pi-draw 1.6s cubic-bezier(.45,0,.2,1) .15s both}html[data-anim=new] svg[data-pi=run] [data-people-variant=illustrated] .pi-node{animation:bt-pi-fade .5s ease-out .9s both}html[data-anim=new] svg[data-pi=run] [data-people-variant=illustrated] .pi .pi-f{animation:bt-pi-fade .36s ease-out calc(.3s + var(--pi-i, 0) * .12s) both}html[data-anim=new] svg[data-pi=run] [data-people-variant=illustrated] .pi .pi-l{animation:bt-pi-draw 1.1s cubic-bezier(.45,0,.2,1) calc(.3s + var(--pi-i, 0) * .12s) both}html[data-anim=new] svg[data-pi=run] [data-people-variant=illustrated] .pi .pi-fl{animation:bt-pi-draw 1.1s cubic-bezier(.45,0,.2,1) calc(.3s + var(--pi-i, 0) * .12s) both,bt-pi-fill .36s ease-out calc(.3s + var(--pi-i, 0) * .12s) both}html[data-anim=new] svg[data-pi=run] [data-people-variant=illustrated] .pi .pi-s{animation-delay:calc(.65s + var(--pi-i, 0) * .12s)}html[data-anim=new] svg[data-pi=run] [data-people-variant=illustrated] .pi[data-accent] :is(.pi-f,.pi-l,.pi-fl){animation-delay:calc(.65s + var(--pi-i, 0) * .12s)}}@keyframes bt-pi-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes bt-pi-fill{0%{fill-opacity:0}to{fill-opacity:1}}@keyframes bt-pi-fade{0%{opacity:0}to{opacity:1}}.bt-chart{container-type:inline-size;--chart-hi:var(--tone-fg);--chart-bar:color-mix(in srgb,var(--tone-muted) 16%,var(--tone-bg));--chart-edge:var(--tone-muted);--chart-grid:color-mix(in srgb,var(--tone-muted) 22%,var(--tone-bg));--chart-axis:var(--tone-muted);--chart-hi-wash:color-mix(in srgb,var(--chart-hi) 14%,var(--tone-bg))}html[data-brand=design-matrix] .bt-chart{--chart-hi:var(--color-sky)}html[data-brand=design-matrix][data-mode=dark] .bt-chart{--chart-hi:var(--color-data-3)}html[data-brand=elevation] .bt-chart{--chart-hi:var(--color-elev-lit)}html[data-brand=current-evolved] .bt-chart,html[data-brand=quiet-field] .bt-chart{--chart-hi:var(--color-primary)}.bt-chart__frame{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1rem .75rem;border:1px solid var(--chart-grid);border-radius:var(--radius-md)}.bt-chart__title{font-weight:600;color:var(--tone-heading);font-size:var(--text-body);line-height:1.35}.bt-chart__axis-title,.bt-chart__number{color:var(--tone-muted)}.bt-chart__axis-title{font-size:var(--text-small);line-height:1.3}.bt-chart__axis-title--x{text-align:center}.bt-chart__plot{--label-size:0.8125rem;font-size:var(--label-size);padding:1.25rem .5rem 0 4.25rem}.bt-chart__plot[data-orientation=vertical]{padding-bottom:2.1em}.bt-chart__plot[data-orientation=vertical][data-wide-lines="2"]{padding-bottom:3.4em}.bt-chart__plot[data-orientation=horizontal]{padding:.25rem 1rem 2.1em 6.5rem}.bt-chart__plot[data-gutter=xs]{padding-left:2.25rem}.bt-chart__plot[data-gutter=s]{padding-left:4.25rem}.bt-chart__plot[data-gutter=m]{padding-left:5.25rem}.bt-chart__plot[data-gutter=l]{padding-left:6.5rem}.bt-chart__plot[data-gutter=xl]{padding-left:7.75rem}.bt-chart__svg{display:block;width:100%;height:17rem;overflow:visible;font-family:var(--font-body);font-size:var(--label-size)}.bt-chart__plot[data-orientation=horizontal] .bt-chart__svg{height:15rem}.bt-chart__grid{stroke:var(--chart-grid);stroke-width:1}.bt-chart__axis,.bt-chart__tick{stroke:var(--chart-axis);stroke-width:1}.bt-chart__bar{fill:var(--chart-bar);stroke:var(--chart-edge);stroke-width:1}.bt-chart__bar--hi{fill:var(--chart-hi);stroke:var(--chart-hi)}.bt-chart__cat,.bt-chart__tick-label{fill:var(--tone-muted)}.bt-chart__value{fill:var(--tone-fg)}.bt-chart__value--after{transform:translateX(.4rem)}.bt-chart__cat--hi,.bt-chart__value--hi{fill:var(--tone-heading);font-weight:700}.bt-chart__narrow{display:none}.bt-flow{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:1.25rem;padding:.5rem 0 .75rem;list-style:none}.bt-flow__step{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:6.5rem;padding:.75rem .5rem;text-align:center;font-size:var(--text-small);line-height:1.3;font-weight:600;color:var(--tone-heading);background:var(--chart-bar);border:1px solid var(--chart-edge);border-radius:var(--radius-md);overflow-wrap:break-word}.bt-flow__step--hi{background:var(--chart-hi-wash);border:3px solid var(--chart-hi)}.bt-flow[data-steps="6"] .bt-flow__step{padding-inline:.375rem}.bt-flow__line{display:block}.bt-flow__step:not(:last-child):after{content:"";position:absolute;top:50%;right:-1rem;width:.7rem;height:.7rem;border-top:2px solid var(--chart-axis);border-right:2px solid var(--chart-axis);transform:translate(-.05rem,-50%) rotate(45deg) scale(.75)}@container (max-width: 48rem){.bt-flow[data-steps="6"]{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:1rem}.bt-flow[data-steps="6"] .bt-flow__step:nth-child(3n):after{display:none}}@container (max-width: 34rem){.bt-chart__frame{padding:.75rem 0 .5rem;border-inline:0;border-radius:0}.bt-chart__plot{--label-size:0.8125rem}.bt-chart__wide{display:none}.bt-chart__narrow{display:inline}.bt-chart__svg{height:15rem}.bt-chart__plot[data-orientation=horizontal] .bt-chart__svg{height:16rem}.bt-chart__plot[data-orientation=vertical][data-label-lines="1"]{padding-bottom:2.1em}.bt-chart__plot[data-orientation=vertical][data-label-lines="2"]{padding-bottom:3.4em}.bt-chart__plot[data-orientation=vertical][data-label-lines="3"]{padding-bottom:4.6em}.bt-chart__plot[data-orientation=vertical][data-label-lines="4"]{padding-bottom:5.8em}.bt-chart__plot[data-orientation=horizontal],.bt-chart__plot[data-orientation=vertical]{padding-right:.25rem}.bt-chart__plot[data-gutter-narrow=xs]{padding-left:1.75rem}.bt-chart__plot[data-gutter-narrow=s]{padding-left:3.5rem}.bt-chart__plot[data-gutter-narrow=m]{padding-left:4rem}.bt-chart__plot[data-gutter-narrow=l]{padding-left:5.5rem}.bt-chart__plot[data-gutter-narrow=xl]{padding-left:6.5rem}.bt-flow,.bt-flow[data-steps="6"]{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.25rem;counter-reset:bt-step}.bt-flow__step{min-height:4rem;counter-increment:bt-step}.bt-flow:not([data-numbered]) .bt-flow__step:before{content:counter(bt-step);font-size:var(--text-small);font-weight:600;line-height:1;color:var(--tone-muted);margin-bottom:.25rem}.bt-flow[data-steps] .bt-flow__step:nth-child(3n):not(:last-child):after{display:block}.bt-flow[data-steps] .bt-flow__step:nth-child(2n):after{display:none}}.bt-chart[data-climb] .bt-chart__bar{transform-box:fill-box;transform-origin:50% 100%}.bt-chart[data-climb] .bt-chart__grid{transform-box:fill-box;transform-origin:0 50%}.bt-chart__pulse{stroke:var(--chart-hi);stroke-width:2;opacity:0}.bt-chart__x10{fill:var(--chart-hi);font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums;paint-order:stroke;stroke:var(--tone-bg);stroke-width:3px;stroke-linejoin:round;opacity:0}