.hero{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100svh;overflow:hidden;background-color:var(--l);text-align:center;transform-style:preserve-3d;perspective:1000px}.hero .hero-header{position:relative;will-change:transform}.hero h1{font-size:clamp(5rem,25vw,25rem)}.hero .hero-footer{position:absolute;bottom:0;left:0;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;width:100%;padding:2.5rem;color:var(--l);mix-blend-mode:difference}.hero .hero-footer .hero-footer-col{display:flex;gap:5rem}@media (max-width: 1000px){.hero .hero-footer{padding:2rem}.hero .hero-footer .hero-footer-col{flex-direction:column;align-items:flex-start;gap:0}}