*{box-sizing:border-box}html,body,#root{color:#fff;background:#000;width:100%;height:100%;margin:0;font-family:Inter,sans-serif;overflow:hidden}body{cursor:crosshair}canvas{display:block}.landing-page{background:#000;width:100vw;height:100vh;position:relative;overflow:hidden}.scene{position:absolute;inset:0}.vignette{pointer-events:none;background:radial-gradient(circle,#0000 0%,#0000001a 40%,#000000eb 100%);position:absolute;inset:0}.content-shell{z-index:10;pointer-events:none;flex-direction:column;justify-content:space-between;min-height:100vh;padding:32px;display:flex;position:relative;padding-top:16px!important}.content-shell .topbar,.content-shell .hero,.content-shell .footer,.content-shell a{pointer-events:auto}.topbar{letter-spacing:.3em;color:#ffffff80;justify-content:space-between;padding-top:8px;font-size:10px;display:flex}.hero{max-width:1100px}.hero p{letter-spacing:.45em;text-transform:uppercase;opacity:.45;margin-bottom:20px;font-size:11px}.hero h1{letter-spacing:-.08em;margin:0;font-size:clamp(64px,10vw,160px);font-weight:200;line-height:.9}.hero .allow-location{color:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:999px;margin-top:24px;padding:.95rem 1.6rem;font-size:.95rem;transition:background .2s,transform .2s,border-color .2s}.hero .allow-location:hover{background:#ffffff14;transform:translateY(-1px)}.hero .play-pause{margin-left:12px}.hero .play-pause-button{appearance:none;font:inherit;cursor:pointer;box-shadow:none;background:0 0;border:none;outline:none;justify-content:center;align-items:center;margin:0;padding:0;line-height:0;transition:color .2s,transform .2s;display:inline-flex}.hero .play-pause-button:hover{color:#fff;transform:scale(1.08)}.hero .play-pause-button:focus,.hero .play-pause-button:focus-visible,.hero .play-pause-button:active{box-shadow:none;background:0 0;outline:none}.hero .play-pause-button:disabled{opacity:.35;cursor:default}.hero .location-status{align-items:center;min-height:3.4rem;margin-top:24px;display:flex}.hero .typed-number{font-weight:700}.hero .typed-number.low{color:#5efb83}.hero .typed-number.mid{color:#ff9f1c}.hero .typed-number.high{color:#ff375f}.hero .typing-cursor{width:.7ch;animation:1s step-start infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.typing-log{letter-spacing:.01em;opacity:.88;color:#e4e4e7;white-space:pre-wrap;max-width:760px;min-height:1.3175rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem;line-height:1.55}.typing-log-line{min-height:1.3175rem;display:block}a{opacity:.8}a:hover{opacity:1;text-decoration:underline}a{color:#fff;text-decoration:none}.name{text-transform:uppercase;margin-right:12px}.github:hover{color:#d3d3d3}.linkedin:hover{color:#add8e6}.spotify:hover{color:#90ee90}.soundcloud:hover{color:orange}.col{flex-direction:column;gap:5px;display:flex}.row{flex-direction:row;display:flex}.footer p{opacity:.55;max-width:380px;line-height:1.6}