/* Nexus grand promenade: destination doors with accessible buttons above the scene. */
.destinations{max-width:960px;gap:18px;perspective:1100px}
.destination{--gate:#d5b476;position:relative;min-height:210px;padding:114px 23px 20px;isolation:isolate;transform-style:preserve-3d;background:linear-gradient(145deg,rgba(20,33,53,.9),rgba(6,12,25,.95))}
.destination::before{content:"";position:absolute;z-index:-1;width:112px;height:98px;left:50%;top:12px;transform:translateX(-50%);border:9px ridge color-mix(in srgb,var(--gate),#24354c 64%);border-bottom:2px solid var(--gate);border-radius:54% 54% 3px 3px;background:radial-gradient(ellipse at 50% 80%,color-mix(in srgb,var(--gate),transparent 37%),transparent 75%),linear-gradient(135deg,#202a48,#091324);box-shadow:0 0 32px color-mix(in srgb,var(--gate),transparent 65%),inset 0 0 22px color-mix(in srgb,var(--gate),transparent 65%);transition:transform .3s,filter .3s}
.destination::after{content:"";position:absolute;left:50%;top:23px;height:75px;width:83px;transform:translateX(-50%);border-radius:52% 52% 0 0;background:repeating-linear-gradient(90deg,transparent 0 19px,color-mix(in srgb,var(--gate),transparent 80%) 20px 21px,transparent 22px 42px);pointer-events:none}
.destination[data-place="forge"]{--gate:#f7a960}
.destination[data-place="guild"]{--gate:#edcd81}
.destination[data-place="studio"]{--gate:#82c3ee}
.destination[data-place="academy"]{--gate:#c69aee}
.destination[data-place="sanctum"]{--gate:#e1ab7e}
.destination:hover::before,.destination:focus-visible::before{transform:translateX(-50%) scale(1.09);filter:brightness(1.35)}
.destination strong{font-size:1.35rem;margin-bottom:7px}
.destination small{font-size:.83rem}
.destination[aria-current="location"]{border-color:var(--gate)}
@media(min-width:770px){.destinations .destination:nth-child(odd){transform:perspective(900px) rotateY(5deg)}.destinations .destination:nth-child(even){transform:perspective(900px) rotateY(-5deg)}.destinations .destination:hover,.destinations .destination:focus-visible{transform:perspective(900px) translateY(-7px) rotateY(0)}}
@media(max-width:610px){.destination{min-height:150px;padding:24px 18px 24px 120px}.destination::before{left:62px;top:26px;width:76px;height:88px}.destination::after{left:62px;top:38px;width:49px;height:63px}}
@media(prefers-reduced-motion:reduce){.destination,.destination::before{transition:none!important}}