.website-v4 .skyline-callout{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;max-width:280px;width:max-content;min-height:44px;padding:12px 16px;border:1.5px solid var(--ink);border-radius:15px;background:var(--paper);color:var(--ink);font:500 15px/1.35 var(--font-body,inherit);text-align:left;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease}
.website-v4 .skyline-callout svg{width:19px;height:19px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.website-v4 .skyline-callout::after{content:'';position:absolute;left:var(--tail-x,50%);bottom:-8px;width:14px;height:14px;background:inherit;border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:translateX(-50%) rotate(45deg)}
.website-v4 .skyline-callout.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}
.website-v4 .skyline-callout:hover{background:var(--coral)}
.website-v4 .skyline-callout:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.website-v4.motion-paused .skyline-callout{display:none}
.website-v4 .city-landmarks g,.website-v4 .city-landmarks g.is-current{opacity:0!important;filter:none!important;transition:none!important}
.website-v4 .journey .journey-bottom{position:relative;z-index:20;isolation:isolate}
.website-v4 .journey .journey-controls{position:relative;z-index:1}
@media(max-width:760px){.website-v4 .skyline-callout{font-size:14px;max-width:min(245px,calc(100% - 24px));padding:9px 12px;border-radius:12px}}
@media(prefers-reduced-motion:reduce){.website-v4 .skyline-callout{transition:none}}