.hero{justify-content:center;align-items:center;min-height:100vh;padding:2rem 5%;display:flex;position:relative;overflow:hidden}.hero-content{text-align:center;z-index:2;max-width:900px}.hero h1{background:linear-gradient(90deg,#b0a180,#9a8b6c);-webkit-text-fill-color:transparent;will-change:transform;-webkit-background-clip:text;background-clip:text;font-family:Cinzel Decorative,Georgia,serif;font-size:3.5em;font-weight:700;line-height:1}.hero h1:last-of-type{margin-bottom:1.5rem}.hero p{color:#f1f1f1;margin-bottom:2rem;font-size:1.3rem}.logo{view-transition-name:site-logo;border-bottom:3px solid #261744;max-width:550px;height:auto;margin-bottom:.75rem}p.about-text{color:#e0e7ff;max-width:34ch;margin:1.5rem auto 2.5rem;font-size:1.25rem;line-height:1.7}p.contact{color:#e0e7ff;opacity:.7;margin:0;font-size:.95rem}p.contact a{color:inherit;border-bottom:1px solid #0000;text-decoration:none;transition:color .3s,border-color .3s}p.contact a:hover{color:#a78bfa;border-bottom-color:#a78bfa}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-active:before,.glitch-active:after{opacity:1;background:linear-gradient(90deg,#b0a180,#9a8b6c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glitch-active:before{clip-path:polygon(0 0,100% 0,100% 45%,0 45%);animation:.3s infinite glitch-1}.glitch-active:after{clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);animation:.3s infinite glitch-2}@keyframes glitch-1{0%,to{transform:translate(0)}20%{transform:translate(-3px,2px)}40%{transform:translate(3px,-2px)}60%{transform:translate(-2px,1px)}80%{transform:translate(2px,-1px)}}@keyframes glitch-2{0%,to{transform:translate(0)}20%{transform:translate(3px,-2px)}40%{transform:translate(-3px,2px)}60%{transform:translate(2px,-1px)}80%{transform:translate(-2px,1px)}}.particles{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.particle{background:#8b5cf6;border-radius:50%;width:4px;height:4px;animation:linear infinite float;position:absolute;box-shadow:0 0 10px #8b5cf6}@keyframes float{0%{opacity:0;transform:translateY(0)rotate(0)}5%{opacity:1}95%{opacity:1}to{opacity:0;transform:translateY(-300vh)rotate(360deg)}}.hero h1.fade-in:first-of-type{animation-delay:.4s}.hero h1.fade-in:nth-of-type(2){animation-delay:.5s}.about-text.fade-in{animation-delay:.6s}.contact.fade-in{animation-delay:.7s}@media (max-width:768px){.logo{max-width:300px}.hero h1{font-size:2.5rem}.hero p,p.about-text{font-size:1rem}}@media (max-width:480px){.logo{max-width:200px}}