.page-container{position:relative;width:100vw;height:100vh;background:#000;color:rgb(255,255,255);font-family:Neue Haas Grotesk Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;overflow:hidden}.intro{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000;transition:opacity .8s ease;z-index:10;opacity:1}.intro.hidden{opacity:0;pointer-events:none}.logo-svg{width:1000px;max-width:80vw;fill:white}.content{inset:0;padding:2rem;transition:opacity .8s ease;align-items:center;opacity:0}.content.visible{opacity:1}.ripple-wrapper{position:relative;overflow:hidden;z-index:9999}.ripple{position:fixed;pointer-events:none;top:0;left:0;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.15);transform:translate(-50%,-50%) scale(0);animation:ripple .8s ease-out forwards;overflow:hidden}@keyframes ripple{to{transform:translate(-50%,-50%) scale(4);opacity:0}}body.ripple-shock{animation:shock .3s ease}@keyframes shock{0%{transform:none;filter:none}50%{transform:scale(1) skew(.5deg);filter:blur(5px)}to{transform:none;filter:none}}.line{border-top:1px solid #0f0;margin:2rem 0}body,html{margin:0;padding:0;background-color:black;color:white;width:100%;height:100%;overflow-x:hidden}.glitch{font-family:Neue Haas Grotesk Text,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700;letter-spacing:.02em}.logo-header{position:absolute;top:20px;left:20px;margin:0;padding:0}.logo-header img{width:1800px;height:auto;display:block}.fixed-header{position:fixed;top:0;width:100%;background:black;color:white;z-index:1000;padding:1rem 2rem;height:60px;display:flex;align-items:center}.fixed-header img{height:40px;object-fit:contain}.fixed-header .logo img{height:40px}.logo-image{height:32px;width:auto}.nav-links{display:flex;gap:2rem;font-family:Helvetica,Neue Haas Grotesk,sans-serif;font-size:15px;text-transform:uppercase}.nav-links a{color:white;text-decoration:none}.nav-links a:hover{text-decoration:underline}.main-content{padding-top:60px}.portfolio-link{color:#3586ff;text-decoration:none}.portfolio-link:hover{text-decoration:underline}.about-container{padding:2rem;max-width:800px;margin:auto}.about-image{width:100%;height:auto;max-width:600px;margin:auto}