.hero{background-color:var(--l);text-align:center;width:100%;height:100svh;transform-style:preserve-3d;perspective:1000px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero .hero-header{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}}