/* The team introduction belongs to the same horizontal journey as the services. */
.scene-about,body[data-theme=about]{--paper:#efe5d7;--ink:#243f38;--muted:#526158;--accent:#9a5334;--line:#243f3829}
.scene-about .scene-copy>.solid-button{pointer-events:auto}
.scene-about .about-standard{width:max-content;max-width:100%;min-height:44px;pointer-events:auto}
.scene-about .team-scene{margin:0 auto 20px;height:auto;min-width:0;flex:none;align-self:center}
.team-illustration{display:block;width:100%;height:auto;overflow:visible}
.team-scene figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 12px;font-size:11px;line-height:1.5;color:var(--muted);padding:0 4px}
.motion-toggle{min-height:44px;padding:10px 0;border:0;background:none;color:var(--ink);font:inherit;font-size:11px;cursor:pointer;text-decoration:underline;text-underline-offset:3px;touch-action:manipulation;pointer-events:auto}
.motion-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.motion-toggle[hidden]{display:none}
@media(max-width:900px){.scene-about h1{font-size:clamp(38px,10vw,62px)}.scene-about .team-scene{max-width:480px}.scene-about .about-standard{margin-inline:auto}}
@media(min-width:901px){
  .scene-about .scene-copy{width:47%}
  .scene-about h1{font-size:clamp(55px,5.7vw,94px);line-height:1.04}
  .scene-about .about-description{max-width:400px;font-size:14px;line-height:1.7}
  .scene-about .team-scene{position:absolute;left:48%;right:1%;top:17%;bottom:16%;margin:0;width:auto;height:auto}
  .team-illustration{height:calc(100% - 44px);width:100%}
  .team-scene figcaption{max-width:440px;margin-inline:auto}
  .scene-about .about-standard{margin-inline:0}
}
@media(min-width:901px) and (max-height:800px){.scene-about h1{font-size:clamp(52px,5.7vw,80px);margin-top:24px;margin-bottom:21px}.scene-about .about-description{font-size:13px;line-height:1.65;max-width:370px}.scene-about .scope-tags{margin-top:16px}.scene-about .scene-copy>.solid-button{margin-top:19px}.scene-about .about-standard{margin-top:3px}}
@media(min-width:901px) and (max-height:680px){.scene-about h1{font-size:55px;margin:21px 0 18px}.scene-about .about-description{font-size:12px;max-width:360px}.scene-about .team-scene{top:18%;bottom:15%}}
.window-arm{animation:window-wipe 3.4s ease-in-out infinite;transform-origin:0 0}
.window-person{animation:team-breathe 3.4s ease-in-out infinite}
.floor-person-travel{animation:floor-travel 6s ease-in-out infinite}
.mop-arm{animation:mop-sweep 3s ease-in-out infinite;transform-origin:0 0}
.vacuum-person-travel{animation:vacuum-travel 6s ease-in-out infinite}
.window-clean{animation:glass-clear 3.4s ease-in-out infinite}
.floor-specks{animation:dust-clear 6s ease-in-out infinite}
.team-spark{animation:team-sparkle 3.4s ease-in-out infinite;opacity:.2}.spark-two{animation-delay:1.1s}.spark-three{animation-delay:2s}
.plant-sway{animation:plant-sway 6s ease-in-out infinite;transform-origin:0 -22px}
.team-scene[data-paused=true] .team-illustration *{animation-play-state:paused!important}
@keyframes window-wipe{0%,100%{transform:rotate(-11deg)}50%{transform:rotate(12deg)}}
@keyframes team-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes floor-travel{0%,100%{transform:translate(-9px,-5px)}50%{transform:translate(9px,5px)}}
@keyframes mop-sweep{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(9deg)}}
@keyframes vacuum-travel{0%,100%{transform:translate(0,0)}50%{transform:translate(-13px,7px)}}
@keyframes glass-clear{0%,100%{opacity:.18}50%{opacity:.8}}
@keyframes dust-clear{0%,100%{opacity:.38}40%,70%{opacity:.04}}
@keyframes team-sparkle{0%,20%,100%{opacity:.15}45%,65%{opacity:1}}
@keyframes plant-sway{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(2deg)}}
@media(prefers-reduced-motion:reduce){.team-illustration *{animation:none!important}.floor-specks{opacity:.12}.team-spark{opacity:.7}}

/* Keep the local service headline readable within the existing first slide. */
.scene-about h1 em{font-size:.7em;letter-spacing:-.035em}