@keyframes fadeIn{to{opacity:1}}.section:has(.hero-section){padding:0;overflow:hidden;position:relative}.hero-section{height:100vh}.hero-section.content-container{padding:0 24px;text-align:center}.hero-section h1{margin:0;font-weight:700;z-index:1}.hero-section .intro{display:inline-block}.hero-section p{color:#aeaeae;font-weight:400;font-size:1.5em}.hero-section .keywords{display:grid;gap:8px;font-size:1.8em;font-weight:600;color:#aeaeae;z-index:1}.hero-section .keywords>span{opacity:0;animation:fadeIn 1s ease-out forwards}.hero-section .keywords>span:nth-child(1){animation-delay:.4s}.hero-section .keywords>span:nth-child(2){display:none;animation-delay:.6s}.hero-section .keywords>span:nth-child(3){animation-delay:.8s}.hero-section .keywords>span:nth-child(4){display:none;animation-delay:1s}.hero-section .keywords>span:nth-child(5){animation-delay:1.2s}@media screen and (min-width:768px){.keywords{grid-auto-flow:column;grid-template-columns:repeat(1fr,5)}.hero-section h1{font-size:8em}.hero-section .keywords>span:nth-child(2n){display:inline}}#background-canvas{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%}.about-card:hover{box-shadow:0 0 4px 0 var(--primary) inset;transform:translateY(-12px)}.tech-stack{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.project-card{padding:0;overflow:hidden;display:flex;flex-direction:column;max-width:400px;backface-visibility:hidden;will-change:transform}.project-card:hover{transform:scale(1.03)}.project-card .video-placeholder{min-height:200px;width:100%;background-color:#bbb;display:flex;justify-content:center;align-items:center;font-size:3em}.project-card .project-details,.project-card .project-links{padding:24px;text-align:left}.project-card .tech-stack{justify-content:start;gap:8px;font-size:.8em}.project-card .project-links{margin-top:auto;display:flex;gap:16px}.project-card .project-links a{display:inline-flex;align-items:center;gap:4px}#contact p{margin:0 0 24px}.socials{display:flex;gap:8px;margin-top:24px}.socials .icons{font-size:40px}