/* Homepage-only progressive motion. Static HTML/SVG remains the fallback. */
.hero-ambient{position:absolute;z-index:-1;width:780px;height:780px;right:-265px;top:-70px;pointer-events:none;opacity:0;transform:rotate(-16deg)}
.hero-ambient canvas{display:block;width:100%;height:100%}
.echo-hero.hero-webgl-ready>.echo-art{visibility:hidden}
.echo-hero.hero-webgl-ready .hero-ambient{opacity:.88}
.motion-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;background:transparent;border:0;border-bottom:1px solid #b8b8b8;color:#5c5c5c;border-radius:0;padding:8px 0;font:500 12px 'Noto Sans',sans-serif;cursor:pointer;margin-top:16px}
.motion-toggle[hidden]{display:none}.motion-toggle:focus-visible{outline:3px solid #252525;outline-offset:5px}
body[data-page=index] #our-impact .pillar-card{isolation:isolate;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
body[data-page=index] #our-impact .pillar-card .pillar-fluid-accent{position:absolute;z-index:-1;pointer-events:none;width:220px;height:220px;right:-110px;bottom:-120px;opacity:0;transform:translate(24px,32px) rotate(-18deg);transition:opacity .35s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
body[data-page=index] #our-impact .pillar-card:is(:hover,:focus-visible) .pillar-fluid-accent{opacity:.48;transform:translate(0,0) rotate(0deg)}
body[data-page=index] #our-impact .pillar-card:is(:hover,:focus-visible){transform:translateY(-5px);box-shadow:0 12px 28px #20282312}
body[data-page=index] #our-impact .card-arrow{transition:transform .3s ease}
body[data-page=index] #our-impact .pillar-card:is(:hover,:focus-visible) .card-arrow{transform:translate(3px,-3px) rotate(8deg)}
@media(min-width:601px) and (max-width:1100px){.hero-ambient{right:-350px}.echo-hero.hero-webgl-ready .hero-ambient{opacity:.65}}
@media(max-width:600px){.hero-ambient{width:440px;height:440px;right:-165px;top:auto;bottom:-255px;transform:rotate(-18deg)}.echo-hero.hero-webgl-ready .hero-ambient{opacity:.8}}
@media(prefers-reduced-motion:reduce){.hero-ambient{display:none!important}.echo-hero.hero-webgl-ready>.echo-art{visibility:visible}.echo-art{translate:none!important}body[data-page=index] #our-impact .pillar-card,body[data-page=index] #our-impact .pillar-fluid-accent,body[data-page=index] #our-impact .card-arrow{transition:none!important;transform:none!important}}
body.motion-paused .echo-art{translate:none!important}body.motion-paused #our-impact .pillar-card,body.motion-paused #our-impact .pillar-fluid-accent,body.motion-paused #our-impact .card-arrow{transition:none!important;transform:none!important}