*{margin:0;padding:0;box-sizing:border-box;font-family:Courier New,Courier,monospace}body,html{margin:0;width:100%;height:100%;color:#fef4b8;overflow-y:auto;scroll-behavior:smooth;background:transparent!important}.audio-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;text-align:center;color:#fef4b8;font-weight:100;letter-spacing:.5em;z-index:999;font-family:Major Mono Display,monospace;font-size:1.2rem;cursor:pointer;pointer-events:auto;animation:glitch 4s infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}h1{font-size:3em;font-weight:100;font-family:Major Mono Display,monospace;margin:0;padding:0}nav{position:fixed;opacity:0;pointer-events:none;transition:opacity .5s ease;top:0;left:0;width:100vw;padding:2em;display:flex;justify-content:space-between;align-items:center;z-index:200;background:transparent}nav.visible{opacity:1;pointer-events:auto}section{padding:3em;position:relative;min-height:70vh;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2;background-color:transparent}.nav-items a{text-decoration:none;color:#fef4b8;font-size:1.2em;font-family:Courier New,Courier,monospace;font-weight:100;transition:opacity .2s;opacity:.7;display:flex;align-items:right;justify-content:right;padding-bottom:2em;margin:0}.nav-items a:hover{opacity:1}canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:auto}.content{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:0;height:100vh;z-index:2;padding:8em;text-align:center;background-color:transparent;opacity:0;transition:opacity .3s ease-in-out;animation:fadeIn 3s ease-in-out forwards}.hero-overlay{position:fixed;display:flex;top:0;left:0;width:100%;height:100%;pointer-events:none;align-items:center;justify-content:center;z-index:1;padding:7em}.hero-container{display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}.hero-text{font-family:Major Mono Display,monospace;color:#fef4b8;font-size:clamp(5em,20vw,12em);letter-spacing:.05em;padding:.2em;margin:0}span{color:#fef4b8;font-size:clamp(.5em,1.5vw,.8em);font-family:Major Mono Display,monospace;font-weight:100;letter-spacing:1em;margin-top:1em;margin-bottom:0;animation:glitch 4s infinite}.subtitle{color:#fef4b8;font-size:clamp(.5em,1.5vw,.8em);font-family:Major Mono Display,monospace;font-weight:100;letter-spacing:1em;margin-top:1em;animation:flicker 7s infinite}@keyframes glitch{1%{transform:rotateX(10deg) skew(70deg)}2%{transform:rotateX(0) skew(0)}}@keyframes flicker{0%{opacity:.1;text-shadow:0 0 2px #fef4b8,0 0 10px #fef4b8,0 0 20px #fef4b8,0 0 30px #fef4b8}5%{opacity:.5;text-shadow:0 0 5px #fef4b8,0 0 15px #fef4b8,0 0 25px #fef4b8,0 0 35px #fef4b8}10%{opacity:.2;text-shadow:0 0 3px #fef4b8,0 0 12px #fef4b8,0 0 22px #fef4b8,0 0 32px #fef4b8}20%{opacity:.8;text-shadow:0 0 8px #fef4b8,0 0 18px #fef4b8,0 0 28px #fef4b8,0 0 38px #fef4b8}30%{opacity:.4;text-shadow:0 0 4px #fef4b8,0 0 14px #fef4b8,0 0 24px #fef4b8,0 0 34px #fef4b8}50%{opacity:1;text-shadow:0 0 10px #fef4b8,0 0 20px #fef4b8,0 0 30px #fef4b8,0 0 40px #fef4b8}70%{opacity:.3;text-shadow:0 0 3px #fef4b8,0 0 13px #fef4b8,0 0 23px #fef4b8,0 0 33px #fef4b8}90%{opacity:.6;text-shadow:0 0 6px #fef4b8,0 0 16px #fef4b8,0 0 26px #fef4b8,0 0 36px #fef4b8}to{opacity:.1;text-shadow:0 0 2px #fef4b8,0 0 10px #fef4b8,0 0 20px #fef4b8,0 0 30px #fef4b8}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes draw{0%{height:0}to{height:10em}}.text{color:#fef4b8;font-size:clamp(.9em,1.5vw,1.3em);font-family:Courier New,Courier,monospace;line-height:1.5em;font-weight:100;padding:0;margin:4em 5em;text-align:left}.self-portrait{width:20em;height:auto;transform:rotate(8deg);margin:4em 0}.vertical{writing-mode:vertical-rl;font-family:Major Mono Display,monospace;font-weight:100;opacity:.8;letter-spacing:.5em;font-size:clamp(.5em,.8vw,1em);padding:.2em;animation:fade 6s ease-in-out forwards}.scroll-indicator{position:absolute;border-left:1px solid #fef4b8;height:10em;left:5%;margin-left:-3px;bottom:0;animation:draw 2s ease-in}#mute-button{position:fixed;opacity:.5;bottom:2em;right:2em;color:#fef4b8;border:none;width:3em;height:3em;font-size:clamp(.5em,.8vw,1em);cursor:pointer;font-family:Major Mono Display,monospace;z-index:1000;animation:fade 2s ease-in-out forwards;background-color:transparent}.socials{display:flex;justify-content:center;align-items:center;gap:1em}.icon{width:4em;height:auto;margin:0;text-decoration:none;transition:transform .3s ease;cursor:pointer}.icon img{display:block;background:none;width:100%;height:auto;filter:invert(1);transition:filter .3s ease,transform .3s ease}.icon:hover img{filter:invert(1) brightness(1.2);transform:scale(1.1)}.project-link{text-decoration:underline;font-family:Major Mono Display,monospace;color:#ddbd4b}#main-nav{transition:opacity .5s ease;opacity:0;pointer-events:none}#main-nav.visible{opacity:1;pointer-events:auto}@media (max-width: 768px){section{background:#000!important}}