.hero-container{text-align:center;padding:20px}.hero-logo{display:inline-block;margin:20px}.hero-logo img{width:450px;height:450px;border-radius:50%}.hero-text{font-size:2rem;color:#ccc}.hero-text h1{margin:10px 0;font-family:var(--font-display);font-size:2rem;color:var(--light-text);font-weight:400;letter-spacing:.02em}.hero-text h1 span.name{display:inline-block;margin:10px 0;font-family:var(--font-display);font-size:4rem;letter-spacing:-.3rem;background:linear-gradient(90deg,var(--light-text) 0%,var(--light-text) 35%,var(--primary-color) 50%,var(--light-text) 65%,var(--light-text) 100%);background-size:250% 100%;background-position:100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.hero-text p{font-weight:400}@media(prefers-reduced-motion:no-preference){.hero-container>*{opacity:0;transform:translateY(16px);animation:hero-reveal .8s cubic-bezier(.16,1,.3,1)forwards}.hero-logo{animation-delay:0ms}.hero-text{animation-delay:180ms}.social-links{animation-delay:360ms}.hero-text h1 span.name{animation:name-shimmer 6s linear infinite;animation-delay:1s}}@keyframes hero-reveal{to{opacity:1;transform:translateY(0)}}@keyframes name-shimmer{0%{background-position:100%}100%{background-position:-150%}}@media(prefers-reduced-motion:reduce){.hero-text h1 span.name{background:0 0;-webkit-text-fill-color:var(--light-text);color:var(--light-text)}}.social-links{margin-top:40px;margin-right:70px;display:flex;justify-content:center;gap:70px}.social-links a{text-decoration:none;color:var(--light-text);font-size:2rem}.social-links a:hover{color:var(--primary-color)}.social-links a svg{width:40px;height:40px}.social-links a svg path{fill:var(--light-text);transition:color .3s}.social-links a:hover svg path{fill:var(--primary-color)}@media(max-width:768px){.hero-logo img{width:250px;height:250px}.hero-text h1{font-size:1rem}.hero-text h1 span.name{font-size:2.4rem;letter-spacing:-.15rem}.hero-text{font-size:1.2rem}.social-links{margin-right:0;gap:50px}.social-links a svg{width:30px;height:30px}}