.solution-scenes{--sol-transition:.38s;align-self:center}.solution-scenes .sol-scene-layer{--sol-result:sol-result-quality}.solution-scenes .sol-scene-layer[data-result=composition]{--sol-result:sol-result-composition}.solution-scenes .sol-scene-layer[data-result=interfaces]{--sol-result:sol-result-response}.solution-scenes .sol-scene-layer[data-result=incremental]{--sol-result:sol-result-incremental}.solution-scenes .sol-scene-stage{isolation:isolate}.solution-scenes .sol-scene-layer{visibility:hidden;pointer-events:none;background:#fff;position:absolute;inset:0}.solution-scenes .sol-scene-layer[data-previous=true]{visibility:visible;z-index:0}.solution-scenes .sol-scene-layer[data-active=true]{visibility:visible;z-index:1}.solution-scenes .sol-scene-layer[data-fade=true]{animation:sol-scene-enter var(--sol-transition) ease-in-out both}.solution-scenes .sol-scene-artwork{border:0;padding:0;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 clamp(22px,5cqw,40px)),linear-gradient(90deg,#0000,#0006 3%,#000 8% 92%,#0006 97%,#0000);mask-image:linear-gradient(#0000,#000 clamp(22px,5cqw,40px)),linear-gradient(90deg,#0000,#0006 3%,#000 8% 92%,#0006 97%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.solution-scenes .sol-scene-imageframe{aspect-ratio:1672/941;width:100%;position:absolute;bottom:-3%;left:0;-webkit-mask-image:radial-gradient(62% 60%,#000 58%,#000000e0 73%,#0000 96%),linear-gradient(#0000,#000 8% 78%,#0000 96%);mask-image:radial-gradient(62% 60%,#000 58%,#000000e0 73%,#0000 96%),linear-gradient(#0000,#000 8% 78%,#0000 96%);-webkit-mask-composite:source-in;mask-composite:intersect}.solution-scenes .sol-scene-imageframe .auto-lab-photo{width:100%;height:auto}.solution-scenes .sol-scene-story{color:#153e2a;text-shadow:0 1px 12px #fff,0 0 3px #fff;background:radial-gradient(at 15% 25%,#fffffff5,#ffffffd6 48%,#fff0 75%);max-width:44%;padding:0 12px 14px 0;position:absolute;top:0;left:4%}.solution-scenes .sol-scene-chapter{color:#56846a;letter-spacing:.025em;align-items:center;gap:9px;margin-bottom:8px;font-size:12px;line-height:1.5;display:flex}.solution-scenes .sol-scene-chapter>span{font:400 12px/1.5 var(--font-geist-mono), monospace;color:#72887a}.solution-scenes .sol-scene-chapter>i{background:#89b19a;width:20px;height:1px}.solution-scenes .sol-scene-story>strong{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(19px,2.9cqw,22.5px);font-weight:550;line-height:1.25;display:block}.solution-scenes .sol-scene-leader{stroke:#77a28a;stroke-width:1.2px;stroke-dasharray:100;opacity:0;animation:var(--sol-result) var(--lab-duration) ease both}.solution-scenes .sol-scene-label-plane{aspect-ratio:1672/941;width:100%;position:absolute;bottom:-3%;left:0}.solution-scenes .sol-scene-label-plane[data-original=true]{width:112%;bottom:-10%;left:-6%}.solution-scenes .sol-scene-node-label{top:var(--node-y);left:var(--node-x);white-space:nowrap;color:#8d622e;text-shadow:0 0 5px #fff;opacity:0;animation:var(--sol-result) var(--lab-duration) ease both;background:linear-gradient(90deg,#fffffff0 80%,#0000);align-items:center;gap:6px;padding:3px 7px 3px 3px;font-size:12px;line-height:1.6;display:flex;position:absolute;transform:translate(16px,-50%)}.solution-scenes .sol-scene-node-label>i{background:#b8803b;border-radius:50%;width:4px;height:4px}.solution-scenes .sol-scene-node-label[data-side=left]{transform:translate(calc(-100% - 16px),-50%)}.solution-scenes .sol-scene-node-label[data-incremental=true]{color:#2c784d}.solution-scenes .sol-scene-node-label[data-incremental=true]>i{background:#4d9c6b}.solution-scenes .sol-scene-layer[data-previous=true] .sol-scene-node-label{opacity:1;animation:none}.solution-scenes .sol-scene-layer[data-previous=true][data-result=composition] .auto-lab-dependency-path{stroke-dashoffset:0;opacity:.25;animation:none}.solution-scenes .sol-scene-caption{min-height:44px;margin-block:4px 10px;padding-inline:12px;font-size:13px}.solution-scenes .sol-scene-caption-layer{visibility:hidden;background:#fff;grid-area:1/1;align-content:center;place-self:stretch stretch;gap:3px;display:grid}.solution-scenes .sol-scene-caption-layer[data-previous=true]{visibility:visible;z-index:0}.solution-scenes .sol-scene-caption-layer[data-active=true]{visibility:visible;z-index:1}.solution-scenes .sol-scene-caption-layer[data-fade=true]{animation:sol-scene-enter var(--sol-transition) ease-in-out both}.solution-scenes .sol-scene-detail{color:#426b52;font-size:12px;line-height:1.5}.solution-scenes .sol-scene-clock{bottom:-1px;transform-origin:0;height:1px;animation:sol-scene-clock var(--lab-duration) linear both;background:#438b61;position:absolute;inset-inline:0}.solution-scenes[data-still=true] .sol-scene-layer,.solution-scenes[data-still=true] .sol-scene-caption-layer,.solution-scenes[data-still=true] .sol-scene-node-label,.solution-scenes[data-still=true] .sol-scene-leader{opacity:1;stroke-dashoffset:0;animation:none}.solution-scenes[data-still=true] .auto-lab-focus{opacity:1}.solution-scenes[data-still=true] .sol-scene-clock{animation:none;transform:scaleX(1)}.solution-scenes .sol-scene-error{z-index:3;color:#355b44;background:#f3f7f4;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.solution-scenes .sol-scene-error p{font-size:14px}.solution-scenes .sol-scene-error button,.solution-scenes .sol-scene-load-status button{min-height:44px;font:inherit;color:#235638;cursor:pointer;background:#fff;border:1px solid #bfd5c5;padding:8px 16px}.solution-scenes .sol-scene-load-status{align-items:center;gap:12px;margin-top:10px;font-size:14px;display:flex}.solution-scenes .sol-incremental-area{animation:sol-incremental-area var(--lab-duration) ease both}.solution-scenes .sol-incremental-beam{animation:sol-incremental-beam var(--lab-duration) ease-in-out both}.solution-scenes .sol-incremental-rows{stroke:#adffd0;stroke-width:3px;stroke-linecap:round;stroke-dasharray:100;filter:drop-shadow(0 0 3px #68c992);animation:sol-incremental-rows var(--lab-duration) ease both}.solution-scenes .sol-incremental-bounds{stroke:#76bd90;stroke-width:1.5px;animation:sol-incremental-bounds var(--lab-duration) ease both}.solution-scenes[data-still=true] .sol-incremental-beam{display:none}.solution-scenes[data-still=true] .sol-incremental-area{opacity:.12;animation:none}.solution-scenes[data-still=true] .sol-incremental-rows{opacity:.85;stroke-dashoffset:0;animation:none}.solution-scenes[data-still=true] .sol-incremental-bounds{opacity:.7;animation:none}@keyframes sol-scene-enter{0%{opacity:0}to{opacity:1}}@keyframes sol-scene-clock{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes sol-result-quality{0%,46%{opacity:0;stroke-dashoffset:100px}60%,to{opacity:1;stroke-dashoffset:0}}@keyframes sol-result-composition{0%,56%{opacity:0;stroke-dashoffset:100px}67%,to{opacity:1;stroke-dashoffset:0}}@keyframes sol-result-response{0%,54%{opacity:0;stroke-dashoffset:100px}65%,to{opacity:1;stroke-dashoffset:0}}@keyframes sol-result-incremental{0%,38%{opacity:0;stroke-dashoffset:100px}52%,to{opacity:1;stroke-dashoffset:0}}@keyframes sol-incremental-area{0%,16%{opacity:0}27%,to{opacity:.12}}@keyframes sol-incremental-beam{0%,16%{opacity:0;transform:translate(0)}20%{opacity:.8;transform:translate(0)}43%{opacity:.8;transform:translate(120px)}46%,to{opacity:0;transform:translate(120px)}}@keyframes sol-incremental-rows{0%,23%{opacity:0;stroke-dashoffset:100px}43%,to{opacity:.85;stroke-dashoffset:0}}@keyframes sol-incremental-bounds{0%,13%{opacity:0}25%,to{opacity:.7}}@container auto-lab (width<=600px){.solution-scenes .sol-scene-stage{height:365px}.solution-scenes .sol-scene-story{max-width:76%;padding-bottom:18px;top:1%;left:3%}.solution-scenes .sol-scene-story>strong{font-size:22px}.solution-scenes .sol-scene-imageframe,.solution-scenes .sol-scene-label-plane{bottom:0}.solution-scenes .sol-scene-label-plane[data-original=true]{width:125%;bottom:-4%;left:-12%}.solution-scenes .sol-scene-node-label{white-space:normal;text-wrap:balance;width:max-content;max-width:min(210px,100% - 24px);left:clamp(112px, var(--node-x), calc(100% - 112px));font-size:12px;transform:translate(-50%,20px)}.solution-scenes .sol-scene-node-label[data-side=left]{transform:translate(-50%,20px)}}@media (max-width:650px){.solution-scenes .sol-scene-stage{height:366px}.solution-scenes .sol-scene-story{max-width:96%;padding:0 10px 14px 0;top:4px;left:0}.solution-scenes .sol-scene-chapter{margin-bottom:8px}.solution-scenes .sol-scene-story>strong{font-size:21px}.solution-scenes .sol-scene-imageframe,.solution-scenes .sol-scene-label-plane{bottom:4px}.solution-scenes .sol-scene-label-plane[data-original=true]{width:126%;bottom:-2%;left:-13%}.solution-scenes .sol-scene-caption{min-height:80px;margin-block:3px 8px;padding-inline:0;font-size:12px;line-height:1.65}}@container auto-lab (width<=300px){.solution-scenes .sol-scene-stage{height:334px}.solution-scenes .sol-scene-story>strong{font-size:20px}}@media (prefers-reduced-motion:reduce){.solution-scenes .sol-scene-layer,.solution-scenes .sol-scene-caption-layer{animation:none}.solution-scenes .sol-scene-node-label,.solution-scenes .sol-scene-leader{opacity:1;stroke-dashoffset:0}.solution-scenes .sol-incremental-beam{display:none}.solution-scenes .sol-incremental-area{opacity:.12}.solution-scenes .sol-incremental-rows{opacity:.85;stroke-dashoffset:0}.solution-scenes .sol-incremental-bounds{opacity:.7}.solution-scenes .sol-scene-clock{animation:none;transform:scaleX(1)}}