/* Partners screen */
#partners .section-heading.centered {
    margin-bottom: 0;
}

#partners .star-map {
    margin-top: 0;
}

.interactive-map {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 18px;
    align-items: center;
    background-image: radial-gradient(circle at 30% 30%, rgba(94, 242, 255, .14) 1px, transparent 1px), radial-gradient(circle at 70% 40%, rgba(176, 77, 255, .16) 1px, transparent 1px);
    background-size: 90px 90px, 120px 120px
}

.star-lane {
    position: absolute;
    height: 1px;
    background: linear-gradient(90deg, rgba(94, 242, 255, .35), transparent);
    transform-origin: left center;
    opacity: .8
}

.star-lane-a {
    left: 17%;
    top: 26%;
    width: 180px;
    transform: rotate(22deg)
}

.star-lane-b {
    left: 20%;
    top: 50%;
    width: 150px;
    transform: rotate(-8deg)
}

.star-lane-c {
    left: 16%;
    bottom: 22%;
    width: 190px;
    transform: rotate(-28deg)
}

.star-node {
    appearance: none;
    border: none;
    background: none;
    cursor: pointer;
    position: absolute;
    padding: 0
}

.star-node span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 150px;
    padding: 12px 16px;
    border-radius: 999px;
    background: rgba(8, 18, 35, .86);
    border: 1px solid rgba(94, 242, 255, .24);
    color: var(--text);
    box-shadow: 0 0 18px rgba(94, 242, 255, .14);
    transition: .25s ease
}

.star-node.active span,
.star-node:hover span {
    background: rgba(94, 242, 255, .18);
    transform: translateY(-2px);
    box-shadow: 0 0 22px rgba(94, 242, 255, .28)
}

.star-node-a {
    left: 8%;
    top: 18%
}

.star-node-b {
    left: 16%;
    top: 46%
}

.star-node-c {
    left: 10%;
    bottom: 14%
}

.star-panels {
    display: grid;
    gap: 14px;
    grid-column: 2
}

.partner-panel {
    display: none
}

.partner-panel.active {
    display: block
}

.star-map {
    position: relative;
    min-height: 420px
}

.star-zone ul {
    margin: 0;
    padding-left: 18px
}

.logo-marquee {
    overflow: hidden;
    margin-top: 18px
}

.logo-track {
    display: flex;
    gap: 16px;
    width: max-content;
    animation: marquee 18s linear infinite
}

.logo-track span {
    padding: 10px 16px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(94, 242, 255, .14);
    color: #dff8ff
}

@media (max-width:1200px) {
    .interactive-map {
        grid-template-columns: 1fr
    }

    .star-panels {
        grid-column: auto
    }

    .star-map {
        min-height: 560px
    }

    .star-lane {
        display: none
    }
}

@media (max-width:760px) {
    .star-node {
        position: static
    }

    .star-map {
        min-height: auto
    }
}