/* hero-three.css — модульный блок hero Three.js (mzorina.ru) */
.hero--three .hero-three-wrap{position:absolute;inset:0;z-index:0;overflow:hidden;background:radial-gradient(ellipse at 50% 28%,#1e1830 0%,#0a0a0f 58%,#07070a 100%)}
.hero-three-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;display:none;transition:opacity .9s ease;pointer-events:none}
.hero-legend{margin-top:18px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(240,236,230,.38);font-weight:500}
@media(prefers-reduced-motion:reduce){.hero-three-canvas{display:none}.hero-fallback{opacity:1 !important;display:block}}
.hero-content, .hero-title, .hero-sub, .hero-cta, .hero-tag{will-change:transform,opacity}
.style-card, .edu-card, .contact-card, .gallery-item, .about-image-wrap{will-change:transform,opacity}