html.brand-intro-running{overflow:hidden;background:#102f2a}
.brand-intro{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 62%,#264d40 0%,#183b32 43%,#102f2a 80%)}
.intro-logo{position:relative;width:min(64vw,390px);aspect-ratio:1;opacity:0;transform:translateY(6px) scale(.98);filter:drop-shadow(0 6px 12px #00000030) drop-shadow(0 1px 2px #00000020);will-change:transform,opacity}
.intro-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.intro-white{filter:brightness(0) invert(1)}
.intro-green{clip-path:inset(100% 0 0);filter:brightness(1.2)}
.intro-logo::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#ffffff10 43%,#ffffffa0 50%,#ffffff10 57%,transparent 65%);background-size:300% 100%;background-position:100% 0;opacity:0;mask:url('/assets/rwj-logo-intro.png') center/contain no-repeat;-webkit-mask:url('/assets/rwj-logo-intro.png') center/contain no-repeat}
.intro-skip{position:absolute;right:28px;bottom:28px;background:transparent;border:1px solid #ffffff50;border-radius:30px;padding:12px 20px;color:#e9f4ec;cursor:pointer;font:inherit;font-size:.85rem}
.intro-skip:focus-visible{outline:2px solid white;outline-offset:4px}
.intro-play .intro-logo{animation:intro-logo-sequence 2s cubic-bezier(.45,0,.2,1) forwards}
.intro-play .intro-green{animation:intro-fill 1.3s ease-in-out .1s forwards}
.intro-play .intro-logo::after{animation:intro-shine .65s linear .75s forwards}
.intro-play{animation:intro-leave .6s ease-in-out 1.4s forwards}
@keyframes intro-logo-sequence{0%{opacity:0;transform:translateY(6px) scale(.98)}15%,37.5%{opacity:1;transform:translateY(0) scale(1)}55%{opacity:1;transform:translateY(0) scale(1.025)}70%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-2px) scale(1.012)}}
@keyframes intro-fill{to{clip-path:inset(0)}}
@keyframes intro-shine{0%{opacity:.45;background-position:70% 0}20%{opacity:.65}75%{opacity:.55}100%{opacity:0;background-position:30% 0}}
@keyframes intro-leave{to{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){.brand-intro{display:none}html.brand-intro-running{overflow:auto}}