.top-section{display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:100vh;background-image:url(/images/bg01.webp);background-repeat:no-repeat;background-position-x:right;background-position-y:bottom;background-size:cover;background-attachment:fixed}.top-section .intro{text-align:left;width:40%;border-left:2px solid var(--text-primary);padding-left:4rem}.top-section .intro h1{font-size:7rem;font-weight:700;margin:0;background:linear-gradient(130deg,var(--brand-color) 28.55%,var(--brand-color-light) 46.72%,#7dffff 65.27%,#2d8cff 81.58%,#21e5e5 99.76%);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shine 30s linear infinite}@keyframes shine{to{background-position:200%}}.top-section .intro h2{font-size:2rem;margin:0;color:unset}.top-section .signature{width:60%;max-width:660px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.top-section .signature .avatar{width:60%;aspect-ratio:356/466;background-image:url(/images/faceshot.webp);background-repeat:no-repeat;background-position:50%;background-size:contain;background-origin:content-box;animation:morph 8s ease-in-out 1s infinite;background-blend-mode:multiply;box-shadow:inset 0 0 0 9px rgba(var(--brand-color-rgb),.3);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;overflow:hidden;margin-bottom:1rem;padding:2rem}.top-section .signature .avatar .profile-picture{width:100%;height:auto;visibility:hidden}.top-section .signature svg{max-height:7rem;max-width:80%}.top-section .signature svg #signature-path{animation:drawSignature 5s linear forwards}.top-section .social{position:absolute;bottom:3rem;margin:0 auto;text-align:center}@media screen and (max-width:1300px){.top-section .intro{width:50%}.top-section .intro h1{font-size:7rem}}@media screen and (max-width:768px){.top-section{flex-direction:column}.top-section .intro{text-align:center;border-top:1px solid var(--text-primary);border-left:none;width:auto;padding:2rem 0 0}.top-section .intro h1{font-size:5rem}.top-section .signature{height:unset;padding:0 0 2rem}.top-section .social{bottom:1rem}}@keyframes drawSignature{to{stroke-dashoffset:0}}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:50% 50% 50% 50%/50% 50% 50% 50%}50%{border-radius:40% 60% 70% 30%/40% 60% 30% 70%}75%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}