*{padding:0;margin:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{height:100vh;height:100dvh;background-color:#e8e4dc;color:#0a0a0a;overflow:hidden}::selection{background:#0a0a0a;color:#e8e4dc}.intro{position:fixed;inset:0;background:#000;z-index:9999;overflow:hidden;cursor:pointer;will-change:transform}.intro--flash{animation:flash-explode .6s ease-out forwards}@keyframes flash-explode{0%{background:#000;filter:brightness(1)}15%{background:#fff;filter:brightness(3)}40%{background:#fff;filter:brightness(2)}to{background:#e8e4dc;filter:brightness(1);opacity:0;pointer-events:none}}.warp-canvas{position:absolute;inset:0;z-index:1;pointer-events:none}.intro-scanlines{position:absolute;inset:0;z-index:10;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(255,255,255,.04) 2px,rgba(255,255,255,.04) 4px);mix-blend-mode:overlay}.intro-noise{position:absolute;inset:0;z-index:11;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='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.6'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px}.glitch-bar{position:absolute;background:#ffffff40;z-index:6;pointer-events:none;animation:glitch-bar-life .2s ease-out forwards;mix-blend-mode:screen}@keyframes glitch-bar-life{0%{opacity:1;transform:scaleX(1) translate(0)}50%{transform:scaleX(1.1) translate(2px)}to{opacity:0;transform:scaleX(.2) translate(-10px)}}.glitch-name-wrap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:15;pointer-events:none;transition:opacity .3s ease}.glitch-name{position:absolute;text-align:center;font-family:Bebas Neue,sans-serif;font-size:clamp(5rem,18vw,16rem);line-height:.88;letter-spacing:-.01em;will-change:transform}.glitch-name-line{display:block;will-change:transform;transition:none}.glitch-name--main{color:#fff;text-shadow:0 0 30px rgba(255,255,255,.5),0 0 80px rgba(255,255,255,.2),0 0 120px rgba(255,255,255,.05)}.glitch-name--red{color:#ff2020;mix-blend-mode:screen;will-change:transform}.glitch-name--blue{color:#2060ff;mix-blend-mode:screen;will-change:transform}.bpm-counter{position:absolute;bottom:14%;right:8%;z-index:20;display:flex;align-items:baseline;gap:.4rem;animation:bpm-enter .3s ease both;will-change:transform}.bpm-num{font-family:Bebas Neue,sans-serif;font-size:clamp(4rem,12vw,10rem);color:#fff;line-height:1;animation:bpm-throb .12s ease infinite alternate}.bpm-label{font-family:Space Mono,monospace;font-size:.75rem;color:#ffffff59;text-transform:uppercase;letter-spacing:.2em}@keyframes bpm-enter{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes bpm-throb{0%{opacity:.65;transform:scale(.97)}to{opacity:1;transform:scale(1.02)}}.intro-skip{position:absolute;bottom:1.5rem;width:100%;text-align:center;font-family:Space Mono,monospace;font-size:.6rem;color:#fff3;text-transform:uppercase;letter-spacing:.35em;z-index:25;animation:fade-in 1.2s ease .8s both}@media(max-width:768px){.bpm-counter{right:5%;bottom:20%}.glitch-name{font-size:clamp(3.5rem,14vw,8rem)}}@media(max-width:480px){.glitch-name{font-size:clamp(3rem,13vw,5rem)}}.page{position:relative;height:100vh;height:100dvh;display:flex;flex-direction:column;justify-content:space-between;padding:2rem 3rem;max-width:1400px;margin:0 auto;opacity:0;overflow:hidden}.page--visible{opacity:1}.grain{position:fixed;inset:0;pointer-events:none;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.5'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;z-index:100}.topline{display:flex;justify-content:space-between;align-items:center;padding-bottom:2rem;border-bottom:1px solid #0a0a0a}.topline-logo{color:#0a0a0a;transition:transform .2s ease}.topline-logo:hover{transform:scale(1.1)}.topline-label{font-family:Space Mono,monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:#0a0a0a}.content{flex:1;display:flex;flex-direction:column;justify-content:center;padding:4rem 0}.name-block{overflow:hidden}.name{font-family:Bebas Neue,sans-serif;font-weight:400;line-height:.88;letter-spacing:-.02em;font-size:clamp(5rem,18vw,16rem);color:#0a0a0a;position:relative;cursor:default}.name-line{transition:transform .25s cubic-bezier(.16,1,.3,1)}.name:hover .name-line:nth-child(2){transform:translate(.06em)}.page--visible .name-line{display:block;animation:slide-up .8s cubic-bezier(.16,1,.3,1) both}.page--visible .name-line:nth-child(2){animation-delay:.1s}.name-line{display:block}@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.rule{width:60px;height:2px;background:#0a0a0a;margin:2.5rem 0 2rem}.page--visible .rule{animation:grow-width .6s cubic-bezier(.16,1,.3,1) .4s both}@keyframes grow-width{0%{width:0}to{width:60px}}.meta{opacity:0}.page--visible .meta{animation:fade-in .6s ease .6s both}.role{font-family:Space Mono,monospace;font-size:clamp(.875rem,1.5vw,1.125rem);text-transform:uppercase;letter-spacing:.2em;color:#0a0a0a}.links{margin-top:3rem;display:flex;align-items:center;gap:.75rem;opacity:0}.page--visible .links{animation:fade-in .6s ease .8s both}.links a{font-family:Space Mono,monospace;font-size:.8125rem;text-transform:uppercase;letter-spacing:.15em;color:#0a0a0a;text-decoration:none;position:relative;padding-bottom:2px}.links a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:#0a0a0a;transition:width .3s cubic-bezier(.16,1,.3,1)}.links a:hover:after{width:100%}.link-sep{font-family:Space Mono,monospace;font-size:.75rem;color:#999;-webkit-user-select:none;user-select:none}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bottomline{display:flex;justify-content:flex-end;padding-top:2rem;border-top:1px solid #0a0a0a}.bottomline-mark{font-family:Space Mono,monospace;font-size:.6875rem;text-transform:uppercase;letter-spacing:.15em;color:#999}@media(max-width:768px){.page{padding:1.25rem}.topline{padding-bottom:.75rem}.content{padding:0}.name{font-size:clamp(3.5rem,14vw,8rem)}.rule{margin:1rem 0 .75rem}.links{margin-top:1rem}.bottomline{padding-top:.75rem}}@media(max-width:480px){.name{font-size:clamp(2.75rem,13vw,5rem)}.rule{margin:.75rem 0}.links{margin-top:.75rem;gap:.5rem}.links a{font-size:.75rem}}