.elementor-7 .elementor-element.elementor-element-6a2ee2020{--display:flex;--min-height:81vh;--justify-content:center;--overlay-opacity:0.28;}.elementor-7 .elementor-element.elementor-element-6a2ee2020:not(.elementor-motion-effects-element-type-background), .elementor-7 .elementor-element.elementor-element-6a2ee2020 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;background-image:url("https://siiirriiussxmm.online/wp-content/uploads/2026/07/ChatGPT-Image-Jul-18-2026-12_26_21-PM.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-7 .elementor-element.elementor-element-6a2ee2020::before, .elementor-7 .elementor-element.elementor-element-6a2ee2020 > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-6a2ee2020 > .e-con-inner > .elementor-background-video-container::before, .elementor-7 .elementor-element.elementor-element-6a2ee2020 > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-6a2ee2020 > .e-con-inner > .elementor-background-slideshow::before, .elementor-7 .elementor-element.elementor-element-6a2ee2020 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFFFFF;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-4ec3b537 .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:25px;font-weight:600;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-19986018 .wpr-highlighted-text svg path{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}.elementor-7 .elementor-element.elementor-element-19986018 .wpr-highlighted-text svg.wpr-highlight-x path:first-child{-webkit-animation-delay:-webkit-calc(2s + 0.3s);animation-delay:calc(2s + 0.3s);}.elementor-7 .elementor-element.elementor-element-19986018 .wpr-highlighted-text svg.wpr-highlight-double path:last-child{-webkit-animation-delay:-webkit-calc(2s + 0.3s);animation-delay:calc(2s + 0.3s);}.elementor-7 .elementor-element.elementor-element-19986018 .wpr-highlighted-text svg.wpr-highlight-double-underline path:last-child{-webkit-animation-delay:-webkit-calc(2s + 0.3s);animation-delay:calc(2s + 0.3s);}.elementor-7 .elementor-element.elementor-element-19986018 .wpr-anim-text-cursor{-webkit-animation-duration:0.7s;animation-duration:0.7s;}.elementor-7 .elementor-element.elementor-element-19986018 .wpr-advanced-text{text-align:left;}.elementor-7 .elementor-element.elementor-element-19986018 .wpr-advanced-text a{text-align:left;}.elementor-7 .elementor-element.elementor-element-19986018 .wpr-advanced-text-preffix{color:#FFFFFF;font-family:"Urbanist", Sans-serif;font-size:85px;font-weight:900;padding-top:0px;padding-bottom:0px;}.elementor-7 .elementor-element.elementor-element-19986018 .wpr-anim-text{color:#111111;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-19986018 .wpr-highlighted-text{color:#111111;padding:0px 0px 0px 0px;}.elementor-7 .elementor-element.elementor-element-19986018 .wpr-anim-text-selected {color:#111111;}.elementor-7 .elementor-element.elementor-element-19986018 .wpr-anim-text b, .elementor-7 .elementor-element.elementor-element-19986018 .wpr-anim-text b i,.elementor-7 .elementor-element.elementor-element-19986018 .wpr-anim-text,.elementor-7 .elementor-element.elementor-element-19986018 .wpr-highlighted-text{font-family:"Urbanist", Sans-serif;font-size:85px;font-weight:900;font-style:normal;}.elementor-7 .elementor-element.elementor-element-19986018 .wpr-advanced-text-suffuix{padding-top:0px;padding-bottom:0px;}.elementor-7 .elementor-element.elementor-element-19986018 .wpr-advanced-text-suffix{color:#333333;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-7dc86010{font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;color:#FFFFFF;}.elementor-7 .elementor-element.elementor-element-1ed9d .wpr-button{background-color:#86BB46;-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-animation-duration:0.4s;animation-duration:0.4s;border-color:#E8E8E8;border-style:none;border-radius:4px 4px 4px 4px;}	.elementor-7 .elementor-element.elementor-element-1ed9d [class*="elementor-animation"]:hover,
								.elementor-7 .elementor-element.elementor-element-1ed9d .wpr-button::before,
								.elementor-7 .elementor-element.elementor-element-1ed9d .wpr-button::after{background-color:#6CA22C;}.elementor-7 .elementor-element.elementor-element-1ed9d .wpr-button::before{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-animation-duration:0.4s;animation-duration:0.4s;}.elementor-7 .elementor-element.elementor-element-1ed9d .wpr-button::after{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-animation-duration:0.4s;animation-duration:0.4s;color:#ffffff;padding:10px 10px 10px 10px;}.elementor-7 .elementor-element.elementor-element-1ed9d .wpr-button .wpr-button-icon{-webkit-transition-duration:0.4s;transition-duration:0.4s;}.elementor-7 .elementor-element.elementor-element-1ed9d .wpr-button .wpr-button-icon svg{-webkit-transition-duration:0.4s;transition-duration:0.4s;}.elementor-7 .elementor-element.elementor-element-1ed9d .wpr-button .wpr-button-text{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-animation-duration:0.4s;animation-duration:0.4s;}.elementor-7 .elementor-element.elementor-element-1ed9d .wpr-button .wpr-button-content{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-animation-duration:0.4s;animation-duration:0.4s;}.elementor-7 .elementor-element.elementor-element-1ed9d .wpr-button-wrap{max-width:177px;}.elementor-7 .elementor-element.elementor-element-1ed9d{text-align:left;}.elementor-7 .elementor-element.elementor-element-1ed9d .wpr-button-content{-webkit-justify-content:center;justify-content:center;}.elementor-7 .elementor-element.elementor-element-1ed9d .wpr-button-text{-webkit-justify-content:center;justify-content:center;color:#ffffff;}.elementor-7 .elementor-element.elementor-element-1ed9d .wpr-button-icon{font-size:18px;}.elementor-7 .elementor-element.elementor-element-1ed9d .wpr-button-icon svg{width:18px;height:18px;}.elementor-7 .elementor-element.elementor-element-1ed9d.wpr-button-icon-position-left .wpr-button-icon{margin-right:12px;}.elementor-7 .elementor-element.elementor-element-1ed9d.wpr-button-icon-position-right .wpr-button-icon{margin-left:12px;}.elementor-7 .elementor-element.elementor-element-1ed9d.wpr-button-icon-style-inline .wpr-button-icon{color:#ffffff;}.elementor-7 .elementor-element.elementor-element-1ed9d.wpr-button-icon-style-inline .wpr-button-icon svg{fill:#ffffff;}.elementor-7 .elementor-element.elementor-element-1ed9d .wpr-button-text,.elementor-7 .elementor-element.elementor-element-1ed9d .wpr-button::after{font-family:"Poppins", Sans-serif;font-size:14px;}.elementor-7 .elementor-element.elementor-element-1ed9d .wpr-button:hover .wpr-button-text{color:#ffffff;}.elementor-7 .elementor-element.elementor-element-1ed9d.wpr-button-icon-style-inline .wpr-button:hover .wpr-button-icon{color:#ffffff;}.elementor-7 .elementor-element.elementor-element-1ed9d.wpr-button-icon-style-inline .wpr-button:hover .wpr-button-icon svg{fill:#ffffff;}.elementor-7 .elementor-element.elementor-element-1ed9d .wpr-button:focus .wpr-button-text{color:#ffffff;}.elementor-7 .elementor-element.elementor-element-1ed9d.wpr-button-icon-style-inline .wpr-button:focus .wpr-button-icon{color:#ffffff;}.elementor-7 .elementor-element.elementor-element-1ed9d.wpr-button-icon-style-inline .wpr-button:focus .wpr-button-icon svg{fill:#ffffff;}.elementor-7 .elementor-element.elementor-element-1ed9d .wpr-button:hover{border-color:#E8E8E8;}.elementor-7 .elementor-element.elementor-element-1ed9d.wpr-button-icon-style-inline .wpr-button{padding:10px 10px 10px 10px;}.elementor-7 .elementor-element.elementor-element-1ed9d.wpr-button-icon-style-block .wpr-button-text{padding:10px 10px 10px 10px;}.elementor-7 .elementor-element.elementor-element-1ed9d.wpr-button-icon-style-inline-block .wpr-button-content{padding:10px 10px 10px 10px;}.elementor-7 .elementor-element.elementor-element-7ed8e737{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:100px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-7 .elementor-element.elementor-element-25dd8b9e{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7 .elementor-element.elementor-element-2de71073{--display:flex;}.elementor-7 .elementor-element.elementor-element-516829e5 .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:17px;font-weight:700;color:#86BB46;}.elementor-7 .elementor-element.elementor-element-7df96e94 .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:45px;font-weight:900;color:#333333;}.elementor-7 .elementor-element.elementor-element-2b0d7529{font-family:"Poppins", Sans-serif;font-size:14px;font-weight:400;color:#777777;}.elementor-7 .elementor-element.elementor-element-29e00fb2 .wpr-button{background-color:#86BB46;-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-animation-duration:0.4s;animation-duration:0.4s;border-color:#E8E8E8;border-style:none;border-radius:4px 4px 4px 4px;}	.elementor-7 .elementor-element.elementor-element-29e00fb2 [class*="elementor-animation"]:hover,
								.elementor-7 .elementor-element.elementor-element-29e00fb2 .wpr-button::before,
								.elementor-7 .elementor-element.elementor-element-29e00fb2 .wpr-button::after{background-color:#6CA22C;}.elementor-7 .elementor-element.elementor-element-29e00fb2 .wpr-button::before{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-animation-duration:0.4s;animation-duration:0.4s;}.elementor-7 .elementor-element.elementor-element-29e00fb2 .wpr-button::after{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-animation-duration:0.4s;animation-duration:0.4s;color:#ffffff;padding:10px 10px 10px 10px;}.elementor-7 .elementor-element.elementor-element-29e00fb2 .wpr-button .wpr-button-icon{-webkit-transition-duration:0.4s;transition-duration:0.4s;}.elementor-7 .elementor-element.elementor-element-29e00fb2 .wpr-button .wpr-button-icon svg{-webkit-transition-duration:0.4s;transition-duration:0.4s;}.elementor-7 .elementor-element.elementor-element-29e00fb2 .wpr-button .wpr-button-text{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-animation-duration:0.4s;animation-duration:0.4s;}.elementor-7 .elementor-element.elementor-element-29e00fb2 .wpr-button .wpr-button-content{-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-animation-duration:0.4s;animation-duration:0.4s;}.elementor-7 .elementor-element.elementor-element-29e00fb2 .wpr-button-wrap{max-width:177px;}.elementor-7 .elementor-element.elementor-element-29e00fb2{text-align:left;}.elementor-7 .elementor-element.elementor-element-29e00fb2 .wpr-button-content{-webkit-justify-content:center;justify-content:center;}.elementor-7 .elementor-element.elementor-element-29e00fb2 .wpr-button-text{-webkit-justify-content:center;justify-content:center;color:#ffffff;}.elementor-7 .elementor-element.elementor-element-29e00fb2 .wpr-button-icon{font-size:18px;}.elementor-7 .elementor-element.elementor-element-29e00fb2 .wpr-button-icon svg{width:18px;height:18px;}.elementor-7 .elementor-element.elementor-element-29e00fb2.wpr-button-icon-position-left .wpr-button-icon{margin-right:12px;}.elementor-7 .elementor-element.elementor-element-29e00fb2.wpr-button-icon-position-right .wpr-button-icon{margin-left:12px;}.elementor-7 .elementor-element.elementor-element-29e00fb2.wpr-button-icon-style-inline .wpr-button-icon{color:#ffffff;}.elementor-7 .elementor-element.elementor-element-29e00fb2.wpr-button-icon-style-inline .wpr-button-icon svg{fill:#ffffff;}.elementor-7 .elementor-element.elementor-element-29e00fb2 .wpr-button-text,.elementor-7 .elementor-element.elementor-element-29e00fb2 .wpr-button::after{font-family:"Poppins", Sans-serif;font-size:14px;}.elementor-7 .elementor-element.elementor-element-29e00fb2 .wpr-button:hover .wpr-button-text{color:#ffffff;}.elementor-7 .elementor-element.elementor-element-29e00fb2.wpr-button-icon-style-inline .wpr-button:hover .wpr-button-icon{color:#ffffff;}.elementor-7 .elementor-element.elementor-element-29e00fb2.wpr-button-icon-style-inline .wpr-button:hover .wpr-button-icon svg{fill:#ffffff;}.elementor-7 .elementor-element.elementor-element-29e00fb2 .wpr-button:focus .wpr-button-text{color:#ffffff;}.elementor-7 .elementor-element.elementor-element-29e00fb2.wpr-button-icon-style-inline .wpr-button:focus .wpr-button-icon{color:#ffffff;}.elementor-7 .elementor-element.elementor-element-29e00fb2.wpr-button-icon-style-inline .wpr-button:focus .wpr-button-icon svg{fill:#ffffff;}.elementor-7 .elementor-element.elementor-element-29e00fb2 .wpr-button:hover{border-color:#E8E8E8;}.elementor-7 .elementor-element.elementor-element-29e00fb2.wpr-button-icon-style-inline .wpr-button{padding:10px 10px 10px 10px;}.elementor-7 .elementor-element.elementor-element-29e00fb2.wpr-button-icon-style-block .wpr-button-text{padding:10px 10px 10px 10px;}.elementor-7 .elementor-element.elementor-element-29e00fb2.wpr-button-icon-style-inline-block .wpr-button-content{padding:10px 10px 10px 10px;}body.elementor-page-7:not(.elementor-motion-effects-element-type-background), body.elementor-page-7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1366px){.elementor-7 .elementor-element.elementor-element-6a2ee2020{--min-height:83vh;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-7 .elementor-element.elementor-element-7ed8e737{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(max-width:1024px){.elementor-7 .elementor-element.elementor-element-6a2ee2020{--min-height:85vh;}.elementor-7 .elementor-element.elementor-element-19986018 .wpr-advanced-text-preffix{font-size:60px;}.elementor-7 .elementor-element.elementor-element-19986018 .wpr-anim-text b, .elementor-7 .elementor-element.elementor-element-19986018 .wpr-anim-text b i,.elementor-7 .elementor-element.elementor-element-19986018 .wpr-anim-text,.elementor-7 .elementor-element.elementor-element-19986018 .wpr-highlighted-text{font-size:60px;}.elementor-7 .elementor-element.elementor-element-7ed8e737{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7 .elementor-element.elementor-element-7df96e94 .elementor-heading-title{font-size:35px;}}@media(max-width:767px){.elementor-7 .elementor-element.elementor-element-6a2ee2020{--min-height:91vh;}.elementor-7 .elementor-element.elementor-element-4ec3b537 .elementor-heading-title{font-size:20px;}.elementor-7 .elementor-element.elementor-element-19986018 .wpr-advanced-text-preffix{font-size:45px;}.elementor-7 .elementor-element.elementor-element-19986018 .wpr-anim-text b, .elementor-7 .elementor-element.elementor-element-19986018 .wpr-anim-text b i,.elementor-7 .elementor-element.elementor-element-19986018 .wpr-anim-text,.elementor-7 .elementor-element.elementor-element-19986018 .wpr-highlighted-text{font-size:28px;}.elementor-7 .elementor-element.elementor-element-7dc86010{font-size:14px;}.elementor-7 .elementor-element.elementor-element-7ed8e737{--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-7 .elementor-element.elementor-element-516829e5{text-align:center;}.elementor-7 .elementor-element.elementor-element-7df96e94{text-align:center;}.elementor-7 .elementor-element.elementor-element-7df96e94 .elementor-heading-title{font-size:25px;}.elementor-7 .elementor-element.elementor-element-2b0d7529{text-align:center;}.elementor-7 .elementor-element.elementor-element-29e00fb2{text-align:center;}}/* Start custom CSS for html, class: .elementor-element-70f4488 *//* Container Layout Setup */
.music-portrait-section {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 10px;
    background: transparent;
}

/* Vertical Portrait Frame */
.portrait-card {
    position: relative;
    width: 100%;
    max-width: 420px; /* Perfect Portrait Width */
    height: 600px;    /* Tall Aspect Ratio */
    border: 3px solid #1a202c;
    background-color: #1a202c;
    overflow: hidden;
    box-shadow: 12px 12px 0px #1a202c; /* Solid Industrial Shadow */
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Portrait Image Layer */
.card-bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Replace URL with your premium music banner/headphone image link */
    background-image: url('https://images.unsplash.com/photo-1511671782779-c97d3d27a1d4?q=80&w=600&auto=format&fit=crop');
    background-size: cover;
    background-position: center;
    filter: grayscale(20%) brightness(75%);
    transition: all 0.5s ease;
}

/* Floating Top Badge */
.track-badge {
    position: absolute;
    top: 25px;
    left: 25px;
    background-color: #ffffff;
    color: #1a202c;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 6px 14px;
    border: 2px solid #1a202c;
    z-index: 3;
}

/* Bottom Glassmorphic Control Panel */
.portrait-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 35px 30px;
    background: linear-gradient(to top, rgba(26,32,44,1) 0%, rgba(26,32,44,0.85) 70%, rgba(26,32,44,0) 100%);
    z-index: 2;
    transition: all 0.4s ease;
}

.track-title {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 28px;
    font-weight: 800;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 12px;
    letter-spacing: -0.5px;
}

.track-desc {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 14px;
    color: #cbd5e0;
    line-height: 1.6;
    margin-bottom: 25px;
}

/* Action Area */
.audio-action-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.play-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background-color: #ffffff;
    color: #1a202c;
    text-decoration: none;
    font-weight: 800;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 12px 24px;
    border: 2px solid #ffffff;
    transition: all 0.2s ease;
}

.play-btn:hover {
    background-color: transparent;
    color: #ffffff;
}

/* Unique Audio Wave Animation (CSS Only) */
.wave-animation {
    display: flex;
    gap: 4px;
    align-items: flex-end;
    height: 25px;
}

.wave-animation span {
    width: 3px;
    height: 100%;
    background-color: #ffffff;
    animation: bounce 0.8s ease-in-out infinite alternate;
}

.wave-animation span:nth-child(2) { animation-delay: 0.2s; }
.wave-animation span:nth-child(3) { animation-delay: 0.4s; }
.wave-animation span:nth-child(4) { animation-delay: 0.1s; }

@keyframes bounce {
    0% { height: 5px; }
    100% { height: 25px; }
}

/* Interaction Hover FX */
.portrait-card:hover {
    transform: translate(-4px, -4px);
    box-shadow: 16px 16px 0px #1a202c;
}

.portrait-card:hover .card-bg-image {
    transform: scale(1.08);
    filter: grayscale(0%) brightness(65%);
}

/* Responsive Handling */
@media (max-width: 480px) {
    .portrait-card {
        height: 520px;
    }
    .track-title { font-size: 24px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6f6f526 *//* Container Landscape Layout Alignment */
.music-landscape-section {
    width: 100%;
    padding: 60px 20px;
    background: transparent;
    display: flex;
    justify-content: center;
}

/* Hard Solid Brutalist Studio Deck Frame */
.landscape-deck {
    width: 100%;
    max-width: 1000px; /* Wide Landscape Spread */
    background-color: #ffffff;
    border: 4px solid #1a202c;
    box-shadow: 16px 16px 0px #1a202c; /* Intense signature solid shadow */
    display: flex;
    overflow: hidden;
    position: relative;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Left Graphic Side Panel */
.deck-visual-side {
    flex: 1;
    background-color: #1a202c;
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    border-right: 4px solid #1a202c;
    min-width: 320px;
}

.track-artwork-frame {
    position: relative;
    width: 180px;
    height: 180px;
    border: 3px solid #ffffff;
    background-color: #2d3748;
    box-shadow: 8px 8px 0px rgba(255,255,255,0.15);
}

/* Inside Artwork Image */
.artwork-image {
    width: 100%;
    height: 100%;
    /* Replace with premium dark neon/headphone background image */
    background-image: url('https://images.unsplash.com/photo-1614680376593-902f74fa0d41?q=80&w=500&auto=format&fit=crop');
    background-size: cover;
    background-position: center;
    transition: transform 0.6s ease;
}

/* Live Operational Pulse Dot */
.live-status-tag {
    margin-top: 30px;
    color: #ffffff;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.pulse-dot {
    width: 8px;
    height: 8px;
    background-color: #48bb78; /* Live Green Pulse */
    border-radius: 50%;
    animation: livePulse 1.2s infinite alternate;
}

@keyframes livePulse {
    0% { transform: scale(0.8); opacity: 0.5; }
    100% { transform: scale(1.3); opacity: 1; }
}

/* Right Text & Meta Deck Side */
.deck-info-side {
    flex: 1.8;
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.deck-subtitle {
    font-size: 12px;
    font-weight: 800;
    color: #718096;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
    display: block;
}

.deck-title {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 38px;
    font-weight: 800;
    color: #1a202c;
    text-transform: uppercase;
    line-height: 1.1;
    margin-bottom: 18px;
    letter-spacing: -1px;
}

.deck-description {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 15px;
    color: #4a5568;
    line-height: 1.6;
    margin-bottom: 30px;
    text-align: justify;
}

/* Technical Specification Rows */
.track-meta-row {
    display: flex;
    gap: 30px;
    border-top: 2px dashed #e2e8f0;
    border-bottom: 2px dashed #e2e8f0;
    padding: 15px 0;
    margin-bottom: 25px;
}

.meta-item {
    display: flex;
    flex-direction: column;
}

.meta-label {
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    color: #a0aec0;
    letter-spacing: 0.5px;
}

.meta-val {
    font-size: 14px;
    font-weight: 700;
    color: #1a202c;
}

/* Visual Progress Deck Bar */
.deck-visualizer-bar {
    width: 100%;
    background-color: #edf2f7;
    height: 6px;
    position: relative;
    margin-bottom: 30px;
}

.bar-progress {
    width: 35%; /* Fixed tracking bar status level */
    height: 100%;
    background-color: #1a202c;
}

.time-stamp-row {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    font-weight: 700;
    color: #718096;
    margin-top: 6px;
}

/* Action CTA Launcher Link */
.deck-action-btn {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    background-color: #1a202c;
    color: #ffffff;
    text-decoration: none;
    font-weight: 800;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 14px 28px;
    border: 2px solid #1a202c;
    transition: all 0.2s ease;
}

.deck-action-btn:hover {
    background-color: #ffffff;
    color: #1a202c;
    box-shadow: 4px 4px 0px #1a202c;
    transform: translate(-2px, -2px);
}

/* Interaction Hover Structural Transforms */
.landscape-deck:hover {
    transform: translate(-4px, -4px);
    box-shadow: 22px 22px 0px #1a202c;
}

.landscape-deck:hover .artwork-image {
    transform: scale(1.1) rotate(3deg);
}

/* Fluid Screen Adaptive Breakpoints */
@media (max-width: 850px) {
    .landscape-deck { flex-direction: column; }
    .deck-visual-side { padding: 40px; border-right: none; border-bottom: 4px solid #1a202c; }
    .deck-info-side { padding: 35px 25px; }
    .deck-title { font-size: 30px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7f658df *//* Container Canvas Wrap */
.studio-node-container {
    width: 100%;
    padding: 80px 20px;
    background: transparent;
    display: flex;
    justify-content: center;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

/* Cyberpunk / Industrial Tech Deck Box */
.node-dashboard {
    width: 100%;
    max-width: 950px;
    background-color: #11141a; /* Super Dark Premium Tech Background */
    border: 3px solid #1a202c;
    box-shadow: 12px 12px 0px #4a5568;
    position: relative;
    overflow: hidden;
}

/* Header strip */
.node-header {
    background-color: #1a202c;
    padding: 12px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 3px solid #1a202c;
}

.system-status {
    font-size: 11px;
    font-weight: 800;
    color: #a0aec0;
    letter-spacing: 1.5px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.live-blink {
    width: 7px;
    height: 7px;
    background-color: #ff3366; /* Hot Red Alert Dot */
    border-radius: 50%;
    animation: alertBlink 0.6s infinite alternate;
}

@keyframes alertBlink {
    0% { opacity: 0.3; }
    100% { opacity: 1; transform: scale(1.1); }
}

.system-time {
    font-size: 11px;
    font-weight: 700;
    color: #cbd5e0;
}

/* Inside Main Grid Framework */
.node-main-grid {
    display: flex;
    flex-wrap: wrap;
}

/* Left Section: Visualizer Monitor screen */
.node-visualizer-panel {
    flex: 1;
    min-width: 300px;
    background-color: #0d0f13;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-right: 3px solid #1a202c;
}

.matrix-grid {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    height: 160px;
    width: 100%;
    max-width: 280px;
    border-bottom: 2px solid #2d3748;
    padding-bottom: 5px;
}

.matrix-bar {
    flex: 1;
    background: linear-gradient(to top, #4a5568, #ffffff);
    height: 10px;
    animation: audioWaveform 1.4s ease-in-out infinite alternate;
    animation-delay: var(--d);
}

@keyframes audioWaveform {
    0% { height: 10%; }
    100% { height: var(--h); }
}

.panel-label {
    margin-top: 20px;
    font-size: 10px;
    font-weight: 800;
    color: #4a5568;
    letter-spacing: 2px;
}

/* Right Section: Core Text Data */
.node-content-panel {
    flex: 1.4;
    min-width: 320px;
    padding: 50px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.tech-tag {
    font-size: 11px;
    font-weight: 800;
    color: #718096;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.node-title {
    font-size: 32px;
    font-weight: 800;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 18px;
    letter-spacing: -0.5px;
}

.node-text {
    font-size: 14px;
    color: #a0aec0;
    line-height: 1.6;
    margin-bottom: 35px;
}

/* Technical Knob Controls Grid */
.ui-knobs-row {
    display: flex;
    gap: 30px;
    align-items: center;
}

.knob-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    font-size: 10px;
    font-weight: 800;
    color: #718096;
    letter-spacing: 1px;
}

.knob-circle {
    width: 42px;
    height: 42px;
    border: 2px dashed #4a5568;
    border-radius: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    transition: all 0.3s ease;
}

.knob-circle.active {
    border-color: #ffffff;
}

.knob-indicator {
    position: absolute;
    width: 3px;
    height: 12px;
    background-color: #4a5568;
    top: 4px;
    transform-origin: bottom center;
    transform: rotate(45deg);
}

.knob-circle.active .knob-indicator {
    background-color: #ff3366;
    transform: rotate(135deg);
}

/* Custom Interactive Switch */
.toggle-switch {
    position: relative;
    width: 45px;
    height: 24px;
}

.toggle-switch input { opacity: 0; width: 0; height: 0; }

.toggle-switch label {
    position: absolute;
    cursor: pointer;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: #2d3748;
    border-radius: 34px;
    transition: .3s;
}

.toggle-switch label:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .3s;
    border-radius: 50%;
}

.toggle-switch input:checked + label { background-color: #ffffff; }
.toggle-switch input:checked + label:before { transform: translateX(21px); background-color: #11141a; }

/* Responsive adjustments */
@media (max-width: 768px) {
    .node-visualizer-panel { border-right: none; border-bottom: 3px solid #1a202c; padding: 30px; }
    .node-content-panel { padding: 35px 25px; }
    .node-title { font-size: 26px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-737254b *//* Core Structural Wrapper */
.music-faq-wrapper {
    width: 100%;
    padding: 80px 20px;
    background: transparent;
    display: flex;
    justify-content: center;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.faq-container {
    width: 100%;
    max-width: 850px;
}

/* Header Text Alignments */
.faq-header {
    text-align: center;
    margin-bottom: 50px;
}

.faq-tag {
    font-size: 11px;
    font-weight: 800;
    color: #718096;
    letter-spacing: 2px;
    display: block;
    margin-bottom: 12px;
}

.faq-main-title {
    font-size: 36px;
    font-weight: 800;
    color: #1a202c;
    text-transform: uppercase;
    letter-spacing: -1px;
    margin-bottom: 15px;
}

.faq-subtitle {
    font-size: 15px;
    color: #4a5568;
    line-height: 1.6;
    max-width: 600px;
    margin: 0 auto;
}

/* Playlist Accordion Layout */
.faq-playlist {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* Individual Audio Track Row */
.faq-track-item {
    background-color: #ffffff;
    border: 3px solid #1a202c;
    box-shadow: 4px 4px 0px #1a202c;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Interactive Accordion Trigger */
.faq-track-trigger {
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    padding: 24px 30px;
    display: flex;
    align-items: center;
    text-align: left;
    cursor: pointer;
    font-family: inherit;
}

/* Generic Track Numbering styling */
.track-num {
    font-size: 14px;
    font-weight: 800;
    color: #a0aec0;
    margin-right: 25px;
    font-variant-numeric: tabular-nums;
}

.track-question {
    font-size: 17px;
    font-weight: 700;
    color: #1a202c;
    flex: 1;
    padding-right: 20px;
    transition: color 0.2s ease;
}

.track-icon {
    font-size: 22px;
    font-weight: 800;
    color: #1a202c;
    transition: transform 0.3s ease;
}

/* Sub-panel Expansion Drawer */
.faq-track-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    background-color: #f7fafc;
}

.faq-track-content p {
    padding: 0 30px 24px 69px; /* Aligned beautifully with the question text */
    font-size: 14.5px;
    color: #4a5568;
    line-height: 1.7;
    margin: 0;
}

/* State Modifications on User Interaction */
.faq-track-item.is-open {
    box-shadow: 8px 8px 0px #1a202c;
    transform: translate(-4px, -4px);
    background-color: #ffffff;
}

.faq-track-item.is-open .track-question {
    color: #3182ce; /* Smooth blue focus state highlighting active track */
}

.faq-track-item:hover:not(.is-open) {
    transform: translate(-2px, -2px);
    box-shadow: 6px 6px 0px #1a202c;
}

/* Fluid Breakpoint Matrix */
@media (max-width: 600px) {
    .faq-track-trigger { padding: 20px; }
    .track-num { margin-right: 15px; font-size: 12px; }
    .track-question { font-size: 15px; }
    .faq-track-content p { padding: 0 20px 20px 47px; font-size: 13.5px; }
    .faq-main-title { font-size: 28px; }
}/* End custom CSS */