.hero-section{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2rem;min-height:80vh;padding:0 2rem;perspective:800px}.hero-section .navbar-logo-text{font-size:10vmin;font-weight:400;line-height:1;letter-spacing:.025em;text-transform:uppercase}.hero-section .description{font-size:2vmin;font-weight:400;line-height:1;letter-spacing:.025em;max-width:600px;line-height:1.4}.hero-section-actions{margin-top:3rem;display:flex;gap:.8rem;transform:scale(1.4);transform-origin:left}.hero-section-image{position:absolute;top:50%;right:-20%;width:60vw;transform:translateY(-50%) rotateY(-40deg) rotateX(0) rotate(0deg);transform-style:preserve-3d;transform-origin:center;transition:transform .3s ease-in-out;z-index:-1}.hero-section-image:hover{transform:translateY(-50%) rotateY(-20deg) rotateX(0) rotate(0deg)}.hero-section-image img{width:100%;height:100%;object-fit:cover;border-radius:30px}@media (max-width:768px){.hero-section-image{position:relative;top:20%;right:0;width:100vw;transform:translateY(0) rotateY(0deg) rotateX(0deg) rotate(0deg);max-width:80vw;overflow:hidden}.hero-section-image img{border-radius:12px}.hero-section-actions{margin-top:3rem;display:flex;gap:.8rem;transform:scale(1);transform-origin:left}.hero-section .description{font-size:3vmin}.hero-section .navbar-logo-text{font-size:20vmin}}