.role-reveal{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;background:#000;color:#f2f4f0;animation:role-reveal-exit 3.4s ease forwards;pointer-events:auto}
.role-reveal h1{font-family:var(--sans);font-size:clamp(64px,13vw,150px);font-weight:700;line-height:1.2;animation:role-reveal-text 1.1s ease both}
.role-reveal p{font-size:clamp(16px,3vw,24px);letter-spacing:3px;animation:role-reveal-text 1.1s ease both}
@keyframes role-reveal-text{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes role-reveal-exit{0%,70%{opacity:1}100%{opacity:0;visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){.role-reveal{animation:none}.role-reveal h1,.role-reveal p{animation:none}}