/* Reserve the resting lockup width: its punctuation moves, the header does not. */
.city-wordmark{position:relative;display:inline-grid;align-items:center;flex:0 0 auto;min-height:44px;padding-block:7px;font-size:clamp(32px,3.1vw,44px);line-height:.94;letter-spacing:-.065em;white-space:nowrap;-webkit-text-stroke-width:4px;text-shadow:0 3px 0 var(--ink)}
.city-wordmark>.wordmark-spacer,.city-wordmark>.wordmark-lockup{display:inline-flex;grid-area:1/1;align-items:baseline}
.wordmark-spacer{visibility:hidden;pointer-events:none}
.wordmark-spacer-dot,.wordmark-dot-group{display:inline-flex;flex:0 0 1.02em;width:1.02em;justify-content:center;align-items:baseline;letter-spacing:-.06em}
.wordmark-dot-group{overflow:visible;transition:width .55s cubic-bezier(.22,.8,.22,1),flex-basis .55s cubic-bezier(.22,.8,.22,1)}
.wordmark-dot-group>span{display:inline-block;transition:transform .5s cubic-bezier(.22,.8,.22,1),opacity .3s}
.wordmark-period{color:var(--yellow);transform-origin:50% 85%}
.city-wordmark.is-near .wordmark-dot-group{width:0;flex-basis:0}
.city-wordmark.is-near .wordmark-paren-left{opacity:0;transform:translate(-.25em,-.13em) rotate(-28deg) scale(.6)}
.city-wordmark.is-near .wordmark-paren-right{opacity:0;transform:translate(.25em,-.13em) rotate(28deg) scale(.6)}
.city-wordmark.is-near .wordmark-period{opacity:0;transform:translateY(-.38em) scale(.1) rotate(22deg)}
.city-wordmark:focus-visible{outline:3px solid var(--ink);outline-offset:5px;border-radius:8px}
@media(max-width:1100px) and (width > 760px){.city-wordmark{font-size:32px;-webkit-text-stroke-width:3.5px}.header-inner{gap:18px}.desktop-nav{gap:20px}}
@media(max-width:760px){.city-wordmark{font-size:32px;-webkit-text-stroke-width:3px}.header-coin{display:none}.header-inner{gap:14px}.header-actions{gap:0}.menu-toggle{font-size:13px}}
@media(max-width:360px){.city-wordmark{font-size:28px;-webkit-text-stroke-width:3px}.header-inner{padding-inline:18px;gap:10px}.menu-toggle{font-size:12px}}