*,:before,:after{box-sizing:border-box}html{background:#000}html,body{color:#fff;width:100%;height:100%;margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif;overflow:hidden auto}body{background:radial-gradient(circle,#020617,#000)}#bg-canvas{z-index:0;width:100%;height:100%;display:block;position:fixed;top:0;left:0}#app{z-index:1;padding:2rem;padding-top:calc(2rem + env(safe-area-inset-top));padding-bottom:calc(2rem + env(safe-area-inset-bottom));position:relative}#page{z-index:1;position:relative}.container{width:100%;max-width:900px;margin:0 auto;padding:0 2rem}@media (width<=860px){#app{padding:1.5rem 1rem;padding-top:calc(1.5rem + env(safe-area-inset-top));padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}.container{padding:0 1rem}}@media (width<=480px){#app{padding:1rem .75rem;padding-top:calc(1rem + env(safe-area-inset-top));padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.container{padding:0 .75rem}}#nav{z-index:10;width:100%;position:fixed;top:0;left:0}.nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020617d9;border-bottom:1px solid #ffffff14;width:100%}.nav-inner{flex-wrap:nowrap;justify-content:space-between;align-items:center;max-width:900px;height:3.5rem;margin:0 auto;padding:0 2rem;display:flex}.nav-logo{white-space:nowrap;letter-spacing:.02em;color:#fff;opacity:.95;flex-shrink:0;font-size:1.2rem;font-weight:600;text-decoration:none}.nav-links--desktop{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:.25rem;display:flex}.nav-links--desktop a{color:#fff9;white-space:nowrap;border-radius:.5rem;padding:.4rem .75rem;font-size:1rem;text-decoration:none;transition:color .15s,background .15s}.nav-links--desktop a:hover{color:#fff;background:#ffffff14}.nav-links--desktop a.active{color:#fff;background:#ffffff1a}.nav-links--mobile{display:none}@media (pointer:fine){.nav-links--desktop{display:flex!important}.nav-links--mobile{display:none!important}@media (width<=860px){.nav-inner{padding:0 1rem}}}@media (pointer:coarse){.nav-links--desktop{display:none}.nav-inner{justify-content:center}.nav-links--mobile{width:100%;padding:.5rem 0 calc(.5rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#020617f2;border-top:1px solid #ffffff14;justify-content:center;align-items:center;gap:2rem;display:flex;position:fixed;bottom:0;left:0}.nav-links--mobile a{color:#ffffff80;letter-spacing:.04em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;text-decoration:none;transition:color .15s;display:flex}.nav-links--mobile a:hover,.nav-links--mobile a.active{color:#fff}.nav-links--mobile img{opacity:.5;width:1.5rem;height:1.5rem;transition:opacity .15s}.nav-links--mobile a:hover img,.nav-links--mobile a.active img{opacity:1}}.card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;background:#fff3;border:1px solid #fff3;border-radius:1rem;width:100%;min-width:0;margin-top:3rem;padding:1.5rem;overflow:hidden}.card--profile{grid-template:"text photo""socials photo"/1fr 175px;align-items:start;gap:1rem 1.5rem;display:grid}.card--profile .profile-text{grid-area:text;align-self:start}.card--profile #rae-card-profile-img{object-fit:cover;border-radius:50%;grid-area:photo;place-self:center;width:100%;max-width:175px;height:175px}.card--profile .social-grid{grid-area:socials;align-self:end}@media (width<=860px){.card--profile{grid-template-columns:1fr;grid-template-areas:"text""photo""socials";gap:1.5rem}.card--profile #rae-card-profile-img{justify-self:center;width:clamp(120px,35vw,220px);max-width:100%;height:clamp(120px,35vw,220px)}}@media (width<=480px){.card--profile #rae-card-profile-img{width:clamp(120px,45vw,220px);height:clamp(120px,45vw,220px)}.card--profile .social-grid{justify-content:center;gap:1rem}}@media (pointer:coarse){.card--profile .social-grid{justify-content:center;gap:1rem}}.profile-bio p{opacity:.85;margin:0 0 .75rem;line-height:1.6}.profile-bio p:last-child{margin-bottom:0}.social-grid{flex-flow:wrap;gap:.5rem;display:flex}.social{background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:background .2s,transform .2s;display:flex}.social:hover{background:#fff3;transform:translateY(-2px)}.social img{object-fit:contain;width:1.25rem;height:1.25rem}.card-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem;display:grid}.card--link{color:inherit;cursor:pointer;flex-direction:column;gap:.5rem;text-decoration:none;transition:background .2s,transform .2s;display:flex}.card--link:hover{background:#ffffff1a;transform:translateY(-2px)}.card--link img{aspect-ratio:16/9;object-fit:cover;border-radius:.5rem;width:100%}.card-label{opacity:.5;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}