.hero-container{width:100vw;height:100vh;background:#0d0d0d;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.noise-overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.grid-lines{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:space-evenly;pointer-events:none}.line{width:1px;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.03) 20%,rgba(255,255,255,.03) 80%,transparent 100%)}.hero-content{position:relative;z-index:10;text-align:center;max-width:700px;padding:2rem}.project-badge{font-family:var(--font-mono);font-size:.7rem;color:#666;letter-spacing:.4em;margin-bottom:2rem;animation:fadeDown .8s ease-out}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.project-title{font-family:var(--font-serif);font-size:clamp(3rem,12vw,8rem);font-weight:300;color:#fff;letter-spacing:-.02em;line-height:1;margin:0;position:relative;animation:titleAppear 1s ease-out .2s backwards}@keyframes titleAppear{0%{opacity:0;filter:blur(20px)}to{opacity:1;filter:blur(0)}}.project-title:before,.project-title:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.project-title:before{color:#ff6b6b;animation:glitch1 3s infinite;opacity:.5}.project-title:after{color:#4ecdc4;animation:glitch2 3s infinite;opacity:.5}@keyframes glitch1{0%,90%,to{transform:translate(0)}92%{transform:translate(-3px)}94%{transform:translate(3px)}}@keyframes glitch2{0%,90%,to{transform:translate(0)}91%{transform:translate(3px)}93%{transform:translate(-3px)}}.project-subtitle{font-family:var(--font-mono);font-size:clamp(1rem,3vw,1.5rem);color:#888;letter-spacing:.2em;margin-top:1rem;animation:fadeIn .8s ease-out .5s backwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.divider-line{display:flex;justify-content:center;margin:2.5rem 0;animation:fadeIn .8s ease-out .7s backwards}.divider-line span{width:60px;height:1px;background:linear-gradient(90deg,transparent,#fff,transparent)}.project-description{font-family:var(--font-sans);font-size:1.1rem;line-height:1.8;color:#666;max-width:500px;margin:0 auto;animation:fadeIn .8s ease-out .9s backwards}.tech-stack{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin:2rem 0;animation:fadeIn .8s ease-out 1.1s backwards}.tech-item{font-family:var(--font-mono);font-size:.75rem;color:#555;background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:.5rem 1rem;border-radius:4px;animation:techAppear .5s ease-out backwards;animation-delay:calc(1.3s + var(--i) * .1s)}@keyframes techAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cta-group{display:flex;justify-content:center;gap:1rem;margin-top:2.5rem;animation:fadeIn .8s ease-out 1.5s backwards}.btn-primary{display:inline-flex;align-items:center;gap:.75rem;background:#fff;color:#0d0d0d;padding:1rem 2rem;border-radius:8px;text-decoration:none;font-family:var(--font-mono);font-size:.85rem;font-weight:600;transition:all .3s}.btn-primary svg{width:18px;height:18px;transition:transform .3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #fff3}.btn-primary:hover svg{transform:translate(4px)}.btn-secondary{display:inline-flex;align-items:center;background:transparent;color:#666;padding:1rem 2rem;border-radius:8px;text-decoration:none;font-family:var(--font-mono);font-size:.85rem;border:1px solid rgba(255,255,255,.1);transition:all .3s}.btn-secondary:hover{border-color:#fff;color:#fff}.corner-marks{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.corner-marks .mark{position:absolute;width:30px;height:30px;border:1px solid rgba(255,255,255,.2)}.corner-marks .mark.tl{top:20px;left:20px;border-right:none;border-bottom:none}.corner-marks .mark.tr{top:20px;right:20px;border-left:none;border-bottom:none}.corner-marks .mark.bl{bottom:20px;left:20px;border-right:none;border-top:none}.corner-marks .mark.br{bottom:20px;right:20px;border-left:none;border-top:none}.year-badge{position:fixed;top:55%;left:20px;transform:translateY(-50%) rotate(-90deg);transform-origin:left center;font-family:var(--font-mono);font-size:.65rem;color:#333;letter-spacing:.2em;z-index:10}@media(max-width:768px){.hero-container{width:100%;height:100%;min-height:100vh;overflow:hidden}.hero-content{padding:1.5rem}.corner-marks .mark{width:20px;height:20px}.corner-marks .mark.tl{top:15px;left:15px}.corner-marks .mark.tr{top:15px;right:15px}.corner-marks .mark.bl{bottom:15px;left:15px}.corner-marks .mark.br{bottom:15px;right:15px}.year-badge{left:15px;font-size:.6rem}.cta-group{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:250px;justify-content:center}}