{"id":109629,"date":"2025-04-24T12:14:55","date_gmt":"2025-04-24T05:14:55","guid":{"rendered":"https:\/\/jblstore.co.id\/?page_id=109629"},"modified":"2025-06-02T14:08:08","modified_gmt":"2025-06-02T07:08:08","slug":"tomorrowland","status":"publish","type":"page","link":"https:\/\/jblstore.co.id\/en\/tomorrowland\/","title":{"rendered":"JBL x Tomorrowland 2025"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"109629\" class=\"elementor elementor-109629\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bb5a8c2 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"bb5a8c2\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d349278\" data-id=\"d349278\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5b14f4e elementor-widget elementor-widget-shortcode\" data-id=\"5b14f4e\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\n    :root {\n        --length-dice: 80px;\n        --colorbase-dice: #023;\n        --colortheme-dice: #f0ede6;\n        \/* --colortheme-dice: #0fe; *\/\n    }\n    \n    #title {\n        display: none;\n    }\n\n    .cta {\n        position: relative;\n        overflow: visible;\n        font-family: var(--font-body);\n        transition: all 0.3s ease-in-out;\n        z-index: 0; \/* Jangan terlalu tinggi *\/\n        background: #f15a29; \/* Contoh background *\/\n        color: white;\n        padding: 1rem 2rem;\n        border: none;\n        cursor: pointer;\n        \/* -webkit-box-shadow: -1px 4px 49px -7px rgba(255, 255, 255, 0.75)!important;\n        -moz-box-shadow: -1px 4px 49px -7px rgba(255, 255, 255, 0.75)!important;\n        box-shadow: -1px 4px 49px -7px rgba(255, 255, 255, 0.75)!important; *\/\n    }\n\n    .cta:hover {\n        -webkit-box-shadow: none!important;\n        -moz-box-shadow: none!important;\n        box-shadow: none!important;\n    }\n\n    .cta span {\n        position: relative;\n        z-index: 1; \/* Teks tombol tetap di atas efek *\/\n        font-weight: bold;\n    }\n\n    .cta::before {\n        content: '';\n        position: absolute;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        transition: opacity 0.4s ease;\n        z-index: 0;\n        pointer-events: none;\n        opacity: .15;\n    }\n    \/* display: none; *\/\n    \/* filter: blur(10px); Efek blur agar tampak motion *\/\n\n    .cta::before {\n        left: 50%;\n        transform: translateX(-50%);\n        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 25%, rgba(255, 255, 255, .7) 50%, rgba(255, 255, 255, .5) 75%, rgba(255, 255, 255, 0) 100%);\n        width: 200%;\n    }\n\n    \/* .cta::after {\n        right: 0;\n        transform: translateX(50%);\n        background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.35) 90%);\n    } *\/\n\n    .cta:hover::before {\n        \/* width: 0; *\/\n        opacity: 1;\n    }\n\n    .cta:hover::after {\n        \/* width: 0; *\/\n        opacity: 1;\n    }\n\n    @media (max-width: 768px) {\n        .is-desktop {\n            display: none !important;\n        }\n    }\n\n    @media (min-width: 769px) {\n        .is-mobile {\n            display: none !important;\n        }\n    }\n\n    @keyframes blink{\n        0% { opacity: 1; }\n        100% { opacity: .2; }\n    }\n    @keyframes roll{\n        0% { transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) }\n        50% { transform: rotateX(40deg) rotateY(180deg) rotateZ(320deg) }\n        100% { transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg) }\n    }\n    \n    #tomorrow-land {\n        position: relative;\n        max-width: var(--sizing-max-page);\n        margin: 0 auto;\n        \n        #hero {\n            position: relative;\n            \n            .banner {\n                display: flex;\n                \n                img {\n                    width: 100%;\n                    object-fit: cover;\n                }\n            }\n\n            .banner-text {\n                position: absolute;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                padding-bottom: 30px;\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n\n                @media (max-width: 767px) {\n                    padding-bottom: 20px;\n                }\n\n                .mycta {\n                    color: white;\n                    background-color: var(--jblorange);\n                    font-family: Grostesk-ExtraBold, sans-serif;\n                    font-size: clamp(11px, calc(0.6875rem + ((1vw - 3.76px) * 0.8459)), 20px);\n                    min-height: 0vw;\n                    padding: 10px 35px;\n                    text-transform: uppercase;\n                    text-wrap: balance;\n\n                    @media (max-width: 767px) {\n                        padding: 9px 19px;\n                    }\n                }\n\n                small {\n                    color: white;\n                    margin-top: 18px;\n                    font-size: clamp(12px, calc(0.75rem + ((1vw - 3.76px) * 0.7519)), 20px);\n                    min-height: 0vw;\n                    font-family: Grostesk-Regular,sans-serif;\n                    text-wrap: balance;\n                    text-align: center;\n\n                    @media (max-width: 767px) {\n                        line-height: 120%;\n                    }\n                }\n            }\n        }\n\n        #mini-games {\n            position: relative;\n            background-color: #ff4b16;\n            background-image: url('\/wp-content\/uploads\/2025\/04\/tomorrowland2025-minigames-background-hd-scaled.webp');\n            \/* background-image: url('\/wp-content\/uploads\/2025\/04\/tomorrowland2025-minigames-background-scaled.webp'); *\/\n            background-position: center;\n            background-repeat: no-repeat;\n            background-size: cover;\n            padding: 46px 28px;\n            display: none;\n\n            @media (max-width: 767px) {\n                padding: 14px 15px;\n            }\n            \n            .inside {\n                display: grid;\n                grid-template-columns: repeat(2, minmax(0,1fr));\n                gap: 50px;\n\n                @media (max-width: 767px) {\n                    grid-template-columns: repeat(1, minmax(0,1fr));\n                    gap: 20px;\n                }\n\n                .left-side {\n                    position: relative;\n                    \n                    .img-wrapper {\n                        display: flex;\n                        width: 100%;\n                        height: 100%;\n                    }\n                }\n\n                .right-side {\n                    position: relative;\n                    background-color: black;\n                    color: white;\n                    \/* background-image: url('\/wp-content\/uploads\/2025\/04\/tomorrowland2025-minigames-rightside-hd.webp'); *\/\n                    \/* background-image: url('\/wp-content\/uploads\/2025\/04\/tomorrowland2025-minigames-rightside.webp'); *\/\n                    \/* background-position: center;\n                    background-repeat: no-repeat;\n                    background-size: cover; *\/\n\n                    \/* @media (max-width: 767px) { *\/\n                        \/* background-image: url('\/wp-content\/uploads\/2025\/04\/tomorrowland2025-minigames-rightside-mobile-hd.webp'); *\/\n                        \/* background-image: url('\/wp-content\/uploads\/2025\/04\/tomorrowland2025-minigames-rightside-mobile.webp'); *\/\n                    \/* } *\/\n\n                    .game-container {\n                        height: 100%;\n                        color: white;\n                        text-align: center;\n                        display: flex;\n                        gap: 31.46px;\n                        flex-direction: column;\n                        justify-content: center;\n                        \/* align-items: center; *\/\n                        padding: 30px;\n\n                        @media (max-width: 767px) {\n                            padding: 60px 10px;\n                        }\n\n                        .title-section {\n                            font-size: clamp(32px, calc(2rem + ((1vw - 3.76px) * 1.5038)), 48px);\n                            min-height: 0vw;\n                            text-align: center;\n                            font-family: \"Kostic - Roc Grotesk Bold\",Arial, Helvetica, sans-serif;\n                            line-height: 25px;\n                            letter-spacing: -0.02em;\n                            margin: 0;\n                        }\n\n                        .text-section, .toc-link {\n                            font-size: clamp(12px, calc(0.75rem + ((1vw - 3.76px) * 0.7519)), 20px);\n                            min-height: 0vw;\n                            text-align: center;\n                            color: black;\n                            font-family: Grostesk-Regular,Arial, Helvetica, sans-serif;\n                            line-height: 25px;\n                            letter-spacing: -0.02em;\n                        }\n\n                        .dice-game {\n                            perspective: 500px;\n                            text-align: center;\n                            position: relative;\n                            \n                            .dice-shadow {\n                                position: absolute;\n                                bottom: -60%;\n                                left: 50%;\n                                transform: translateX(-50%);\n                                width: 200%;\n                                height: 10px;\n                                background: rgba(0, 0, 0, 0.8);\n                                filter: blur(7px);\n                                border-radius: 50%;\n                                z-index: 0;\n                            }\n                            \n                            .dice {\n                                background: var(--colortheme-dice);\n                                width: var(--length-dice);\n                                height: var(--length-dice);\n                                position: relative;\n                                transform-style: preserve-3d;\n                                transition: 1s ease-out;\n                                animation: roll 4s linear infinite;\n\n                                div {\n                                    width: 100%;\n                                    height: 100%;\n                                    border-radius: 10%;\n                                    position: absolute;\n                                    box-sizing: border-box;\n                                    border: 2px solid var(--colortheme-dice);\n                                    background: var(--colortheme-dice);\n                                    color: rgba(var(--colorbase-dice),.2);\n                                    line-height: var(--length-dice);\n                                    font-size: calc(var(--length-dice)\/2);\n                                    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.3);\n                                }\n                                .front{\n                                    top: 0;\n                                    left: 0;\n                                    transform: translateZ( calc(var(--length-dice)\/2) );\n                                }\n                                .back{\n                                    top: 0;\n                                    left: 0;\n                                    transform: translateZ( calc(var(--length-dice)\/-2) ) rotateY(180deg);\n                                }\n                                .left{\n                                    top: 0;\n                                    left: calc(var(--length-dice)\/2);\n                                    transform: rotateY(90deg);\n                                }\n                                .right{\n                                    top: 0;\n                                    right: calc(var(--length-dice)\/2);\n                                    transform: rotateY(-90deg);\n                                }\n                                .top{\n                                    top: calc(var(--length-dice)\/2);\n                                    left: 0;\n                                    transform: rotateX(-90deg);\n                                }\n                                .bottom{\n                                    bottom: calc(var(--length-dice)\/2);\n                                    left: 0;\n                                    transform: rotateX(90deg);\n                                }\n                            }\n                        }\n                        \n                        .bottom-wrap {\n                            margin-top: 50px;\n                            \n                            .details {\n                                font-family: \"Kostic - Roc Grotesk Bold\",Arial, Helvetica, sans-serif;\n                                font-size: clamp(14px, calc(0.875rem + ((1vw - 3.76px) * 0.9398)), 24px);\n                                min-height: 0vw;\n                                margin-bottom: 28px;\n\n                                .mark {\n                                    background-color: white;\n                                    padding: 3px;\n                                    color: var(--jblorange);\n                                    display: inline;\n                                    transition: background 0.3s ease;\n\n                                    &:hover {\n                                        background-color: rgba(255, 255, 255, .45);\n                                    }\n                                }\n                            }\n\n                            .toc-link {\n                                text-decoration: underline;\n                                text-decoration-color: white;\n                                transition: text-decoration-color 0.3s ease;\n                                color: white;\n                                display: block;\n                                width: fit-content;\n                                margin: 0 auto;\n                                margin-bottom: 28px;\n                                \n                                &:hover {\n                                    text-decoration-color: transparent;\n                                }\n                            }\n\n                            .mycta {\n                                color: white;\n                                background-color: var(--jblorange);\n                                font-family: Grostesk-ExtraBold, sans-serif;\n                                font-size: clamp(11px, calc(0.6875rem + ((1vw - 3.76px) * 0.8459)), 20px);\n                                min-height: 0vw;\n                                padding: 10px 35px;\n                                text-transform: uppercase;\n                                text-wrap: balance;\n                                margin-top: 25px;\n\n                                @media (max-width: 767px) {\n                                    padding: 9px 19px;\n                                }\n                            }\n                        }\n\n                        .form {\n                            h3 {\n                                color: white;\n\n                                span {\n                                    color: var(--jblorange);\n                                }\n                            }\n\n                            .form-container {\n                                form {\n                                    .segments {\n                                        .segment {\n                                            .form-control {\n                                                background: rgba(255, 255, 255,.25) !important;\n                                                border: none;\n                                                color: white;\n                                                margin-bottom: 20px;\n                                                border-bottom: 3px solid white;\n                                                border-radius: 0px;\n                                            }\n                                        }\n                                    }\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n\n        #stage-artists {\n            position: relative;\n\n            .inside {\n                background-image: url(\"\/wp-content\/uploads\/2025\/04\/tomorrowland-background-artist-desktop.webp\");\n                background-position: top;\n                background-repeat: no-repeat;\n                \/* background-size: contain; *\/\n                background-color: #ff4713;\n                \n                .stage-jbl {\n                    \/* background-color: #25060b; *\/\n                    \/* background-image: url('\/wp-content\/uploads\/2025\/04\/tomorrowland2025-stageartits-background-hd-scaled.webp'); *\/\n                    \/* background-image: url('\/wp-content\/uploads\/2025\/04\/tomorrowland2025-stageartits-background-scaled.webp'); *\/\n                    \/* background-position: top center; *\/\n                    \/* background-repeat: no-repeat;\n                    background-size: cover; *\/\n                    display: grid;\n                    grid-template-columns: repeat(2, minmax(0,1fr));\n                    padding: 62px 90px 132px;\n\n                    @media (max-width: 1440px) {\n                        padding-bottom: 80px;\n                    }\n\n                    @media (max-width: 767px) {\n                        grid-template-columns: repeat(1, minmax(0,1fr));\n                        padding: 30px 0px 0px;\n                    }\n\n                    .left-side {\n                        padding-top: 50px;\n                        display: flex;\n                        flex-direction: column;\n                        align-items: center;\n\n                        @media (max-width: 767px) {\n                            padding-inline: 70px;\n                            padding-bottom: 50px;\n                            padding-top: 10px;\n                        }\n                        \n                        .title-section {\n                            font-family: \"Kostic - Roc Grotesk Bold\",Arial, Helvetica, sans-serif;\n                            color: white;\n                            font-size: clamp(24px, calc(1.5rem + ((1vw - 3.76px) * 3.7594)), 64px);\n                            min-height: 0vw;\n                            max-width: 496.35px;\n                            width: 100%;\n                            margin-bottom: 50px;\n\n                            @media (max-width: 1440px) {\n                                margin-bottom: 20px;\n                            }\n                            \n                            @media (max-width: 767px) {\n                                margin-bottom: 15px;\n                            }\n\n                            span {\n                                display: block;\n                            }\n                            \n                            span:nth-child(even) {\n                                text-align: right;\n                            }\n                        }\n\n                        .text-section {\n                            color: white;\n                            max-width: 508.77px;\n                            font-size: clamp(8px, calc(0.5rem + ((1vw - 3.76px) * 1.1278)), 20px);\n                            min-height: 0vw;\n                            letter-spacing: -0.02em;\n                            font-family: Grostesk-Regular,Arial, Helvetica, sans-serif;\n\n                            @media (max-width: 767px) {\n                                text-align: center;\n                            }\n\n                            p {\n                                position: relative;\n                                \n                                @media (max-width: 1440px) {\n                                    margin-bottom: .8em;\n                                }\n\n                                @media (max-width: 767px) {\n                                    margin-bottom: inherit;\n                                }\n                            }\n                        }\n                    }\n\n                    .right-side {\n                        .img-wrapper {\n                            display: flex;\n                        }\n                    }\n                }\n\n                .discover {\n                    \/* background-color: #25060b;\n                    background-image: url('\/wp-content\/uploads\/2025\/04\/tomorrowland2025-stageartits-secondbackground-hd-scaled.webp'); *\/\n                    \/* background-image: url('\/wp-content\/uploads\/2025\/04\/tomorrowland2025-stageartits-secondbackground-scaled.webp'); *\/\n                    \/* background-position: top center;\n                    background-repeat: no-repeat;\n                    background-size: cover; *\/\n                    display: none;\n\n                    @media (max-width: 767px) {\n                        background-image: url('\/wp-content\/uploads\/2025\/04\/tomorrowland2025-stageartits-background-mobile-hd.webp');\n                        \/* background-image: url('\/wp-content\/uploads\/2025\/04\/tomorrowland2025-stageartits-background-mobile.webp'); *\/\n                        padding: 42px 0px 16px;\n                        overflow: visible;\n                        background-position: center 180%;\n                        background-repeat: no-repeat;\n                        background-size: cover;\n                    }\n\n                    .text-wrap {\n                        display: grid;\n                        grid-template-columns: 60% 40%;\n    \n                        @media (max-width: 767px) {\n                            grid-template-columns: repeat(1, minmax(0,1fr));\n                        }\n    \n                        .left-side {\n                            display: flex;\n                            align-items: center;\n                            justify-content: center;\n                            \n                            .title-section {\n                                font-family: \"Kostic - Roc Grotesk Bold\",Arial, Helvetica, sans-serif;\n                                color: white;\n                                font-size: clamp(24px, calc(1.5rem + ((1vw - 3.76px) * 3.7594)), 64px);\n                                min-height: 0vw;\n                                width: 100%;\n                                margin-bottom: 50px;\n                                width: fit-content;\n\n                                @media (max-width: 767px) {\n                                    margin-bottom: 20px;\n                                }\n    \n                                span {\n                                    display: block;\n                                }\n\n                                span:nth-child(odd) {\n                                    margin-left: 100px;\n\n                                    @media (max-width: 767px) {\n                                        margin-left: 42px;\n                                    }\n                                }\n                            }\n                        }\n    \n                        .right-side {\n                            .text-section {\n                                color: white;\n                                max-width: 565.32px;\n                                font-size: clamp(8px, calc(0.5rem + ((1vw - 3.76px) * 1.1278)), 20px);\n                                min-height: 0vw;\n                                letter-spacing: -0.02em;\n                                font-family: Grostesk-Regular,Arial, Helvetica, sans-serif;\n    \n                                @media (max-width: 767px) {\n                                    text-align: center;\n                                    max-width: 212.96px;\n                                    margin-inline: auto;\n                                }\n                            }\n                        }\n                    }\n\n                    .artists-wrap {\n                        margin-top: 170px;\n                        padding-inline: 68px;\n                        padding-bottom: 62px;\n                        display: none;\n\n                        @media (max-width: 1440px) {\n                            margin-top: 50px;\n                        }\n                        \n                        @media (max-width: 767px) {\n                            margin-top: 40px;\n                            padding-inline: 0px;\n                            padding-bottom: 0px;\n                        }\n                        \n                        .subtitle-section {\n                            font-family: \"Kostic - Roc Grotesk Condensed Bold\";\n                            color: white;\n                            font-size: clamp(16px, calc(1rem + ((1vw - 3.76px) * 2.2556)), 40px);\n                            min-height: 0vw;\n                            text-transform: uppercase;\n\n                            @media (max-width: 767px) {\n                                text-align: center;\n                                padding-inline: 58px;\n                            }\n                        }\n\n                        .artist-lists {\n                            overflow: visible;\n                            \n                            .artists-wrap-2 {\n                                display: grid;\n                                grid-template-columns: repeat(3, minmax(0,1fr));\n                                gap: 35px;\n                                \n                                @media (max-width: 767px) {\n                                    gap: 20px;\n                                    display: flex;\n                                    overflow: auto;\n                                    scroll-snap-type: x mandatory;\n                                    scroll-behavior: smooth;\n                                    scrollbar-width: none;\n                                }\n\n                                &::-webkit-scrollbar {\n                                    width: 0em;\n                                }\n\n                                .artist {\n                                    width: 100%;\n\n                                    @media (max-width: 767px) {              \t\n                                        scroll-snap-align: center;\n                                    }\n                                    \n                                    img {\n                                        position: relative;\n                                        \n                                        @media (max-width: 767px) {\n                                            min-height: 310px;\n                                            min-width: 287.82px;\n                                        }\n                                    }\n                                }\n\n                                .artist-placeholder {\n                                    scroll-snap-align: center;\n                                    flex-shrink: 0;\n                                    \n                                    .inside-placeholder {\n                                        width: calc(.039rem*37);\n                                        flex-shrink: 0;\n                                    }\n                                }\n                            }\n                        }\n\n                        .artist-controller {\n                            display: flex;\n                            padding-inline: 30px;\n                            margin-top: 13px;\n                            gap: 12px;\n                            \n                            .arrows {\n                                display: flex;\n                                gap: 13px;\n                                align-items: center;\n\n                                .arrow {\n                                    opacity: 1;\n                                    transition: opacity .25s ease;\n\n                                    &:hover {\n                                        opacity: .6;\n                                    }\n                                    \n                                    &:active, &:focus {\n                                        outline: none;\n                                    }\n\n                                    &:disabled {\n                                        opacity: .6;\n                                        pointer-events: none;\n                                        cursor: not-allowed;\n                                    }\n                                }\n                            }\n\n                            .line-control {\n                                width: 100%;\n                                display: flex;\n                                align-items: center;\n                                position: relative;\n\n                                .line {\n                                    background-color: white;\n                                    opacity: .2;\n                                    width: 100%;\n                                    height: 5px;\n                                    transition: opacity .25s ease;\n                                    cursor: pointer;\n\n                                    &:hover {\n                                        opacity: .15;\n                                    }\n                                }\n\n                                .line-fill {\n                                    background-color: white;\n                                    opacity: 1;\n                                    width: 0%;\n                                    height: 5px;\n                                    position: absolute;\n                                    top: 50%;\n                                    transform: translateY(-50%);\n                                    transition: opacity .25s ease;\n                                    cursor: pointer;\n\n                                    &:hover {\n                                        opacity: .7;\n                                    }\n                                }\n                            }\n                        }\n                        \n                        .mycta {\n                            color: white;\n                            background-color: var(--jblorange);\n                            font-family: Grostesk-ExtraBold, sans-serif;\n                            font-size: clamp(11px, calc(0.6875rem + ((1vw - 3.76px) * 0.8459)), 20px);\n                            min-height: 0vw;\n                            padding: 10px 35px;\n                            text-transform: uppercase;\n                            text-wrap: balance;\n                            margin-top: 80px;\n                            margin-bottom: 62px;\n                            margin-inline: auto;\n                            display: block;\n                            width: fit-content;\n\n                            @media (max-width: 767px) {\n                                padding: 9px 19px;\n                                margin-top: 10px;\n                                margin-bottom: 16px;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n\n        #trailer {\n            position: relative;\n            background-color: var(--jblorange);\n            padding: 0px 55px 65px;\n            padding-top: 50px;\n            \n            @media (max-width: 767px) {\n                padding: 0px;\n                padding-top: 20px;\n                padding-bottom: 15px;\n            }\n        }\n\n        #highlight-product {\n            position: relative;\n            display: none;\n            \n            .img-wrapper {\n                display: flex;\n            }\n            \n            .banner-text {\n                position: absolute;\n                left: 0;\n                right: 0;\n                bottom: 0;\n                padding-bottom: 58px;\n                display: flex;\n                flex-direction: column;\n                align-items: center;\n\n                @media (max-width: 767px) {\n                    padding-bottom: 30px;\n                }\n\n                .mycta {\n                    color: white;\n                    background-color: var(--jblorange);\n                    font-family: Grostesk-ExtraBold, sans-serif;\n                    font-size: clamp(11px, calc(0.6875rem + ((1vw - 3.76px) * 0.8459)), 20px);\n                    min-height: 0vw;\n                    padding: 10px 35px;\n                    text-transform: uppercase;\n                    text-wrap: balance;\n                    margin-top: 38px;\n\n                    @media (max-width: 767px) {\n                        padding: 9px 19px;\n                        margin-top: 18px;\n                    }\n                }\n\n                small {\n                    color: white;\n                    margin-top: 18px;\n                    font-size: clamp(12px, calc(0.75rem + ((1vw - 3.76px) * 0.7519)), 20px);\n                    min-height: 0vw;\n                    font-family: Grostesk-Regular,sans-serif;\n                    text-wrap: balance;\n                    text-align: center;\n\n                    @media (max-width: 767px) {\n                        line-height: 120%;\n                    }\n                }\n            }\n        }\n\n        \/* FIX YT ON CHROME *\/\n        .rll-youtube-player iframe {\n            z-index: 1!important;\n        }\n    }\n<\/style>\n<div id=\"tomorrow-land\">\n    <section id=\"hero\">\n        <picture class=\"banner\">\n            <img fetchpriority=\"high\" decoding=\"async\" \n                src=\"\/wp-content\/uploads\/2025\/04\/tomorrowland2025-banner-background-desktop-hd-scaled.webp\" \n                alt=\"Tomorrow Land Banner\" \n                width=\"2560\"\n                height=\"1440\"\n                loading=\"eager\"\n                class=\"is-desktop\"\n            >\n            <!-- <img decoding=\"async\" \n                src=\"\/wp-content\/uploads\/2025\/04\/tomorrowland2025-banner-background-desktop-scaled.webp\" \n                alt=\"Tomorrow Land Banner\" \n                width=\"2560\"\n                height=\"1440\"\n                loading=\"eager\"\n                class=\"is-desktop\"\n             > -->\n            <img decoding=\"async\" \n                src=\"\/wp-content\/uploads\/2025\/04\/tomorrowland2025-banner-background-mobile-hd.webp\" \n                alt=\"Tomorrow Land Banner\" \n                width=\"563\"\n                height=\"885\"\n                loading=\"eager\"\n                class=\"is-mobile\"\n            >\n            <!-- <img decoding=\"async\" \n                src=\"\/wp-content\/uploads\/2025\/04\/tomorrowland2025-banner-background-mobile.webp\" \n                alt=\"Tomorrow Land Banner\" \n                width=\"563\"\n                height=\"885\"\n                loading=\"eager\"\n                class=\"is-mobile\"\n             > -->\n        <\/picture>\n        <div class=\"banner-text\">\n            <a href=\"\/en\/tomorrowland\/form\/\" title=\"Experience Tomorrow\" class=\"cta mycta\">\n                <span class=\"cta__text\">Enter Now<\/span>\n            <\/a>\n            <small class=\"is-desktop\">Sign up above for a chance to experience Tomorrowland.<\/small>\n            <small class=\"is-mobile\">Sign up above for a chance to <br> experience Tomorrowland.<\/small>\n        <\/div>\n    <\/section>\n    <section id=\"mini-games\">\n        <div class=\"inside\">\n            <div class=\"left-side is-desktop\">\n                <picture class=\"img-wrapper\">\n                    <img loading=\"lazy\" decoding=\"async\" \n                        src=\"\/wp-content\/uploads\/2025\/04\/tomorrowland2025-minigames-leftside-hd.webp\" \n                        alt=\"JBL x Tomorrow Land\"\n                        width=\"1235\"\n                        height=\"1097\"\n                    >\n                    <!-- <img loading=\"lazy\" decoding=\"async\" \n                        src=\"\/wp-content\/uploads\/2025\/04\/tomorrowland2025-minigames-leftside.webp\" \n                        alt=\"JBL x Tomorrow Land\"\n                        width=\"1235\"\n                        height=\"1097\"\n                        loading=\"lazy\"\n                    > -->\n                <\/picture>\n            <\/div>\n            <div class=\"right-side\">\n                \n                <div class=\"game-container\">\n                    <!-- <h2 class=\"title-section\">Shop, Roll, Win!<\/h2>\n                    <p class=\"text-section\">Get exclusive limited product from<br> Tomorrowland.<\/p> -->\n                    <!-- <div class=\"dice-game\">\n                        <div class=\"dice-shadow\"><\/div>\n                        <div class=\"dice\">\n                            <div class=\"front\">1<\/div>\n                            <div class=\"back\">6<\/div>\n                            <div class=\"left\">2<\/div>\n                            <div class=\"right\">5<\/div>\n                            <div class=\"top\">3<\/div>\n                            <div class=\"bottom\">4<\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"roll-stats hidden\">\n                        <p>1: <span id=\"percent-1\">90%<\/span><\/p>\n                        <p>2: <span id=\"percent-2\">40%<\/span><\/p>\n                        <p>3: <span id=\"percent-3\">100%<\/span><\/p>\n                        <p>4: <span id=\"percent-4\">30%<\/span><\/p>\n                        <p>5: <span id=\"percent-5\">10%<\/span><\/p>\n                        <p>6: <span id=\"percent-6\">0%<\/span><\/p>\n                    <\/div> -->\n                    <div class=\"form\">\n                        <h3>EXPERIENCE<br><span>TOMORROWLAND<\/span><\/h3>\n                        <div class=\"form-container ty-hide\">\n                            <form action=\"\">\n                                <div class=\"segments\">\n                                    <div class=\"segment\">\n                                        <input type=\"text\" class=\"form-control\" name=\"firstName\" maxlength=\"120\" required=\"\" placeholder=\"FIRST NAME\" aria-label=\"First Name\">\n                                    <\/div>\n                                    <div class=\"segment\">\n                                        <input type=\"text\" class=\"form-control\" name=\"lastName\" maxlength=\"120\" required=\"\" placeholder=\"LAST NAME\" aria-label=\"Last Name\">\n                                    <\/div>\n                                    <div class=\"segment\">\n                                        <label for=\"birthday\">DATE OF BIRTH<\/label>\n                                        <input type=\"date\" class=\"form-control\" maxlength=\"80\" name=\"birthday\" required=\"\" placeholder=\"Date of Birth\" aria-label=\"Date of Birth\" max=\"2025-04-24\">\n                                    <\/div>\n                                    <div class=\"segment\">\n                                        <input type=\"email\" class=\"form-control\" maxlength=\"80\" name=\"email\" required=\"\" placeholder=\"EMAIL ADDRESS\" aria-label=\"Email Address\">\n                                    <\/div>\n                                    <div class=\"segment\">\n                                        <div class=\"checkbox-element\">\n                                            <input type=\"checkbox\" name=\"subscribe\" value=\"true\" id=\"custom-checkbox-2\">\n                                            <label for=\"custom-checkbox-2\">Sign me up for special offers and other JBL news<\/label>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"segment\">\n                                        <div class=\"checkbox-element\">\n                                            <input type=\"checkbox\" name=\"terms\" value=\"true\" id=\"custom-checkbox-1\" required=\"\">\n                                            <label for=\"custom-checkbox-1\">Yes, I agree to the <a href=\"\/en\/tomorrowland-tc.html\/\">terms &amp; conditions<\/a><\/label>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"segment\">\n                                        <div class=\"checkbox-element\">\n                                            <input type=\"checkbox\" name=\"privacy\" value=\"true\" id=\"custom-checkbox-1\" required=\"\">\n                                            <label for=\"custom-checkbox-1\">Yes, I agree to the <a href=\"https:\/\/www.harman.com\/privacy-policy-statement\">privacy policy<\/a><\/label>\n                                        <\/div>\n                                    <\/div>\n                                    <div class=\"segment large button-wrapper\">\n                                        <button class=\"btn-primary btn button cta\" type=\"submit\" name=\"submit\">Submit<\/button>\n                                    <\/div>\n                                <\/div>\n                            <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n                        <\/div>\n                        <!-- <div class=\"ty-show hidden\">\n                            <h2 class=\"text-center\">Thank you for registering!<\/h2>\n                        <\/div> -->\n                    <\/div>\n                    <!-- <div class=\"bottom-wrap\">\n                        <div class=\"details\">For Retail or Store Customers,  <a href=\"#\" title=\"Details for Retail of Store Customers\" class=\"mark\">Click<\/a>  Here<\/div>\n                        <a class=\"toc-link\" href=\"tnc\/\" title=\"JBL x Tomorrow Land Terms & Conditions\">Terms & Conditions<\/a>\n                        <button class=\"cta mycta\" id=\"roll-now\">Roll Now<\/button>\n                    <\/div> -->\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <section id=\"stage-artists\">\n        <div class=\"inside\">\n            <div class=\"stage-jbl\">\n                <div class=\"left-side\">\n                    <h2 class=\"title-section\">\n                                                    <span class=\"line-1\">THE HOUSE<\/span>\n                            <span class=\"line-2\">OF FORTUNE<\/span>\n                            <span class=\"line-3\">STAGE BY JBL<\/span>\n                                            <\/h2>\n                    <div class=\"text-section\">\n                        <p>JBL has returned to Tomorrowland to celebrate the power of unity through music, taking place in Boom, Belgium from the 18th \u2013 20th and the 25th \u2013 27th of July.<\/p>\n\n                        <p>Expect incredible performances, spectacular stages and an unparalleled atmosphere \u2013 attracting music-lovers from all over the world.<\/p>\n\n                        <p>This year, House of Fortune stage by JBL returns, where imagination and music converge in a magical universe. Here, Raya, queen of illusions, unveils insights into futures and aspirations.<\/p>\n\n                        <p>Experience Tomorrow's sound, in an uplifting melodic world of possibility.<\/p>\n                    <\/div>\n                <\/div>\n                <div class=\"right-side\">\n                    <picture class=\"img-wrapper\">\n                        <img loading=\"lazy\" decoding=\"async\" \n                            src=\"\/wp-content\/uploads\/2025\/04\/tomorrowland2025-stageartits-jblxtomorrowland.webp\" \n                            alt=\"JBL x Tomorrow Land Stage\"\n                            width=\"1171\"\n                            height=\"1168\"\n                        >\n                        <!-- <img loading=\"lazy\" decoding=\"async\" \n                            src=\"\/wp-content\/uploads\/2025\/04\/tomorrowland2025-stageartits-jblxtomorrowland.webp\" \n                            alt=\"JBL x Tomorrow Land Stage\"\n                            width=\"1171\"\n                            height=\"1168\"\n                            loading=\"lazy\"\n                        > -->\n                    <\/picture>\n                <\/div>\n            <\/div>\n            <div class=\"discover\">\n                <div class=\"text-wrap\">\n                    <div class=\"left-side\">\n                        <h2 class=\"title-section\">\n                                                            <span class=\"line-1\">DISCOVER JBL\u2019S<\/span>\n                                <span class=\"line-2\">MUSIC ACADEMY ARTISTS<\/span>\n                                <span class=\"line-3\">AT TOMORROWLAND<\/span>\n                                                    <\/h2>\n                    <\/div>\n                    <div class=\"right-side\">\n                        <div class=\"text-section\">\n                            <p>For the third year running, JBL is hosting the JBL Music Academy, helping to discover & nurture the next generation of musical talent from across the globe.<\/p>\n\n                            <p>Six talented Music Academy artists have been selected to perform at the House of Fortune stage by JBL, giving them a once in a lifetime experience of performing at Tomorrowland. <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"artists-wrap\">\n                    <h3 class=\"subtitle-section\">Meet the artists from the 2024 cohort will be performing this year:<\/h3>\n\n                    <div class=\"artist-lists\">\n                        <div class=\"artists-wrap-2\">\n                            <div class=\"artist-placeholder is-mobile\">\n                                <div class=\"inside-placeholder\"><\/div>\n                            <\/div>\n                            <div class=\"artist\">\n                                <img loading=\"lazy\" decoding=\"async\" \n                                    src=\"\/wp-content\/uploads\/2025\/04\/tomorrowland2025-stageartits-andrew.webp\" \n                                    alt=\"ANDREW A; Fiture House \/ Bass producer from Australia\"\n                                    width=\"761\"\n                                    height=\"820\"\n                                >\n                            <\/div>\n                            <div class=\"artist\">\n                                <img loading=\"lazy\" decoding=\"async\" \n                                    src=\"\/wp-content\/uploads\/2025\/04\/tomorrowland2025-stageartits-gridr.webp\" \n                                    alt=\"GR!DR; Future bass \/ Stutter House producer from France\"\n                                    width=\"761\"\n                                    height=\"820\"\n                                >\n                            <\/div>\n                            <div class=\"artist\">\n                                <img loading=\"lazy\" decoding=\"async\" \n                                    src=\"\/wp-content\/uploads\/2025\/04\/tomorrowland2025-stageartits-jumbogoatxxl.webp\" \n                                    alt=\"JUMBOGOATXXL; Techno producer from Singapore\"\n                                    width=\"761\"\n                                    height=\"820\"\n                                >\n                            <\/div>\n                            <div class=\"artist\">\n                                <img loading=\"lazy\" decoding=\"async\" \n                                    src=\"\/wp-content\/uploads\/2025\/04\/tomorrowland2025-stageartits-laureanosanchez.webp\" \n                                    alt=\"LAUREANO SANCHEZ; EDM, POP and Latin music producer and composer from Spain\"\n                                    width=\"761\"\n                                    height=\"820\"\n                                >\n                            <\/div>\n                            <div class=\"artist\">\n                                <img loading=\"lazy\" decoding=\"async\" \n                                    src=\"\/wp-content\/uploads\/2025\/04\/tomorrowland2025-stageartits-lofin.webp\" \n                                    alt=\"LOFIN; Electronic producer from the UK\"\n                                    width=\"761\"\n                                    height=\"820\"\n                                >\n                            <\/div>\n                            <div class=\"artist\">\n                                <img loading=\"lazy\" decoding=\"async\" \n                                    src=\"\/wp-content\/uploads\/2025\/04\/tomorrowland2025-stageartits-bradendetelich.webp\" \n                                    alt=\"BRADEN DETELICH; Electro House \/ Bigroom producer from the USA\"\n                                    width=\"761\"\n                                    height=\"820\"\n                                >\n                            <\/div>\n                            <div class=\"artist-placeholder is-mobile\">\n                                <div class=\"inside-placeholder\"><\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"artist-controller is-mobile\">\n                        <div class=\"arrows\">\n                            <button class=\"arrow arrow-left\">\n                                <svg width=\"7\" height=\"11\" viewbox=\"0 0 7 11\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M5.95117 1L1.96545 4.98821C1.57514 5.37877 1.57524 6.01176 1.96568 6.4022L5.53411 9.97063\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                                <\/svg>\n                            <\/button>\n                            <button class=\"arrow arrow-right\">\n                                <svg width=\"8\" height=\"11\" viewbox=\"0 0 8 11\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                                    <path d=\"M1.73828 1L5.724 4.98821C6.11432 5.37877 6.11422 6.01176 5.72378 6.4022L2.15535 9.97063\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n                                <\/svg>\n                            <\/button>\n                        <\/div>\n                        <div class=\"line-control\">\n                            <div class=\"line\"><\/div>\n                            <div class=\"line-fill\"><\/div>\n                        <\/div>\n                    <\/div>\n\n                    <a href=\"#\" class=\"cta mycta\" title=\"Learn more artists\">Learn More<\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n    <section id=\"trailer\">\n        <div class=\"inside\">\n                <!-- <iframe width=\"1110\" height=\"625\" src=\"https:\/\/www.youtube.com\/embed\/ptZU3EyW52E?list=TLGGTdTgGOJLi8AyNDA0MjAyNQ\" title=\"JBL x Tomorrowland Invite 15&quot;\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe> -->\n            <iframe width=\"1110\" height=\"625\" src=\"https:\/\/www.youtube.com\/embed\/bfGPmFMvxrs\" title=\"JBLxTomorrowland\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n        <\/div>\n    <\/section>\n    <section id=\"highlight-product\">\n        <div class=\"inside\">\n            <picture class=\"img-wrapper\">\n                <img loading=\"lazy\" decoding=\"async\" \n                    src=\"\/wp-content\/uploads\/2025\/04\/tomorrowland2025-highlightproduct-background-hd-scaled.webp\" \n                    alt=\"JBL Flip 7 x Tomorrow Land\"\n                    width=\"2560\"\n                    height=\"1414\"\n                    class=\"is-desktop\"\n                >\n                <!-- <img loading=\"lazy\" decoding=\"async\" \n                    src=\"\/wp-content\/uploads\/2025\/04\/tomorrowland2025-highlightproduct-background-scaled.webp\" \n                    alt=\"JBL Flip 7 x Tomorrow Land\"\n                    width=\"2560\"\n                    height=\"1414\"\n                    loading=\"lazy\"\n                    class=\"is-desktop\"\n                > -->\n                <img loading=\"lazy\" decoding=\"async\" \n                    src=\"\/wp-content\/uploads\/2025\/04\/tomorrowland2025-highlightproduct-background-mobile-hd.webp\" \n                    alt=\"JBL Flip 7 x Tomorrow Land\"\n                    width=\"563\"\n                    height=\"886\"\n                    class=\"is-mobile\"\n                >\n                <!-- <img loading=\"lazy\" decoding=\"async\" \n                    src=\"\/wp-content\/uploads\/2025\/04\/tomorrowland2025-highlightproduct-background-mobile.webp\" \n                    alt=\"JBL Flip 7 x Tomorrow Land\"\n                    width=\"563\"\n                    height=\"886\"\n                    loading=\"lazy\"\n                    class=\"is-mobile\"\n                > -->\n            <\/picture>\n            <div class=\"banner-text\">\n                <small class=\"is-desktop\">Built for everyday adventure seekers, the JBL Flip 7 is a portable <br>waterproof and drop-proof speaker that delivers bold JBL Pro Sound. <\/small>\n                <small class=\"is-mobile\">Built for everyday adventure seekers, the JBL Flip 7 is a portable waterproof and drop-proof speaker that delivers bold JBL Pro Sound. <\/small>\n\n                <a href=\"#\" title=\"Coming Soon\" class=\"cta mycta\">\n                <!-- <a href=\"#\" title=\"Buy Now\" class=\"cta mycta\"> -->\n                    <span class=\"cta__text\">Coming Soon<\/span>\n                    <!-- <span class=\"cta__text\">Buy Now<\/span> -->\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/section>\n<\/div>\n<script>\n    document.addEventListener(\"DOMContentLoaded\", function () {\n        const container = document.querySelector(\".artists-wrap-2\");\n        const slides = container.querySelectorAll(\".artist\");\n        const lineFill = document.querySelector(\".line-fill\");\n        const line = document.querySelector(\".line\");\n\n        const btnLeft = document.querySelector(\".arrow-left\");\n        const btnRight = document.querySelector(\".arrow-right\");\n\n        let currentIndex = 0;\n        let isManualScroll = false;\n        let isMobile = window.innerWidth <= 767;\n\n        const updateProgress = () => {\n            if (isManualScroll) return;\n\n            const scrollLeft = container.scrollLeft;\n            const slideWidth = slides[0].offsetWidth;\n            const totalSlides = slides.length;\n\n            const scrolledSlides = Math.min(Math.round(scrollLeft \/ slideWidth), totalSlides);\n            const percent = (scrolledSlides \/ (totalSlides - 1)) * 100;\n\n            lineFill.style.width = percent + \"%\";\n\n            currentIndex = scrolledSlides;\n            updateButtonState();\n        };\n\n        const updateButtonState = () => {\n            btnLeft.disabled = currentIndex === 0;\n            btnRight.disabled = currentIndex === slides.length - 1;\n\n            btnLeft.classList.toggle(\"is-disabled\", btnLeft.disabled);\n            btnRight.classList.toggle(\"is-disabled\", btnRight.disabled);\n        };\n\n        const scrollToIndex = (index) => {\n            const slideWidth = slides[0].offsetWidth;\n\n            isManualScroll = true;\n            currentIndex = index;\n\n            container.scrollTo({\n                left: slideWidth * index,\n                behavior: \"smooth\"\n            });\n\n            const percent = (index \/ (slides.length - 1)) * 100;\n            lineFill.style.width = percent + \"%\";\n            updateButtonState();\n\n            setTimeout(() => {\n                isManualScroll = false;\n            }, 400);\n        };\n\n        const handleClick = () => {\n            if (!isMobile) return;\n\n            line.addEventListener(\"click\", () => {\n                if (currentIndex < slides.length - 1) {\n                    scrollToIndex(currentIndex + 1);\n                }\n            });\n\n            lineFill.addEventListener(\"click\", () => {\n                if (currentIndex > 0) {\n                    scrollToIndex(currentIndex - 1);\n                }\n            });\n\n            btnLeft.addEventListener(\"click\", () => {\n                if (currentIndex > 0) {\n                    scrollToIndex(currentIndex - 1);\n                }\n            });\n\n            btnRight.addEventListener(\"click\", () => {\n                if (currentIndex < slides.length - 1) {\n                    scrollToIndex(currentIndex + 1);\n                }\n            });\n\n            container.addEventListener(\"scroll\", updateProgress);\n        };\n\n        const removeAllListeners = () => {\n            line.replaceWith(line.cloneNode(true));\n            lineFill.replaceWith(lineFill.cloneNode(true));\n            btnLeft.replaceWith(btnLeft.cloneNode(true));\n            btnRight.replaceWith(btnRight.cloneNode(true));\n            container.replaceWith(container.cloneNode(true));\n            window.location.reload(); \/\/ simple reset for mobile-only behavior\n        };\n\n        const checkScreen = () => {\n            const wasMobile = isMobile;\n            isMobile = window.innerWidth <= 767;\n\n            if (isMobile && !wasMobile) {\n                window.location.reload(); \/\/ load ulang dari desktop ke mobile\n            } else if (!isMobile && wasMobile) {\n                removeAllListeners(); \/\/ remove all if screen jadi desktop\n            }\n        };\n\n        window.addEventListener(\"resize\", checkScreen);\n\n        if (isMobile) {\n            handleClick();\n            scrollToIndex(0);\n        }\n\n        \/\/ ROLL dice\n        const dice = document.querySelector(\".dice\");\n        const rollBtn = document.getElementById(\"roll-now\");\n\n        const faceRotation = {\n            1: 'rotateX(0deg) rotateY(0deg)',\n            2: 'rotateY(-90deg)',\n            3: 'rotateX(90deg)',\n            4: 'rotateX(-90deg)',\n            5: 'rotateY(90deg)',\n            6: 'rotateY(180deg)'\n        };\n\n        const rollCount = { 1: 0, 2: 0, 3: 0, 4: 0, 5: 0, 6: 0 };\n        let totalRolls = 0;\n\n        rollBtn.addEventListener(\"click\", () => {\n            dice.style.animation = \"none\"; \n            \n            const result = Math.floor(Math.random() * 6) + 1;\n            rollCount[result]++;\n            totalRolls++;\n\n            const extraX = 360 * (Math.floor(Math.random() * 4) + 1);\n            const extraY = 360 * (Math.floor(Math.random() * 4) + 1);\n\n            dice.style.transition = \"transform 1.2s ease-in-out\";\n            dice.style.transform = `rotateX(${extraX}deg) rotateY(${extraY}deg)`;\n\n            setTimeout(() => {\n                dice.style.transition = \"transform 0.6s ease-out\";\n                dice.style.transform = faceRotation[result];\n                updateStats();\n            }, 1000);\n        });\n\n        function updateStats() {\n            for (let i = 1; i <= 6; i++) {\n                const percent = totalRolls > 0 ? ((rollCount[i] \/ totalRolls) * 100).toFixed(1) : \"0.0\";\n                document.getElementById(`percent-${i}`).textContent = percent + \"%\";\n            }\n        }\n    });\n<\/script>\n    \t\t<div class=\"elementor-shortcode\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":88637,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/full-width.php","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-109629","page","type-page","status-publish","hentry","no-post-thumbnail"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>JBL x Tomorrowland 2025<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jblstore.co.id\/en\/tomorrowland\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JBL x Tomorrowland 2025\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jblstore.co.id\/en\/tomorrowland\/\" \/>\n<meta property=\"og:site_name\" content=\"JBL Store\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/JBLAudioIndonesia\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-02T07:08:08+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jblstore.co.id\/en\/tomorrowland\/\",\"url\":\"https:\/\/jblstore.co.id\/en\/tomorrowland\/\",\"name\":\"JBL x Tomorrowland 2025 - JBL Store\",\"isPartOf\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/#website\"},\"datePublished\":\"2025-04-24T05:14:55+00:00\",\"dateModified\":\"2025-06-02T07:08:08+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/tomorrowland\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jblstore.co.id\/en\/tomorrowland\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jblstore.co.id\/en\/tomorrowland\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/jblstore.co.id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JBL x Tomorrowland 2025\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jblstore.co.id\/en\/#website\",\"url\":\"https:\/\/jblstore.co.id\/en\/\",\"name\":\"JBL Store\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jblstore.co.id\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jblstore.co.id\/en\/#organization\",\"name\":\"JBL Store\",\"url\":\"https:\/\/jblstore.co.id\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/jblstore.co.id\/en\/#\/schema\/logo\/image\/\",\"url\":\"\/wp-content\/uploads\/2025\/11\/cropped-logo-jbl-1536x1131_cropped.png\",\"contentUrl\":\"\/wp-content\/uploads\/2025\/11\/cropped-logo-jbl-1536x1131_cropped.png\",\"width\":70,\"height\":52,\"caption\":\"JBL Store\"},\"image\":{\"@id\":\"https:\/\/jblstore.co.id\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/JBLAudioIndonesia\/\",\"https:\/\/www.instagram.com\/jblindonesia\/\",\"https:\/\/www.youtube.com\/c\/JBLIndonesia\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JBL x Tomorrowland 2025","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jblstore.co.id\/en\/tomorrowland\/","og_locale":"en_US","og_type":"article","og_title":"JBL x Tomorrowland 2025","og_url":"https:\/\/jblstore.co.id\/en\/tomorrowland\/","og_site_name":"JBL Store","article_publisher":"https:\/\/www.facebook.com\/JBLAudioIndonesia\/","article_modified_time":"2025-06-02T07:08:08+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jblstore.co.id\/en\/tomorrowland\/","url":"https:\/\/jblstore.co.id\/en\/tomorrowland\/","name":"JBL x Tomorrowland 2025 - JBL Store","isPartOf":{"@id":"https:\/\/jblstore.co.id\/en\/#website"},"datePublished":"2025-04-24T05:14:55+00:00","dateModified":"2025-06-02T07:08:08+00:00","breadcrumb":{"@id":"https:\/\/jblstore.co.id\/en\/tomorrowland\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jblstore.co.id\/en\/tomorrowland\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jblstore.co.id\/en\/tomorrowland\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jblstore.co.id\/"},{"@type":"ListItem","position":2,"name":"JBL x Tomorrowland 2025"}]},{"@type":"WebSite","@id":"https:\/\/jblstore.co.id\/en\/#website","url":"https:\/\/jblstore.co.id\/en\/","name":"JBL Store","description":"","publisher":{"@id":"https:\/\/jblstore.co.id\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jblstore.co.id\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jblstore.co.id\/en\/#organization","name":"JBL Store","url":"https:\/\/jblstore.co.id\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jblstore.co.id\/en\/#\/schema\/logo\/image\/","url":"\/wp-content\/uploads\/2025\/11\/cropped-logo-jbl-1536x1131_cropped.png","contentUrl":"\/wp-content\/uploads\/2025\/11\/cropped-logo-jbl-1536x1131_cropped.png","width":70,"height":52,"caption":"JBL Store"},"image":{"@id":"https:\/\/jblstore.co.id\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/JBLAudioIndonesia\/","https:\/\/www.instagram.com\/jblindonesia\/","https:\/\/www.youtube.com\/c\/JBLIndonesia"]}]}},"_links":{"self":[{"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/pages\/109629","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/users\/88637"}],"replies":[{"embeddable":true,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/comments?post=109629"}],"version-history":[{"count":5,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/pages\/109629\/revisions"}],"predecessor-version":[{"id":109732,"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/pages\/109629\/revisions\/109732"}],"wp:attachment":[{"href":"https:\/\/jblstore.co.id\/en\/wp-json\/wp\/v2\/media?parent=109629"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}