/* The original photo remains the first paint and the non-WebGL/touch fallback. */
.home-hero-visual .home-manas-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:0;transition:opacity .2s ease}
.home-hero-visual.home-manas-ready .home-manas-canvas{opacity:1}
.home-hero-visual.home-manas-ready>img{opacity:0;filter:none}
html[data-theme] body .home-hero-visual .home-manas-toggle{position:absolute;left:20px;bottom:132px;z-index:3;min-height:40px;padding:8px 12px;border:1px solid #71869a;border-radius:6px;background:#fff!important;color:#263d53!important;font:500 13px/1.4 InterLocal,'Segoe UI',sans-serif;cursor:pointer;box-shadow:0 3px 14px #17344b12}
html[data-theme=dark] body .home-hero-visual .home-manas-toggle{background:#142638!important;color:#edf3fa!important;border-color:#8b9fb2}
.home-hero-visual .home-manas-toggle[hidden]{display:none!important}
@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.home-hero-visual:not(.home-manas-manual) .home-manas-canvas,.home-hero-visual .home-manas-toggle{display:none!important}.home-hero-visual.home-manas-ready:not(.home-manas-manual)>img{opacity:1}}
@media(prefers-reduced-motion:reduce){.home-hero-visual .home-manas-canvas{transition:none}}
@media print{.home-hero-visual .home-manas-canvas,.home-hero-visual .home-manas-toggle{display:none!important}.home-hero-visual.home-manas-ready>img{opacity:1}}

@media(max-width:980px) and (hover:hover) and (pointer:fine){html[data-theme] body .home-hero-visual .home-manas-toggle{top:304px;bottom:auto;left:20px}}