/* Hero motion stage visuals (the site sets its size). No card: the art sits directly on the hero cream (#f5efe5). */
:where(.hero-motion){aspect-ratio:1/1}
.hero-motion{position:relative;margin:0;min-width:0;overflow:hidden;contain:layout paint;isolation:isolate}
.hero-motion>svg{position:absolute;inset:0 0 44px;display:block;width:100%;height:calc(100% - 44px)}
.hero-motion>.hm-caption{position:absolute;inset:auto 42px 4px;margin:0;min-height:28px;color:#4b111b;font-family:Manrope,Arial,sans-serif;font-size:clamp(14px,1.05vw,18px);font-weight:600;line-height:1.5;text-align:center;letter-spacing:-.015em;text-wrap:balance}
@media(max-width:600px){.hero-motion>.hm-caption{inset-inline:24px;bottom:0}.hero-motion>svg{bottom:38px;height:calc(100% - 38px)}}
.hm-panel{fill:#fffaf3;stroke:#e3d3c6;stroke-width:1.8}
.hm-label{fill:#e5d2c6}
.hm-tt{stroke-width:1.8;stroke-linejoin:round}
.hm-tl,.hm-conn,.hm-ic,.hm-hand path,.hm-arm,.hm-smile,.hm-sig path,.hm-click,.hm-spark{fill:none;stroke-linecap:round;stroke-linejoin:round}
.hm-tl,.hm-ic,.hm-hand path,.hm-arm-o{stroke:#4b111b}
.hm-tl,.hm-conn{stroke-width:3.4}
.hm-lift,.hm-type{fill:#4b111b}
.hm-halo{fill:#f1dbd1}
.hm-shadow{fill:#e6d6c9}
.hm-brain{stroke-width:1}
.hm-glass{fill:#fffdf9;stroke:none;fill-opacity:.6}
.hm-click{stroke:#812635;stroke-width:2.6}
.hm-arm-o{stroke-width:27}
.hm-arm-i{stroke:#f6e4db;stroke-width:20.2}
.hm-smile{stroke:#fceadf;stroke-width:5.5}
.hm-sig path{stroke:#b98d3c;stroke-width:4}
.hm-hand path{stroke-width:.3}
.hm-hand .hm-tint{stroke:none;fill:#ecc3ba}
.hm-hand .hm-tint+.hm-tint{fill:#c6d8ae}
.hm-meet,.hm-gd{stroke-width:1.6;fill:#e39a92;stroke:#d17f78}
.hm-meet+.hm-meet{fill:#9dbe8e;stroke:#78a568}
.hm-gold,.hm-gd{fill:#d8b45a}
.hm-gd{stroke:#c9a24e}
.hm-spark{stroke:#c9a24e;stroke-width:3}
/* held back until the script runs; 2 s fail-safe */
.intro-canvas .hero-motion{opacity:0;animation:intro-failsafe 0s 2s forwards}
@keyframes intro-failsafe{to{opacity:1}}
@media print{.hero-motion{display:none}}