/* ================================================================
   Limista-specific decorations and section variants
   Loaded after subpage.css
   ================================================================ */

/* ----------------------------------------------------------------
   Hero decorations (mobile)
   ---------------------------------------------------------------- */

.page-subhero__deco-img--headphone {
    width: 64.86px;
    top: 9px;
    left: calc(50% - 199px);
    transform: rotate(33.212deg);
}

.page-subhero__deco-img--shape {
    display: none;
}

.page-subhero__deco-img--note {
    width: 51.82px;
    top: 233px;
    transform: rotate(-14.257deg);
    left: calc(50% + 84px);
}

.page-subhero__deco-img--movie {
    width: 86px;
    top: 540px;
    left: calc(50% + 91px);
}

/* ----------------------------------------------------------------
   Content decorations
   ---------------------------------------------------------------- */

.page-content__deco > img {
    display: none;
}

.page-content__deco > .page-content__deco-img--note-1-a,
.page-content__deco > .page-content__deco-img--note-4-a {
    display: block;
}

.page-content__deco-img--note-1-a {
    top: 1614px;
    left: calc(50% - 150px);
    width: 56px;
}

.page-content__deco-img--note-4-a {
    top: 1673px;
    left: calc(50% - 82px);
    width: 43px;
    transform: rotate(-1.012deg);
}

/* ----------------------------------------------------------------
   Artists section
   ---------------------------------------------------------------- */
.page-artists {
    margin-top: 72px;
    margin-bottom: 80px;
    display: flex;
    flex-direction: column;
    position: relative;
    max-width: 1000px;
    overflow: visible;
    gap: 45px;
}

.page-artists__text {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.page-artists__heading {
    font-size: 28px;
    font-weight: 800;
    line-height: 150%;
    letter-spacing: 0.04em;
}

.page-artists__desc {
    font-size: 16px;
    font-weight: 500;
    line-height: 200%;
    letter-spacing: 0.04em;
    font-feature-settings: normal;
}

.page-artists__desc em {
    font-style: normal;
    font-weight: 700;
    color: var(--fp-yellow);
}

.page-artists__image {
    min-width: 427px;
    margin-left: -30px;
    margin-top: 20px;
    overflow: hidden;
    justify-content: center;
    display: flex;
}

.page-artists__image img {
    width: 427px;
    height: auto;
    transform: translateX(-16px);
}

/* ----------------------------------------------------------------
   Feature variants
   ---------------------------------------------------------------- */
.page-feat--bingo,
.page-feat--delivery,
.page-feat--limited,
.page-feat--crowdfunding {
    margin-top: 87px;
}

.page-feat--delivery .page-feat__lead,
.page-feat--event .page-feat__lead,
.page-feat--limited .page-feat__lead,
.page-feat--crowdfunding .page-feat__lead {
    font-size: 18px;
}

#bingo .page-feat__lead {
    letter-spacing: 0;
}

.page-feat--online-session .page-feat__body {
    margin-top: 24px;
}

.page-feat--limit-talk .page-feat__image-wrap {
    width: 360px;
}

/* ----------------------------------------------------------------
   Limista page-only section spacing
   ---------------------------------------------------------------- */
.main--limista .page-sec {
    margin-top: 80px;
}

.main--limista .page-sec__body {
    font-feature-settings: normal;
}

/* ----------------------------------------------------------------
   Desktop overrides
   ---------------------------------------------------------------- */
@media (min-width: 1024px) {
    .main--limista .page-subhero__inner {
        margin: 3px auto 0;
    }

    .main--limista .page-content {
        padding-bottom: 184px;
    }

    .main--limista .page-subhero__subtitle {
        font-size: 36px;
        font-weight: 800;
        line-height: 150%;
        letter-spacing: 0.04em;
    }

    .main--limista .page-sec {
        margin-top: 72px;
    }

    .main--limista .page-sec__body, .main--limista .page-stats__desc {
        font-feature-settings: 'pwid' on, 'palt' on;
    }

    .page-subhero__deco-img--headphone {
        width: 150px;
        transform: rotate(24.62deg);
        top: 77px;
        left: calc(50% - 722px);
    }

    .page-subhero__deco-img--shape {
        width: 76.631px;
        transform: rotate(-10.382deg);
        top: 24px;
        left: calc(50% - 223px);
        display: block;
    }

    .page-subhero__deco-img--note {
        width: 66.539px;
        top: 445px;
        left: calc(50% - 348px);
        transform: rotate(-18.103deg);
    }

    .page-subhero__deco-img--movie {
        width: 149px;
        top: 497px;
        left: calc(50% + 448px);
    }

    .page-content__deco > img {
        display: block;
    }

    .page-content__deco-img--ring-2 {
        top: 165px;
        width: 119px;
        left: calc(50% - 676px);
        transform: rotate(26.575deg);
    }

    .page-content__deco-img--note-1-a {
        top: 818px;
        width: 67.75px;
        left: calc(50% + 134px);
    }

    .page-content__deco-img--note-4-a {
        top: 888px;
        left: calc(50% + 217px);
        width: 51.8px;
    }

    .page-content__deco-img--circle-3-a {
        top: 521px;
        left: calc(50% + 587px);
        width: 40.8px;
    }

    .page-content__deco-img--circle-6 {
        top: 1358px;
        width: 166.4px;
        left: calc(50% - 626px);
        transform: rotate(10.439deg);
    }

    .page-content__deco-img--shape-3 {
        top: 1574px;
        left: calc(50% + 455px);
        width: 138.385px;
        height: 135.862px;
        transform: rotate(-72.251deg);
    }

    .page-content__deco-img--circle-3-b {
        top: 2204px;
        left: calc(50% + 582px);
        width: 44.52px;
    }

    .page-content__deco-img--ring-1 {
        top: 2003px;
        left: calc(50% + 502px);
        width: 173px;
        transform: rotate(18.072deg);
    }

    .page-content__deco-img--circle-4 {
        top: 2728px;
        left: calc(50% - 593px);
        width: 42px;
    }

    .page-content__deco-img--circle-8 {
        top: 2807px;
        left: calc(50% - 725px);
        width: 197px;
        height: 172px;
        transform: rotate(21.64deg);
    }

    .page-content__deco-img--note-1-b {
        top: 3154px;
        left: calc(50% + 462px);
        width: 91.655px;
    }

    .page-content__deco-img--note-5 {
        top: 3260px;
        left: calc(50% + 536px);
        width: 88.516px;
        transform: rotate(-4.84deg);
    }

    .page-content__deco-img--note-4-b {
        top: 3670px;
        left: calc(50% - 678px);
        width: 100px;
        transform: rotate(-14.758deg);
    }

    .page-content__deco-img--shape-4 {
        top: 3566px;
        left: calc(50% - 641px);
        width: 98px;
    }

    .page-content__deco-img--box {
        top: 3964px;
        left: calc(50% + 550px);
        width: 120px;
        transform: rotate(-11.465deg);
    }

    .page-content__deco-img--circle-3-d {
        top: 4379px;
        left: calc(50% + 350px);
        width: 44px;
    }

    .page-content__deco-img--circle-5 {
        top: 4383px;
        left: calc(50% + 394px);
        width: 106px;
    }

    .page-content__deco-img--bell {
        top: 4771px;
        left: calc(50% - 659px);
        width: 136px;
        transform: rotate(-79.975deg);
    }

    .page-content__deco-img--note-3 {
        top: 4513px;
        left: calc(50% + 164px);
        width: 91.655px;
    }

    .page-content__deco-img--microphone {
        top: 4617px;
        left: calc(50% + 92px);
        width: 141.578px;
        transform: rotate(-0.919deg);
    }

    .page-content__deco-img--ticket {
        top: 4591px;
        left: calc(50% + 392px);
        width: 264.573px;
        transform: rotate(0.801deg);
    }

    .page-content__deco-img--circle-9 {
        top: 5237px;
        left: calc(50% + 447px);
        width: 151.77px;
        transform: rotate(-66.462deg);
    }

    .page-content__deco-img--headphone {
        top: 5757px;
        left: calc(50% + 37px);
        width: 104px;
        transform: rotate(18deg);
    }

    .page-content__deco-img--circle-3-c {
        top: 5706px;
        left: calc(50% - 655px);
        width: 46px;
    }

    .page-content__deco-img--circle-10 {
        top: 5779px;
        left: calc(50% - 700px);
        width: 178.751px;
        transform: rotate(-8.993deg);
    }

    .page-artists {
        margin-top: 72px;
        margin-bottom: 72px;
        display: flex;
        flex-direction: row;
        max-width: 1000px;
        gap: 45px;
    }

    .page-artists__text {
        display: flex;
        flex-direction: column;
        gap: 24px;
        width: 500px;
        flex-shrink: 0;
    }

    .page-artists__heading {
        font-size: 44px;
        font-weight: 800;
        letter-spacing: 0.04em;
    }

    .page-artists__desc {
        line-height: 2;
        font-feature-settings: 'pwid' on, 'palt' on;
    }

    .page-artists__image {
        width: 580px;
        height: auto;
        max-height: 444px;
        margin-top: -19px;
        margin-left: 0;
        flex-shrink: 0;
        overflow: visible;
    }

    .page-artists__image img {
        width: 100%;
        height: auto;
        transform: none;
    }

    .page-feat--online-session .page-feat__body {
        margin-top: 0;
    }

    .page-feat--delivery .page-feat__lead,
    .page-feat--event .page-feat__lead,
    .page-feat--limited .page-feat__lead,
    .page-feat--crowdfunding .page-feat__lead {
        font-size: 24px;
    }

    .page-feat--limit-talk .page-feat__image-wrap {
        margin-top: 0;
        width: 612px;
    }

    .page-feat--bingo,
    .page-feat--delivery,
    .page-feat--limited,
    .page-feat--crowdfunding {
        margin-top: 120px;
    }

    .page-feat--limited {
        grid-template-rows: 180px auto;
    }

    .page-feat--crowdfunding {
        grid-template-rows: 216px auto;
    }

    .page-feat--crowdfunding .page-feat__icon-wrap,
    .page-feat--crowdfunding .page-feat__image-wrap {
        place-self: start;
    }
}