.mosaic-hero-city{position:absolute;inset:0;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.25) 30%,#000 60%);mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.25) 30%,#000 60%)}@media (max-width:1023px){.mosaic-hero-city{-webkit-mask-image:linear-gradient(180deg,transparent,transparent 40%,#000 70%);mask-image:linear-gradient(180deg,transparent,transparent 40%,#000 70%)}}.mosaic-hero-shards{position:relative}.mosaic-hero-tab{position:absolute;transform:translate(-50%,-50%);display:grid;gap:2px;padding:8px 12px;border-radius:10px;background:#fff;color:#1B0F3A;border:1px solid #e6e1ee;text-align:center;white-space:nowrap;text-decoration:none;transition:transform .2s,box-shadow .2s}.mosaic-hero-tab:hover{transform:translate(-50%,calc(-50% - 2px));box-shadow:0 10px 22px -12px rgba(27,15,58,.5)}.mosaic-hero-tab:focus-visible{outline:3px solid #765BA7;outline-offset:3px}.mosaic-hero-tab.is-ink{background:#1B0F3A;color:#FAF9F5;border-color:rgba(201,179,240,.25)}.mosaic-hero-tab small{font-size:11px;font-weight:700;letter-spacing:.08em;color:#C2451A}.mosaic-hero-tab.is-ink small{color:#FFB15C}.mosaic-hero-tab b{font-size:20px;font-weight:800;letter-spacing:-.01em}@media (prefers-reduced-motion:reduce){.mosaic-hero-tab{transition:none}}