/* MEDIA QUERIES:MIN ==================== */
@media (min-width: 391px) {
    .hidden-device-2xs {
        display: none !important;
    }
}

@media (min-width: 576px) {
    .hidden-device-xs {
        display: none !important;
    }
}

@media (min-width: 769px) {
    .hidden-device-sm {
        display: none !important;
    }

    /* HEADER ==================== */
    .menu-header .menu-cta .button {
        font-size: var(--font-size-h4);
        line-height: var(--line-height-h4);
    }

    .menu-body .menu .button {
        font-size: var(--font-size-h5);
        line-height: var(--line-height-h5);
    }

    .container.x2 {
        padding-left: var(--spacing-container-x2);
        padding-right: var(--spacing-container-x2);
    }

    .container.x3 {
        padding-left: var(--spacing-container-x3);
        padding-right: var(--spacing-container-x3);
    }

    .container.x4 {
        padding-left: var(--spacing-container-x4);
        padding-right: var(--spacing-container-x4);
    }

    /* SECTION ====================*/
    /* <--- CTA ---> */
    [data-section="cta"] .cta-decoration {
        animation-delay: 0.3s;
    }

    [data-section="cta"] .cta-note {
        animation-delay: 0.5s;
    }

    [data-section="cta"] .cta-hotel {
        animation-delay: 0.7s;
    }

    [data-section="cta"] .block-content-start {
        animation-delay: 0.8s;
    }

    /* TABLE CONTENT */
    /* Apply padding-right to last child only when there are 5+ tabs */
    .table-content .tab-links-content:has(.tab:nth-child(5)) .tab:last-child {
        padding-right: var(--offset);
    }

    /* PAGE */
    /* PAGE: INDEX */
    /* <--- Index Landing ---> */
    [data-section="index-landing"]
        .landing-navigation
        > [class*="block-content-"] {
        animation-delay: calc(0.3s * var(--index));
    }

    /* PAGE: ACCOMMODATION */
    /* <--- Accommodation Package ---> */
    [data-section="accommodation-package"] .swiper.thumbs {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        display: none;
    }

    [data-section="accommodation-package"] .swiper.top .swiper-wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        column-gap: var(--spacing-sm);
        row-gap: var(--spacing-md);
        transform: none !important;
    }

    [data-section="accommodation-package"]
        .swiper.top
        .swiper-slide:nth-child(3n + 2) {
        animation-delay: 0.3s;
    }

    [data-section="accommodation-package"]
        .swiper.top
        .swiper-slide:nth-child(3n + 3) {
        animation-delay: 0.6s;
    }

    /* PAGE: AUDITION DETAILS */
    /* Excerpt List */
    [data-section="excerpt-list"] .excerpt-list .excerpt-item {
        animation-delay: calc(0.3s * var(--index));
    }

    /* PAGE: APPLICATION */
    [data-section="application"] .form-marker .swiper-slide:first-child {
        padding-left: 0;
    }

    [data-section="application"] .form-marker .swiper-slide:last-child {
        padding-right: 0;
    }

    [data-section="application"]
        .conditional-field[data-show-when="Group"]
        .label {
        margin-bottom: var(--spacing-2sm);
    }
}

@media (min-width: 992px) {
    .hidden-device-md {
        display: none !important;
    }
}

@media (min-width: 1280px) {
    .hidden-device-lg {
        display: none !important;
    }
}

@media (min-width: 1440px) {
    .hidden-device-xl {
        display: none !important;
    }

    :root {
        --font-size-body: 1.1rem;
        --font-size-tagline: 1rem;
        --font-size-button: 0.9rem;

        --spacing-8xl: max(16rem, 11.1111111111vw);
        --spacing-7xl: max(14rem, 9.7222222222vw);
        --spacing-6xl: max(12rem, 8.3333333333vw);
        --spacing-5xl: max(10rem, 6.9444444444vw);
        --spacing-4xl: max(8rem, 5.5555555556vw);
        --spacing-3xl: max(7.2rem, 5vw);
        --spacing-2xl: max(6.4rem, 4.4444444444vw);
        --spacing-xl: max(6rem, 4.1666666667vw);
        --spacing-4lg: max(5.6rem, 3.8888888889vw);
        --spacing-3lg: max(5rem, 3.4722222222vw);
        --spacing-2lg: max(4.8rem, 3.3333333333vw);
        --spacing-lg: max(4rem, 2.7777777778vw);
        --spacing-2md: max(3.6rem, 2.5vw);
        --spacing-md: max(3rem, 2.0833333333vw);
        --spacing-2sm: max(2.4rem, 1.6666666667vw);
        --spacing-sm: max(2rem, 1.3888888889vw);
        --spacing-xs: max(1.6rem, 1.1111111111vw);
        --spacing-2xs: max(1.2rem, 0.8333333333vw);
        --spacing-3xs: max(1rem, 0.6944444444vw);
        --spacing-4xs: max(0.8rem, 0.5555555556vw);
        --spacing-5xs: max(0.6rem, 0.4166666667vw);
        --spacing-6xs: max(0.4rem, 0.2777777778vw);
        --spacing-7xs: max(0.2rem, 0.1388888889vw);
    }
}

/* MEDIA QUERIES:MAX ==================== */
@media (max-width: 1439px) {
    .show-xl {
        display: none !important;
    }
}

@media (max-width: 1279px) {
    .show-lg {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .show-md {
        display: none !important;
    }

    /* PAGE */
    /* PAGE: INDEX */
    /* <--- Index Gallery ---> */
    [data-section="index-gallery"] .block-content-center {
        margin-bottom: var(--spacing-2md);
    }

    [data-section="index-gallery"] .marquee {
        grid-gap: max(4.1025641026vw, var(--spacing-xs));
    }

    [data-card="polaroid"]:nth-child(4n + 1) {
        margin-top: 5.3846153846vw;
    }

    [data-card="polaroid"]:nth-child(4n + 3) {
        margin-top: 5.3846153846vw;
    }

    [data-card="polaroid"]:nth-child(4n + 2),
    [data-card="polaroid"]:nth-child(4n + 3),
    [data-card="polaroid"]:nth-child(4n + 4) {
        animation-delay: 0s;
    }

    [data-section="index-gallery"] .card-container {
        --column: 1;
        --gap-y: var(--spacing-xs);
    }

    [data-section="index-gallery"] .loadmore-button {
        margin-top: var(--spacing-xl);
    }
}

@media (max-width: 768px) {
    .show-sm {
        display: none !important;
    }

    .sc-inner.mb-t-header {
        padding-top: var(--header-height);
    }
    .sc-inner.mb-t-0 {
        padding-top: 0;
    }
    .sc-inner.mb-t-container {
        padding-top: var(--spacing-container);
    }
    .sc-inner.mb-t-25 {
        padding-top: calc(var(--gap-section) / 4);
    }
    .sc-inner.mb-t-50 {
        padding-top: calc(var(--gap-section) / 2);
    }
    .sc-inner.mb-t-75 {
        padding-top: calc(var(--gap-section) * 3 / 4);
    }
    .sc-inner.mb-t-100 {
        padding-top: var(--gap-section);
    }
    .sc-inner.mb-t-125 {
        padding-top: calc(var(--gap-section) * 1.25);
    }
    .sc-inner.mb-t-150 {
        padding-top: calc(var(--gap-section) * 1.5);
    }
    .sc-inner.mb-t-175 {
        padding-top: calc(var(--gap-section) * 1.75);
    }
    .sc-inner.mb-t-200 {
        padding-top: calc(var(--gap-section) * 2);
    }
    .sc-inner.mb-b-header {
        padding-bottom: var(--header-height);
    }
    .sc-inner.mb-b-0 {
        padding-bottom: 0;
    }
    .sc-inner.mb-b-container {
        padding-bottom: var(--spacing-container);
    }
    .sc-inner.mb-b-25 {
        padding-bottom: calc(var(--gap-section) / 4);
    }
    .sc-inner.mb-b-50 {
        padding-bottom: calc(var(--gap-section) / 2);
    }
    .sc-inner.mb-b-75 {
        padding-bottom: calc(var(--gap-section) * 3 / 4);
    }
    .sc-inner.mb-b-100 {
        padding-bottom: var(--gap-section);
    }
    .sc-inner.mb-b-125 {
        padding-bottom: calc(var(--gap-section) * 1.25);
    }
    .sc-inner.mb-b-150 {
        padding-bottom: calc(var(--gap-section) * 1.5);
    }
    .sc-inner.mb-b-175 {
        padding-bottom: calc(var(--gap-section) * 1.75);
    }
    .sc-inner.mb-b-200 {
        padding-bottom: calc(var(--gap-section) * 2);
    }

    :root {
        --font-size-h1: 2rem;
        --font-size-h1-serif: 5rem;
        --font-size-h2: 1.7rem;
        --font-size-h2-serif: 4.7rem;
        --font-size-h3: 1.4rem;
        --font-size-h3-serif: 4.2rem;
        --font-size-h4: 1.2rem;
        --font-size-h5: 1.1rem;
        --font-size-body-big: 1.6rem;
        --font-size-body: 1.3rem;
        --font-size-tagline: 1.1rem;
        --font-size-button: 1.2rem;
        --font-size-sub: 0.9rem;

        --spacing-container: var(--spacing-sm);
        --gap-section: var(--spacing-xl);
    }

    .button.outline {
        font-size: var(--font-size-button) !important;
        line-height: var(--line-height-button) !important;
        min-width: 14.8rem !important;
        padding: var(--spacing-sm) var(--spacing-lg) !important;
    }

    .label:not(.anim):not(:last-child) {
        margin-bottom: var(--spacing-2lg);
    }
    .label.radio:not(.anim):not(:last-child) {
        margin-bottom: var(--spacing-md);
    }

    .label-subttl {
        margin-top: calc(-1 * var(--spacing-lg));
        margin-bottom: var(--spacing-2lg);
    }
    /* HEADER ==================== */
    .header-intro {
        right: 0;
        text-align: right;
        justify-content: space-between;
    }

    /* FOOTER ==================== */
    #footer {
        padding-top: var(--spacing-7xl);
    }

    .footer-decoration {
        aspect-ratio: 5.8208955224;
    }

    .footer-decoration [class*="illus"] {
        width: 4.358974359vw;
        top: -25%;
    }

    /* Illus-4 */
    .footer-decoration .illus-4 {
        left: 16.9230769231vw;
    }

    /* Illus-8 */
    .footer-decoration .illus-8 {
        left: 45.3846153846vw;
        width: 8.9743589744vw;
    }

    /* Illus-5 */
    .footer-decoration .illus-5 {
        left: 78.7179487179vw;
    }

    /* Illus-2 */
    .footer-decoration .illus-2 {
        display: none;
    }

    /* Illus-9 */
    .footer-decoration .illus-9 {
        display: none;
    }

    /* Cursor */
    .cursor {
        display: none;
    }

    .footer-nav {
        grid-gap: var(--spacing-sm);
        flex-direction: column;
        align-items: center;
        padding: var(--spacing-sm) var(--spacing-container);
    }

    .footer-nav .footer-cta {
        width: 100%;
        text-align: center;
        font-size: var(--font-size-sub);
        font-family: var(--font-heading);
        font-weight: var(--font-weight-regular);
        padding-bottom: var(--spacing-sm);
        border-bottom: var(--border);
    }

    .footer-links .links {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: var(--spacing-6xs) var(--spacing-2xs);
        text-align: center;
        margin-bottom: var(--spacing-5xs);
    }

    .footer-links .links a {
        font-size: var(--font-size-sub);
    }

    /* COMPONENT */
    /* DEFAULT ====================*/

    /* SECTION ====================*/
    /* <--- CTA ---> */
    [data-section="cta"] .sc-inner {
        padding-bottom: max(30.7692307692vw, 12rem);
    }

    [data-section="cta"] .content {
        flex-direction: column-reverse;
        grid-gap: var(--spacing-3lg);
    }

    [data-section="cta"] .block-content-start {
        align-items: center;
        text-align: center;
    }

    [data-section="cta"] .block-content-start .block-desc > * {
        max-width: unset;
    }

    [data-section="cta"] .cta-diagram {
        aspect-ratio: 1.5486725664;
        width: 100%;
        margin-left: 0;
    }

    [data-section="cta"] .media-wrapper {
        mask-image: unset;
        width: 86.2857142857%;
        margin: 0 auto;
    }

    [data-section="cta"] .cta-decoration {
        width: 44%;
        left: 0;
        bottom: -9.7345132743%;
    }

    [data-section="cta"] .cta-note {
        width: 25.4285714286%;
        top: 86.2831858407%;
        left: 52.8571428571%;
    }

    [data-section="cta"] .cta-note .note > h3 {
        font-size: 2.3543589744vw;
    }

    [data-section="cta"] .cta-note .note .large {
        font-size: 4.2671794872vw;
    }

    [data-section="cta"] .cta-hotel {
        width: 19.7142857143%;
        top: 82.7433628319%;
        left: unset;
        right: 0;
    }

    [data-section="cta"] .cta-hotel .note {
        position: absolute;
        top: calc(100% + var(--spacing-2xs));
        left: unset;
        right: 0;
        transform: unset;
        text-align: right;
        width: 80vw;
    }

    /* Table Content */
    .table-content .tab-links {
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
    }

    .table-content .tab-links-content {
        gap: var(--spacing-xs);
    }

    /* Apply padding-right to last child only when there are 3+ tabs */
    .table-content .tab-links-content:has(.tab:nth-child(3)) .tab:last-child {
        padding-right: var(--offset);
    }

    /* DEFAULT */
    .table-content .table-row {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: var(--spacing-2sm);
        height: auto;
        padding: var(--spacing-2sm) 0;
    }

    .table-content .table-row div[inert]:last-child {
        display: none;
    }

    .table-content .table-row .header-cell .media {
        width: 28.7179487179vw;
    }

    .table-content .table-row .header-cell .media.large {
        width: 51.2820512821vw;
    }

    .table-content .table-row .cell {
        padding: 0;
    }

    .table-content .table-row .cell .cell-ttl {
        opacity: 0.5;
        margin-bottom: var(--spacing-4xs);
    }

    /* SCHEDULE TABLE */
    .table-content .schedule-table {
        --table-config: 100%;
    }

    .table-content .table-row .time,
    .table-content .table-row .activity,
    .table-content .table-row .location,
    .table-content .table-row .extra-detail {
        text-align: center;
        grid-column: 1;
    }

    /* Single Performer Table */
    .single-performer-table .table-row:not(.header-row) .cell {
        padding-top: 0;
        padding-bottom: 0;
    }

    .single-performer-table .table-row {
        padding: var(--spacing-2lg) 0;
    }

    /* Dialog Content */
    .dialog-content {
        max-width: 100vw;
        max-height: 80dvh;
        max-width: unset;
        max-height: unset;
    }

    .f-button.is-close-button {
        width: auto;
        height: auto;
        top: calc(var(--spacing-md) * -1);
        transform: translateY(-100%);
    }

    /* Dialog Content: Detail Slide */
    .fancybox__container.extra-detail-dialog .fancybox__slide.has-html {
        pointer-events: none;
    }
    .dialog-content.detail {
        pointer-events: auto;
    }
    .dialog-content.detail .mobile-slide {
        --gap: var(--spacing-xs);
        width: calc(100vw - var(--spacing-md) * 2);
        margin-left: calc(-1 * var(--gap) / 2);
        margin-right: calc(-1 * var(--gap) / 2);
    }

    .dialog-content.detail .mobile-slide .swiper {
        overflow: visible;
    }

    .dialog-content.detail .mobile-slide .swiper-slide {
        padding-left: calc(var(--gap) / 2);
        padding-right: calc(var(--gap) / 2);
    }

    /* .dialog-content.detail .swiper-slide {
        width: calc(100vw - var(--spacing-md) * 2) !important;
    } */
    .dialog-content.detail .detail-item {
        background-color: var(--color-cream);
        padding: var(--spacing-sm) var(--spacing-lg);
        height: 80dvh;
        font-family: var(--font-heading);
        font-weight: var(--font-weight-regular);
        text-align: center;
        text-wrap: balance;
    }

    .detail-item .detail-item-header {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: var(--spacing-4xs);
        padding-bottom: var(--spacing-sm);
        border-bottom: var(--border);
        margin-bottom: var(--spacing-6xs);
    }

    .detail-item .detail-item-header .meta-activity {
        line-clamp: 1;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        text-transform: uppercase;
    }

    .detail-item .detail-item-header .meta-activity * {
        font-size: var(--font-size-h3) !important;
        line-height: var(--line-height-h3) !important;
    }

    .detail-item .detail-item-header .meta-time {
        font-size: var(--font-size-h5);
        line-height: var(--line-height-h5);
        color: rgba(var(--color-body-black-rgb), 0.76);
    }

    .dialog-content.detail .detail-item-scroll {
        height: 80%;
        --offset: var(--spacing-lg);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -ms-scroll-chaining: none;
        overscroll-behavior: contain;
        -webkit-mask-box-image: -webkit-linear-gradient(
            -90deg,
            transparent 0%,
            white var(--offset),
            white calc(100% - var(--offset)),
            transparent 100%
        );
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .dialog-content.detail .detail-item-wrapper {
        display: grid;
        grid-template-columns: 1fr 1fr;
        row-gap: var(--spacing-lg);
        padding-top: var(--spacing-2md);
        padding-bottom: var(--spacing-2md);
    }

    .dialog-content.detail .sub-item.activity,
    .dialog-content.detail .sub-item.students {
        grid-column: span 2;
    }

    .dialog-content.detail .sub-item .sub-item-header {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: var(--spacing-4xs);
        padding-bottom: var(--spacing-3xs);
    }

    .dialog-content.detail .sub-item.students .sub-item-header {
        flex-direction: row;
        justify-content: center;
        gap: var(--spacing-6xs);
    }

    .dialog-content.detail .sub-item.activity .sub-item-header {
        padding-bottom: var(--spacing-2sm);
    }

    .dialog-content.detail .sub-item .media {
        aspect-ratio: 1;
    }

    .dialog-content.detail .sub-item.activity .media {
        width: 13.3333333333vw;
    }

    .dialog-content.detail .sub-item:is(.mentor, .room) .media {
        width: 10.5128205128vw;
    }

    .dialog-content.detail .sub-item.students .media {
        width: 5.3846153846vw;
    }

    .dialog-content.detail .sub-item-ttl {
        color: rgba(var(--color-body-black-rgb), 0.5);
    }

    .dialog-content.detail .swiper-pagination.custom {
        position: absolute;
        margin-top: 0;
        left: 50%;
        bottom: var(--spacing-3xs);
        transform: translateX(-50%);
        color: rgba(var(--color-body-black-rgb), 0.5);
    }

    .dialog-content.detail .swiper-nav {
        position: absolute;
        bottom: calc(-1 * var(--spacing-md));
        left: 50%;
        transform: translate(-50%, 100%);
        margin-top: 0;
    }

    .dialog-content.detail *[class*="swiper-button-"]:after {
        font-size: var(--font-size-h5);
        line-height: var(--line-height-h5);
        color: var(--color-cream);
    }

    .dialog-content.detail *[class*="swiper-button-"]:before {
        background-color: rgba(var(--color-cream-rgb), 0.3);
    }

    /* ELEMENT ====================*/

    /* PAGE */
    /* PAGE: INDEX */
    /* <--- Index Intro ---> */
    @keyframes slideOutLeft {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(-150vw);
        }
    }

    @-webkit-keyframes slideOutLeft {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(-150vw);
        }
    }

    @keyframes slideOutRight {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(150vw);
        }
    }

    @-webkit-keyframes slideOutRight {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(150vw);
        }
    }

    [data-section="index-intro"] .sc-billboard {
        padding: 0 var(--spacing-container);
    }

    [data-section="index-intro"] .pseudo-header {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        grid-gap: var(--spacing-xs);
        padding: var(--spacing-sm) 0;
        height: var(--header-height);
    }

    [data-section="index-intro"] .content {
        position: relative;
        height: 74.2155525239vh;
        justify-content: center;
    }

    [data-section="index-intro"] .video-container {
        width: 100%;
        max-width: 61.8rem;
        position: relative;
        z-index: 10;
        height: fit-content;
        top: 16.1467889908%;
    }

    [data-section="index-intro"] .video-wrapper {
        aspect-ratio: 1.5418502203;
        width: 100%;
        height: auto;
    }

    [data-section="index-intro"] .decoration-container {
        position: absolute;
        inset: 0;
        width: 100%;
        z-index: 20;
        justify-content: flex-end;
    }

    [data-section="index-intro"] .decoration-wrapper {
        aspect-ratio: unset;
        height: 100%;
        display: flex;
        align-items: flex-end;
        max-width: 44.3rem;
    }

    [data-section="index-intro"] .decoration-left {
        position: static;
        transform: unset;
        flex-shrink: 0;
    }

    [data-section="index-intro"] .illus-7 {
        width: 7.1794871795vw;
    }

    [data-section="index-intro"] .decoration-tree {
        flex-grow: 1;
        position: static;
    }

    [data-section="index-intro"] .illus-6 {
        width: 43.7142857143%;
        top: 0;
        left: 0;
        right: unset;
    }

    [data-section="index-intro"] .decoration-instrument {
        width: 42.2857142857%;
    }

    [data-section="index-intro"] .light-gradient {
        width: 126.1538461538vw;
        z-index: 5;
    }

    [data-section="index-intro"] [data-cloud="1"] {
        width: 91.2820512821vw;
        top: 6.275579809vh;
        left: 0;
    }

    [data-section="index-intro"] [data-cloud="2"] {
        width: 55.3846153846vw;
        top: 37.789904502vh;
        left: -4.3055555556vw;
    }

    [data-section="index-intro"] [data-cloud="3"] {
        width: 48.9743589744vw;
        top: 63.8472032742vh;
        left: -17.9487179487vw;
    }

    [data-section="index-intro"] [data-cloud="4"] {
        width: 52.05128205128vw;
        top: 34.1064120055vh;
        left: 41.7948717949vw;
    }

    [data-section="index-intro"] [data-cloud="5"] {
        width: 41.7948717949vw;
        top: 8.4583901774vh;
        right: 0;
    }

    [data-section="index-intro"] [data-cloud="6"] {
        width: 141.7948717949vw;
        top: 59.6180081855vh;
        right: 0;
    }

    /* <--- Index Landing ---> */
    [data-section="index-landing"] .landing-bg {
        aspect-ratio: 2.1728395062;
        margin-top: 18.7rem;
    }

    [data-section="index-landing"] [data-cloud="1"] {
        width: 20vw;
        top: -63.3540372671%;
        left: 0;
    }

    [data-section="index-landing"] [data-cloud="2"] {
        width: 12.8205128205vw;
        top: -17.3913043478%;
        left: 2.5714285714%;
    }

    [data-section="index-landing"] [data-cloud="3"] {
        width: 28.9743589744vw;
        top: -19.2283950617%;
    }

    [data-section="index-landing"] .landing-navigation {
        flex-direction: column;
        padding: var(--spacing-md) 0;
        grid-gap: var(--spacing-5xl);
    }

    [data-section="index-landing"] .landing-navigation .block-desc > * {
        max-width: unset;
    }

    [data-section="index-landing"] .block-media {
        width: 61.5384615385vw;
        margin-top: 0;
    }

    [data-section="index-landing"]
        .landing-navigation
        [class*="block-content-"]:nth-child(2) {
        order: -1;
    }

    [data-section="index-landing"] .team-list {
        --image-size: max(23.5897435897vw, 9.2rem);
        margin-top: 0;
    }

    /* <--- Index Vision ---> */
    [data-section="index-vision"] .content {
        flex-direction: column-reverse;
    }

    [data-section="index-vision"] .content [class*="block-content-"] {
        max-width: unset;
        margin-left: 0;
    }

    [data-section="index-vision"] .content .decorarion-wrapper {
        width: 100%;
    }

    [data-section="index-vision"] .illus-animation-frame {
        width: 12.8205128205vw;
    }

    /* <--- Index Join ---> */
    [data-section="index-join"] .card-container {
        --column: 1.3;
        --gap-y: var(--spacing-xs);
    }

    [data-section="index-join"] .slide-content .slide-desc {
        width: 100%;
    }

    /* PAGE: ACCOMMODATION */
    /* <--- Accommodation Landing ---> */
    [data-section="accommodation-landing"] .container {
        grid-template-rows: 1fr auto;
    }

    [data-section="accommodation-landing"] .landing-bg {
        aspect-ratio: 0.9090909091;
        /* aspect-ratio: 1.2589928058; */
        align-self: flex-end;
    }

    [data-section="accommodation-landing"] [data-cloud="1"] {
        width: 37.4358974359vw;
        top: 0;
        left: 0;
    }

    [data-section="accommodation-landing"] [data-cloud="2"] {
        width: 15.3846153846vw;
        top: 35.06493506494%;
        left: 2.5714285714%;
    }

    [data-section="accommodation-landing"] [data-cloud="3"] {
        width: 28.9743589744vw;
        top: 19.4805194805%;
    }

    [data-section="accommodation-landing"] .accordion {
        width: 16%;
        right: 7.1428571429%;
        bottom: 8.1428571429%;
    }

    /* <--- Content Template 1 ---> */
    [data-section="content-template-1"] .content {
        flex-direction: column-reverse;
        grid-gap: var(--spacing-xl);
    }

    [data-section="content-template-1"] .media {
        width: 77.4358974359vw;
        margin-left: 0;
    }

    [data-section="content-template-1"] .media.width-full-mb {
        width: 100%;
    }

    [data-section="content-template-1"] .media .decoration.trophy {
        width: 31.7142857143%;
        left: 0;
        bottom: -5.7251908397%;
    }

    /* <--- Content Template 2 ---> */
    [data-section="content-template-2"] .content {
        flex-direction: column;
        grid-gap: var(--spacing-3lg);
    }

    [data-section="content-template-2"] .media-wrapper {
        width: 100%;
        margin-right: 0;
    }

    [data-section="content-template-2"] [data-media="1"] .illus-5 {
        width: 8.7179487179vw;
        transform: translate(0, -50%);
    }

    [data-section="content-template-2"] [data-media="2"] .decoration {
        display: none;
    }

    /* <--- Performance Venue ---> */
    [data-section="performance-venue"] .venue-gallery {
        --gap-y: var(--spacing-3xs);
        --column: 2.3;
        padding-left: var(--spacing-sm);
    }
    [data-section="performance-venue"]
        .venue-gallery
        .swiper.auto
        .swiper-slide {
        width: calc(100% / var(--column)) !important;
    }

    [data-section="performance-venue"] .venue-gallery .media {
        width: auto;
    }

    [data-section="performance-venue"] .venue-bg {
        aspect-ratio: 2.8888888889;
        margin-top: 0;
        width: 100vw;
        margin-left: calc(-1 * var(--spacing-container));
    }

    [data-section="performance-venue"] .date-note {
        top: calc(100% + 15.3846153846vw);
        right: -8%;
        width: 33.5897435897vw;
        min-width: unset;
    }

    [data-section="performance-venue"] .date-note .note {
        justify-content: flex-start;
        padding: 50% 10% 40%;
    }

    [data-section="performance-venue"] .date-note .note > h3 {
        font-size: 2.1605128205vw;
    }

    [data-section="performance-venue"] .date-note .note .large {
        font-size: 3.4569230769vw;
    }
    /* <--- Map ---> */
    [data-section="map"] .container:after {
        content: none;
    }

    [data-section="map"] .illus-wrapper {
        display: none;
    }

    [data-section="map"] [data-decoration="1"] {
        aspect-ratio: 2.8024691358;
        width: 65.641025641vw;
        top: 51.2820512821vw;
        left: calc(-1 * var(--spacing-container));
    }

    [data-section="map"] [data-decoration="2"] {
        width: 25.8974358974vw;
        top: 72.5641025641vw;
        left: calc(-7.1794871795vw - var(--spacing-container));
    }

    [data-section="map"] [data-decoration="3"] {
        width: 50.916667vw;
        top: 40.875vw;
        right: calc(-25vw - var(--spacing-container));
    }

    [data-section="map"] .card-container {
        --gap-y: var(--spacing-sm);
        padding-left: 0;
        padding-right: 0;
    }

    [data-section="map"] .card-container:after,
    [data-section="map"] .card-container:before {
        width: 20.358974vw;
        height: calc(var(--max-content-height) * 1.1);
    }

    [data-section="map"] .card-container:after {
        background: linear-gradient(
            90deg,
            rgba(234, 232, 216, 0) 0%,
            #eae8d8 68.52%
        );
    }

    [data-section="map"] .card-container:before {
        background: linear-gradient(
            -90deg,
            rgba(234, 232, 216, 0) 0%,
            #eae8d8 68.52%
        );
    }

    [data-section="map"] .swiper-slide.hotel {
        --slide-width: 77.4358974359vw;
    }

    [data-section="map"] .swiper-slide.venue {
        --slide-width: 57.4358974359vw;
    }

    [data-section="map"] .swiper-slide [class*="block-content-"] {
        margin-top: var(--spacing-md);
        max-width: 90.3133159269%;
    }

    /* <--- Accommodation Package ---> */
    [data-section="accommodation-package"] .swiper.thumbs {
        --gap-y: var(--spacing-xs);
        overflow: visible;
    }

    [data-section="accommodation-package"] .swiper.thumbs .swiper-slide {
        width: auto !important;
        padding-left: calc(var(--gap-y) / 2);
        padding-right: calc(var(--gap-y) / 2);
    }

    [data-section="accommodation-package"]
        .swiper.thumbs
        .swiper-slide:not(.swiper-slide-thumb-active)
        .button::before {
        width: 0;
    }

    [data-section="accommodation-package"] .swiper.top {
        --gap-y: var(--spacing-xs);
        --column: 1;
        margin-top: var(--spacing-lg);
        position: relative;
    }

    [data-section="accommodation-package"] .swiper.top .swiper-slide {
        padding-left: calc(var(--gap-y) / 2);
        padding-right: calc(var(--gap-y) / 2);
    }

    [data-section="accommodation-package"] .block-desc strong {
        font-weight: var(--font-weight-regular);
    }

    /* Mentor */
    [data-section="mentor"] .landing-bg .bg {
        aspect-ratio: 0.9162303665;
        max-height: 60vh;
    }

    [data-section="mentor"] .landing-bg .bg:after {
        height: 31.9371727749%;
    }

    [data-section="mentor"] .landing-bg .bg img {
        object-position: bottom center;
        object-fit: contain;
    }

    [data-card="mentor"] .card-image {
        width: 66.6666666667vw;
        max-width: 40rem;
    }

    .mentor-modal {
        --offset-height: 10.5047748977vh;
    }

    .mentor-modal .swiper .swiper-slide {
        --gap: var(--spacing-4xs);
    }

    .mentor-modal .mentor-bio {
        width: 84.1025641026vw !important;
        height: 79.1268758527dvh;
        aspect-ratio: unset;
        align-items: center;
        flex-direction: column;
        padding: 0 var(--spacing-sm) var(--spacing-xl);
        overflow-y: auto;
    }

    .mentor-modal .swiper.main .swiper-slide:after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0;
        width: 84.1025641026vw;
        height: var(--spacing-xl);
        background: linear-gradient(
            180deg,
            rgba(234, 232, 216, 0) -32.05%,
            #eae8d8 100%
        );
    }

    .mentor-bio .slide-marker {
        display: none;
    }

    .mentor-bio .mentor-tag {
        writing-mode: unset;
        text-orientation: unset;
        width: 100%;
        height: auto;
        padding: var(--spacing-4xs) 0;
        border-right: none;
        border-bottom: 0.1rem solid rgba(var(--rgb), 0.2);
    }

    .mentor-bio .mentor-avatar {
        width: 100%;
        max-height: unset;
        padding: var(--spacing-2sm) 16.5653495441%;
    }

    .mentor-bio .mentor-bio-desc {
        height: auto;
        overflow-y: unset;
        flex-grow: unset;
        -webkit-mask-box-image: unset;
    }

    .mentor-modal .swiper.modal-year-selector {
        margin-top: var(--spacing-md);
    }

    /* Organizer */
    [data-section="organizer"] [class*="block-content-"] {
        margin-bottom: var(--spacing-xl);
    }

    [data-section="organizer"] .organizer-list {
        --item-height: 6.4rem;
        --avatar-width: 26.9230769231vw;
    }

    [data-section="organizer"] .organizer-item {
        justify-content: flex-start;
    }

    [data-section="organizer"] .organizer-item .item-wrapper {
        display: flex;
        flex-direction: column;
        max-width: calc(
            100vw - (var(--spacing-container) * 2) - var(--avatar-width) -
                var(--spacing-3xs)
        );
    }

    [data-section="organizer"] .organizer-item .organizer-position > * {
        text-align: left;
    }

    /* PAGE: AUDITION DETAILS */
    /* Audition Details Landing */
    [data-section="audition-details-landing"] .container {
        grid-template-rows: 1fr auto;
    }

    [data-section="audition-details-landing"] .landing-bg {
        aspect-ratio: 0.8293838863;
        align-self: flex-end;
    }

    [data-section="audition-details-landing"]
        .container
        [class*="block-content-"] {
        padding: var(--spacing-xs) 0;
    }

    [data-section="audition-details-landing"] [data-cloud="1"] {
        width: 37.4358974359vw;
        top: 34.8341232227%;
    }

    [data-section="audition-details-landing"] [data-cloud="2"] {
        width: 18.4615384615vw;
        top: 0;
    }

    [data-section="audition-details-landing"] .spotlight {
        width: 76.9230769231vw;
        top: 20.8530805687%;
    }

    [data-section="audition-details-landing"] .instrument[data-instrument="1"] {
        bottom: 12%;
        left: 48%;
        width: 33.3333333333vw;
    }

    [data-section="audition-details-landing"] .instrument[data-instrument="2"] {
        bottom: 14%;
        left: 13.4285714286%;
        width: 16.6666666667vw;
    }

    [data-section="audition-details-landing"] .instrument[data-instrument="3"] {
        bottom: 12%;
        right: 10.9756097561%;
        width: 25.641025641vw;
    }

    [data-section="audition-details-landing"] .note-wrapper {
        width: 33.5897435897vw;
        top: 12.7962085308%;
        bottom: unset;
        right: calc(-1 * 2.5714285714%);
    }

    [data-section="audition-details-landing"] .note:before {
        width: 6.9230769231vw;
        font-size: 4.6153846154vw;
    }

    [data-section="audition-details-landing"] .note {
        padding: 25% 12% 18%;
    }

    [data-section="audition-details-landing"] .note .note-label {
        font-size: 2.8205128205vw;
    }

    [data-section="audition-details-landing"] .note .note-day {
        font-size: 5.1282051282vw;
    }

    [data-section="audition-details-landing"] .note .note-month {
        font-size: 3.5897435897vw;
    }

    /* Excerpt List */
    [data-section="excerpt-list"] .excerpt-list .swiper-wrapper {
        transform: none !important;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        row-gap: var(--spacing-lg);
    }

    [data-section="excerpt-list"] .excerpt-list {
        --gap: var(--spacing-xs);
        margin-top: var(--spacing-2lg);
        margin-bottom: var(--spacing-2lg);
    }

    [data-section="excerpt-list"] .excerpt-list .swiper-slide {
        width: 50% !important;
    }

    [data-section="excerpt-list"] .excerpt-list .excerpt-item {
        width: 100%;
        padding: 0 var(--spacing-xs);
    }

    [data-section="excerpt-list"] .excerpt-list .excerpt-media {
        width: 100%;
    }

    [data-section="excerpt-list"] .excerpt-bg {
        aspect-ratio: 5.8333333333;
    }

    /* Contact Form */
    [data-section="contact-form"] .content {
        flex-direction: column;
        gap: var(--spacing-xl);
    }

    [data-section="contact-form"] .form-media {
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
        gap: var(--spacing-xl);
    }

    [data-section="contact-form"] .form-decoration {
        margin-top: 0;
    }

    [data-section="contact-form"] .form-content {
        width: 100%;
        margin-top: 0;
    }

    [data-section="contact-form"] .form-content .fields {
        margin-bottom: var(--spacing-xl);
        gap: var(--spacing-lg) 0;
    }

    [data-section="contact-form"] .form-content form {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* PAGE: DAILY SCHEDULE */
    [data-section="daily-schedule"] [class*="block-content-"] {
        margin-bottom: var(--spacing-lg);
    }

    /* PAGE: PERFORMANCE PROGRAM */
    [data-section="performance-program"] [class*="block-content-"] {
        margin-bottom: var(--spacing-lg);
    }

    .single-performer {
        flex-direction: column;
        gap: var(--spacing-2lg);
    }

    .single-performer > * {
        width: 100%;
    }

    .single-performer .sitcky-wrapper {
        position: static;
    }

    .single-performer-header {
        width: 100%;
    }
    .single-performer-header .media {
        width: 68.5714285714%;
    }

    /* PAGE: GALLERY */
    [data-section="gallery-landing"] .container [class*="block-content-"] {
        margin-top: var(--spacing-2xl);
        margin-bottom: var(--spacing-2lg);
    }

    [data-section="gallery-landing"] [class*="block-content-"] .block-subttl {
        max-width: max(22.3611111111vw, 32.2em);
    }

    [data-section="gallery-landing"] .movie-frame {
        width: 100%;
        bottom: 23.8461538462vw;
        aspect-ratio: 1.2350877193;
    }

    .movie-frame .movie {
        width: 84.142857%;
        top: 2.1014289717%;
        left: 8%;
    }

    [data-section="gallery-landing"] .landing-bg .sound-toggle {
        left: var(--spacing-3xs);
        bottom: var(--spacing-3xs);
        gap: 0;
        align-items: flex-start;
    }
    .sound-toggle .french-horn {
        width: 16.9230769231vw;
    }

    .movie-frame .full-screen-toggle {
        right: var(--spacing-6xs);
        bottom: var(--spacing-6xs);
    }

    @keyframes autoRotate {
        0%,
        100% {
            transform: rotate(-33.62deg);
        }
        50% {
            transform: rotate(-50deg);
        }
    }

    .movie-frame .film-see-more-toggle {
        position: absolute;
        left: auto;
        top: auto;
        right: 3%;
        bottom: 86%;
        transform: rotate(-33.62deg);
        width: 29.358974359vw;
        animation: autoRotate 4s infinite;
        -webkit-animation: autoRotate 4s infinite;
    }

    .full-video-gallery-dialog .fancybox__slide {
        align-items: flex-start;
    }

    .full-video-gallery-dialog .f-button.is-close-button {
        top: var(--spacing-md);
        right: unset;
        left: calc(100% + var(--spacing-xs));
        transform: unset;
    }

    #full-video-gallery {
        margin-bottom: 0;
    }

    .dialog-full-video-gallery {
        width: auto;
        height: 100dvh;
    }
    .dialog-full-video-gallery .video-film-scroll {
        width: auto;
        height: 100%;
        overflow-x: unset;
        overflow-y: auto;
    }

    @keyframes translateToBottom {
        0% {
            transform: translateY(-100%);
        }
        100% {
            transform: translateY(0);
        }
    }

    .dialog-full-video-gallery .video-film-wrapper {
        flex-direction: column;
        animation: translateToBottom 1.5s cubic-bezier(0.16, 1, 0.3, 1);
        height: 100%;
        justify-content: center;
    }

    .video-film-wrapper.smaller-items {
        height: auto;
        justify-content: flex-start;
    }

    .video-film-wrapper.smaller-items .video-film-item {
        width: auto;
        height: 13.3333333333dvh;
    }

    .video-film-item {
        position: relative;
        width: auto;
        height: 14.2857142857dvh;
        aspect-ratio: 2.07182320442;
    }

    .video-film-item .thumb {
        width: 83.9791666667%;
    }

    /* Testimonial */
    [data-section="testimonial"] .content {
        flex-direction: column-reverse;
        gap: var(--spacing-2xl);
    }

    [data-section="testimonial"] .content > * {
        width: 100%;
    }

    [data-section="testimonial"] .testimonial-text {
        padding: 0;
    }

    [data-section="testimonial"] .testimonial-media {
        height: auto;
        width: 100%;
        aspect-ratio: 1.3333333333;
    }

    .testimonial-media [data-cloud="1"] {
        bottom: -5.8974358974vw;
        left: -8.9743589744vw;
        width: 33.3333333333vw;
    }

    .testimonial-media [data-cloud="2"] {
        top: -7.4358974359vw;
        right: -13.8461538462vw;
        width: 24.358974359vw;
    }

    /* PAGE: CONTACT */
    [data-section="contact-landing"] {
        min-height: unset;
    }

    [data-section="contact-landing"] .container {
        gap: var(--spacing-4xl);
    }

    [data-section="contact-landing"] .container::before {
        content: none;
    }

    [data-section="contact-landing"] .contact-method {
        gap: var(--spacing-3lg);
        flex-direction: column;
    }

    .contact-method .item-media {
        width: 37.4358974359vw;
    }

    [data-section="contact-landing"] .contact-footer {
        margin-top: var(--spacing-sm);
        margin-bottom: calc(-1 * 1.6666666667vw);
    }

    [data-section="contact-landing"] .contact-footer .decoration-1 {
        width: 60vw;
    }

    [data-section="contact-landing"] .decoration-1 .illus-13 {
        width: 5.1282051282vw;
    }

    [data-section="contact-landing"] .contact-footer .decoration-2 {
        width: 24.8717948718vw;
        margin-bottom: 1.6666666667vw;
    }

    [data-section="contact-landing"] .decoration-2 .illus-4 {
        width: 4.358974359vw;
    }

    /* PAGE: POLICY */
    [data-section="policy"] .tab-links {
        margin-top: var(--spacing-5xs);
    }

    [data-section="policy"] .tab-contents {
        margin-top: var(--spacing-2xl);
    }

    /* PAGE: NOT FOUND */
    [data-section="not-found"] .home-button {
        margin-top: var(--spacing-3xs);
    }

    [data-section="not-found"] .not-found-bg {
        aspect-ratio: 2.07582938389;
    }

    [data-section="not-found"] .not-found-bg .french-horn {
        width: 56.347222vw;
        left: 7.7777777778%;
    }

    [data-section="not-found"] .not-found-bg .fg {
        width: 65.3846153846vw;
        left: -12.8205128205vw;
    }

    [data-section="not-found"] .not-found-bg .illus-5 {
        width: 5.641025641vw;
        top: 14.6153846154vw;
        left: 57.1794871795vw;
    }

    [data-section="not-found"] .not-found-bg .illus-14 {
        width: 5.3846153846vw;
        top: 20.2564102564vw;
        left: 68.4615384615vw;
    }

    [data-section="not-found"] .not-found-bg .illus-4 {
        width: 6.4102564103vw;
        top: 11.02564102564vw;
        left: 88.9743589744vw;
    }

    [data-section="not-found"] .not-found-bg .illus-13 {
        display: none;
    }

    /* APPLICATION FORM */
    [data-section="application"] .form-section-ttl > * {
        font-size: var(--font-size-h2) !important;
        line-height: var(--line-height-h2) !important;
    }

    [data-section="application"]
        .container
        > [class*="block-content-"]
        .block-desc
        .button {
        margin-top: 0.25rem !important;
    }

    .file-upload-wrapper {
        width: 100%;
    }

    [data-section="application"] .group-member-item {
        grid-template-columns: 1.8rem 1fr;
        gap: var(--spacing-2xs);
    }

    [data-section="application"] .group-member-item:not(:last-child) {
        margin-bottom: var(--spacing-2lg);
    }

    [data-section="application"] .group-member-item .input:nth-child(2) {
        margin-bottom: var(--spacing-2md);
    }

    [data-section="application"] .group-member-item .input:nth-child(3) {
        grid-column: 2;
    }

    [data-section="application"] .conditional-field .add-member-btn {
        margin-left: calc(1.8rem + var(--spacing-2xs));
    }

    /* COMPLETE */
    [data-section="application"] .complete {
        margin-top: var(--spacing-xl);
    }

    [data-section="application"]
        .complete
        [class*="block-content-"]
        .block-cta {
        margin-top: var(--spacing-3xs);
    }
}

@media (max-width: 575px) {
    .show-xs {
        display: none !important;
    }
}

@media (max-width: 390px) {
    .show-2xs {
        display: none !important;
    }
}