/* One reusable vector wordmark. Header colours follow the established logo. */
.creator-app-logo,.ref-logo,.logo.home-logo{--neon-first:#ffd21f;--neon-second:#26f5c9}
.s33-film-wordmark{--neon-first:#26f5c9;--neon-second:#ffd21f}
.s33-neon-mark{display:block;width:3.65em;height:.84em;overflow:visible}
.s33-neon-first{color:var(--neon-first)}.s33-neon-second{color:var(--neon-second)}
.s33-neon-fill{opacity:1}
.s33-neon-fill path{fill:currentColor;stroke:none}
.s33-neon-outline path{fill:none;stroke:currentColor;stroke-width:5.2;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0;filter:drop-shadow(0 0 2px currentColor) drop-shadow(0 0 5px currentColor) drop-shadow(0 0 10px currentColor)}
.s33-film-wordmark:has(.s33-neon-mark){padding-right:0;line-height:1}
.s33-film.is-playing .s33-neon-outline path{animation:s33LetterTrace 1.05s calc(1.15s + var(--trace-order)*.16s) cubic-bezier(.25,.5,.4,1) both}
@keyframes s33LetterTrace{0%{stroke-dashoffset:1;opacity:0}2%{opacity:1}100%{stroke-dashoffset:0;opacity:1}}
@media(prefers-reduced-motion:reduce){.s33-film.is-playing .s33-neon-outline path{animation:none!important;stroke-dashoffset:0;opacity:1}}

/* Bright tube core and saturated halo around solid brand-colour letter interiors. */
.s33-film-wordmark .s33-neon-outline .s33-neon-first{color:var(--neon-second);stroke:color-mix(in srgb,currentColor 55%,white)}
.s33-film-wordmark .s33-neon-outline .s33-neon-second{color:var(--neon-first);stroke:color-mix(in srgb,currentColor 55%,white)}
.creator-app-logo .s33-neon-outline path,.ref-logo .s33-neon-outline path,.logo.home-logo .s33-neon-outline path{filter:drop-shadow(0 0 2px currentColor) drop-shadow(0 0 4px currentColor)}

.creator-app-logo .s33-neon-outline path,.ref-logo .s33-neon-outline path,.logo.home-logo .s33-neon-outline path{stroke:color-mix(in srgb,currentColor 55%,white)}
