.profile-name-intro{position:fixed;z-index:9998;inset:0;display:grid;place-items:center;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 50% 46%,#0d2b1b 0,#06140e 42%,#020203 78%);color:#fff}
    .profile-name-intro::before{content:"";position:absolute;inset:-25%;background:linear-gradient(112deg,transparent 39%,rgba(242,200,91,.42) 49%,rgba(255,255,255,.08) 51%,transparent 61%);transform:translateX(-68%);animation:profileIntroSweep 1.25s ease-out .12s forwards}
    .profile-name-intro-inner{text-align:center;position:relative;z-index:2;padding:24px;animation:profileIntroReveal .9s cubic-bezier(.2,.75,.2,1) both}
    .profile-name-intro-symbol{display:block;font-size:clamp(2rem,6vw,4.7rem);line-height:1;color:#f2c85b;text-shadow:0 0 30px rgba(242,200,91,.42);margin-bottom:16px;animation:profileSymbolPulse 1.5s ease-in-out infinite}
    .profile-name-intro-kicker{font:700 .72rem/1 "DM Sans",sans-serif;letter-spacing:.34em;color:rgba(255,255,255,.58);margin-bottom:14px}
    .profile-name-intro-title{font:700 clamp(2.1rem,8vw,5.8rem)/.96 "Oswald",sans-serif;letter-spacing:.085em;color:#f7f7f4;text-shadow:0 5px 34px rgba(0,0,0,.58),0 0 24px rgba(242,200,91,.42)}
    .profile-name-intro-out{animation:profileIntroFade .9s ease forwards}
    @keyframes profileIntroSweep{to{transform:translateX(68%)}}
    @keyframes profileIntroReveal{from{opacity:0;transform:scale(.91)}to{opacity:1;transform:scale(1)}}
    @keyframes profileSymbolPulse{0%,100%{transform:scale(.92);opacity:.7}50%{transform:scale(1.08);opacity:1}}
    @keyframes profileIntroFade{to{opacity:0;visibility:hidden}}
    @media(max-width:600px){.profile-name-intro-title{letter-spacing:.045em}.profile-name-intro-kicker{letter-spacing:.25em}}
    @media(prefers-reduced-motion:reduce){.profile-name-intro::before,.profile-name-intro-inner,.profile-name-intro-symbol,.profile-name-intro-out{animation:none}.profile-name-intro{display:none}}