/* AL's working scenes share navigation, not artwork or motion paths. */
.al-scene{--scene-blue:#2d5bff;--scene-ink:#102b49;--scene-line:#b5c7df;position:relative;isolation:isolate;width:100%;min-width:0;margin:0;color:var(--scene-ink);background:linear-gradient(145deg,#f8fbff,#e8f1fc);border:1px solid #c4d4e8;border-radius:8px;box-shadow:0 20px 45px -32px #102b4966;overflow:hidden}
.al-scene-heading{padding:clamp(20px,3vw,30px) clamp(18px,3vw,30px) 0;font:600 clamp(18px,1.6vw,23px)/1.3 Archivo,Arial,sans-serif;letter-spacing:-.025em;max-width:28em}
.al-scene-art{width:100%;aspect-ratio:8/5;overflow:hidden}.al-scene-art svg{display:block;width:100%;height:100%;overflow:visible}.al-scene-ground{fill:#7694b8;opacity:.13}
.al-scene-controls{display:none;padding:0 clamp(14px,2.7vw,28px);gap:4px}.al-scene.is-ready .al-scene-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.al-scene-controls button{appearance:none;min-width:0;min-height:48px;padding:10px 5px;border:0;border-bottom:2px solid #b9cce3;background:transparent;border-radius:0;color:#365476;font:600 15px/1.2 Source,Arial,sans-serif;text-align:center;cursor:pointer;overflow-wrap:anywhere;transition:color .15s,background .15s,border-color .15s}
.al-scene-controls button[aria-pressed=true]{color:#173fac;border-color:#2d5bff;background:#dce7ff}.al-scene-controls button:hover{background:#dce7f6;color:#102b49}.al-scene-controls button:focus-visible{outline:3px solid #102b49;outline-offset:-3px}
.al-scene-copy{padding:22px clamp(18px,3vw,30px) 28px;min-height:172px}.al-scene-phase-copy+ .al-scene-phase-copy{margin-top:18px}.al-scene.is-ready .al-scene-phase-copy{margin:0}.al-scene.is-ready .al-scene-phase-copy[data-current=false]{display:none}.al-scene-phase-copy strong{display:block;font:600 clamp(17px,1.3vw,20px)/1.35 Archivo,Arial,sans-serif;letter-spacing:-.018em}.al-scene-phase-copy p{margin:10px 0 0;color:#345273;font:400 clamp(16px,1.2vw,18px)/1.55 Source,Arial,sans-serif;max-width:57ch}.al-scene-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.al-scene-tool{filter:drop-shadow(0 7px 5px #102b4929)}.al-scene-dirt,.al-scene-residue,.al-scene-glass-water{opacity:0}.al-scene-result-line{opacity:.7;stroke-dasharray:1200;stroke-dashoffset:0}.al-scene[data-phase="0"] .al-scene-dirt,.al-scene[data-phase="0"] .al-scene-residue,.al-scene[data-phase="0"] .al-scene-glass-water{opacity:1}.al-scene[data-phase="0"] .al-scene-result-line,.al-scene[data-phase="1"] .al-scene-result-line{opacity:0}.al-scene[data-phase="1"] .al-scene-dirt,.al-scene[data-phase="1"] .al-scene-residue,.al-scene[data-phase="1"] .al-scene-glass-water{animation:al-scene-remove 3.8s linear both}.al-scene[data-phase="2"] .al-scene-tool{opacity:0}
.al-scene-cloth{transform:translate(233px,229px)}.al-scene[data-phase="1"] .al-scene-cloth{animation:al-scene-wipe 3.8s ease-in-out both}
.al-scene-zone{fill:#dbe7f6}.al-scene-zone-check{opacity:1}.al-scene[data-phase="2"] .al-scene-zone{fill:#aac4ff}.al-scene[data-phase="0"] .al-scene-zone-check{opacity:0}.al-scene[data-phase="1"] .al-scene-zone-a{animation:al-scene-zone-a 3.8s linear both}.al-scene[data-phase="1"] .al-scene-zone-b{animation:al-scene-zone-b 3.8s linear both}.al-scene[data-phase="1"] .al-scene-zone-c{animation:al-scene-zone-c 3.8s linear both}.al-scene[data-phase="1"] .al-scene-zone-check-a{animation:al-scene-check-a 3.8s linear both}.al-scene[data-phase="1"] .al-scene-zone-check-b{animation:al-scene-check-b 3.8s linear both}.al-scene[data-phase="1"] .al-scene-zone-check-c{animation:al-scene-check-c 3.8s linear both}
.al-scene-squeegee{transform:translate(316px,126px)}.al-scene[data-phase="1"] .al-scene-squeegee{animation:al-scene-squeegee 3.8s cubic-bezier(.4,0,.3,1) both}
.al-scene-polisher{transform:translate(258px,248px)}.al-scene[data-phase="1"] .al-scene-polisher{animation:al-scene-floor 3.8s ease-in-out both}
.al-scene-extractor{transform:translate(240px,247px)}.al-scene-hose{opacity:0}.al-scene-carpet-pass{opacity:.7}.al-scene[data-phase="0"] .al-scene-carpet-pass{opacity:0}.al-scene[data-phase="1"] .al-scene-carpet-pass{animation:al-scene-carpet-pass 3.8s linear both}.al-scene[data-phase="1"] .al-scene-extractor{animation:al-scene-extract 3.8s ease-in-out both}.al-scene-drying{opacity:0}.al-scene[data-phase="2"] .al-scene-drying{opacity:1;animation:al-scene-air 3.8s ease-in-out both}
.al-scene-facade-brush{transform:translate(251px,282px)}.al-scene-test-field{opacity:1}.al-scene[data-phase="1"] .al-scene-facade-brush{animation:al-scene-facade 3.8s ease-in-out both}.al-scene[data-phase="2"] .al-scene-test-field{opacity:0}
.al-scene-door-leaf{transform-origin:221px 207px;transform:scaleX(.68) skewY(7deg)}.al-scene[data-phase="0"] .al-scene-door-leaf{transform:none}.al-scene[data-phase="1"] .al-scene-door-leaf{animation:al-scene-door 3.8s ease-in-out both}.al-scene-door-inspect{opacity:0}.al-scene[data-phase="0"] .al-scene-door-inspect{opacity:1}.al-scene-report,.al-scene-report-link{opacity:0}.al-scene[data-phase="2"] .al-scene-report,.al-scene[data-phase="2"] .al-scene-report-link{opacity:1}
.al-scene-scraper{transform:translate(262px,231px)}.al-scene[data-phase="1"] .al-scene-scraper{animation:al-scene-scrape 3.8s ease-in-out both}
.al-scene[data-playing=false] *{animation-play-state:paused!important}
@keyframes al-scene-remove{0%,10%{opacity:1}90%,100%{opacity:0}}
@keyframes al-scene-wipe{0%{transform:translate(233px,229px)}30%{transform:translate(353px,199px)}55%{transform:translate(266px,245px)}85%,100%{transform:translate(390px,216px)}}
@keyframes al-scene-zone-a{0%{fill:#dbe7f6}25%,100%{fill:#aac4ff}}@keyframes al-scene-zone-b{0%,25%{fill:#dbe7f6}55%,100%{fill:#aac4ff}}@keyframes al-scene-zone-c{0%,55%{fill:#dbe7f6}85%,100%{fill:#aac4ff}}
@keyframes al-scene-check-a{0%,24%{opacity:0}25%,100%{opacity:1}}@keyframes al-scene-check-b{0%,54%{opacity:0}55%,100%{opacity:1}}@keyframes al-scene-check-c{0%,84%{opacity:0}85%,100%{opacity:1}}
@keyframes al-scene-squeegee{0%,8%{transform:translate(316px,126px)}90%,100%{transform:translate(316px,315px)}}
@keyframes al-scene-floor{0%{transform:translate(258px,248px)}42%{transform:translate(371px,218px)}68%{transform:translate(300px,260px)}100%{transform:translate(408px,236px)}}
@keyframes al-scene-extract{0%,10%{transform:translate(240px,247px)}88%,100%{transform:translate(384px,211px)}}@keyframes al-scene-carpet-pass{0%,10%{opacity:0}88%,100%{opacity:.7}}@keyframes al-scene-air{0%{transform:translateY(5px);opacity:.4}50%{transform:translateY(-6px);opacity:1}100%{transform:translateY(-12px);opacity:.7}}
@keyframes al-scene-facade{0%{transform:translate(251px,282px)}28%{transform:translate(261px,156px)}55%{transform:translate(323px,267px)}85%,100%{transform:translate(345px,139px)}}
@keyframes al-scene-door{0%,8%{transform:scaleX(1) skewY(0)}40%{transform:scaleX(.62) skewY(8deg)}65%{transform:scaleX(.88) skewY(3deg)}90%,100%{transform:scaleX(.68) skewY(7deg)}}
@keyframes al-scene-scrape{0%,10%{transform:translate(262px,231px)}38%{transform:translate(313px,219px)}56%{transform:translate(294px,252px)}85%,100%{transform:translate(367px,223px)}}
@media(max-width:480px){.al-scene-heading{font-size:19px;padding:22px 18px 0}.al-scene-art{aspect-ratio:8/5}.al-scene-controls{padding:0 12px;gap:2px}.al-scene-controls button{font-size:14px;min-height:50px;padding:10px 3px}.al-scene-copy{padding:20px 18px 24px;min-height:205px}.al-scene-phase-copy strong{font-size:18px}.al-scene-phase-copy p{font-size:16px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.al-scene *, .al-scene *:before,.al-scene *:after{animation:none!important;transition:none!important}.al-scene[data-phase="1"] .al-scene-dirt,.al-scene[data-phase="1"] .al-scene-residue,.al-scene[data-phase="1"] .al-scene-glass-water{opacity:.4}.al-scene[data-phase="1"] .al-scene-zone{fill:#aac4ff}.al-scene[data-phase="1"] .al-scene-zone-check{opacity:1}.al-scene[data-phase="1"] .al-scene-carpet-pass{opacity:.4}}

