/* A fixed, sharp frame with a gentle eight-second focus loop. */
.focusLogo{gap:10px;font-size:24px;letter-spacing:-1px;flex-shrink:0}
.focusLogo i{width:34px;height:38px;border:3px solid var(--orange);border-right:0;margin-right:5px;flex-shrink:0}
.focusWords{display:inline-flex;gap:.22em;align-items:baseline;white-space:nowrap}
.focusLogo .wordNew,.focusLogo .wordFocus{display:inline-block;font-weight:600}
.focusLogo b{font-size:13px;font-weight:500;letter-spacing:.02em;align-self:flex-end;margin-bottom:6px}
.logoIntro .wordNew{animation:resolveNew 8s ease-in-out infinite both}
.logoIntro .wordFocus{animation:resolveFocus 8s ease-in-out infinite both}
@keyframes resolveNew{0%,100%{filter:blur(2.2px);font-weight:700;opacity:.65}40%,75%{filter:blur(0);font-weight:600;opacity:1}}
@keyframes resolveFocus{0%,100%{filter:blur(1.4px);font-weight:700;opacity:.7}35%,75%{filter:blur(0);font-weight:600;opacity:1}}
.motionPaused .logoIntro .wordNew,.motionPaused .logoIntro .wordFocus{animation:none}
@media(max-width:1100px){header .focusLogo{font-size:21px;gap:8px}header .focusLogo i{width:30px;height:34px}}
@media(max-width:550px){header .focusLogo{font-size:19px;gap:6px}header .focusLogo i{width:27px;height:31px;margin-right:3px}header .focusLogo b{font-size:11px;margin-bottom:5px}header{column-gap:8px}}
@media(prefers-reduced-motion:reduce){.logoIntro .wordNew,.logoIntro .wordFocus{animation:none!important}}

.tabHidden .logoIntro .wordNew,.tabHidden .logoIntro .wordFocus{animation-play-state:paused}

/* Selected identity: opposing viewfinder corner. */
.framedLogo{position:relative;padding-right:18px}
.framedLogo:after{content:'';position:absolute;right:0;bottom:0;width:12px;height:16px;border-right:3px solid var(--orange);border-bottom:3px solid var(--orange)}
.framedLogo.logoIntro:after{animation:focusCorner 8s ease-in-out infinite both}
@keyframes focusCorner{0%,100%{opacity:.4;transform:translateX(4px)}40%,75%{opacity:1;transform:none}}
.motionPaused .framedLogo:after{animation:none}
.tabHidden .framedLogo:after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.framedLogo.logoIntro:after{animation:none!important}}