/* Municipal vision: restrained ocean and rose ribbon beneath navigation. */
.had-vision{display:flex;align-items:center;width:100%;min-width:0;height:52px;position:relative;z-index:2;background:linear-gradient(110deg,#115674,#147e9a 65%,#8c3969);border-top:1px solid #ffffff55;border-bottom:2px solid #eaa6cc;color:#fff;box-sizing:border-box}
.had-vision-label{flex:0 0 auto;padding:0 24px;font-size:15px;font-weight:800;letter-spacing:.04em;border-right:1px solid #ffffff55;color:#fff1d0}
.had-vision-window{flex:1;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.had-vision-track{display:flex;width:max-content;animation:had-vision-scroll 38s linear infinite}
.had-vision-copy{flex:none;white-space:nowrap;padding:0 52px;font-family:inherit;font-size:clamp(16px,1.4vw,20px);font-weight:600;line-height:1.6;letter-spacing:.015em;text-shadow:0 1px 2px #00344855}
.had-vision-copy::before,.had-vision-copy::after{content:"◆";font-size:12px;color:#f6d99a;display:inline-block;margin:0 20px;vertical-align:middle}
.had-vision:hover .had-vision-track,.had-vision:focus-within .had-vision-track{animation-play-state:paused}
.had-vision-window:focus-visible{outline:2px solid #ffe6ab;outline-offset:-3px}
@keyframes had-vision-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:600px){.had-vision{height:46px}.had-vision-label{font-size:13px;padding:0 12px}.had-vision-copy{padding:0 24px;font-size:16px}.had-vision-copy::before,.had-vision-copy::after{margin:0 12px}}
@media(prefers-reduced-motion:reduce){.had-vision{height:auto;min-height:52px;padding:10px 0}.had-vision-window{mask-image:none}.had-vision-track{animation:none;width:auto}.had-vision-copy{white-space:normal;padding:0 18px;font-size:16px}.had-vision-copy[aria-hidden]{display:none}.had-vision-copy::before,.had-vision-copy::after{display:none}}