.hero-section{display:flex;justify-content:space-between;flex-wrap:wrap;background:#312e28;padding-top:10rem;background:-webkit-linear-gradient(180deg,rgba(49,46,40,1) 0%,rgba(12,11,11,1) 100%);background:-moz-linear-gradient(180deg,rgba(49,46,40,1) 0%,rgba(12,11,11,1) 100%);background:linear-gradient(180deg,#312e28,#0c0b0b);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#312E28",endColorstr="#0C0B0B",GradientType=0);overflow:hidden}.hero-section .hero-top{width:100%}.hero-section .hero-bottom{width:100%;display:flex;justify-content:space-between;align-items:end;padding-bottom:3rem}.hero-section .hero-title h1{font-size:12vw;font-weight:600;line-height:10rem}.hero-section .hero-writing-effect{display:flex;align-items:center}.hero-section .hero-writing-effect h1{font-size:8vw;font-weight:600;color:var(--color-primary)}.hero-section .hero-promotion{line-height:2.2rem}.hero-section .hero-promotion .hero-promotion-buttons{margin-top:2rem}.cursor{display:inline-block;width:20px;margin-top:1rem;margin-bottom:1rem;height:150px;background:var(--color-text);margin-left:20px;border-radius:1px;transform-origin:center;animation:cursor-fade var(--blink-speed) ease-in-out infinite}@keyframes cursor-fade{0%,to{opacity:0}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.cursor{animation:none;opacity:1}}@media screen and (max-width:450px){.hero-section{padding-top:3rem;padding-bottom:0}.hero-title{text-align:center}.hero-section .hero-title h1{font-size:16vw;line-height:2rem}.hero-section .hero-writing-effect{justify-content:center}.hero-section .hero-writing-effect h1{font-size:10vw}.cursor{height:35px;width:5px}.hero-socials{width:100%}.hero-bottom{justify-content:center;flex-direction:column;text-align:center;align-items:center;gap:4rem}}
