@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap");.footer-container{min-height:100vh;height:100vh;width:100vw;background-color:#000;color:#fff;padding:0;display:flex;flex-direction:column;font-family:Inter,sans-serif;overflow:hidden}.header-wrapper{width:100%;overflow:hidden;position:relative;background:#000;display:flex;align-items:center}.header-section{display:flex;align-items:center;position:absolute;white-space:nowrap;will-change:transform;animation:marquee 15s linear infinite forwards}.ar .header-section{animation:marquee-inverse 15s linear infinite forwards}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes marquee-inverse{0%{transform:translateX(0)}to{transform:translateX(50%)}}.header-group{display:flex;align-items:center;gap:2rem;margin-right:9rem}.main-title{font-size:11rem;font-weight:600;letter-spacing:.1em;white-space:nowrap}.Icon-logo{height:9rem}.social-list{flex:1;display:flex;flex-direction:column;width:100%}.social-item,.social-item-line{border-top:1px solid hsla(0,0%,100%,.2);width:100%;min-height:calc((100vh - 15rem) / 6);display:flex;align-items:center;position:relative;transition:background-color .3s ease;overflow:hidden}.social-content{display:flex;align-items:center;justify-content:space-between;width:100%;z-index:1;transition:opacity .3s ease}.social-name{font-size:2rem;font-weight:400}.social-icon-placeholder{width:1.5rem;height:1.5rem;padding:.5rem;border-radius:50%}.social-item:hover{background-color:#fff;color:#000}.social-item:hover .social-content{opacity:0}.hover-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease}.social-item:hover .hover-content{opacity:1}.hover-group{display:flex;align-items:center;gap:2rem;margin-right:4rem}.hover-text{font-size:2rem;font-weight:400;color:#000}.hover-icon{width:1.5rem;height:1.5rem;padding:.5rem;background-color:#000;border-radius:50%}.hover-animation{display:flex;align-items:center;animation:socialMarquee 16s linear infinite forwards}.ar .hover-animation{animation:socialMarquee-reverse 16s linear infinite forwards}@keyframes socialMarquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes socialMarquee-reverse{0%{transform:translateX(0)}to{transform:translateX(50%)}}@media (max-width:620px){.main-title{font-size:6rem}}