/* BLOCK: Scroll Path */

.block-scroll-path {
    isolation: isolate;
}

.block-scroll-path:first-child {
    --mt: 1.5625rem !important;
}

.block-scroll-path:last-child {
    --mb: 1.5625rem !important;
}

.block-scroll-path .poi {
    border-radius: 50%;
    transition: 300ms ease-out;
    transition-property: padding, background-color;
}

.block-scroll-path .poi .poi-inner {
    display: grid;
    place-items: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    /* background-color: var(--c-bg-dark); */
    background-color: var(--c-bg-dark-tint-1);
    color: var(--c-text-light);
    transition: 300ms ease-out;
    transition-property: width, height;
    overflow: clip;
}

.block-scroll-path .poi .poi-inner svg {
    height: 1.125rem;
}

.block-scroll-path .poi.hide .poi-inner {
    width: 0 !important;
    height: 0 !important;
}

.block-scroll-path .poi.hide {
    padding: 0.3125rem;
    background-color: var(--c-bg-light-tint-1);
}

.block-scroll-path .path-wrapper {
    pointer-events: none;
    user-select: none;
    isolation: isolate;
}

.block-scroll-path .path-wrapper .path-inner {
    position: relative;
    margin-block: -3px;
    z-index: -1;
}

.block-scroll-path .path-wrapper svg {
    width: 100%;
    height: 100%;
}

.block-scroll-path .path-wrapper svg path {
    stroke-width: 1px;
}

.block-scroll-path .path-wrapper svg.background {
    position: absolute;
    inset: 0;
    z-index: -1;
    color: var(--c-bg-light-tint-1);
}

.block-scroll-path .path-wrapper svg.animated  {
    color: var(--c-bg-dark-tint-1);
}

.block-scroll-path .path--flip {
    scale: -1 1;
}

.block-scroll-path .path--flip .poi svg {
    scale: -1 1;
}

.block-scroll-path .path--start {
    margin-top: calc(1.25rem - 1px);
}

.block-scroll-path .path--start .path-inner {
    width: 55%;
    translate: 41.1% 0;
}

.block-scroll-path .path--middle-right .path-inner {
    width: 53%;
    margin-inline: auto;
}

.block-scroll-path .path--middle-left .path-inner {
    width: 55%;
    margin-inline: auto;
}

.block-scroll-path .path--end {
    margin-bottom: calc(1.25rem - 1px);
}

.block-scroll-path .path--end .path-inner {
    width: 55%;
    margin-inline: auto;
}

.block-scroll-path .path-wrapper .poi {
    position: absolute;
    translate: -50% -50%;
}

.block-scroll-path .path--start .poi {
    top: 59.4%;
    left: 94.7%;
}

.block-scroll-path .path--middle-right .poi {
    top: 50%;
    left: 56.15%;
}

.block-scroll-path .path--middle-left .poi {
    top: 57.9%;
    left: 40.4%;
}

.block-scroll-path .path--end .poi {
    top: 38.9%;
    left: 96.5%;
}

.block-scroll-path .wrap > .poi {
    position: absolute;
    left: 50%;
    padding: 0.625rem;
    transform: translate(-50%, -50%);
    overflow: clip;
    z-index: 1;
}

.block-scroll-path .wrap > .poi::before {
    content: '';
    position: absolute;
    inset: 0;
    top: 0.625rem;
    background-color: var(--theme-clr-bg);
    z-index: -1;
}

.block-scroll-path .content--start + .poi::before {
    top: 0;
    bottom: 0.625rem;
}

.block-scroll-path .search-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 1.875rem;
    border-radius: 1.5625rem;
    overflow: hidden;
}

.block-scroll-path .search-box__head {
    display: flex;
    justify-content: space-between;
    gap: 1.25rem;
}

.block-scroll-path .search-box__head-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1.25rem;
}

.block-scroll-path .search-box__location {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--c-primary);
    text-decoration: none;
    font-size: var(--font-18-15);
    font-weight: 600;
    line-height: 1;
}

.block-scroll-path .search-box__location svg {
    width: 0.8125rem;
    height: 0.8125rem;
}

.block-scroll-path .search-box__image {
    width: auto;
    height: 7.5rem;
    margin: -1.875rem -1.875rem 0 0;
}

.block-scroll-path .content--start {
    border-radius: 1.5625rem;
    overflow: hidden;
    margin-inline: calc(-1 * var(--offset, 0px) + 1.5625rem);
    aspect-ratio: 2.63;
    padding: 6.25rem 3rem 7.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.block-scroll-path .overlay {
    max-width: 70rem;
}

.block-scroll-path .content--start .text-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.block-scroll-path .content--start .text-content .h7 {
    color: var(--c-tertiary);
    font-weight: 600;
    padding-bottom: 3.125rem;
}

.block-scroll-path .content--start .text-content h1 {
    padding-bottom: 3.75rem;
    margin: 0;
    text-align: center;
}

.block-scroll-path .content--start .text-content p {
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
}

.block-scroll-path .content--start .bg-wrapper {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: -1;
}

.block-scroll-path .content--start .bg-wrapper::after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--c-text-dark);
    opacity: 0.5;
    mix-blend-mode: multiply;
}

.block-scroll-path .content--search .bg-wrapper.is-video :is(.wp-video,.mejs-container) {
    height: auto;
    background-color: transparent;
}

.block-scroll-path .content--search .grid-wrapper {
    display: grid;
    grid-template-columns: 49.185% 41%;
    grid-template-rows: 2fr 3fr;
    column-gap: 7.75rem;
    align-items: stretch;
}

.block-scroll-path .content--search .image--small {
    /* aspect-ratio: 1.41; */
    max-width: 24.6875rem;
    grid-column: 2;
    margin-bottom: 1.25rem;
    /* height: fit-content; */
    border-radius: 1.5625rem;
    overflow:hidden;

    width: 79.16%;
    grid-row: 1;
    align-self: stretch;
    z-index: 1;
}

.block-scroll-path .content--search .image--large{
    /* aspect-ratio: 1.116; */
    max-width: 31.1875rem !important;
    grid-column: 2;
    border-radius: 1.5625rem;
    overflow:hidden;

    width: 100%;
    grid-row: 2;
    align-self: stretch;
    z-index: 1;
}

.block-scroll-path .content--search .grid-wrapper .text-wrapper {
    display: flex;
    flex-direction: column;
    gap: 6.25rem;
    grid-column: 1;
    grid-row: 1 / span 2;
    min-height: 0;
}

.block-scroll-path .content--search .grid-wrapper .text-wrapper > :nth-child(1) {
    max-width: 31.8125rem;
}

.block-scroll-path .content--search .grid-wrapper .text-wrapper > :nth-child(2) {
    align-self: flex-end;
    max-width: 31.25rem;
}

.block-scroll-path .content--keywords .grid-wrapper {
    display: grid;
    grid-template-columns: 41% 49.185%;
    grid-template-rows: minmax(0, 1fr); /* fix */
    column-gap: 7.75rem;
    align-items: stretch;
}

.block-scroll-path .content--keywords .image--small {
    /* aspect-ratio: 1.787; */
    max-width: 24.6875rem;
    /* width: 100%; */
    /* height: fit-content; */
    grid-column: 1;
    border-radius: 1.5625rem;
    overflow: hidden;
    margin-left: auto;
    

    grid-row: 1;
    align-self: end;
    height: calc((100% - 1.25rem) * 0.4);
    width: 79.16%;
    z-index: 1;
}

.block-scroll-path .content--keywords .image--large{
    /* aspect-ratio: 1.382; */
    /* max-width: 31.1875rem !important; */
    /* max-height: 22.5625rem; */
    grid-column: 1;
    border-radius: 1.5625rem;
    overflow: hidden;
    margin-bottom: 1.25rem;
    grid-row: 1;
    height: calc((100% - 1.25rem) * 0.6);
    z-index: 1;
}

.block-scroll-path .content--keywords .grid-wrapper .items-wrapper {
    display: flex;
    flex-direction: column;
    gap: 3.75rem;
    grid-column: 2;
    grid-row: 1 / span 2;
    height: 100%; /* fix */
}

.block-scroll-path .content--keywords .grid-wrapper .items-wrapper .item {
    padding-bottom: 3.75rem;
    border-bottom: 1px solid rgb(from var(--c-text-dark) r g b / 0.15);
}

.block-scroll-path .content--keywords .grid-wrapper .items-wrapper .item:last-of-type {
    padding-bottom: 0;
    border-bottom: none;
}

.block-scroll-path .content--keywords .grid-wrapper .items-wrapper .item__head {
    display: flex;
    gap: 1.5625rem;
    align-items: center;
}

.block-scroll-path .content--keywords .grid-wrapper .items-wrapper .item__head svg {
    color: var(--c-tertiary);
    width: 1.3125rem;
}

.block-scroll-path .content--keywords .grid-wrapper .items-wrapper .item__description {
    margin-top: 1.875rem;
    margin-bottom: 0;
}

.block-scroll-path .content--cta .grid-wrapper {
    display: grid;
    grid-template-columns: 49.185% 41%;
    grid-template-rows: 3fr 2fr;
    column-gap: 7.75rem;
    align-items: stretch;
}

.block-scroll-path .content--cta .image--small {
    /* aspect-ratio: 1.975; */
    max-width: 24.6875rem;
    grid-column: 2;
    /* height: fit-content; */
    border-radius: 1.5625rem;
    overflow: hidden;

    width: 79.16%;
    grid-row: 2;
    align-self: stretch;
    z-index: 1;
}

.block-scroll-path .content--cta .image--large{
    /* aspect-ratio: 1.53; */
    /* max-width: 31.1875rem !important; */
    grid-column: 2;
    border-radius: 1.5625rem;
    overflow: hidden;
    margin-bottom: 1.25rem;

    width: 100%;
    grid-row: 1;
    align-self: stretch;
    z-index: 1;
}

.block-scroll-path .content--cta .grid-wrapper .text-wrapper {
    display: flex;
    flex-direction: column;
    gap: 3.125rem;
    grid-column: 1;
    grid-row: 1 / span 2;
}

.block-scroll-path .content--cta .grid-wrapper .text-wrapper .text-content {
    max-width: 31.1875rem;
}

.block-scroll-path .content--cta .grid-wrapper .text-wrapper .text-content:first-of-type {
    align-self: flex-end;
    padding-bottom: 3.125rem;
}

.block-scroll-path .content--cta .grid-wrapper .text-wrapper .cta-buttons {
    gap: 0.9375rem;
}

.block-scroll-path .content--end {
    padding-top: 5.9375rem;
}

.block-scroll-path .content--end .logo {
    max-width: 8.9375rem;
    width: 100%;
    height: auto;
    margin-inline: auto;
}

.block-scroll-path .content--end .text-content {
    text-align: center;
}

.block-scroll-path .content--end .text-content:not(:first-child) {
    margin-top: 3.125rem;
}

.block-scroll-path .content--end .text-content > :is(h1, h2, .h1, .h2):not(:last-child) {
    margin-bottom: 3.125rem;
}

.block-scroll-path .content--end .text-content > p {
    max-width: 50rem;
    margin-inline: auto;
}

.block-scroll-path .content--end .memberships-list {
    display: flex;
    gap: 1.25rem;
}

.block-scroll-path .content--end .memberships-list:not(:first-child) {
    margin-top: 6.25rem;
}

.block-scroll-path .content--end .membership-wrapper {
    flex-basis: 100%;
    border-radius: 1.5625rem;
    padding: 2.5rem;
}

.block-scroll-path .content--end .membership__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.block-scroll-path .content--end .membership__tag {
    border-radius: 0.5rem;
    padding: 0.625rem 0.75rem;
    border: 1px solid;
}

.block-scroll-path .content--end :where(.membership-wrapper[class*=theme--light]) .membership__tag {
    border-color: var(--clr, var(--c-bg-dark-tint-2));
    background-color: rgb(from var(--clr) r g b / .1);
}

.block-scroll-path .content--end :where(.membership-wrapper[class*=theme--dark]) .membership__tag {
    border-color: var(--clr, var(--c-tertiary));
    background-color: rgb(from var(--clr, var(--c-tertiary)) r g b / .1);
}

.block-scroll-path .content--end .membership__title:not(:first-child) {
    margin-top: 1.875rem;
}

.block-scroll-path .content--end :where(.membership-wrapper[class*=theme--light]) .membership__title {
    color: var(--c-bg-dark-tint-1);
}

.block-scroll-path .content--end .membership__price-wrapper:not(:first-child) {
    margin-top: 3.125rem;
}

.block-scroll-path .content--end .membership__price-label {
    margin-block: 0 1.25rem;
}

.block-scroll-path .content--end :where(.membership-wrapper[class*=theme--light]) .membership__price-label {
    color: var(--c-primary);
}

.block-scroll-path .content--end .membership__price {
    display: flex;
    align-items: flex-end;
    gap: 0.9375rem;
}

.block-scroll-path .content--end :where(.membership-wrapper[class*=theme--light]) .membership__price__value {
    color: var(--c-primary);
}

.block-scroll-path .content--end .membership__price__unit {
    font-size: var(--font-25-14);
}

.block-scroll-path .content--end :where(.membership-wrapper[class*=theme--light]) .membership__price__unit {
    color: var(--c-bg-dark-tint-1);
}

.block-scroll-path .content--end :where(.membership-wrapper[class*=theme--dark]) .membership__price__unit {
    color: var(--c-bg-dark-tint-2);
}

.block-scroll-path .content--end .membership__description {
    margin-block: 0;
    color: var(--theme-clr-heading);
}

.block-scroll-path .content--end .membership__description:not(:first-child) {
    margin-top: 3.125rem;
    padding-top: 2.5rem;
    border-top: 1px solid rgb(from currentColor r g b / .15);
}

.block-scroll-path .content--end .membership-wrapper .cta-buttons {
    --theme-clr-bg: unset !important;
}

.block-scroll-path .content--end .membership-wrapper .cta-buttons:not(:first-child) {
    margin-top: 2.5rem;
}

.block-scroll-path .content--end .membership-wrapper .cta-buttons > .btn {
    width: 100%;
}

@media screen and (width <= 620px) {
    .block-scroll-path:first-child {
        --mt: .75rem !important;
    }
    .block-scroll-path:last-child {
        --mb: .75rem !important;
    }
    .block-scroll-path .poi .poi-inner {
        width: 1.875rem;
        height: 1.875rem;
    }
    .block-scroll-path .poi .poi-inner svg {
        height: 0.875rem;
    }
    .block-scroll-path .wrap > .poi {
        padding: 0.3125rem;
    }
    .block-scroll-path .poi.hide {
        padding: 0.25rem;
    }
    .block-scroll-path .content--start {
        aspect-ratio: 0.799;
        padding: 3.75rem 1.23rem 4.6875rem;
        margin-inline: calc(-1 * var(--offset, 0px) + .75rem);
    }
    .block-scroll-path .content--start .text-content p {
        max-width: 98%;
    }
    .block-scroll-path .content--start .text-content h1 {
        padding-bottom: 2.1875rem;
    }
    .block-scroll-path .content--start .text-content .h7 {
        padding-bottom: 1.875rem;
    }
    .block-scroll-path .content--search .grid-wrapper {
        display: flex;
        flex-direction: column;
    }
    .block-scroll-path .content--search .image--small {
        order: 1;
        aspect-ratio: 1.733;
        max-width: 16.25rem;
        margin-left: auto;
        width: 100%;
        margin-bottom: 3.125rem;
        border-radius: 1.125rem;
    }
    .block-scroll-path .content--search .grid-wrapper .text-wrapper {
        order: 2;
        gap: 0;
        margin-bottom: 3.125rem;
    }
    .block-scroll-path .content--search .image--large {
        order: 3;
        aspect-ratio: 1.4;
        border-radius: 1.125rem;
    }
    .block-scroll-path .content--search .grid-wrapper .text-wrapper > :nth-child(1) {
        max-width: 100%;
        padding-bottom: 2.5rem;
    }
    .block-scroll-path .content--search .grid-wrapper .text-wrapper > :nth-child(2) {
        align-self: center;
        max-width: 100%;
        padding-bottom: 3.125rem;
    }
    .block-scroll-path .content--keywords .grid-wrapper {
        display: flex;
        flex-direction: column;
    }
    .block-scroll-path .content--keywords .image--small {
        order: 1;
        aspect-ratio: 1.733;
        max-width: 16.25rem;
        margin-right: auto;
        margin-left: 0;
        width: 100%;
        margin-bottom: 3.125rem;
        border-radius: 1.125rem;
    }
    .block-scroll-path .content--keywords .grid-wrapper .items-wrapper {
        order: 2;
        gap: 2.5rem;
    }
    .block-scroll-path .content--keywords .grid-wrapper .items-wrapper .item__head svg {
        width: 0.875rem;
    }
    .block-scroll-path .content--keywords .grid-wrapper .items-wrapper .item__head {
        gap: 0.9375rem;
    }
    .block-scroll-path .content--keywords .grid-wrapper .items-wrapper .item__description {
        margin-top: 1.25rem;
    }
    .block-scroll-path .content--keywords .grid-wrapper .items-wrapper .item {
        padding-bottom: 2.5rem;
    }
    .block-scroll-path .content--keywords .grid-wrapper .items-wrapper .item:last-of-type {
        padding-bottom: 0;
    }
    .block-scroll-path .content--keywords .image--large {
        order: 3;
        aspect-ratio: 1.4;
        border-radius: 1.125rem;
        margin-top: 3.125rem;
        margin-bottom: 0;
    }
    .block-scroll-path .content--cta .grid-wrapper {
        display: flex;
        flex-direction: column;
    }
    .block-scroll-path .content--cta .image--small {
        order: 1;
        aspect-ratio: 1.733;
        max-width: 16.25rem;
        margin-left: auto;
        width: 100%;
        margin-bottom: 3.125rem;
        border-radius: 1.125rem; 
    }
    .block-scroll-path .content--cta .grid-wrapper .text-wrapper {
        order: 2;
        gap: 0;
    }
    .block-scroll-path .content--cta .grid-wrapper .text-wrapper .text-content:first-of-type {
        align-self: flex-start;
    }
    .block-scroll-path .content--cta .grid-wrapper .text-wrapper .text-content {
        max-width: 100%;
    }
    .block-scroll-path .content--cta .image--large {
        order: 3;
        aspect-ratio: 1.4;
        border-radius: 1.125rem;
        margin-top: 3.125rem;
        margin-bottom: 0;
    }
    .block-scroll-path .content--cta .grid-wrapper .text-wrapper .cta-buttons {
        display: none;
    }
    .block-scroll-path .path-wrapper {
        padding-inline: 1.25rem;
    }
    .block-scroll-path .path-wrapper svg path {
        stroke-width: 1.5px;
    }
    .block-scroll-path .path-inner {
        translate: unset !important;
        width: 100% !important;
    }
    .block-scroll-path .path--start {
        margin-top: calc(0.9375rem - 1px);
    }
    .block-scroll-path .path--end {
        margin-bottom: calc(0.9375rem - 1px);
    }
    .block-scroll-path .path-wrapper .poi .poi-inner {
        width: 1.25rem;
        height: 1.25rem;
    }
    .block-scroll-path .path-wrapper .poi .poi-inner svg {
        height: auto;
        width: 0.5rem;
    }
    .block-scroll-path .content--end {
        padding-top: 3.4375rem;
    }
    .block-scroll-path .content--end .logo {
        max-width: 4.5rem;
    }
    .block-scroll-path .content--end .text-content:not(:first-child) {
        margin-top: 1.875rem;
    }
    .block-scroll-path .content--end .text-content > *,
    .block-scroll-path .content--end .text-content > :is(h1, h2, .h1, .h2):not(:last-child) {
        margin-bottom: 1.875rem;
    }
    .block-scroll-path .content--end .memberships-list {
        flex-direction: column;
        gap: 0.75rem;
    }
    .block-scroll-path .content--end .memberships-list:not(:first-child) {
        margin-top: 3.125rem;
    }
    .block-scroll-path .content--end .membership-wrapper {
        padding: 1.875rem;
    }
    .block-scroll-path .content--end .membership__tags {
        gap: 0.375rem;
    }
    .block-scroll-path .content--end .membership__tag {
        border-radius: 0.375rem;
        padding: 0.5rem 0.625rem;
    }
    .block-scroll-path .content--end .membership__title {
        --fs: var(--font-38-24);
    }
    .block-scroll-path .content--end .membership__title:not(:first-child) {
        margin-top: 1.25rem;
    }
    .block-scroll-path .content--end .membership__price-wrapper:not(:first-child) {
        margin-top: 1.875rem;
    }
    .block-scroll-path .content--end .membership__price-label {
        margin-bottom: 0.75rem;
    }
    .block-scroll-path .content--end .membership__description {
        font-size: var(--font-17-13);
    }
    .block-scroll-path .content--end .membership__description:not(:first-child) {
        margin-top: 1.875rem;
        padding-top: 1.875rem;
    }
    .block-scroll-path .content--end .membership-wrapper .cta-buttons:not(:first-child) {
        margin-top: 1.875rem;
    }
}