*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080808;--fg:#e8e4df;--fg-dim:#7a756e;--accent:#c4a882;--accent-glow:#c4a8821f;--font-display:"Instrument Serif", serif;--font-mono:"DM Mono", monospace}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--fg);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}::selection{background:var(--accent);color:var(--bg)}.scene{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.scene:before{content:"";pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:absolute;inset:0}.glow{pointer-events:none;z-index:0;position:absolute;inset:0}.cubes-layer{z-index:1;pointer-events:none;position:absolute;inset:0}.content{z-index:2;pointer-events:none;flex-direction:column;align-items:center;gap:32px;display:flex;position:relative}.avatar{border:2px solid #c4a88240;border-radius:50%;width:120px;height:120px;overflow:hidden;box-shadow:0 0 40px #c4a88214}.avatar img{object-fit:cover;filter:brightness(.9)contrast(1.05);mix-blend-mode:luminosity;width:100%;height:100%}.avatar:hover img{filter:brightness()contrast();mix-blend-mode:normal;transition:filter .5s,mix-blend-mode .5s}.name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg);font-size:clamp(48px,8vw,96px);font-weight:400;line-height:1}.tagline{font-family:var(--font-mono);color:var(--fg-dim);letter-spacing:.08em;text-transform:uppercase;font-size:clamp(13px,1.4vw,16px);font-weight:300}.links{pointer-events:auto;gap:24px;margin-top:16px;display:flex}.links a{font-family:var(--font-mono);color:var(--fg-dim);letter-spacing:.04em;border:1px solid #7a756e33;border-radius:4px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:400;transition:color .3s,border-color .3s,background .3s;display:flex}.links a:hover{color:var(--fg);border-color:var(--accent);background:var(--accent-glow)}.links a svg{fill:currentColor;width:18px;height:18px}.location{font-family:var(--font-mono);color:var(--fg-dim);letter-spacing:.12em;text-transform:uppercase;z-index:2;opacity:.5;font-size:12px;font-weight:300;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}@media (width<=640px){.content{gap:24px}.links{flex-direction:column;align-items:center;gap:12px}.location{font-size:11px;bottom:20px}}