.hero{background-color:var(--l);background-blend-mode:multiply;text-align:center;width:100%;height:100svh;transform-style:preserve-3d;perspective:1000px;background-image:url(/assets/hero-bg.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.particle-canvas{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#particle-canvas{width:100%;height:100%}.hero .hero-header{z-index:2;will-change:transform;position:relative}.hero h1{font-size:clamp(5rem,25vw,25rem)}.hero .hero-footer{z-index:1;width:100%;color:var(--l);mix-blend-mode:difference;justify-content:space-between;align-items:flex-end;padding:2.5rem;display:flex;position:absolute;bottom:0;left:0}.hero .hero-footer .hero-footer-col{gap:5rem;display:flex}@media (width<=1000px){.hero .hero-footer{padding:2rem}.hero .hero-footer .hero-footer-col{flex-direction:column;align-items:flex-start;gap:0}}