/* Original image remains the default and the exact finished wordmark. */
.header .brand{position:relative}
.brand-convergence{display:none}
@media(min-width:1100px){.header .brand{width:300px;flex:0 0 300px}}
@media(prefers-reduced-motion:no-preference){
 .header .brand.brand-motion-enabled{width:300px;max-width:100%;height:62px;flex:0 1 300px}
 .header .brand.brand-motion-enabled>img{width:226px;height:auto;margin-left:-20px;margin-top:-6px;animation:brand-original 13s ease-in-out -8s infinite}
 .header .brand-motion-enabled .brand-convergence{display:block;position:absolute;inset:0;pointer-events:none}
 .brand-idea{position:absolute;font-family:Arial,Helvetica,sans-serif;font-size:25px;font-weight:700;letter-spacing:-.045em;line-height:1.1;white-space:nowrap;color:var(--navy);opacity:0}
 .brand-idea-sales{left:50px;top:5px;animation:idea-sales 13s ease-in-out -8s infinite}
 .brand-idea-sense{left:174px;top:5px;color:var(--teal);animation:idea-sense 13s ease-in-out -8s infinite}
 .brand-idea-essence{left:105px;top:34px;animation:idea-essence 13s ease-in-out -8s infinite}
 .brand-symbol-trace{position:absolute;left:0;top:0;width:48px;height:62px;overflow:visible}
 .symbol-outline{fill:none;stroke:var(--navy);stroke-width:2;stroke-dasharray:76;stroke-dashoffset:76;opacity:0;animation:symbol-complete 13s ease-in-out -8s infinite}
 .symbol-highlight{fill:var(--bright);opacity:0;animation:symbol-highlight 13s ease-in-out -8s infinite}
 .header .brand:focus-visible>img,.header .brand:focus-visible .brand-convergence *{animation-play-state:paused}
}
/* Start at the transition immediately; retain eight seconds of rest between repeats. */
@keyframes brand-original{0%,61.538%{opacity:1}65%,85%{opacity:0}92%,100%{opacity:1}}
@keyframes idea-sales{0%,63%{opacity:0;transform:translateX(-24px)}71%,80%{opacity:1;transform:translate(0,0)}87%,100%{opacity:0;transform:translate(54px,12px)}}
@keyframes idea-sense{0%,63%{opacity:0;transform:translateX(24px)}71%,80%{opacity:1;transform:translate(0,0)}87%,100%{opacity:0;transform:translate(-66px,12px)}}
@keyframes idea-essence{0%,63%{opacity:0;transform:translateY(18px)}71%,80%{opacity:1;transform:translate(0,0)}87%,100%{opacity:0;transform:translate(0,-16px)}}
@keyframes symbol-complete{0%,85%{opacity:0;stroke-dashoffset:76}87%{opacity:.7}92%{opacity:.7;stroke-dashoffset:0}95%,100%{opacity:0;stroke-dashoffset:0}}
@keyframes symbol-highlight{0%,92%{opacity:0}96%{opacity:.22}100%{opacity:0}}

@media(hover:hover){.header .brand:hover>img,.header .brand:hover .brand-convergence *{animation-play-state:paused}}
@media(max-width:1099px) and (prefers-reduced-motion:no-preference){.header{flex-wrap:wrap;row-gap:8px;padding-top:10px;padding-bottom:18px}.header nav{width:100%}}
