{"id":3292,"date":"2024-03-14T03:54:38","date_gmt":"2024-03-14T03:54:38","guid":{"rendered":"https:\/\/auxa.xpressbuddy.com\/?page_id=3292"},"modified":"2026-04-17T20:18:03","modified_gmt":"2026-04-17T20:18:03","slug":"home","status":"publish","type":"page","link":"https:\/\/scenebana.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3292\" class=\"elementor elementor-3292\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-05e06af elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"05e06af\" data-element_type=\"section\" data-e-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-50308e9\" data-id=\"50308e9\" data-element_type=\"column\" data-e-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-5992611 elementor-widget elementor-widget-html\" data-id=\"5992611\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n  HERO SECTION \u2014 Music Marketing Agency\r\n  Paste this entire block into Elementor > HTML widget\r\n  Font: Marcellus | Accent: #C4EF17\r\n  ============================================================ -->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Marcellus&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n  .amw-hero {\r\n    --accent: #C4EF17;\r\n    --accent-glow: rgba(196,239,23,0.28);\r\n    --bg: #0a0a0a;\r\n    --text-primary: #f0f0f0;\r\n    --text-secondary: rgba(240,240,240,0.45);\r\n    --text-muted: rgba(240,240,240,0.2);\r\n    background: var(--bg);\r\n    min-height: 100vh;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n    font-family: 'Inter', sans-serif;\r\n    padding: 100px 0 72px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .amw-hero-bg-grid {\r\n    position: absolute;\r\n    inset: 0;\r\n    z-index: 0;\r\n    background-image:\r\n      linear-gradient(rgba(196,239,23,0.06) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(196,239,23,0.06) 1px, transparent 1px);\r\n    background-size: 72px 72px;\r\n    mask-image: radial-gradient(ellipse 90% 65% at 50% 50%, black 20%, transparent 100%);\r\n    -webkit-mask-image: radial-gradient(ellipse 90% 65% at 50% 50%, black 20%, transparent 100%);\r\n    animation: amwGrid 9s ease-in-out infinite;\r\n  }\r\n  @keyframes amwGrid {\r\n    0%,100% { opacity: 0.45; }\r\n    50% { opacity: 0.9; }\r\n  }\r\n\r\n  .amw-hero-blob {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n    filter: blur(90px);\r\n  }\r\n  .amw-hero-blob-1 {\r\n    width: 55vw; height: 55vw;\r\n    max-width: 640px; max-height: 640px;\r\n    top: -25%; right: -10%;\r\n    background: radial-gradient(circle, rgba(196,239,23,0.07) 0%, transparent 65%);\r\n  }\r\n  .amw-hero-blob-2 {\r\n    width: 40vw; height: 40vw;\r\n    max-width: 440px; max-height: 440px;\r\n    bottom: -15%; left: -8%;\r\n    background: radial-gradient(circle, rgba(196,239,23,0.045) 0%, transparent 65%);\r\n  }\r\n\r\n  .amw-ticker-wrap {\r\n    position: absolute;\r\n    top: 0; left: 0; right: 0;\r\n    height: 42px;\r\n    overflow: hidden;\r\n    border-bottom: 1px solid rgba(196,239,23,0.1);\r\n    display: flex;\r\n    align-items: center;\r\n    z-index: 4;\r\n    background: rgba(10,10,10,0.75);\r\n    backdrop-filter: blur(12px);\r\n    -webkit-backdrop-filter: blur(12px);\r\n  }\r\n  .amw-ticker-track {\r\n    display: flex;\r\n    white-space: nowrap;\r\n    animation: amwTicker 30s linear infinite;\r\n  }\r\n  .amw-ticker-track span {\r\n    font-size: 10px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.2em;\r\n    text-transform: uppercase;\r\n    color: var(--text-muted);\r\n    padding: 0 24px;\r\n  }\r\n  .amw-ticker-track span.dot {\r\n    color: var(--accent);\r\n    padding: 0 4px;\r\n    letter-spacing: 0;\r\n  }\r\n  @keyframes amwTicker {\r\n    from { transform: translateX(0); }\r\n    to { transform: translateX(-50%); }\r\n  }\r\n\r\n  .amw-waveform {\r\n    position: absolute;\r\n    bottom: 0; left: 0; right: 0;\r\n    height: 60px;\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: center;\r\n    gap: 3px;\r\n    padding: 0 16px;\r\n    z-index: 1;\r\n    opacity: 0.12;\r\n    pointer-events: none;\r\n  }\r\n  .amw-wave-bar {\r\n    flex: 1;\r\n    max-width: 5px;\r\n    background: var(--accent);\r\n    border-radius: 3px 3px 0 0;\r\n    animation: amwWave 2s ease-in-out infinite;\r\n    transform-origin: bottom;\r\n  }\r\n  @keyframes amwWave {\r\n    0%,100% { transform: scaleY(0.2); }\r\n    50% { transform: scaleY(1); }\r\n  }\r\n\r\n  .amw-scroll-hint {\r\n    position: absolute;\r\n    bottom: 28px; right: 40px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    gap: 8px;\r\n    z-index: 4;\r\n    opacity: 0;\r\n    transition: opacity 1s ease;\r\n  }\r\n  .amw-scroll-hint.on { opacity: 1; }\r\n  .amw-scroll-hint-text {\r\n    font-size: 9px;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n    color: var(--text-muted);\r\n    writing-mode: vertical-rl;\r\n  }\r\n  .amw-scroll-hint-bar {\r\n    width: 1px; height: 44px;\r\n    background: linear-gradient(to bottom, rgba(196,239,23,0.5), transparent);\r\n    animation: amwScrollBar 2.2s ease-in-out infinite;\r\n  }\r\n  @keyframes amwScrollBar {\r\n    0% { transform: scaleY(0); transform-origin: top; opacity: 0; }\r\n    45% { transform: scaleY(1); transform-origin: top; opacity: 1; }\r\n    55% { transform: scaleY(1); transform-origin: bottom; opacity: 1; }\r\n    100% { transform: scaleY(0); transform-origin: bottom; opacity: 0; }\r\n  }\r\n\r\n  .amw-hero-inner {\r\n    position: relative;\r\n    z-index: 3;\r\n    width: 100%;\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    padding: 0 48px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  .amw-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    margin-bottom: 28px;\r\n    opacity: 0;\r\n    transform: translateY(18px);\r\n    transition: opacity 0.7s ease, transform 0.7s ease;\r\n  }\r\n  .amw-eyebrow.on { opacity: 1; transform: translateY(0); }\r\n  .amw-eyebrow-dot {\r\n    width: 7px; height: 7px;\r\n    border-radius: 50%;\r\n    background: var(--accent);\r\n    flex-shrink: 0;\r\n    animation: amwDotPulse 2.6s ease-in-out infinite;\r\n  }\r\n  @keyframes amwDotPulse {\r\n    0%,100% { box-shadow: 0 0 0 0 rgba(196,239,23,0.5); }\r\n    50% { box-shadow: 0 0 0 5px rgba(196,239,23,0); }\r\n  }\r\n  .amw-eyebrow-label {\r\n    font-size: 10px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n    color: var(--accent);\r\n  }\r\n  .amw-eyebrow-rule {\r\n    width: 36px; height: 1px;\r\n    background: rgba(196,239,23,0.45);\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .amw-headline {\r\n    font-family: 'Marcellus', serif;\r\n    font-size: clamp(48px, 8vw, 108px);\r\n    font-weight: 400;\r\n    line-height: 1.0;\r\n    letter-spacing: -0.02em;\r\n    color: var(--text-primary);\r\n    margin: 0;\r\n    max-width: 840px;\r\n  }\r\n  .amw-headline-word {\r\n    display: inline-block;\r\n    opacity: 0;\r\n    transform: translateY(36px);\r\n    transition: opacity 0.65s ease, transform 0.65s cubic-bezier(0.16,1,0.3,1);\r\n  }\r\n  .amw-headline-word.on { opacity: 1; transform: translateY(0); }\r\n  .amw-hl-accent {\r\n    color: var(--accent);\r\n    position: relative;\r\n    display: inline-block;\r\n  }\r\n  .amw-hl-accent::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -3px; left: 0; right: 0;\r\n    height: 2px;\r\n    background: var(--accent);\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    transition: transform 0.9s cubic-bezier(0.16,1,0.3,1) 0.2s;\r\n  }\r\n  .amw-hl-accent.line::after { transform: scaleX(1); }\r\n\r\n  .amw-rule {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    margin: 32px 0 28px;\r\n    opacity: 0;\r\n    transform: translateY(14px);\r\n    transition: opacity 0.7s ease, transform 0.7s ease;\r\n  }\r\n  .amw-rule.on { opacity: 1; transform: translateY(0); }\r\n  .amw-rule-line { width: 40px; height: 1px; background: rgba(196,239,23,0.35); }\r\n  .amw-rule-label {\r\n    font-size: 9px;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n    color: var(--text-muted);\r\n  }\r\n\r\n  .amw-body {\r\n    font-size: clamp(14px, 1.6vw, 17px);\r\n    line-height: 1.85;\r\n    color: var(--text-secondary);\r\n    max-width: 500px;\r\n    font-weight: 300;\r\n    letter-spacing: 0.012em;\r\n    margin: 0 0 40px;\r\n    opacity: 0;\r\n    transform: translateY(18px);\r\n    transition: opacity 0.75s ease, transform 0.75s ease;\r\n  }\r\n  .amw-body.on { opacity: 1; transform: translateY(0); }\r\n  .amw-body strong { color: rgba(240,240,240,0.82); font-weight: 500; }\r\n\r\n  .amw-cta {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 28px;\r\n    flex-wrap: wrap;\r\n    opacity: 0;\r\n    transform: translateY(16px);\r\n    transition: opacity 0.75s ease, transform 0.75s ease;\r\n  }\r\n  .amw-cta.on { opacity: 1; transform: translateY(0); }\r\n\r\n  .amw-btn-primary {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 11px;\r\n    background: var(--accent);\r\n    color: #000;\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 12px;\r\n    font-weight: 600;\r\n    letter-spacing: 0.14em;\r\n    text-transform: uppercase;\r\n    text-decoration: none;\r\n    padding: 17px 34px;\r\n    border-radius: 3px;\r\n    border: none;\r\n    cursor: pointer;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.3s ease;\r\n    white-space: nowrap;\r\n    box-sizing: border-box;\r\n  }\r\n  .amw-btn-primary::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    background: #fff;\r\n    transform: translateX(-101%);\r\n    transition: transform 0.38s cubic-bezier(0.16,1,0.3,1);\r\n  }\r\n  .amw-btn-primary:hover::before { transform: translateX(0); }\r\n  .amw-btn-primary:hover { transform: translateY(-2px) scale(1.02); box-shadow: 0 10px 36px var(--accent-glow); }\r\n  .amw-btn-primary:active { transform: scale(0.97); }\r\n  .amw-btn-primary span, .amw-btn-primary svg { position: relative; z-index: 1; }\r\n  .amw-btn-primary svg { width: 13px; height: 13px; transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1); }\r\n  .amw-btn-primary:hover svg { transform: translateX(4px); }\r\n\r\n  .amw-btn-ghost {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n    color: rgba(240,240,240,0.45);\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 13px;\r\n    font-weight: 400;\r\n    letter-spacing: 0.04em;\r\n    text-decoration: none;\r\n    padding: 4px 0;\r\n    background: none;\r\n    border: none;\r\n    cursor: pointer;\r\n    position: relative;\r\n    transition: color 0.3s ease;\r\n    white-space: nowrap;\r\n  }\r\n  .amw-btn-ghost::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: 0; left: 0;\r\n    width: 0; height: 1px;\r\n    background: rgba(240,240,240,0.6);\r\n    transition: width 0.38s cubic-bezier(0.16,1,0.3,1);\r\n  }\r\n  .amw-btn-ghost:hover::after { width: 100%; }\r\n  .amw-btn-ghost:hover { color: var(--text-primary); }\r\n  .amw-btn-ghost svg { width: 12px; height: 12px; }\r\n\r\n  .amw-stats {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    margin-top: 64px;\r\n    padding-top: 36px;\r\n    border-top: 1px solid rgba(255,255,255,0.07);\r\n    opacity: 0;\r\n    transform: translateY(20px);\r\n    transition: opacity 0.85s ease, transform 0.85s ease;\r\n  }\r\n  .amw-stats.on { opacity: 1; transform: translateY(0); }\r\n\r\n  .amw-stat {\r\n    padding-right: 28px;\r\n    border-right: 1px solid rgba(255,255,255,0.07);\r\n    margin-right: 28px;\r\n  }\r\n  .amw-stat:last-child { border-right: none; margin-right: 0; padding-right: 0; }\r\n\r\n  .amw-stat-num {\r\n    font-family: 'Marcellus', serif;\r\n    font-size: clamp(28px, 3.2vw, 46px);\r\n    color: var(--text-primary);\r\n    line-height: 1;\r\n    margin-bottom: 7px;\r\n    display: flex;\r\n    align-items: baseline;\r\n  }\r\n  .amw-stat-suf {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: clamp(14px, 1.6vw, 20px);\r\n    font-weight: 300;\r\n    color: var(--accent);\r\n    margin-left: 2px;\r\n  }\r\n  .amw-stat-lbl {\r\n    font-size: 11px;\r\n    color: var(--text-secondary);\r\n    letter-spacing: 0.1em;\r\n    text-transform: uppercase;\r\n    font-weight: 400;\r\n  }\r\n\r\n  \/* ---- tablet ---- *\/\r\n  @media (max-width: 900px) {\r\n    .amw-hero-inner { padding: 0 32px; }\r\n    .amw-stats { grid-template-columns: repeat(2, 1fr); row-gap: 0; }\r\n    .amw-stat {\r\n      border-right: none;\r\n      margin-right: 0;\r\n      padding-right: 0;\r\n      padding-bottom: 28px;\r\n      border-bottom: 1px solid rgba(255,255,255,0.07);\r\n    }\r\n    .amw-stat:nth-child(odd) {\r\n      padding-right: 24px;\r\n      border-right: 1px solid rgba(255,255,255,0.07);\r\n    }\r\n    .amw-stat:nth-child(3),\r\n    .amw-stat:nth-child(4) { border-bottom: none; padding-bottom: 0; }\r\n    .amw-scroll-hint { display: none; }\r\n  }\r\n\r\n  \/* ---- mobile ---- *\/\r\n  @media (max-width: 600px) {\r\n    .amw-hero {\r\n      padding: 72px 0 52px;\r\n      min-height: 100svh;\r\n      justify-content: center;\r\n    }\r\n    .amw-hero-inner { padding: 0 22px; }\r\n\r\n    .amw-eyebrow { margin-bottom: 18px; }\r\n    .amw-eyebrow-label { font-size: 9px; letter-spacing: 0.16em; }\r\n    .amw-eyebrow-rule { width: 24px; }\r\n\r\n    .amw-headline {\r\n      font-size: clamp(40px, 10.5vw, 60px);\r\n      line-height: 1.03;\r\n      max-width: 100%;\r\n      letter-spacing: -0.015em;\r\n    }\r\n\r\n    .amw-rule { margin: 22px 0 18px; }\r\n\r\n    .amw-body {\r\n      font-size: 14px;\r\n      line-height: 1.75;\r\n      max-width: 100%;\r\n      margin-bottom: 30px;\r\n    }\r\n\r\n    .amw-cta {\r\n      flex-direction: column;\r\n      align-items: stretch;\r\n      gap: 14px;\r\n    }\r\n    .amw-btn-primary {\r\n      width: 100%;\r\n      justify-content: center;\r\n      padding: 15px 20px;\r\n      font-size: 11px;\r\n    }\r\n    .amw-btn-ghost {\r\n      justify-content: center;\r\n      font-size: 13px;\r\n      padding: 8px 0;\r\n    }\r\n\r\n    .amw-stats {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      margin-top: 40px;\r\n      padding-top: 28px;\r\n      row-gap: 0;\r\n    }\r\n    .amw-stat { padding-bottom: 22px; }\r\n    .amw-stat:nth-child(3),\r\n    .amw-stat:nth-child(4) { padding-bottom: 0; }\r\n    .amw-stat-num { font-size: 30px; }\r\n    .amw-stat-suf { font-size: 15px; }\r\n    .amw-stat-lbl { font-size: 10px; }\r\n\r\n    .amw-scroll-hint { display: none; }\r\n    .amw-hero-blob-1 { width: 280px; height: 280px; top: -60px; right: -50px; }\r\n    .amw-hero-blob-2 { display: none; }\r\n    .amw-ticker-wrap { height: 34px; }\r\n    .amw-ticker-track span { font-size: 9px; padding: 0 16px; }\r\n  }\r\n\r\n  @media (max-width: 380px) {\r\n    .amw-hero-inner { padding: 0 18px; }\r\n    .amw-headline { font-size: 36px; }\r\n    .amw-stat-num { font-size: 26px; }\r\n    .amw-stat-suf { font-size: 13px; }\r\n    .amw-stat-lbl { font-size: 9px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"amw-hero\" id=\"amwHero\">\r\n\r\n  <div class=\"amw-hero-bg-grid\"><\/div>\r\n  <div class=\"amw-hero-blob amw-hero-blob-1\"><\/div>\r\n  <div class=\"amw-hero-blob amw-hero-blob-2\"><\/div>\r\n  <div class=\"amw-waveform\" id=\"amwWaveform\"><\/div>\r\n\r\n  <div class=\"amw-ticker-wrap\" aria-hidden=\"true\">\r\n    <div class=\"amw-ticker-track\" id=\"amwTicker\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"amw-hero-inner\">\r\n\r\n    <div class=\"amw-eyebrow\" id=\"amwEyebrow\">\r\n      <div class=\"amw-eyebrow-dot\"><\/div>\r\n      <span class=\"amw-eyebrow-label\">Music Marketing Agency<\/span>\r\n      <div class=\"amw-eyebrow-dot\"><\/div>\r\n    <\/div>\r\n\r\n    <h1 class=\"amw-headline\" id=\"amwHeadline\" aria-label=\"Your Music Deserves a Scene\"><\/h1>\r\n\r\n    <div class=\"amw-rule\" id=\"amwRule\">\r\n      <div class=\"amw-rule-line\"><\/div>\r\n      <span class=\"amw-rule-label\">What we do<\/span>\r\n      <div class=\"amw-rule-line\"><\/div>\r\n    <\/div>\r\n\r\n    <p class=\"amw-body\" id=\"amwBody\">\r\n      Built for artists who want <strong>more than just a release.<\/strong> We craft the story, the rollout, and the momentum behind your music. <strong>No templates. No shortcuts.<\/strong> Just work that gets heard.\r\n    <\/p>\r\n\r\n    <div class=\"amw-cta\" id=\"amwCta\">\r\n      <a href=\"#projects\" class=\"amw-btn-primary\">\r\n        <span>Show Projects<\/span>\r\n        <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <line x1=\"3\" y1=\"8\" x2=\"13\" y2=\"8\"\/>\r\n          <polyline points=\"9,4 13,8 9,12\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n      <a href=\"#about\" class=\"amw-btn-ghost\">\r\n        How it works\r\n        <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <line x1=\"2\" y1=\"8\" x2=\"14\" y2=\"8\"\/>\r\n          <polyline points=\"10,4 14,8 10,12\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <div class=\"amw-stats\" id=\"amwStats\">\r\n      <div class=\"amw-stat\">\r\n        <div class=\"amw-stat-num\">\r\n          <span class=\"amw-sv\" data-target=\"120\">0<\/span><span class=\"amw-stat-suf\">+<\/span>\r\n        <\/div>\r\n        <div class=\"amw-stat-lbl\">Artists Launched<\/div>\r\n      <\/div>\r\n      <div class=\"amw-stat\">\r\n        <div class=\"amw-stat-num\">\r\n          <span class=\"amw-sv\" data-target=\"300\">0<\/span><span class=\"amw-stat-suf\">M+<\/span>\r\n        <\/div>\r\n        <div class=\"amw-stat-lbl\">Streams Generated<\/div>\r\n      <\/div>\r\n      <div class=\"amw-stat\">\r\n        <div class=\"amw-stat-num\">\r\n          <span class=\"amw-sv\" data-target=\"8\">0<\/span><span class=\"amw-stat-suf\">yr<\/span>\r\n        <\/div>\r\n        <div class=\"amw-stat-lbl\">In the Industry<\/div>\r\n      <\/div>\r\n      <div class=\"amw-stat\">\r\n        <div class=\"amw-stat-num\">\r\n          <span class=\"amw-sv\" data-target=\"40\">0<\/span><span class=\"amw-stat-suf\">+<\/span>\r\n        <\/div>\r\n        <div class=\"amw-stat-lbl\">Campaigns Run<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"amw-scroll-hint\" id=\"amwScroll\" aria-hidden=\"true\">\r\n    <span class=\"amw-scroll-hint-text\">Scroll<\/span>\r\n    <div class=\"amw-scroll-hint-bar\"><\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var services=['Artist Strategy','Campaign Rollout','Press & PR','Social Growth','Release Planning','Playlist Pitching','Brand Identity','Content Direction'];\r\n  var ticker=document.getElementById('amwTicker');\r\n  if(ticker){\r\n    var doubled=services.concat(services);\r\n    doubled.forEach(function(s){\r\n      var sp=document.createElement('span'); sp.textContent=s; ticker.appendChild(sp);\r\n      var dot=document.createElement('span'); dot.className='dot'; dot.textContent='\u00b7'; ticker.appendChild(dot);\r\n    });\r\n  }\r\n\r\n  var wf=document.getElementById('amwWaveform');\r\n  if(wf){ for(var b=0;b<70;b++){var bar=document.createElement('div');bar.className='amw-wave-bar';bar.style.cssText='animation-delay:'+(Math.random()*2.2).toFixed(2)+'s;animation-duration:'+(1.1+Math.random()*1.8).toFixed(2)+'s;height:'+(12+Math.random()*52).toFixed(0)+'px;';wf.appendChild(bar);} }\r\n\r\n  var hl=document.getElementById('amwHeadline');\r\n  ['Your','Music','Deserves','a','Scene'].forEach(function(w,i){\r\n    var sp=document.createElement('span'); sp.className='amw-headline-word';\r\n    if(i===4){var ac=document.createElement('span');ac.className='amw-hl-accent';ac.id='amwAccent';ac.textContent=w;sp.appendChild(ac);}\r\n    else{sp.textContent=w;}\r\n    hl.appendChild(sp);\r\n    if(i<4)hl.appendChild(document.createTextNode('\\u00a0'));\r\n  });\r\n\r\n  var fired=false;\r\n  function go(id,d){var el=document.getElementById(id);if(el)setTimeout(function(){el.classList.add('on');},d);}\r\n\r\n  function entrance(){\r\n    if(fired)return; fired=true;\r\n    go('amwEyebrow',60);\r\n    var ws=hl.querySelectorAll('.amw-headline-word');\r\n    ws.forEach(function(w,i){setTimeout(function(){w.classList.add('on');},240+i*100);});\r\n    var ac=document.getElementById('amwAccent');\r\n    if(ac)setTimeout(function(){ac.classList.add('line');},820);\r\n    go('amwRule',800); go('amwBody',960); go('amwCta',1100); go('amwStats',1240); go('amwScroll',1800);\r\n    setTimeout(function(){\r\n      document.querySelectorAll('.amw-sv').forEach(function(el){\r\n        var target=parseInt(el.getAttribute('data-target'),10),t0=null,dur=1500;\r\n        (function tick(ts){if(!t0)t0=ts;var p=Math.min((ts-t0)\/dur,1),e=1-Math.pow(1-p,3);el.textContent=Math.round(e*target);if(p<1)requestAnimationFrame(tick);else el.textContent=target;})(performance.now());\r\n      });\r\n    },1500);\r\n  }\r\n\r\n  var hero=document.getElementById('amwHero');\r\n  if('IntersectionObserver' in window&&hero){var ob=new IntersectionObserver(function(e){if(e[0].isIntersecting){entrance();ob.disconnect();}},{threshold:0.08});ob.observe(hero);}\r\n  else{setTimeout(entrance,150);}\r\n\r\n  var inner=hero?hero.querySelector('.amw-hero-inner'):null;\r\n  var rect=null;\r\n  if(inner&&window.innerWidth>900){\r\n    document.addEventListener('mousemove',function(e){\r\n      if(!rect)rect=hero.getBoundingClientRect();\r\n      var dx=(e.clientX-rect.left-rect.width\/2)\/rect.width;\r\n      var dy=(e.clientY-rect.top-rect.height\/2)\/rect.height;\r\n      inner.style.transform='translate('+(dx*-8)+'px,'+(dy*-5)+'px)';\r\n    });\r\n    window.addEventListener('resize',function(){rect=null;});\r\n  }\r\n\r\n  if(window.innerWidth>600){\r\n    window.addEventListener('scroll',function(){\r\n      if(!hero)return;\r\n      var sy=window.pageYOffset,hh=hero.offsetHeight;\r\n      if(sy<hh)hero.style.opacity=String(1-(sy\/hh)*0.3);\r\n    },{passive:true});\r\n  }\r\n})();\r\n<\/script>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fe2217e elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"fe2217e\" data-element_type=\"section\" data-e-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-7d3b42e\" data-id=\"7d3b42e\" data-element_type=\"column\" data-e-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-747a362 elementor-widget elementor-widget-int-marquee-v4\" data-id=\"747a362\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"int-marquee-v4.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n        <section class=\"marquee-two\">\r\n            <div class=\"dm-marquee db-marquee marquee-left\">\r\n                                    <div class=\"marquee-item\">Spotify Ads <\/div>\r\n                                    <div class=\"marquee-item\">Video Conceptualization <\/div>\r\n                                    <div class=\"marquee-item\"> <\/div>\r\n                            <\/div>\r\n        <\/section>\r\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-64606b8 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle\" data-id=\"64606b8\" data-element_type=\"section\" data-e-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-d0eadfe\" data-id=\"d0eadfe\" data-element_type=\"column\" data-e-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-ff56898 elementor-invisible elementor-widget elementor-widget-video\" data-id=\"ff56898\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;show_image_overlay&quot;:&quot;yes&quot;,&quot;image_overlay&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/scenebana.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/What-Is-Scene-Bana-2.png&quot;,&quot;id&quot;:4433,&quot;size&quot;:&quot;&quot;,&quot;source&quot;:&quot;library&quot;,&quot;alt&quot;:&quot;&quot;},&quot;lightbox&quot;:&quot;yes&quot;,&quot;lightbox_content_animation&quot;:&quot;fadeIn&quot;,&quot;video_type&quot;:&quot;vimeo&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;mute&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;yt_privacy&quot;:&quot;yes&quot;,&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_mobile&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-lightbox\">\n\t\t\t\t\t\t\t<div class=\"elementor-custom-embed-image-overlay\" data-elementor-open-lightbox=\"yes\" data-elementor-lightbox=\"{&quot;type&quot;:&quot;video&quot;,&quot;videoType&quot;:&quot;vimeo&quot;,&quot;url&quot;:&quot;https:\\\/\\\/player.vimeo.com\\\/video\\\/1184219256?color&amp;autopause=0&amp;dnt=true&amp;loop=1&amp;muted=1&amp;title=0&amp;portrait=0&amp;byline=0#t=&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;modalOptions&quot;:{&quot;id&quot;:&quot;elementor-lightbox-ff56898&quot;,&quot;entranceAnimation&quot;:&quot;fadeIn&quot;,&quot;entranceAnimation_tablet&quot;:&quot;&quot;,&quot;entranceAnimation_mobile&quot;:&quot;&quot;,&quot;videoAspectRatio&quot;:&quot;169&quot;}}\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJ0eXBlIjoidmlkZW8iLCJ2aWRlb1R5cGUiOiJ2aW1lbyIsInVybCI6Imh0dHBzOlwvXC9wbGF5ZXIudmltZW8uY29tXC92aWRlb1wvMTE4NDIxOTI1Nj9jb2xvciZhdXRvcGF1c2U9MCZkbnQ9dHJ1ZSZsb29wPTEmbXV0ZWQ9MSZ0aXRsZT0wJnBvcnRyYWl0PTAmYnlsaW5lPTAjdD0iLCJhdXRvcGxheSI6InllcyIsIm1vZGFsT3B0aW9ucyI6eyJpZCI6ImVsZW1lbnRvci1saWdodGJveC1mZjU2ODk4IiwiZW50cmFuY2VBbmltYXRpb24iOiJmYWRlSW4iLCJlbnRyYW5jZUFuaW1hdGlvbl90YWJsZXQiOiIiLCJlbnRyYW5jZUFuaW1hdGlvbl9tb2JpbGUiOiIiLCJ2aWRlb0FzcGVjdFJhdGlvIjoiMTY5In19\">\n\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"2154\" height=\"848\" src=\"https:\/\/scenebana.com\/wp-content\/uploads\/2026\/04\/What-Is-Scene-Bana-2.png\" class=\"attachment-full size-full wp-image-4433\" alt=\"\" srcset=\"https:\/\/scenebana.com\/wp-content\/uploads\/2026\/04\/What-Is-Scene-Bana-2.png 2154w, https:\/\/scenebana.com\/wp-content\/uploads\/2026\/04\/What-Is-Scene-Bana-2-300x118.png 300w, https:\/\/scenebana.com\/wp-content\/uploads\/2026\/04\/What-Is-Scene-Bana-2-1024x403.png 1024w, https:\/\/scenebana.com\/wp-content\/uploads\/2026\/04\/What-Is-Scene-Bana-2-768x302.png 768w, https:\/\/scenebana.com\/wp-content\/uploads\/2026\/04\/What-Is-Scene-Bana-2-1536x605.png 1536w, https:\/\/scenebana.com\/wp-content\/uploads\/2026\/04\/What-Is-Scene-Bana-2-2048x806.png 2048w, https:\/\/scenebana.com\/wp-content\/uploads\/2026\/04\/What-Is-Scene-Bana-2-600x236.png 600w, https:\/\/scenebana.com\/wp-content\/uploads\/2026\/04\/What-Is-Scene-Bana-2-760x299.png 760w, https:\/\/scenebana.com\/wp-content\/uploads\/2026\/04\/What-Is-Scene-Bana-2-370x146.png 370w\" sizes=\"(max-width: 2154px) 100vw, 2154px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-custom-embed-play\" role=\"button\" aria-label=\"Play Video\" tabindex=\"0\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-play\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M838 162C746 71 633 25 500 25 371 25 258 71 163 162 71 254 25 367 25 500 25 633 71 746 163 837 254 929 367 979 500 979 633 979 746 933 838 837 929 746 975 633 975 500 975 367 929 254 838 162M808 192C892 279 933 379 933 500 933 621 892 725 808 808 725 892 621 938 500 938 379 938 279 896 196 808 113 725 67 621 67 500 67 379 108 279 196 192 279 108 383 62 500 62 621 62 721 108 808 192M438 392V642L642 517 438 392Z\"><\/path><\/svg>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fffa8ea elementor-section-full_width animated-slow elementor-section-height-default elementor-section-height-default elementor-invisible\" data-id=\"fffa8ea\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;animation&quot;:&quot;lakitRevealCircle&quot;,&quot;animation_delay&quot;:1000}\">\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-915563a\" data-id=\"915563a\" data-element_type=\"column\" data-e-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-82edab3 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"82edab3\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInUp&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Marcellus&family=Inter:wght@300;400;500&display=swap');\r\n\r\n  .amw-section {\r\n    --accent: #C4EF17;\r\n    --accent-dim: rgba(196, 239, 23, 0.12);\r\n    --accent-glow: rgba(196, 239, 23, 0.35);\r\n    --bg: #0a0a0a;\r\n    --surface: #111111;\r\n    --surface2: #1a1a1a;\r\n    --border: rgba(255,255,255,0.07);\r\n    --text-primary: #f0f0f0;\r\n    --text-secondary: rgba(240,240,240,0.45);\r\n    --card-w: 320px;\r\n    --card-h: 440px;\r\n    --gap: 24px;\r\n    --transition: 0.72s cubic-bezier(0.16, 1, 0.3, 1);\r\n    background: var(--bg);\r\n    padding: 80px 0 100px;\r\n    font-family: 'Inter', sans-serif;\r\n    overflow: hidden;\r\n    position: relative;\r\n  }\r\n\r\n  .amw-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -200px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    width: 700px;\r\n    height: 400px;\r\n    background: radial-gradient(ellipse, rgba(196,239,23,0.06) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .amw-header {\r\n    text-align: center;\r\n    margin-bottom: 60px;\r\n    padding: 0 24px;\r\n    position: relative;\r\n  }\r\n\r\n  .amw-eyebrow {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 11px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n    color: var(--accent);\r\n    margin-bottom: 16px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n  }\r\n\r\n  .amw-eyebrow::before,\r\n  .amw-eyebrow::after {\r\n    content: '';\r\n    width: 32px;\r\n    height: 1px;\r\n    background: var(--accent);\r\n    opacity: 0.6;\r\n  }\r\n\r\n  .amw-title {\r\n    font-family: 'Marcellus', serif;\r\n    font-size: clamp(36px, 5vw, 64px);\r\n    font-weight: 400;\r\n    color: var(--text-primary);\r\n    line-height: 1.1;\r\n    margin: 0;\r\n    letter-spacing: -0.01em;\r\n  }\r\n\r\n  .amw-title span {\r\n    color: var(--accent);\r\n  }\r\n\r\n  .amw-subtitle {\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 15px;\r\n    color: var(--text-secondary);\r\n    margin-top: 16px;\r\n    font-weight: 300;\r\n    letter-spacing: 0.02em;\r\n  }\r\n\r\n  .amw-track-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    overflow: hidden;\r\n    padding: 20px 0 30px;\r\n  }\r\n\r\n  .amw-track-wrapper::before,\r\n  .amw-track-wrapper::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 120px;\r\n    z-index: 10;\r\n    pointer-events: none;\r\n  }\r\n  .amw-track-wrapper::before {\r\n    left: 0;\r\n    background: linear-gradient(to right, var(--bg), transparent);\r\n  }\r\n  .amw-track-wrapper::after {\r\n    right: 0;\r\n    background: linear-gradient(to left, var(--bg), transparent);\r\n  }\r\n\r\n  .amw-track {\r\n    display: flex;\r\n    gap: var(--gap);\r\n    transition: transform var(--transition);\r\n    will-change: transform;\r\n    padding: 0 calc(50vw - var(--card-w) \/ 2);\r\n    box-sizing: content-box;\r\n  }\r\n\r\n  .amw-card {\r\n    flex: 0 0 var(--card-w);\r\n    height: var(--card-h);\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    position: relative;\r\n    cursor: pointer;\r\n    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1),\r\n                box-shadow 0.5s cubic-bezier(0.16, 1, 0.3, 1),\r\n                opacity 0.5s ease;\r\n    opacity: 0.45;\r\n    transform: scale(0.92);\r\n    border: 1px solid var(--border);\r\n    background: var(--surface);\r\n    user-select: none;\r\n  }\r\n\r\n  .amw-card.active {\r\n    opacity: 1;\r\n    transform: scale(1);\r\n    border-color: rgba(196,239,23,0.2);\r\n    box-shadow: 0 0 60px rgba(196,239,23,0.08), 0 30px 80px rgba(0,0,0,0.6);\r\n  }\r\n\r\n  .amw-card.adjacent {\r\n    opacity: 0.75;\r\n    transform: scale(0.96);\r\n  }\r\n\r\n  .amw-card-img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\r\n    filter: brightness(0.85) contrast(1.05);\r\n  }\r\n\r\n  .amw-card:hover .amw-card-img {\r\n    transform: scale(1.04);\r\n  }\r\n\r\n  .amw-card-overlay {\r\n    position: absolute;\r\n    inset: 0;\r\n    background: linear-gradient(\r\n      to top,\r\n      rgba(0,0,0,0.92) 0%,\r\n      rgba(0,0,0,0.5) 40%,\r\n      rgba(0,0,0,0.1) 70%,\r\n      transparent 100%\r\n    );\r\n    transition: background 0.4s ease;\r\n  }\r\n\r\n  .amw-card:hover .amw-card-overlay {\r\n    background: linear-gradient(\r\n      to top,\r\n      rgba(0,0,0,0.95) 0%,\r\n      rgba(0,0,0,0.6) 45%,\r\n      rgba(0,0,0,0.15) 70%,\r\n      transparent 100%\r\n    );\r\n  }\r\n\r\n  .amw-card-accent-line {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 2px;\r\n    background: var(--accent);\r\n    transform: scaleX(0);\r\n    transform-origin: left;\r\n    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  .amw-card.active .amw-card-accent-line {\r\n    transform: scaleX(1);\r\n  }\r\n\r\n  .amw-card-content {\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    padding: 28px 24px 24px;\r\n  }\r\n\r\n  .amw-card-tag {\r\n    display: inline-block;\r\n    font-size: 10px;\r\n    font-weight: 500;\r\n    letter-spacing: 0.18em;\r\n    text-transform: uppercase;\r\n    color: var(--accent);\r\n    background: var(--accent-dim);\r\n    border: 1px solid rgba(196,239,23,0.2);\r\n    padding: 4px 10px;\r\n    border-radius: 4px;\r\n    margin-bottom: 10px;\r\n    opacity: 0;\r\n    transform: translateY(8px);\r\n    transition: opacity 0.4s ease 0.1s, transform 0.4s ease 0.1s;\r\n  }\r\n\r\n  .amw-card.active .amw-card-tag {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .amw-card-name {\r\n    font-family: 'Marcellus', serif;\r\n    font-size: 26px;\r\n    font-weight: 400;\r\n    color: #ffffff;\r\n    margin: 0 0 18px;\r\n    line-height: 1.15;\r\n    letter-spacing: 0.01em;\r\n  }\r\n\r\n  .amw-social-row {\r\n    display: flex;\r\n    gap: 10px;\r\n    align-items: center;\r\n    transform: translateY(6px);\r\n    opacity: 0;\r\n    transition: opacity 0.4s ease 0.15s, transform 0.4s ease 0.15s;\r\n  }\r\n\r\n  .amw-card.active .amw-social-row,\r\n  .amw-card:hover .amw-social-row {\r\n    opacity: 1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  .amw-social-btn {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,0.07);\r\n    border: 1px solid rgba(255,255,255,0.12);\r\n    text-decoration: none;\r\n    transition: background 0.3s ease,\r\n                border-color 0.3s ease,\r\n                transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),\r\n                box-shadow 0.3s ease;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .amw-social-btn::before {\r\n    content: '';\r\n    position: absolute;\r\n    inset: 0;\r\n    border-radius: 50%;\r\n    background: var(--accent);\r\n    transform: scale(0);\r\n    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    z-index: 0;\r\n  }\r\n\r\n  .amw-social-btn:hover::before {\r\n    transform: scale(1);\r\n  }\r\n\r\n  .amw-social-btn:hover {\r\n    transform: translateY(-3px) scale(1.12);\r\n    border-color: var(--accent);\r\n    box-shadow: 0 6px 20px var(--accent-glow);\r\n  }\r\n\r\n  .amw-social-btn svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    position: relative;\r\n    z-index: 1;\r\n    transition: fill 0.25s ease;\r\n  }\r\n\r\n  .amw-social-btn:hover svg {\r\n    fill: #000 !important;\r\n  }\r\n\r\n  .amw-controls {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 32px;\r\n    margin-top: 48px;\r\n    padding: 0 24px;\r\n  }\r\n\r\n  .amw-arrow {\r\n    width: 52px;\r\n    height: 52px;\r\n    border-radius: 50%;\r\n    border: 1px solid rgba(255,255,255,0.15);\r\n    background: rgba(255,255,255,0.04);\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    color: rgba(255,255,255,0.7);\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  .amw-arrow:hover {\r\n    background: var(--accent);\r\n    border-color: var(--accent);\r\n    color: #000;\r\n    transform: scale(1.1);\r\n    box-shadow: 0 0 24px var(--accent-glow);\r\n  }\r\n\r\n  .amw-arrow:active {\r\n    transform: scale(0.96);\r\n  }\r\n\r\n  .amw-arrow svg {\r\n    width: 18px;\r\n    height: 18px;\r\n  }\r\n\r\n  .amw-dots {\r\n    display: flex;\r\n    gap: 8px;\r\n    align-items: center;\r\n  }\r\n\r\n  .amw-dot {\r\n    width: 6px;\r\n    height: 6px;\r\n    border-radius: 50%;\r\n    background: rgba(255,255,255,0.2);\r\n    cursor: pointer;\r\n    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);\r\n    border: none;\r\n    padding: 0;\r\n  }\r\n\r\n  .amw-dot.active {\r\n    background: var(--accent);\r\n    width: 24px;\r\n    border-radius: 3px;\r\n    box-shadow: 0 0 10px var(--accent-glow);\r\n  }\r\n\r\n  .amw-dot:hover:not(.active) {\r\n    background: rgba(255,255,255,0.5);\r\n    transform: scale(1.3);\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .amw-section {\r\n      --card-w: 280px;\r\n      --card-h: 380px;\r\n      padding: 60px 0 80px;\r\n    }\r\n    .amw-track {\r\n      padding: 0 calc(50vw - var(--card-w) \/ 2);\r\n    }\r\n    .amw-title {\r\n      font-size: 36px;\r\n    }\r\n    .amw-track-wrapper::before,\r\n    .amw-track-wrapper::after {\r\n      width: 60px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 480px) {\r\n    .amw-section {\r\n      --card-w: 260px;\r\n      --card-h: 360px;\r\n    }\r\n    .amw-track {\r\n      padding: 0 calc(50vw - var(--card-w) \/ 2);\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"amw-section\">\r\n  <div class=\"amw-header\">\r\n    <div class=\"amw-eyebrow\">Our Artists<\/div>\r\n    <h2 class=\"amw-title\">The Voices We <span>Champion<\/span><\/h2>\r\n    <p class=\"amw-subtitle\">Amplifying extraordinary talent across every stage<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"amw-track-wrapper\">\r\n    <div class=\"amw-track\" id=\"amwTrack\">\r\n\r\n      <div class=\"amw-card\" data-index=\"0\">\r\n        <img decoding=\"async\" class=\"amw-card-img\" loading=\"lazy\" src=\"https:\/\/scenebana.com\/wp-content\/uploads\/2026\/04\/1-1.png\">\r\n        <div class=\"amw-card-overlay\"><\/div>\r\n        <div class=\"amw-card-accent-line\"><\/div>\r\n        <div class=\"amw-card-content\">\r\n          <span class=\"amw-card-tag\">Indie \u00b7 Pop<\/span>\r\n          <h3 class=\"amw-card-name\">Aditya Rikhari<\/h3>\r\n          <div class=\"amw-social-row\">\r\n            <a href=\"https:\/\/www.instagram.com\/adityarikhari\/\" class=\"amw-social-btn\" title=\"Instagram\" onclick=\"return false;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,0.85)\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n            <a href=\"http:\/\/open.spotify.com\/artist\/3ozYqVCLohfpXIhalkhM8D\" class=\"amw-social-btn\" title=\"Spotify\" onclick=\"return false;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,0.85)\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path d=\"M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n            <a href=\"http:\/\/youtube.com\/@adityarikhari\" class=\"amw-social-btn\" title=\"YouTube\" onclick=\"return false;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,0.85)\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path d=\"M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\/>\r\n              <\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"amw-card\" data-index=\"1\">\r\n        <img decoding=\"async\" class=\"amw-card-img\" loading=\"lazy\" src=\"https:\/\/scenebana.com\/wp-content\/uploads\/2026\/04\/3-1.png\" alt=\"SUZONN\">\r\n        <div class=\"amw-card-overlay\"><\/div>\r\n        <div class=\"amw-card-accent-line\"><\/div>\r\n        <div class=\"amw-card-content\">\r\n          <span class=\"amw-card-tag\">Indie \u00b7 Pop<\/span>\r\n          <h3 class=\"amw-card-name\">SUZONN<\/h3>\r\n          <div class=\"amw-social-row\">\r\n            <a href=\"#\" class=\"amw-social-btn\" title=\"Instagram\" onclick=\"return false;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,0.85)\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg>\r\n            <\/a>\r\n            <a href=\"#\" class=\"amw-social-btn\" title=\"Spotify\" onclick=\"return false;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,0.85)\"><path d=\"M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z\"\/><\/svg>\r\n            <\/a>\r\n            <a href=\"#\" class=\"amw-social-btn\" title=\"YouTube\" onclick=\"return false;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,0.85)\"><path d=\"M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\/><\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"amw-card\" data-index=\"2\">\r\n        <img decoding=\"async\" class=\"amw-card-img\" loading=\"lazy\" src=\"https:\/\/scenebana.com\/wp-content\/uploads\/2026\/04\/2-1.png\" alt=\"Dhvani Bhanushali\">\r\n        <div class=\"amw-card-overlay\"><\/div>\r\n        <div class=\"amw-card-accent-line\"><\/div>\r\n        <div class=\"amw-card-content\">\r\n          <span class=\"amw-card-tag\">Pop \u00b7 Bollywood<\/span>\r\n          <h3 class=\"amw-card-name\">Dhvani Bhanushali<\/h3>\r\n          <div class=\"amw-social-row\">\r\n            <a href=\"#\" class=\"amw-social-btn\" title=\"Instagram\" onclick=\"return false;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,0.85)\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg>\r\n            <\/a>\r\n            <a href=\"#\" class=\"amw-social-btn\" title=\"Spotify\" onclick=\"return false;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,0.85)\"><path d=\"M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z\"\/><\/svg>\r\n            <\/a>\r\n            <a href=\"#\" class=\"amw-social-btn\" title=\"YouTube\" onclick=\"return false;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,0.85)\"><path d=\"M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\/><\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"amw-card\" data-index=\"3\">\r\n        <img decoding=\"async\" class=\"amw-card-img\" loading=\"lazy\" src=\"https:\/\/scenebana.com\/wp-content\/uploads\/2026\/04\/4-1.png\" alt=\"Zubeen Garg\">\r\n        <div class=\"amw-card-overlay\"><\/div>\r\n        <div class=\"amw-card-accent-line\"><\/div>\r\n        <div class=\"amw-card-content\">\r\n          <span class=\"amw-card-tag\">Folk \u00b7 World Music<\/span>\r\n          <h3 class=\"amw-card-name\">Zubeen Garg<\/h3>\r\n          <div class=\"amw-social-row\">\r\n            <a href=\"#\" class=\"amw-social-btn\" title=\"Instagram\" onclick=\"return false;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,0.85)\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg>\r\n            <\/a>\r\n            <a href=\"#\" class=\"amw-social-btn\" title=\"Spotify\" onclick=\"return false;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,0.85)\"><path d=\"M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z\"\/><\/svg>\r\n            <\/a>\r\n            <a href=\"#\" class=\"amw-social-btn\" title=\"YouTube\" onclick=\"return false;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,0.85)\"><path d=\"M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\/><\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"amw-card\" data-index=\"4\">\r\n        <img decoding=\"async\" class=\"amw-card-img\" loading=\"lazy\" src=\"https:\/\/scenebana.com\/wp-content\/uploads\/2026\/04\/6-1.png\" alt=\"Vishal Mishra\">\r\n        <div class=\"amw-card-overlay\"><\/div>\r\n        <div class=\"amw-card-accent-line\"><\/div>\r\n        <div class=\"amw-card-content\">\r\n          <span class=\"amw-card-tag\">Pop \u00b7 Bollywood<\/span>\r\n          <h3 class=\"amw-card-name\">Vishal Mishra<\/h3>\r\n          <div class=\"amw-social-row\">\r\n            <a href=\"#\" class=\"amw-social-btn\" title=\"Instagram\" onclick=\"return false;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,0.85)\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg>\r\n            <\/a>\r\n            <a href=\"#\" class=\"amw-social-btn\" title=\"Spotify\" onclick=\"return false;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,0.85)\"><path d=\"M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z\"\/><\/svg>\r\n            <\/a>\r\n            <a href=\"#\" class=\"amw-social-btn\" title=\"YouTube\" onclick=\"return false;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,0.85)\"><path d=\"M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\/><\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"amw-card\" data-index=\"5\">\r\n        <img decoding=\"async\" class=\"amw-card-img\" loading=\"lazy\" src=\"https:\/\/scenebana.com\/wp-content\/uploads\/2026\/04\/5-1.png\" alt=\"Maitrayee Patar\">\r\n        <div class=\"amw-card-overlay\"><\/div>\r\n        <div class=\"amw-card-accent-line\"><\/div>\r\n        <div class=\"amw-card-content\">\r\n          <span class=\"amw-card-tag\">Pop \u00b7 R&amp;B<\/span>\r\n          <h3 class=\"amw-card-name\">Maitrayee Patar<\/h3>\r\n          <div class=\"amw-social-row\">\r\n            <a href=\"#\" class=\"amw-social-btn\" title=\"Instagram\" onclick=\"return false;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,0.85)\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg>\r\n            <\/a>\r\n            <a href=\"#\" class=\"amw-social-btn\" title=\"Spotify\" onclick=\"return false;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,0.85)\"><path d=\"M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z\"\/><\/svg>\r\n            <\/a>\r\n            <a href=\"#\" class=\"amw-social-btn\" title=\"YouTube\" onclick=\"return false;\">\r\n              <svg viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,0.85)\"><path d=\"M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z\"\/><\/svg>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"amw-controls\">\r\n    <button class=\"amw-arrow\" id=\"amwPrev\" aria-label=\"Previous\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n        <polyline points=\"15 18 9 12 15 6\"\/>\r\n      <\/svg>\r\n    <\/button>\r\n\r\n    <div class=\"amw-dots\" id=\"amwDots\"><\/div>\r\n\r\n    <button class=\"amw-arrow\" id=\"amwNext\" aria-label=\"Next\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n        <polyline points=\"9 18 15 12 9 6\"\/>\r\n      <\/svg>\r\n    <\/button>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n  var track = document.getElementById('amwTrack');\r\n  var cards = track.querySelectorAll('.amw-card');\r\n  var dotsContainer = document.getElementById('amwDots');\r\n  var prevBtn = document.getElementById('amwPrev');\r\n  var nextBtn = document.getElementById('amwNext');\r\n  var total = cards.length;\r\n  var current = 0;\r\n  var autoTimer = null;\r\n  var AUTO_INTERVAL = 4000;\r\n  var isDragging = false;\r\n  var dragStartX = 0;\r\n  var dragDelta = 0;\r\n\r\n  function getCardWidth() {\r\n    return cards[0].offsetWidth + parseInt(getComputedStyle(track).gap || 24);\r\n  }\r\n\r\n  function updateCarousel(animate) {\r\n    if (animate === false) {\r\n      track.style.transition = 'none';\r\n    } else {\r\n      track.style.transition = 'transform 0.72s cubic-bezier(0.16, 1, 0.3, 1)';\r\n    }\r\n    var cw = getCardWidth();\r\n    var offset = -current * cw;\r\n    track.style.transform = 'translateX(' + offset + 'px)';\r\n\r\n    cards.forEach(function(card, i) {\r\n      card.classList.remove('active', 'adjacent');\r\n      if (i === current) {\r\n        card.classList.add('active');\r\n      } else if (i === current - 1 || i === current + 1) {\r\n        card.classList.add('adjacent');\r\n      }\r\n    });\r\n\r\n    var dots = dotsContainer.querySelectorAll('.amw-dot');\r\n    dots.forEach(function(dot, i) {\r\n      dot.classList.toggle('active', i === current);\r\n    });\r\n  }\r\n\r\n  function goTo(index) {\r\n    current = Math.max(0, Math.min(total - 1, index));\r\n    updateCarousel();\r\n  }\r\n\r\n  function goNext() {\r\n    current = (current + 1) % total;\r\n    updateCarousel();\r\n  }\r\n\r\n  function goPrev() {\r\n    current = (current - 1 + total) % total;\r\n    updateCarousel();\r\n  }\r\n\r\n  function startAuto() {\r\n    stopAuto();\r\n    autoTimer = setInterval(goNext, AUTO_INTERVAL);\r\n  }\r\n\r\n  function stopAuto() {\r\n    if (autoTimer) clearInterval(autoTimer);\r\n  }\r\n\r\n  for (var d = 0; d < total; d++) {\r\n    var dot = document.createElement('button');\r\n    dot.className = 'amw-dot';\r\n    dot.setAttribute('aria-label', 'Go to artist ' + (d + 1));\r\n    (function(idx) {\r\n      dot.addEventListener('click', function() {\r\n        goTo(idx);\r\n        stopAuto();\r\n        startAuto();\r\n      });\r\n    })(d);\r\n    dotsContainer.appendChild(dot);\r\n  }\r\n\r\n  nextBtn.addEventListener('click', function() {\r\n    goNext();\r\n    stopAuto();\r\n    startAuto();\r\n  });\r\n\r\n  prevBtn.addEventListener('click', function() {\r\n    goPrev();\r\n    stopAuto();\r\n    startAuto();\r\n  });\r\n\r\n  track.addEventListener('mousedown', function(e) {\r\n    isDragging = true;\r\n    dragStartX = e.clientX;\r\n    track.style.cursor = 'grabbing';\r\n    stopAuto();\r\n  });\r\n\r\n  document.addEventListener('mousemove', function(e) {\r\n    if (!isDragging) return;\r\n    dragDelta = e.clientX - dragStartX;\r\n    var cw = getCardWidth();\r\n    var base = -current * cw;\r\n    track.style.transition = 'none';\r\n    track.style.transform = 'translateX(' + (base + dragDelta) + 'px)';\r\n  });\r\n\r\n  document.addEventListener('mouseup', function() {\r\n    if (!isDragging) return;\r\n    isDragging = false;\r\n    track.style.cursor = '';\r\n    if (dragDelta < -60) goNext();\r\n    else if (dragDelta > 60) goPrev();\r\n    else updateCarousel();\r\n    dragDelta = 0;\r\n    startAuto();\r\n  });\r\n\r\n  track.addEventListener('touchstart', function(e) {\r\n    dragStartX = e.touches[0].clientX;\r\n    stopAuto();\r\n  }, { passive: true });\r\n\r\n  track.addEventListener('touchend', function(e) {\r\n    var diff = e.changedTouches[0].clientX - dragStartX;\r\n    if (diff < -50) goNext();\r\n    else if (diff > 50) goPrev();\r\n    startAuto();\r\n  });\r\n\r\n  window.addEventListener('resize', function() {\r\n    updateCarousel(false);\r\n  });\r\n\r\n  updateCarousel(false);\r\n  startAuto();\r\n})();\r\n<\/script>\r\n\r\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-063635e elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"063635e\" data-element_type=\"section\" data-e-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-c770856\" data-id=\"c770856\" data-element_type=\"column\" data-e-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-313595f elementor-widget elementor-widget-html\" data-id=\"313595f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n  SERVICES SECTION \u2014 Scene Bana Music Marketing Agency\r\n  Paste this entire block into Elementor > HTML widget\r\n  Font: Marcellus | Accent: #C4EF17\r\n  7 services \u2014 3 + 3 + 1 (last card full-width)\r\n  ============================================================ -->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Marcellus&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n  .sb-svc {\r\n    --accent: #C4EF17;\r\n    --accent-glow: rgba(196,239,23,0.22);\r\n    --bg: #0a0a0a;\r\n    --border: rgba(255,255,255,0.06);\r\n    --text-primary: #f0f0f0;\r\n    --text-secondary: rgba(240,240,240,0.45);\r\n    --text-muted: rgba(240,240,240,0.2);\r\n    background: var(--bg);\r\n    padding: 110px 0 120px;\r\n    font-family: 'Inter', sans-serif;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .sb-svc-bg-line {\r\n    position: absolute; left: 50%; top: 0; bottom: 0; width: 1px;\r\n    background: linear-gradient(to bottom, transparent 0%, rgba(196,239,23,0.06) 20%, rgba(196,239,23,0.06) 80%, transparent 100%);\r\n    pointer-events: none; transform: translateX(-50%);\r\n  }\r\n  .sb-svc-bg-glow {\r\n    position: absolute; top: 0; left: 50%; transform: translateX(-50%);\r\n    width: 800px; height: 500px;\r\n    background: radial-gradient(ellipse at 50% 0%, rgba(196,239,23,0.055) 0%, transparent 65%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .sb-svc-inner {\r\n    position: relative; z-index: 2;\r\n    width: 100%; max-width: 1100px;\r\n    margin: 0 auto; padding: 0 48px; box-sizing: border-box;\r\n  }\r\n\r\n  \/* ---- header ---- *\/\r\n  .sb-svc-header {\r\n    display: flex; align-items: flex-end;\r\n    justify-content: space-between;\r\n    margin-bottom: 72px; gap: 40px;\r\n    opacity: 0; transform: translateY(22px);\r\n    transition: opacity 0.75s ease, transform 0.75s cubic-bezier(0.16,1,0.3,1);\r\n  }\r\n  .sb-svc-header.on { opacity: 1; transform: translateY(0); }\r\n\r\n  .sb-svc-eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 20px; }\r\n  .sb-svc-eyebrow-dot {\r\n    width: 7px; height: 7px; border-radius: 50%;\r\n    background: var(--accent); flex-shrink: 0;\r\n    animation: sbDotPulse 2.6s ease-in-out infinite;\r\n  }\r\n  @keyframes sbDotPulse {\r\n    0%,100% { box-shadow: 0 0 0 0 rgba(196,239,23,0.5); }\r\n    50%      { box-shadow: 0 0 0 5px rgba(196,239,23,0); }\r\n  }\r\n  .sb-svc-eyebrow-label { font-size: 10px; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: var(--accent); }\r\n  .sb-svc-eyebrow-rule  { width: 36px; height: 1px; background: rgba(196,239,23,0.45); }\r\n\r\n  .sb-svc-title {\r\n    font-family: 'Marcellus', serif;\r\n    font-size: clamp(38px, 5.5vw, 72px); font-weight: 400;\r\n    color: var(--text-primary); line-height: 1.05;\r\n    letter-spacing: -0.02em; margin: 0;\r\n  }\r\n  .sb-svc-title em { font-style: normal; color: var(--accent); }\r\n\r\n  .sb-svc-header-right { max-width: 300px; flex-shrink: 0; }\r\n  .sb-svc-desc { font-size: 14px; line-height: 1.8; color: var(--text-secondary); font-weight: 300; letter-spacing: 0.01em; margin: 0; }\r\n\r\n  \/* ---- grid ---- *\/\r\n  .sb-svc-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 1px;\r\n    background: var(--border);\r\n    border: 1px solid var(--border);\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* last card spans full width *\/\r\n  .sb-svc-card:last-child {\r\n    grid-column: 1 \/ -1;\r\n  }\r\n\r\n  \/* last card inner layout \u2014 horizontal *\/\r\n  .sb-svc-card:last-child .sb-svc-card-body {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 48px;\r\n  }\r\n  .sb-svc-card:last-child .sb-svc-card-body-left {\r\n    flex: 0 0 auto;\r\n  }\r\n  .sb-svc-card:last-child .sb-svc-card-body-right {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    gap: 20px;\r\n  }\r\n  .sb-svc-card:last-child .sb-svc-card-desc {\r\n    max-width: 560px;\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  \/* release planning accent \u2014 wide card gets a subtle right-side glow too *\/\r\n  .sb-svc-card:last-child .sb-svc-card-glow {\r\n    right: -60px; left: auto; bottom: -60px;\r\n    width: 300px; height: 300px;\r\n  }\r\n\r\n  \/* ---- card base ---- *\/\r\n  .sb-svc-card {\r\n    background: var(--bg);\r\n    padding: 40px 36px 38px;\r\n    position: relative; cursor: default; overflow: hidden;\r\n    opacity: 0; transform: translateY(28px);\r\n    transition: background 0.4s ease, opacity 0.65s ease, transform 0.65s cubic-bezier(0.16,1,0.3,1);\r\n  }\r\n  .sb-svc-card.on { opacity: 1; transform: translateY(0); }\r\n  .sb-svc-card:hover { background: #0f0f0f; }\r\n\r\n  .sb-svc-card::after {\r\n    content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px;\r\n    background: var(--accent); transform: scaleX(0); transform-origin: left;\r\n    transition: transform 0.55s cubic-bezier(0.16,1,0.3,1);\r\n  }\r\n  .sb-svc-card:hover::after { transform: scaleX(1); }\r\n\r\n  .sb-svc-card-glow {\r\n    position: absolute; bottom: -60px; left: -60px;\r\n    width: 200px; height: 200px; border-radius: 50%;\r\n    background: radial-gradient(circle, rgba(196,239,23,0.07) 0%, transparent 65%);\r\n    filter: blur(30px); opacity: 0; pointer-events: none;\r\n    transition: opacity 0.5s ease, transform 0.5s ease;\r\n  }\r\n  .sb-svc-card:hover .sb-svc-card-glow { opacity: 1; transform: translate(10px, -10px); }\r\n\r\n  .sb-svc-card-num {\r\n    position: absolute; top: 28px; right: 28px;\r\n    font-family: 'Marcellus', serif; font-size: 60px; line-height: 1;\r\n    color: rgba(196,239,23,0.04); pointer-events: none; z-index: 0;\r\n    transition: color 0.4s ease;\r\n  }\r\n  .sb-svc-card:hover .sb-svc-card-num { color: rgba(196,239,23,0.08); }\r\n\r\n  \/* for wide card, nudge number so it doesn't clash *\/\r\n  .sb-svc-card:last-child .sb-svc-card-num { top: 28px; right: 36px; font-size: 80px; }\r\n\r\n  .sb-svc-icon { width: 44px; height: 44px; margin-bottom: 28px; position: relative; z-index: 1; flex-shrink: 0; }\r\n  .sb-svc-icon svg {\r\n    width: 44px; height: 44px; stroke: var(--accent); fill: none;\r\n    stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round;\r\n    transition: transform 0.4s cubic-bezier(0.34,1.56,0.64,1);\r\n  }\r\n  .sb-svc-card:hover .sb-svc-icon svg { transform: scale(1.1) translateY(-2px); }\r\n\r\n  .sb-svc-card-name {\r\n    font-family: 'Marcellus', serif; font-size: 21px; font-weight: 400;\r\n    color: var(--text-primary); margin: 0 0 12px; line-height: 1.2;\r\n    letter-spacing: -0.01em; position: relative; z-index: 1;\r\n    transition: color 0.3s ease;\r\n  }\r\n  .sb-svc-card:hover .sb-svc-card-name { color: #fff; }\r\n\r\n  .sb-svc-card-desc {\r\n    font-size: 13.5px; line-height: 1.75; color: var(--text-secondary);\r\n    margin: 0 0 24px; font-weight: 300; position: relative; z-index: 1;\r\n  }\r\n\r\n  \/* sub-services list \u2014 used in fused cards *\/\r\n  .sb-svc-sub {\r\n    display: flex; flex-direction: column; gap: 6px;\r\n    margin: 0 0 24px; position: relative; z-index: 1;\r\n  }\r\n  .sb-svc-sub-item {\r\n    display: flex; align-items: center; gap: 9px;\r\n    font-size: 12px; font-weight: 400; letter-spacing: 0.03em;\r\n    color: var(--text-muted);\r\n    transition: color 0.3s ease;\r\n  }\r\n  .sb-svc-card:hover .sb-svc-sub-item { color: rgba(240,240,240,0.55); }\r\n  .sb-svc-sub-item::before {\r\n    content: '';\r\n    width: 14px; height: 1px; flex-shrink: 0;\r\n    background: rgba(196,239,23,0.4);\r\n  }\r\n\r\n  .sb-svc-tags { display: flex; flex-wrap: wrap; gap: 7px; position: relative; z-index: 1; }\r\n  .sb-svc-tag {\r\n    font-size: 10px; font-weight: 500; letter-spacing: 0.14em; text-transform: uppercase;\r\n    color: var(--text-muted); border: 1px solid rgba(255,255,255,0.08);\r\n    border-radius: 3px; padding: 4px 9px;\r\n    transition: color 0.3s ease, border-color 0.3s ease;\r\n  }\r\n  .sb-svc-card:hover .sb-svc-tag { color: rgba(196,239,23,0.7); border-color: rgba(196,239,23,0.2); }\r\n\r\n  \/* ---- bottom strip ---- *\/\r\n  .sb-svc-strip {\r\n    margin-top: 60px; padding-top: 40px; border-top: 1px solid var(--border);\r\n    display: flex; align-items: center; justify-content: space-between;\r\n    gap: 32px; flex-wrap: wrap;\r\n    opacity: 0; transform: translateY(16px);\r\n    transition: opacity 0.75s ease, transform 0.75s ease;\r\n  }\r\n  .sb-svc-strip.on { opacity: 1; transform: translateY(0); }\r\n  .sb-svc-strip-text { font-size: 13px; color: var(--text-muted); font-weight: 300; letter-spacing: 0.04em; max-width: 460px; line-height: 1.7; }\r\n  .sb-svc-strip-text strong { color: rgba(240,240,240,0.65); font-weight: 400; }\r\n\r\n  .sb-svc-btn {\r\n    display: inline-flex; align-items: center; gap: 11px;\r\n    background: var(--accent); color: #000;\r\n    font-family: 'Inter', sans-serif; font-size: 11px; font-weight: 600;\r\n    letter-spacing: 0.16em; text-transform: uppercase; text-decoration: none;\r\n    padding: 15px 30px; border-radius: 3px; white-space: nowrap;\r\n    position: relative; overflow: hidden; flex-shrink: 0;\r\n    transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1), box-shadow 0.3s ease;\r\n  }\r\n  .sb-svc-btn::before {\r\n    content: ''; position: absolute; inset: 0; background: #fff;\r\n    transform: translateX(-101%); transition: transform 0.38s cubic-bezier(0.16,1,0.3,1);\r\n  }\r\n  .sb-svc-btn:hover::before { transform: translateX(0); }\r\n  .sb-svc-btn:hover { transform: translateY(-2px) scale(1.02); box-shadow: 0 10px 36px var(--accent-glow); }\r\n  .sb-svc-btn span, .sb-svc-btn svg { position: relative; z-index: 1; }\r\n  .sb-svc-btn svg { width: 12px; height: 12px; transition: transform 0.3s cubic-bezier(0.34,1.56,0.64,1); }\r\n  .sb-svc-btn:hover svg { transform: translateX(4px); }\r\n\r\n  \/* ---- responsive ---- *\/\r\n  @media (max-width: 1000px) {\r\n    .sb-svc-grid { grid-template-columns: repeat(2, 1fr); }\r\n    .sb-svc-card:last-child { grid-column: 1 \/ -1; }\r\n    .sb-svc-header { flex-direction: column; align-items: flex-start; margin-bottom: 52px; }\r\n    .sb-svc-header-right { max-width: 100%; }\r\n  }\r\n  @media (max-width: 700px) {\r\n    .sb-svc { padding: 80px 0 90px; }\r\n    .sb-svc-inner { padding: 0 22px; }\r\n    .sb-svc-grid { grid-template-columns: 1fr; }\r\n    .sb-svc-card { padding: 32px 26px 30px; }\r\n    .sb-svc-card:last-child { grid-column: 1; }\r\n    .sb-svc-card:last-child .sb-svc-card-body { flex-direction: column; gap: 0; }\r\n    .sb-svc-title { font-size: clamp(34px, 9vw, 52px); }\r\n    .sb-svc-card-num { font-size: 48px; top: 22px; right: 22px; }\r\n    .sb-svc-card:last-child .sb-svc-card-num { font-size: 56px; }\r\n    .sb-svc-strip { flex-direction: column; align-items: flex-start; gap: 24px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"sb-svc\" id=\"sbSvc\">\r\n  <div class=\"sb-svc-bg-line\"><\/div>\r\n  <div class=\"sb-svc-bg-glow\"><\/div>\r\n\r\n  <div class=\"sb-svc-inner\">\r\n\r\n    <div class=\"sb-svc-header\" id=\"sbSvcHeader\">\r\n      <div class=\"sb-svc-header-left\">\r\n        <div class=\"sb-svc-eyebrow\">\r\n          <div class=\"sb-svc-eyebrow-dot\"><\/div>\r\n          <span class=\"sb-svc-eyebrow-label\">What We Do<\/span>\r\n          <div class=\"sb-svc-eyebrow-rule\"><\/div>\r\n        <\/div>\r\n        <h2 class=\"sb-svc-title\">The Work<br>Behind the <em>Sound<\/em><\/h2>\r\n      <\/div>\r\n      <div class=\"sb-svc-header-right\">\r\n        <p class=\"sb-svc-desc\">Every service we offer is built around one thing \u2014 getting your music the attention it deserves. No generic packages. Just the right tools for where you are.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"sb-svc-grid\" id=\"sbSvcGrid\">\r\n\r\n      <!-- 01 Artist Strategy -->\r\n      <div class=\"sb-svc-card\" data-delay=\"0\">\r\n        <div class=\"sb-svc-card-glow\"><\/div>\r\n        <span class=\"sb-svc-card-num\">01<\/span>\r\n        <div class=\"sb-svc-icon\">\r\n          <svg viewBox=\"0 0 44 44\">\r\n            <circle cx=\"22\" cy=\"22\" r=\"16\"\/>\r\n            <circle cx=\"22\" cy=\"22\" r=\"2.5\" fill=\"var(--accent)\" stroke=\"none\"\/>\r\n            <line x1=\"22\" y1=\"6\"  x2=\"22\" y2=\"12\"\/>\r\n            <line x1=\"22\" y1=\"32\" x2=\"22\" y2=\"38\"\/>\r\n            <line x1=\"6\"  y1=\"22\" x2=\"12\" y2=\"22\"\/>\r\n            <line x1=\"32\" y1=\"22\" x2=\"38\" y2=\"22\"\/>\r\n            <polyline points=\"22,10 25,18 22,22 19,18 22,10\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"sb-svc-card-name\">Artist Strategy<\/h3>\r\n        <p class=\"sb-svc-card-desc\">We map where you are, where you need to be, and every move in between. Positioning, narrative, long-term roadmap \u2014 the foundation everything else is built on.<\/p>\r\n        <div class=\"sb-svc-tags\">\r\n          <span class=\"sb-svc-tag\">Positioning<\/span>\r\n          <span class=\"sb-svc-tag\">Roadmap<\/span>\r\n          <span class=\"sb-svc-tag\">Narrative<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 02 Social Media + Personal Branding -->\r\n      <div class=\"sb-svc-card\" data-delay=\"80\">\r\n        <div class=\"sb-svc-card-glow\"><\/div>\r\n        <span class=\"sb-svc-card-num\">02<\/span>\r\n        <div class=\"sb-svc-icon\">\r\n          <svg viewBox=\"0 0 44 44\">\r\n            <!-- person in frame (branding) merged with network dots (social) -->\r\n            <circle cx=\"22\" cy=\"14\" r=\"5\"\/>\r\n            <path d=\"M12 32 C12 24 32 24 32 32\"\/>\r\n            <circle cx=\"6\"  cy=\"36\" r=\"3\"\/>\r\n            <circle cx=\"38\" cy=\"36\" r=\"3\"\/>\r\n            <line x1=\"15\"  y1=\"32\" x2=\"9\"  y2=\"35\"\/>\r\n            <line x1=\"29\"  y1=\"32\" x2=\"35\" y2=\"35\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"sb-svc-card-name\">Social Media &amp; Branding<\/h3>\r\n        <p class=\"sb-svc-card-desc\">Your online presence, fully handled. We build your artist identity \u2014 visuals, bio, tone \u2014 and then manage your platforms day-to-day so your image stays sharp and consistent.<\/p>\r\n        <div class=\"sb-svc-sub\">\r\n          <span class=\"sb-svc-sub-item\">Personal Branding &amp; Identity<\/span>\r\n          <span class=\"sb-svc-sub-item\">Social Media Management<\/span>\r\n          <span class=\"sb-svc-sub-item\">Content Strategy &amp; Calendars<\/span>\r\n        <\/div>\r\n        <div class=\"sb-svc-tags\">\r\n          <span class=\"sb-svc-tag\">Instagram<\/span>\r\n          <span class=\"sb-svc-tag\">YouTube<\/span>\r\n          <span class=\"sb-svc-tag\">Artist Identity<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 03 Spotify Editorial Playlisting -->\r\n      <div class=\"sb-svc-card\" data-delay=\"160\">\r\n        <div class=\"sb-svc-card-glow\"><\/div>\r\n        <span class=\"sb-svc-card-num\">03<\/span>\r\n        <div class=\"sb-svc-icon\">\r\n          <svg viewBox=\"0 0 44 44\">\r\n            <path d=\"M18 34 L18 14 L34 10 L34 30\"\/>\r\n            <circle cx=\"14\" cy=\"34\" r=\"4\"\/>\r\n            <circle cx=\"30\" cy=\"30\" r=\"4\"\/>\r\n            <polyline points=\"34,6 38,2 42,6\" opacity=\"0.55\"\/>\r\n            <line x1=\"38\" y1=\"2\" x2=\"38\" y2=\"13\" opacity=\"0.55\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"sb-svc-card-name\">Spotify Editorial Playlisting<\/h3>\r\n        <p class=\"sb-svc-card-desc\">Direct pitching to Spotify's editorial team and independent curators. We know what they look for and how to frame your release so it lands on the playlists that move the needle.<\/p>\r\n        <div class=\"sb-svc-tags\">\r\n          <span class=\"sb-svc-tag\">Editorial Pitching<\/span>\r\n          <span class=\"sb-svc-tag\">Curators<\/span>\r\n          <span class=\"sb-svc-tag\">Playlist Strategy<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 04 Paid Advertising (Meta + Spotify + YouTube) -->\r\n      <div class=\"sb-svc-card\" data-delay=\"0\">\r\n        <div class=\"sb-svc-card-glow\"><\/div>\r\n        <span class=\"sb-svc-card-num\">04<\/span>\r\n        <div class=\"sb-svc-icon\">\r\n          <svg viewBox=\"0 0 44 44\">\r\n            <circle cx=\"22\" cy=\"22\" r=\"16\"\/>\r\n            <circle cx=\"22\" cy=\"22\" r=\"9\"\/>\r\n            <circle cx=\"22\" cy=\"22\" r=\"3\" fill=\"var(--accent)\" stroke=\"none\"\/>\r\n            <line x1=\"22\" y1=\"4\"  x2=\"22\" y2=\"10\" opacity=\"0.35\"\/>\r\n            <line x1=\"22\" y1=\"34\" x2=\"22\" y2=\"40\" opacity=\"0.35\"\/>\r\n            <line x1=\"4\"  y1=\"22\" x2=\"10\" y2=\"22\" opacity=\"0.35\"\/>\r\n            <line x1=\"34\" y1=\"22\" x2=\"40\" y2=\"22\" opacity=\"0.35\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"sb-svc-card-name\">Paid Advertising<\/h3>\r\n        <p class=\"sb-svc-card-desc\">Targeted ad campaigns across every major platform \u2014 putting your music in front of real listeners who are likely to stay. We handle creative, audience-building, and budget so every rupee earns its place.<\/p>\r\n        <div class=\"sb-svc-sub\">\r\n          <span class=\"sb-svc-sub-item\">Meta Ads \u2014 Instagram &amp; Facebook<\/span>\r\n          <span class=\"sb-svc-sub-item\">Spotify Audio &amp; Display Ads<\/span>\r\n          <span class=\"sb-svc-sub-item\">YouTube Pre-Roll &amp; Discovery Ads<\/span>\r\n        <\/div>\r\n        <div class=\"sb-svc-tags\">\r\n          <span class=\"sb-svc-tag\">Meta<\/span>\r\n          <span class=\"sb-svc-tag\">Spotify<\/span>\r\n          <span class=\"sb-svc-tag\">YouTube<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 05 Video Production (Music + Lyric) -->\r\n      <div class=\"sb-svc-card\" data-delay=\"80\">\r\n        <div class=\"sb-svc-card-glow\"><\/div>\r\n        <span class=\"sb-svc-card-num\">05<\/span>\r\n        <div class=\"sb-svc-icon\">\r\n          <svg viewBox=\"0 0 44 44\">\r\n            <rect x=\"4\" y=\"12\" width=\"28\" height=\"22\" rx=\"3\"\/>\r\n            <polyline points=\"32,17 40,13 40,31 32,27\"\/>\r\n            <polygon points=\"13,18 13,28 22,23\" fill=\"var(--accent)\" stroke=\"none\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"sb-svc-card-name\">Video Production<\/h3>\r\n        <p class=\"sb-svc-card-desc\">From full-scale music videos to animated lyric visuals \u2014 we produce content built to perform on screen and in feeds. Every frame is intentional, on-brand, and release-ready.<\/p>\r\n        <div class=\"sb-svc-sub\">\r\n          <span class=\"sb-svc-sub-item\">Music Video \u2014 Direction, Shoot &amp; Edit<\/span>\r\n          <span class=\"sb-svc-sub-item\">Lyric Video \u2014 Animation &amp; Typography<\/span>\r\n        <\/div>\r\n        <div class=\"sb-svc-tags\">\r\n          <span class=\"sb-svc-tag\">Direction<\/span>\r\n          <span class=\"sb-svc-tag\">Production<\/span>\r\n          <span class=\"sb-svc-tag\">Animation<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 06 Press & PR -->\r\n      <div class=\"sb-svc-card\" data-delay=\"160\">\r\n        <div class=\"sb-svc-card-glow\"><\/div>\r\n        <span class=\"sb-svc-card-num\">06<\/span>\r\n        <div class=\"sb-svc-icon\">\r\n          <svg viewBox=\"0 0 44 44\">\r\n            <rect x=\"16\" y=\"6\" width=\"12\" height=\"18\" rx=\"6\"\/>\r\n            <path d=\"M10 20 A12 12 0 0 0 34 20\"\/>\r\n            <line x1=\"22\" y1=\"32\" x2=\"22\" y2=\"38\"\/>\r\n            <line x1=\"14\" y1=\"38\" x2=\"30\" y2=\"38\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"sb-svc-card-name\">Press &amp; PR<\/h3>\r\n        <p class=\"sb-svc-card-desc\">Features, reviews, and interviews in the publications that matter for your genre. We build the credibility streaming numbers alone can't give you \u2014 stories that stick long after the release.<\/p>\r\n        <div class=\"sb-svc-tags\">\r\n          <span class=\"sb-svc-tag\">Media Outreach<\/span>\r\n          <span class=\"sb-svc-tag\">Features &amp; Reviews<\/span>\r\n          <span class=\"sb-svc-tag\">Interviews<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- 07 Release Planning \u2014 full-width anchor card -->\r\n      <div class=\"sb-svc-card\" data-delay=\"80\">\r\n        <div class=\"sb-svc-card-glow\"><\/div>\r\n        <span class=\"sb-svc-card-num\">07<\/span>\r\n        <div class=\"sb-svc-card-body\">\r\n          <div class=\"sb-svc-card-body-left\">\r\n            <div class=\"sb-svc-icon\">\r\n              <svg viewBox=\"0 0 44 44\">\r\n                <rect x=\"6\" y=\"10\" width=\"32\" height=\"28\" rx=\"3\"\/>\r\n                <line x1=\"6\"  y1=\"18\" x2=\"38\" y2=\"18\"\/>\r\n                <line x1=\"14\" y1=\"6\"  x2=\"14\" y2=\"14\"\/>\r\n                <line x1=\"30\" y1=\"6\"  x2=\"30\" y2=\"14\"\/>\r\n                <line x1=\"14\" y1=\"26\" x2=\"18\" y2=\"26\" opacity=\"0.5\"\/>\r\n                <line x1=\"21\" y1=\"26\" x2=\"25\" y2=\"26\" opacity=\"0.5\"\/>\r\n                <line x1=\"28\" y1=\"26\" x2=\"32\" y2=\"26\" opacity=\"0.5\"\/>\r\n                <line x1=\"14\" y1=\"32\" x2=\"22\" y2=\"32\" opacity=\"0.5\"\/>\r\n                <circle cx=\"32\" cy=\"32\" r=\"3\" fill=\"var(--accent)\" stroke=\"none\"\/>\r\n              <\/svg>\r\n            <\/div>\r\n            <h3 class=\"sb-svc-card-name\">Release Planning<\/h3>\r\n          <\/div>\r\n          <div class=\"sb-svc-card-body-right\">\r\n            <p class=\"sb-svc-card-desc\">A release without a plan is just noise. We build the full rollout timeline \u2014 pre-release build-up, drop day execution, and post-release momentum \u2014 with every touchpoint locked in and every platform accounted for. When your music drops, nothing is left to chance.<\/p>\r\n            <div class=\"sb-svc-tags\">\r\n              <span class=\"sb-svc-tag\">Rollout Timeline<\/span>\r\n              <span class=\"sb-svc-tag\">Drop Day Strategy<\/span>\r\n              <span class=\"sb-svc-tag\">Pre-Save Campaign<\/span>\r\n              <span class=\"sb-svc-tag\">Post-Release Push<\/span>\r\n              <span class=\"sb-svc-tag\">Platform Coordination<\/span>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- bottom strip -->\r\n    <div class=\"sb-svc-strip\" id=\"sbSvcStrip\">\r\n      <p class=\"sb-svc-strip-text\">\r\n        Not every artist needs everything. We sit down with you first and <strong>figure out exactly what the moment calls for<\/strong> \u2014 then we build around that.\r\n      <\/p>\r\n      <a href=\"#contact\" class=\"sb-svc-btn\">\r\n        <span>Let's Talk<\/span>\r\n        <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <line x1=\"3\" y1=\"8\" x2=\"13\" y2=\"8\"\/>\r\n          <polyline points=\"9,4 13,8 9,12\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n  function reveal(el, delay) {\r\n    delay = delay || 0;\r\n    if ('IntersectionObserver' in window) {\r\n      var ob = new IntersectionObserver(function (entries) {\r\n        entries.forEach(function (entry) {\r\n          if (entry.isIntersecting) {\r\n            setTimeout(function () { entry.target.classList.add('on'); }, delay);\r\n            ob.unobserve(entry.target);\r\n          }\r\n        });\r\n      }, { threshold: 0.08 });\r\n      ob.observe(el);\r\n    } else {\r\n      setTimeout(function () { el.classList.add('on'); }, delay + 200);\r\n    }\r\n  }\r\n\r\n  var header = document.getElementById('sbSvcHeader');\r\n  if (header) reveal(header, 0);\r\n\r\n  document.querySelectorAll('#sbSvcGrid .sb-svc-card').forEach(function (card) {\r\n    reveal(card, parseInt(card.getAttribute('data-delay') || '0', 10));\r\n  });\r\n\r\n  var strip = document.getElementById('sbSvcStrip');\r\n  if (strip) reveal(strip, 0);\r\n\r\n  \/* subtle 3D tilt \u2014 desktop only *\/\r\n  if (window.innerWidth > 900) {\r\n    document.querySelectorAll('#sbSvcGrid .sb-svc-card').forEach(function (card) {\r\n      card.addEventListener('mousemove', function (e) {\r\n        var r  = card.getBoundingClientRect();\r\n        var dx = (e.clientX - (r.left + r.width  \/ 2)) \/ r.width;\r\n        var dy = (e.clientY - (r.top  + r.height \/ 2)) \/ r.height;\r\n        card.style.transform = 'perspective(900px) rotateX(' + (-dy * 3.5) + 'deg) rotateY(' + (dx * 3.5) + 'deg)';\r\n      });\r\n      card.addEventListener('mouseleave', function () { card.style.transform = ''; });\r\n    });\r\n  }\r\n})();\r\n<\/script>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1be0030 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"1be0030\" data-element_type=\"section\" data-e-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-ac786d5\" data-id=\"ac786d5\" data-element_type=\"column\" data-e-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-24d70b0 elementor-widget elementor-widget-html\" data-id=\"24d70b0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n  HOW IT WORKS \u2014 Scene Bana Music Marketing Agency\r\n  Elementor > HTML widget\r\n  Font: Marcellus | Accent: #C4EF17\r\n  ============================================================ -->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Marcellus&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n  .sb-hiw {\r\n    --accent: #C4EF17;\r\n    --bg: #0a0a0a;\r\n    --border: rgba(255,255,255,0.06);\r\n    --text-primary: #f0f0f0;\r\n    --text-secondary: rgba(240,240,240,0.45);\r\n    --text-muted: rgba(240,240,240,0.18);\r\n    background: var(--bg);\r\n    padding: 0 0 110px;\r\n    font-family: 'Inter', sans-serif;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* ---- bg grid (same as all sections) ---- *\/\r\n  .sb-hiw-bg-grid {\r\n    position: absolute; inset: 0; z-index: 0;\r\n    background-image:\r\n      linear-gradient(rgba(196,239,23,0.04) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(196,239,23,0.04) 1px, transparent 1px);\r\n    background-size: 72px 72px;\r\n    mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, black 10%, transparent 100%);\r\n    -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, black 10%, transparent 100%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* ============================================================\r\n     TOP DIVIDER \u2014 exact replica of the \"process box\"\r\n  ============================================================ *\/\r\n  .sb-hiw-divider {\r\n    width: 100%;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0;\r\n    margin-bottom: 72px;\r\n    opacity: 0;\r\n    transition: opacity 1s ease;\r\n    position: relative; z-index: 2;\r\n  }\r\n  .sb-hiw-divider.on { opacity: 1; }\r\n  .sb-hiw-divider-line {\r\n    flex: 1; height: 1px;\r\n    background: var(--border);\r\n  }\r\n  .sb-hiw-divider-label {\r\n    padding: 22px 36px;\r\n    font-size: 9px;\r\n    letter-spacing: 0.28em;\r\n    text-transform: uppercase;\r\n    color: var(--text-muted);\r\n    border-left: 1px solid var(--border);\r\n    border-right: 1px solid var(--border);\r\n    white-space: nowrap;\r\n  }\r\n\r\n  \/* ============================================================\r\n     INNER\r\n  ============================================================ *\/\r\n  .sb-hiw-inner {\r\n    position: relative; z-index: 2;\r\n    width: 100%; max-width: 1100px;\r\n    margin: 0 auto; padding: 0 48px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* ============================================================\r\n     HEADER \u2014 two-column, flush like services\/portfolio\r\n  ============================================================ *\/\r\n  .sb-hiw-header {\r\n    display: flex; align-items: flex-end;\r\n    justify-content: space-between;\r\n    gap: 40px; margin-bottom: 64px;\r\n    opacity: 0; transform: translateY(20px);\r\n    transition: opacity 0.75s ease, transform 0.75s cubic-bezier(0.16,1,0.3,1);\r\n  }\r\n  .sb-hiw-header.on { opacity: 1; transform: translateY(0); }\r\n\r\n  .sb-hiw-eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 20px; }\r\n  .sb-hiw-eyebrow-dot {\r\n    width: 7px; height: 7px; border-radius: 50%;\r\n    background: var(--accent); flex-shrink: 0;\r\n    animation: sbHiwPulse 2.6s ease-in-out infinite;\r\n  }\r\n  @keyframes sbHiwPulse {\r\n    0%,100% { box-shadow: 0 0 0 0 rgba(196,239,23,0.5); }\r\n    50%      { box-shadow: 0 0 0 5px rgba(196,239,23,0); }\r\n  }\r\n  .sb-hiw-eyebrow-label { font-size: 10px; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: var(--accent); }\r\n  .sb-hiw-eyebrow-rule  { width: 36px; height: 1px; background: rgba(196,239,23,0.45); }\r\n\r\n  .sb-hiw-title {\r\n    font-family: 'Marcellus', serif;\r\n    font-size: clamp(36px, 5vw, 68px); font-weight: 400;\r\n    color: var(--text-primary); line-height: 1.05;\r\n    letter-spacing: -0.02em; margin: 0;\r\n  }\r\n  .sb-hiw-title em { font-style: normal; color: var(--accent); }\r\n\r\n  .sb-hiw-header-right { max-width: 300px; flex-shrink: 0; }\r\n  .sb-hiw-desc { font-size: 14px; line-height: 1.8; color: var(--text-secondary); font-weight: 300; margin: 0; }\r\n\r\n  \/* ============================================================\r\n     ROADMAP \u2014 single compact row\r\n  ============================================================ *\/\r\n  .sb-hiw-roadmap {\r\n    position: relative;\r\n    opacity: 0; transform: translateY(24px);\r\n    transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.16,1,0.3,1);\r\n  }\r\n  .sb-hiw-roadmap.on { opacity: 1; transform: translateY(0); }\r\n\r\n  \/* ---- the SVG timeline rail ---- *\/\r\n  .sb-hiw-rail-svg {\r\n    position: absolute;\r\n    \/* sits at the vertical centre of the node circles *\/\r\n    top: 20px; left: 0; right: 0;\r\n    width: 100%; height: 2px;\r\n    pointer-events: none; z-index: 0;\r\n    overflow: visible;\r\n  }\r\n\r\n  \/* ---- four-column grid ---- *\/\r\n  .sb-hiw-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    position: relative; z-index: 1;\r\n  }\r\n\r\n  \/* ---- single step ---- *\/\r\n  .sb-hiw-step {\r\n    padding-right: 32px;\r\n    position: relative;\r\n  }\r\n  .sb-hiw-step:last-child { padding-right: 0; }\r\n\r\n  \/* node circle *\/\r\n  .sb-hiw-node {\r\n    width: 40px; height: 40px;\r\n    border-radius: 50%;\r\n    border: 1px solid rgba(255,255,255,0.1);\r\n    background: var(--bg);\r\n    display: flex; align-items: center; justify-content: center;\r\n    margin-bottom: 28px;\r\n    position: relative;\r\n    flex-shrink: 0;\r\n    transition: border-color 0.5s ease, box-shadow 0.5s ease;\r\n  }\r\n  .sb-hiw-roadmap.on .sb-hiw-node {\r\n    border-color: rgba(196,239,23,0.3);\r\n    box-shadow: 0 0 0 6px rgba(196,239,23,0.05), 0 0 18px rgba(196,239,23,0.08);\r\n  }\r\n  \/* stagger the node glow per step *\/\r\n  .sb-hiw-step:nth-child(1) .sb-hiw-node { transition-delay: 0.1s; }\r\n  .sb-hiw-step:nth-child(2) .sb-hiw-node { transition-delay: 0.3s; }\r\n  .sb-hiw-step:nth-child(3) .sb-hiw-node { transition-delay: 0.5s; }\r\n  .sb-hiw-step:nth-child(4) .sb-hiw-node { transition-delay: 0.7s; }\r\n\r\n  .sb-hiw-node-dot {\r\n    width: 8px; height: 8px; border-radius: 50%;\r\n    background: rgba(196,239,23,0.2);\r\n    transition: background 0.5s ease, transform 0.5s ease;\r\n  }\r\n  .sb-hiw-step:nth-child(1) .sb-hiw-node-dot { transition-delay: 0.1s; }\r\n  .sb-hiw-step:nth-child(2) .sb-hiw-node-dot { transition-delay: 0.3s; }\r\n  .sb-hiw-step:nth-child(3) .sb-hiw-node-dot { transition-delay: 0.5s; }\r\n  .sb-hiw-step:nth-child(4) .sb-hiw-node-dot { transition-delay: 0.7s; }\r\n  .sb-hiw-roadmap.on .sb-hiw-node-dot {\r\n    background: var(--accent);\r\n    transform: scale(1.25);\r\n  }\r\n\r\n  \/* step index *\/\r\n  .sb-hiw-step-idx {\r\n    font-size: 9px; font-weight: 500;\r\n    letter-spacing: 0.2em; text-transform: uppercase;\r\n    color: var(--text-muted);\r\n    margin-bottom: 6px;\r\n    transition: color 0.3s;\r\n  }\r\n  .sb-hiw-step:hover .sb-hiw-step-idx { color: var(--accent); }\r\n\r\n  \/* step name *\/\r\n  .sb-hiw-step-name {\r\n    font-family: 'Marcellus', serif;\r\n    font-size: clamp(17px, 2vw, 22px); font-weight: 400;\r\n    color: var(--text-primary); line-height: 1.15;\r\n    margin: 0 0 10px; letter-spacing: -0.01em;\r\n    position: relative; display: inline-block;\r\n  }\r\n  \/* accent underline swipe on hover *\/\r\n  .sb-hiw-step-name::after {\r\n    content: '';\r\n    position: absolute; bottom: -3px; left: 0;\r\n    width: 0; height: 1px;\r\n    background: var(--accent);\r\n    transition: width 0.4s cubic-bezier(0.16,1,0.3,1);\r\n  }\r\n  .sb-hiw-step:hover .sb-hiw-step-name::after { width: 100%; }\r\n\r\n  \/* step description *\/\r\n  .sb-hiw-step-desc {\r\n    font-size: 12.5px; line-height: 1.85;\r\n    color: var(--text-secondary); font-weight: 300;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* tag pill *\/\r\n  .sb-hiw-step-tag {\r\n    display: inline-block;\r\n    margin-top: 14px;\r\n    font-size: 8.5px; font-weight: 500;\r\n    letter-spacing: 0.16em; text-transform: uppercase;\r\n    color: rgba(196,239,23,0.4);\r\n    border: 1px solid rgba(196,239,23,0.12);\r\n    padding: 4px 9px; border-radius: 2px;\r\n    transition: color 0.25s, border-color 0.25s;\r\n  }\r\n  .sb-hiw-step:hover .sb-hiw-step-tag {\r\n    color: rgba(196,239,23,0.7);\r\n    border-color: rgba(196,239,23,0.28);\r\n  }\r\n\r\n\r\n  \/* ============================================================\r\n     RESPONSIVE\r\n  ============================================================ *\/\r\n  @media (max-width: 900px) {\r\n    .sb-hiw-inner { padding: 0 32px; }\r\n    .sb-hiw-header { flex-direction: column; align-items: flex-start; margin-bottom: 48px; }\r\n    .sb-hiw-header-right { max-width: 100%; }\r\n    .sb-hiw-grid { grid-template-columns: repeat(2, 1fr); gap: 40px 0; }\r\n    .sb-hiw-rail-svg { display: none; }\r\n    .sb-hiw-step { padding-right: 24px; }\r\n\r\n  }\r\n  @media (max-width: 600px) {\r\n    .sb-hiw { padding-bottom: 80px; }\r\n    .sb-hiw-inner { padding: 0 22px; }\r\n    .sb-hiw-divider-label { padding: 18px 20px; font-size: 8px; }\r\n    .sb-hiw-divider { margin-bottom: 52px; }\r\n    .sb-hiw-grid { grid-template-columns: 1fr; gap: 36px; }\r\n    .sb-hiw-step { padding-right: 0; }\r\n    .sb-hiw-title { font-size: clamp(32px, 9vw, 48px); }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"sb-hiw\" id=\"sbHiw\">\r\n  <div class=\"sb-hiw-bg-grid\"><\/div>\r\n\r\n  <!-- \u2500\u2500\u2500 TOP DIVIDER \u2014 the \"process box\" \u2500\u2500\u2500 -->\r\n  <div class=\"sb-hiw-divider\" id=\"sbHiwDivider\">\r\n    <div class=\"sb-hiw-divider-line\"><\/div>\r\n    <span class=\"sb-hiw-divider-label\">The Process<\/span>\r\n    <div class=\"sb-hiw-divider-line\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"sb-hiw-inner\">\r\n\r\n    <!-- \u2500\u2500\u2500 HEADER \u2500\u2500\u2500 -->\r\n    <div class=\"sb-hiw-header\" id=\"sbHiwHeader\">\r\n      <div>\r\n        <div class=\"sb-hiw-eyebrow\">\r\n          <div class=\"sb-hiw-eyebrow-dot\"><\/div>\r\n          <span class=\"sb-hiw-eyebrow-label\">How It Works<\/span>\r\n          <div class=\"sb-hiw-eyebrow-rule\"><\/div>\r\n        <\/div>\r\n        <h2 class=\"sb-hiw-title\">Four Steps.<br><em>Zero Guesswork.<\/em><\/h2>\r\n      <\/div>\r\n      <div class=\"sb-hiw-header-right\">\r\n        <p class=\"sb-hiw-desc\">Every artist goes through the same four-stage process. Each step powers the next \u2014 nothing moves forward until the previous one is locked in and right.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u2500\u2500\u2500 ROADMAP \u2500\u2500\u2500 -->\r\n    <div class=\"sb-hiw-roadmap\" id=\"sbHiwRoadmap\">\r\n\r\n      <!-- SVG rail: base line + animated fill + travelling dot -->\r\n      <svg class=\"sb-hiw-rail-svg\" id=\"sbHiwRailSvg\" viewBox=\"0 0 1004 2\" preserveAspectRatio=\"none\" style=\"overflow:visible\">\r\n        <defs>\r\n          <filter id=\"sbHiwGlow\" x=\"-20%\" y=\"-200%\" width=\"140%\" height=\"500%\">\r\n            <feGaussianBlur stdDeviation=\"2.5\" result=\"blur\"\/>\r\n            <feMerge><feMergeNode in=\"blur\"\/><feMergeNode in=\"SourceGraphic\"\/><\/feMerge>\r\n          <\/filter>\r\n        <\/defs>\r\n        <!-- faint base -->\r\n        <line x1=\"20\" y1=\"1\" x2=\"984\" y2=\"1\" stroke=\"rgba(255,255,255,0.07)\" stroke-width=\"1\"\/>\r\n        <!-- accent fill, drawn left\u2192right by JS -->\r\n        <line id=\"sbHiwRailFill\" x1=\"20\" y1=\"1\" x2=\"20\" y2=\"1\"\r\n          stroke=\"#C4EF17\" stroke-width=\"1.5\" stroke-linecap=\"round\"\r\n          filter=\"url(#sbHiwGlow)\"\/>\r\n        <!-- travelling dot -->\r\n        <circle id=\"sbHiwRailDot\" cx=\"20\" cy=\"1\" r=\"3.5\"\r\n          fill=\"#C4EF17\" opacity=\"0\" filter=\"url(#sbHiwGlow)\"\/>\r\n      <\/svg>\r\n\r\n      <div class=\"sb-hiw-grid\">\r\n\r\n        <div class=\"sb-hiw-step\">\r\n          <div class=\"sb-hiw-node\"><div class=\"sb-hiw-node-dot\"><\/div><\/div>\r\n          <div class=\"sb-hiw-step-idx\">01<\/div>\r\n          <h3 class=\"sb-hiw-step-name\">We Listen<\/h3>\r\n          <p class=\"sb-hiw-step-desc\">Discovery call. We get into the music, the vision, the audience, and where you are in your career. No assumptions. No templates pulled out yet.<\/p>\r\n          <span class=\"sb-hiw-step-tag\">Discovery<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"sb-hiw-step\">\r\n          <div class=\"sb-hiw-node\"><div class=\"sb-hiw-node-dot\"><\/div><\/div>\r\n          <div class=\"sb-hiw-step-idx\">02<\/div>\r\n          <h3 class=\"sb-hiw-step-name\">We Map<\/h3>\r\n          <p class=\"sb-hiw-step-desc\">Strategy, timeline, budget, team. Every service is selected for a reason. You get a clear rollout plan \u2014 not a vague proposal \u2014 before anything begins.<\/p>\r\n          <span class=\"sb-hiw-step-tag\">Blueprint<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"sb-hiw-step\">\r\n          <div class=\"sb-hiw-node\"><div class=\"sb-hiw-node-dot\"><\/div><\/div>\r\n          <div class=\"sb-hiw-step-idx\">03<\/div>\r\n          <h3 class=\"sb-hiw-step-name\">We Execute<\/h3>\r\n          <p class=\"sb-hiw-step-desc\">Campaigns go live. Pitches go out. Content goes up. Every deliverable hits the timeline. You stay in the loop \u2014 never chasing updates.<\/p>\r\n          <span class=\"sb-hiw-step-tag\">Live Rollout<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"sb-hiw-step\">\r\n          <div class=\"sb-hiw-node\"><div class=\"sb-hiw-node-dot\"><\/div><\/div>\r\n          <div class=\"sb-hiw-step-idx\">04<\/div>\r\n          <h3 class=\"sb-hiw-step-name\">You Grow<\/h3>\r\n          <p class=\"sb-hiw-step-desc\">Streams climb. Audience builds. Momentum compounds. We track what's working, cut what isn't, and keep pushing until the numbers reflect the music.<\/p>\r\n          <span class=\"sb-hiw-step-tag\">Scale<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n\r\n\/* ---- reveal helper ---- *\/\r\n  function reveal(el, delay, threshold){\r\n    if (!el) return;\r\n    if (!('IntersectionObserver' in window)){ setTimeout(function(){ el.classList.add('on'); }, (delay||0)+200); return; }\r\n    var ob = new IntersectionObserver(function(es){\r\n      if (es[0].isIntersecting){ setTimeout(function(){ el.classList.add('on'); }, delay||0); ob.disconnect(); }\r\n    }, { threshold: threshold || 0.1 });\r\n    ob.observe(el);\r\n  }\r\n\r\n  reveal(document.getElementById('sbHiwDivider'), 0, 0.05);\r\n  reveal(document.getElementById('sbHiwHeader'), 100);\r\n\r\n  \/* ---- roadmap: reveal + animate rail ---- *\/\r\n  var roadmap  = document.getElementById('sbHiwRoadmap');\r\n  var railFill = document.getElementById('sbHiwRailFill');\r\n  var railDot  = document.getElementById('sbHiwRailDot');\r\n\r\n  if (roadmap && 'IntersectionObserver' in window) {\r\n    var fired = false;\r\n    var ob = new IntersectionObserver(function(es){\r\n      if (es[0].isIntersecting && !fired){\r\n        fired = true; ob.disconnect();\r\n        roadmap.classList.add('on');\r\n        \/* animate the rail line after a short delay *\/\r\n        setTimeout(animateRail, 400);\r\n      }\r\n    }, { threshold: 0.2 });\r\n    ob.observe(roadmap);\r\n  }\r\n\r\n  function animateRail(){\r\n    if (!railFill || !railDot) return;\r\n    var startX = 20, endX = 984, dur = 1600, t0 = null;\r\n    railDot.setAttribute('opacity', '0.9');\r\n    (function tick(ts){\r\n      if (!t0) t0 = ts;\r\n      var p = Math.min((ts - t0) \/ dur, 1);\r\n      \/* ease-in-out cubic *\/\r\n      var e = p < 0.5 ? 4*p*p*p : 1 - Math.pow(-2*p+2,3)\/2;\r\n      var cur = startX + (endX - startX) * e;\r\n      railFill.setAttribute('x2', cur);\r\n      railDot.setAttribute('cx', cur);\r\n      if (p < 1){ requestAnimationFrame(tick); }\r\n      else {\r\n        railDot.setAttribute('opacity','0.7');\r\n        setTimeout(function(){ railDot.setAttribute('opacity','0'); }, 500);\r\n      }\r\n    })(performance.now());\r\n  }\r\n\r\n})();\r\n<\/script>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3ebfac0 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"3ebfac0\" data-element_type=\"section\" data-e-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-25662fe\" data-id=\"25662fe\" data-element_type=\"column\" data-e-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-1b158a4 elementor-widget elementor-widget-html\" data-id=\"1b158a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n  PORTFOLIO SECTION \u2014 Scene Bana Music Marketing Agency\r\n  Elementor > HTML widget\r\n  Full-width cinematic carousel. Parallax image. Drag-to-swipe.\r\n  Font: Marcellus | Accent: #C4EF17\r\n  No top glow \u2014 bleeds seamlessly from How It Works\r\n  ============================================================ -->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Marcellus&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n  .sb-port {\r\n    --accent: #C4EF17;\r\n    --bg: #0a0a0a;\r\n    --border: rgba(255,255,255,0.06);\r\n    --text-primary: #f0f0f0;\r\n    --text-secondary: rgba(240,240,240,0.45);\r\n    --text-muted: rgba(240,240,240,0.18);\r\n    background: var(--bg);\r\n    padding: 0 0 130px;\r\n    font-family: 'Inter', sans-serif;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .sb-port-divider {\r\n    width: 100%; display: flex; align-items: center;\r\n    margin-bottom: 100px; opacity: 0; transition: opacity 1s ease;\r\n  }\r\n  .sb-port-divider.on { opacity: 1; }\r\n  .sb-port-divider-line { flex: 1; height: 1px; background: var(--border); }\r\n  .sb-port-divider-label {\r\n    padding: 22px 36px; font-size: 9px; letter-spacing: 0.28em;\r\n    text-transform: uppercase; color: var(--text-muted);\r\n    border-left: 1px solid var(--border); border-right: 1px solid var(--border);\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .sb-port-inner {\r\n    width: 100%; max-width: 1100px;\r\n    margin: 0 auto; padding: 0 48px; box-sizing: border-box;\r\n  }\r\n\r\n  .sb-port-header {\r\n    display: flex; align-items: flex-end;\r\n    justify-content: space-between; gap: 40px;\r\n    margin-bottom: 64px;\r\n    opacity: 0; transform: translateY(20px);\r\n    transition: opacity 0.75s ease, transform 0.75s cubic-bezier(0.16,1,0.3,1);\r\n  }\r\n  .sb-port-header.on { opacity: 1; transform: translateY(0); }\r\n\r\n  .sb-port-eyebrow {\r\n    display: inline-flex; align-items: center; gap: 10px; margin-bottom: 20px;\r\n  }\r\n  .sb-port-eyebrow-dot {\r\n    width: 6px; height: 6px; border-radius: 50%; background: var(--accent); flex-shrink: 0;\r\n  }\r\n  .sb-port-eyebrow-label {\r\n    font-size: 10px; font-weight: 500; letter-spacing: 0.22em;\r\n    text-transform: uppercase; color: var(--accent);\r\n  }\r\n\r\n  .sb-port-title {\r\n    font-family: 'Marcellus', serif;\r\n    font-size: clamp(36px, 4.8vw, 62px);\r\n    font-weight: 400; line-height: 1.05; letter-spacing: -0.02em;\r\n    color: var(--text-primary); margin: 0;\r\n  }\r\n  .sb-port-title em { font-style: normal; color: var(--accent); }\r\n\r\n  .sb-port-header-right { flex-shrink: 0; max-width: 300px; text-align: right; }\r\n  .sb-port-sub {\r\n    font-size: 14px; line-height: 1.8; color: var(--text-secondary); margin: 0 0 24px;\r\n  }\r\n  .sb-port-view-all {\r\n    display: inline-flex; align-items: center; gap: 8px;\r\n    font-size: 10px; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase;\r\n    color: var(--accent); text-decoration: none;\r\n    border-bottom: 1px solid rgba(196,239,23,0.3); padding-bottom: 4px;\r\n    transition: border-color 0.3s ease, gap 0.3s ease;\r\n  }\r\n  .sb-port-view-all:hover { border-color: var(--accent); gap: 13px; }\r\n  .sb-port-view-all svg { width: 11px; height: 11px; flex-shrink: 0; }\r\n\r\n  \/* \u2500\u2500 CAROUSEL \u2500\u2500 *\/\r\n  .sb-port-carousel-wrap {\r\n    position: relative; width: 100%; overflow: hidden;\r\n    cursor: grab; user-select: none; -webkit-user-select: none;\r\n    opacity: 0; transition: opacity 0.8s ease 0.1s;\r\n  }\r\n  .sb-port-carousel-wrap.on { opacity: 1; }\r\n  .sb-port-carousel-wrap.grabbing { cursor: grabbing; }\r\n\r\n  .sb-port-track {\r\n    display: flex;\r\n    transition: transform 0.72s cubic-bezier(0.76, 0, 0.24, 1);\r\n    will-change: transform;\r\n  }\r\n  .sb-port-track.no-transition { transition: none !important; }\r\n\r\n  \/* \u2500\u2500 CARD \u2500\u2500 *\/\r\n  .sb-port-card {\r\n    flex: 0 0 calc(100% - 96px);\r\n    margin: 0 48px;\r\n    height: clamp(420px, 58vw, 620px);\r\n    position: relative; overflow: hidden;\r\n    display: flex; align-items: stretch;\r\n    text-decoration: none; background: #111;\r\n    transform: scale(0.96);\r\n    transition: transform 0.72s cubic-bezier(0.76,0,0.24,1), opacity 0.72s ease;\r\n    opacity: 0.4;\r\n  }\r\n  .sb-port-card.active { transform: scale(1); opacity: 1; }\r\n\r\n  .sb-port-card-img-wrap { position: absolute; inset: 0; overflow: hidden; }\r\n  .sb-port-card-img {\r\n    position: absolute; top: -10%; left: 0;\r\n    width: 100%; height: 120%; object-fit: cover;\r\n    transition: transform 0.72s cubic-bezier(0.76,0,0.24,1), filter 0.72s ease;\r\n    filter: brightness(0.52) saturate(0.8);\r\n    will-change: transform; pointer-events: none;\r\n  }\r\n\r\n  .sb-port-card-scrim {\r\n    position: absolute; inset: 0; z-index: 1;\r\n    background:\r\n      linear-gradient(to right, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.35) 55%, transparent 100%),\r\n      linear-gradient(to top,   rgba(0,0,0,0.65) 0%, transparent 55%);\r\n  }\r\n\r\n  .sb-port-card-body {\r\n    position: relative; z-index: 2;\r\n    display: flex; flex-direction: column; justify-content: flex-end;\r\n    padding: 52px 56px; width: 100%; box-sizing: border-box;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .sb-port-card-index {\r\n    position: absolute; top: 44px; left: 56px;\r\n    font-size: 11px; font-weight: 500; letter-spacing: 0.22em;\r\n    text-transform: uppercase; color: var(--text-muted);\r\n    display: flex; align-items: center; gap: 10px;\r\n  }\r\n  .sb-port-card-index::before {\r\n    content: ''; display: block; width: 24px; height: 1px;\r\n    background: rgba(196,239,23,0.35);\r\n  }\r\n\r\n  \/* Content animations \u2014 triggered by .active *\/\r\n  .sb-port-card-tag {\r\n    font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;\r\n    color: var(--accent); margin-bottom: 16px;\r\n    opacity: 0; transform: translateY(14px);\r\n    transition: opacity 0.5s ease 0.08s, transform 0.5s cubic-bezier(0.16,1,0.3,1) 0.08s;\r\n  }\r\n  .sb-port-card.active .sb-port-card-tag { opacity: 1; transform: translateY(0); }\r\n\r\n  .sb-port-card-name {\r\n    font-family: 'Marcellus', serif;\r\n    font-size: clamp(36px, 5.5vw, 80px);\r\n    font-weight: 400; line-height: 1.0; letter-spacing: -0.025em;\r\n    color: #fff; margin: 0 0 20px; max-width: 620px;\r\n    opacity: 0; transform: translateY(20px);\r\n    transition: opacity 0.55s ease 0.16s, transform 0.55s cubic-bezier(0.16,1,0.3,1) 0.16s;\r\n  }\r\n  .sb-port-card.active .sb-port-card-name { opacity: 1; transform: translateY(0); }\r\n\r\n  .sb-port-card-desc {\r\n    font-size: 14px; line-height: 1.75;\r\n    color: rgba(240,240,240,0.55); margin: 0 0 36px; max-width: 400px;\r\n    opacity: 0; transform: translateY(14px);\r\n    transition: opacity 0.5s ease 0.24s, transform 0.5s cubic-bezier(0.16,1,0.3,1) 0.24s;\r\n  }\r\n  .sb-port-card.active .sb-port-card-desc { opacity: 1; transform: translateY(0); }\r\n\r\n  .sb-port-card-quote {\r\n    font-family: 'Marcellus', serif;\r\n    font-size: clamp(15px, 1.6vw, 20px);\r\n    color: rgba(240,240,240,0.5); font-style: italic; line-height: 1.6;\r\n    max-width: 380px; border-left: 2px solid rgba(196,239,23,0.45);\r\n    padding-left: 20px; margin-bottom: 36px;\r\n    opacity: 0; transform: translateY(14px);\r\n    transition: opacity 0.5s ease 0.24s, transform 0.5s cubic-bezier(0.16,1,0.3,1) 0.24s;\r\n  }\r\n  .sb-port-card.active .sb-port-card-quote { opacity: 1; transform: translateY(0); }\r\n\r\n  .sb-port-card-footer {\r\n    display: flex; align-items: center; gap: 28px; flex-wrap: wrap;\r\n    opacity: 0; transform: translateY(10px);\r\n    transition: opacity 0.5s ease 0.32s, transform 0.5s cubic-bezier(0.16,1,0.3,1) 0.32s;\r\n  }\r\n  .sb-port-card.active .sb-port-card-footer { opacity: 1; transform: translateY(0); }\r\n\r\n  .sb-port-card-stat { display: flex; flex-direction: column; gap: 4px; }\r\n  .sb-port-card-stat-num {\r\n    font-family: 'Marcellus', serif;\r\n    font-size: clamp(24px, 2.6vw, 38px);\r\n    color: var(--accent); line-height: 1; letter-spacing: -0.01em;\r\n  }\r\n  .sb-port-card-stat-label {\r\n    font-size: 10px; letter-spacing: 0.16em;\r\n    text-transform: uppercase; color: var(--text-muted);\r\n  }\r\n  .sb-port-card-stat2 { display: flex; flex-direction: column; gap: 4px; }\r\n  .sb-port-card-stat2-num {\r\n    font-family: 'Marcellus', serif;\r\n    font-size: clamp(24px, 2.6vw, 38px);\r\n    color: var(--text-primary); line-height: 1; letter-spacing: -0.01em;\r\n  }\r\n  .sb-port-card-stat2-label {\r\n    font-size: 10px; letter-spacing: 0.16em;\r\n    text-transform: uppercase; color: var(--text-muted);\r\n  }\r\n  .sb-port-card-divider {\r\n    width: 1px; height: 40px; background: rgba(255,255,255,0.1); flex-shrink: 0;\r\n  }\r\n\r\n  .sb-port-card-cta {\r\n    display: inline-flex; align-items: center; gap: 10px;\r\n    font-size: 11px; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase;\r\n    color: #fff; text-decoration: none; pointer-events: all;\r\n    transition: gap 0.3s ease, color 0.3s ease;\r\n  }\r\n  .sb-port-card-cta:hover { gap: 16px; color: var(--accent); }\r\n  .sb-port-card-cta-circle {\r\n    width: 38px; height: 38px;\r\n    border: 1px solid rgba(255,255,255,0.2); border-radius: 50%;\r\n    display: flex; align-items: center; justify-content: center; flex-shrink: 0;\r\n    transition: background 0.25s ease, border-color 0.25s ease;\r\n  }\r\n  .sb-port-card-cta:hover .sb-port-card-cta-circle {\r\n    background: var(--accent); border-color: var(--accent);\r\n  }\r\n  .sb-port-card-cta-circle svg {\r\n    width: 12px; height: 12px; stroke: #fff; transition: stroke 0.25s ease;\r\n  }\r\n  .sb-port-card-cta:hover .sb-port-card-cta-circle svg { stroke: #0a0a0a; }\r\n\r\n  \/* \u2500\u2500 CONTROLS \u2500\u2500 *\/\r\n  .sb-port-controls {\r\n    max-width: 1100px; margin: 36px auto 0;\r\n    padding: 0 48px; box-sizing: border-box;\r\n    display: flex; align-items: center; justify-content: space-between;\r\n    opacity: 0; transform: translateY(10px);\r\n    transition: opacity 0.6s ease 0.3s, transform 0.6s ease 0.3s;\r\n  }\r\n  .sb-port-controls.on { opacity: 1; transform: translateY(0); }\r\n\r\n  .sb-port-progress-wrap { display: flex; align-items: center; gap: 20px; flex: 1; }\r\n  .sb-port-count {\r\n    font-size: 12px; font-weight: 400; letter-spacing: 0.1em;\r\n    color: var(--text-muted); white-space: nowrap; min-width: 52px;\r\n  }\r\n  .sb-port-count span { color: var(--text-secondary); }\r\n\r\n  .sb-port-progress-track {\r\n    flex: 1; max-width: 260px; height: 1px;\r\n    background: var(--border); position: relative; overflow: hidden;\r\n  }\r\n  .sb-port-progress-fill {\r\n    position: absolute; top: 0; left: 0; bottom: 0;\r\n    background: var(--accent);\r\n    transition: width 0.72s cubic-bezier(0.76,0,0.24,1);\r\n  }\r\n\r\n  .sb-port-dots { display: flex; align-items: center; gap: 8px; }\r\n  .sb-port-dot {\r\n    width: 5px; height: 5px; border-radius: 50%;\r\n    background: rgba(255,255,255,0.12); border: none;\r\n    cursor: pointer; padding: 0; outline: none;\r\n    transition: background 0.3s ease, transform 0.3s ease;\r\n  }\r\n  .sb-port-dot.active { background: var(--accent); transform: scale(1.4); }\r\n\r\n  .sb-port-arrows { display: flex; align-items: center; gap: 10px; }\r\n  .sb-port-arrow {\r\n    width: 46px; height: 46px;\r\n    border: 1px solid var(--border); border-radius: 50%;\r\n    background: transparent; cursor: pointer;\r\n    display: flex; align-items: center; justify-content: center;\r\n    transition: border-color 0.25s ease, background 0.25s ease;\r\n    padding: 0; outline: none;\r\n  }\r\n  .sb-port-arrow:hover { border-color: var(--accent); background: rgba(196,239,23,0.06); }\r\n  .sb-port-arrow:disabled { opacity: 0.2; cursor: not-allowed; }\r\n  .sb-port-arrow:disabled:hover { border-color: var(--border); background: transparent; }\r\n  .sb-port-arrow svg { width: 14px; height: 14px; stroke: var(--text-primary); }\r\n\r\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n  @media (max-width: 900px) {\r\n    .sb-port-inner, .sb-port-controls { padding: 0 32px; }\r\n    .sb-port-header { flex-direction: column; align-items: flex-start; }\r\n    .sb-port-header-right { text-align: left; max-width: 100%; }\r\n    .sb-port-card { flex: 0 0 calc(100% - 64px); margin: 0 32px; height: clamp(380px, 65vw, 520px); }\r\n    .sb-port-card-body { padding: 36px 36px; }\r\n    .sb-port-card-index { top: 28px; left: 36px; }\r\n  }\r\n\r\n  @media (max-width: 600px) {\r\n    .sb-port { padding: 0 0 90px; }\r\n    .sb-port-inner, .sb-port-controls { padding: 0 20px; }\r\n    .sb-port-divider-label { padding: 18px 20px; font-size: 8px; }\r\n    .sb-port-divider { margin-bottom: 72px; }\r\n    .sb-port-controls { margin-top: 24px; }\r\n    .sb-port-card { flex: 0 0 calc(100% - 32px); margin: 0 16px; height: clamp(480px, 115vw, 560px); }\r\n    .sb-port-card-scrim {\r\n      background: linear-gradient(to top, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.4) 55%, transparent 100%);\r\n    }\r\n    .sb-port-card-body { padding: 28px 26px; }\r\n    .sb-port-card-index { top: 24px; left: 26px; }\r\n    .sb-port-card-name { font-size: clamp(30px, 9.5vw, 48px); margin-bottom: 14px; }\r\n    .sb-port-card-desc { display: none; }\r\n    .sb-port-card-quote { font-size: 14px; }\r\n    .sb-port-card-stat-num, .sb-port-card-stat2-num { font-size: 26px; }\r\n    .sb-port-progress-wrap { display: none; }\r\n    .sb-port-count { display: none; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"sb-port\" id=\"sbPort\">\r\n\r\n  <div class=\"sb-port-divider\" id=\"sbPortDiv\">\r\n    <div class=\"sb-port-divider-line\"><\/div>\r\n    <div class=\"sb-port-divider-label\">Our Work<\/div>\r\n    <div class=\"sb-port-divider-line\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"sb-port-inner\">\r\n    <div class=\"sb-port-header\" id=\"sbPortHdr\">\r\n      <div>\r\n        <div class=\"sb-port-eyebrow\">\r\n          <div class=\"sb-port-eyebrow-dot\"><\/div>\r\n          <span class=\"sb-port-eyebrow-label\">Portfolio<\/span>\r\n        <\/div>\r\n        <h2 class=\"sb-port-title\">Work that moves<br><em>culture forward.<\/em><\/h2>\r\n      <\/div>\r\n      <div class=\"sb-port-header-right\">\r\n        <p class=\"sb-port-sub\">Every project is built from scratch around the artist's story. No recycled playbooks. Just campaigns that earn attention.<\/p>\r\n        <a href=\"\/work\" class=\"sb-port-view-all\">\r\n          View all projects\r\n          <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"2\" y1=\"8\" x2=\"14\" y2=\"8\"\/><polyline points=\"10,4 14,8 10,12\"\/><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"sb-port-carousel-wrap\" id=\"sbPortCarousel\">\r\n    <div class=\"sb-port-track\" id=\"sbPortTrack\">\r\n\r\n      <!-- CARD 1 \u2014 Echoes -->\r\n      <div class=\"sb-port-card active\" data-index=\"0\">\r\n        <div class=\"sb-port-card-img-wrap\">\r\n          <img decoding=\"async\" class=\"sb-port-card-img\" src=\"https:\/\/images.unsplash.com\/photo-1493225457124-a3eb161ffa5f?w=1600&auto=format&fit=crop&q=80\" alt=\"Echoes\" loading=\"lazy\"\/>\r\n        <\/div>\r\n        <div class=\"sb-port-card-scrim\"><\/div>\r\n        <div class=\"sb-port-card-index\">01<\/div>\r\n        <div class=\"sb-port-card-body\">\r\n          <div class=\"sb-port-card-tag\">R&amp;B \u00b7 Album Campaign<\/div>\r\n          <h3 class=\"sb-port-card-name\">Echoes<\/h3>\r\n          <p class=\"sb-port-card-desc\">A full release rollout \u2014 from identity to playlist pitching \u2014 that turned a debut album into a streaming event.<\/p>\r\n          <div class=\"sb-port-card-footer\">\r\n            <div class=\"sb-port-card-stat\">\r\n              <div class=\"sb-port-card-stat-num\">2.4M<\/div>\r\n              <div class=\"sb-port-card-stat-label\">Streams \u00b7 first 30 days<\/div>\r\n            <\/div>\r\n            <div class=\"sb-port-card-divider\"><\/div>\r\n            <div class=\"sb-port-card-stat2\">\r\n              <div class=\"sb-port-card-stat2-num\">18<\/div>\r\n              <div class=\"sb-port-card-stat2-label\">Playlists placed<\/div>\r\n            <\/div>\r\n            <div class=\"sb-port-card-divider\"><\/div>\r\n            <a href=\"\/work\/echoes\" class=\"sb-port-card-cta\">\r\n              See the project\r\n              <div class=\"sb-port-card-cta-circle\"><svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.8\"><line x1=\"2\" y1=\"8\" x2=\"14\" y2=\"8\"\/><polyline points=\"10,4 14,8 10,12\"\/><\/svg><\/div>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- CARD 2 \u2014 Noor -->\r\n      <div class=\"sb-port-card\" data-index=\"1\">\r\n        <div class=\"sb-port-card-img-wrap\">\r\n          <img decoding=\"async\" class=\"sb-port-card-img\" src=\"https:\/\/images.unsplash.com\/photo-1511671782779-c97d3d27a1d4?w=1600&auto=format&fit=crop&q=80\" alt=\"Noor\" loading=\"lazy\"\/>\r\n        <\/div>\r\n        <div class=\"sb-port-card-scrim\"><\/div>\r\n        <div class=\"sb-port-card-index\">02<\/div>\r\n        <div class=\"sb-port-card-body\">\r\n          <div class=\"sb-port-card-tag\">Pop \u00b7 Artist Brand<\/div>\r\n          <h3 class=\"sb-port-card-name\">Noor<\/h3>\r\n          <p class=\"sb-port-card-desc\">Built the visual language and social presence for an emerging pop artist from the ground up \u2014 before a single was even recorded.<\/p>\r\n          <div class=\"sb-port-card-footer\">\r\n            <div class=\"sb-port-card-stat\">\r\n              <div class=\"sb-port-card-stat-num\">0 \u2192 84K<\/div>\r\n              <div class=\"sb-port-card-stat-label\">Followers \u00b7 4 months<\/div>\r\n            <\/div>\r\n            <div class=\"sb-port-card-divider\"><\/div>\r\n            <a href=\"\/work\/noor\" class=\"sb-port-card-cta\">\r\n              See the project\r\n              <div class=\"sb-port-card-cta-circle\"><svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.8\"><line x1=\"2\" y1=\"8\" x2=\"14\" y2=\"8\"\/><polyline points=\"10,4 14,8 10,12\"\/><\/svg><\/div>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- CARD 3 \u2014 Drift (quote variant) -->\r\n      <div class=\"sb-port-card\" data-index=\"2\">\r\n        <div class=\"sb-port-card-img-wrap\">\r\n          <img decoding=\"async\" class=\"sb-port-card-img\" src=\"https:\/\/images.unsplash.com\/photo-1459749411175-04bf5292ceea?w=1600&auto=format&fit=crop&q=80\" alt=\"Drift\" loading=\"lazy\"\/>\r\n        <\/div>\r\n        <div class=\"sb-port-card-scrim\"><\/div>\r\n        <div class=\"sb-port-card-index\">03<\/div>\r\n        <div class=\"sb-port-card-body\">\r\n          <div class=\"sb-port-card-tag\">Hip-Hop \u00b7 90-Day Campaign<\/div>\r\n          <h3 class=\"sb-port-card-name\">Drift<\/h3>\r\n          <div class=\"sb-port-card-quote\">\"Scene Bana didn't just market the music \u2014 they made people feel like they discovered it themselves.\"<\/div>\r\n          <div class=\"sb-port-card-footer\">\r\n            <div class=\"sb-port-card-stat\">\r\n              <div class=\"sb-port-card-stat-num\">340%<\/div>\r\n              <div class=\"sb-port-card-stat-label\">Engagement growth<\/div>\r\n            <\/div>\r\n            <div class=\"sb-port-card-divider\"><\/div>\r\n            <div class=\"sb-port-card-stat2\">\r\n              <div class=\"sb-port-card-stat2-num\">6.1M<\/div>\r\n              <div class=\"sb-port-card-stat2-label\">Reel impressions<\/div>\r\n            <\/div>\r\n            <div class=\"sb-port-card-divider\"><\/div>\r\n            <a href=\"\/work\/drift\" class=\"sb-port-card-cta\">\r\n              See the project\r\n              <div class=\"sb-port-card-cta-circle\"><svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.8\"><line x1=\"2\" y1=\"8\" x2=\"14\" y2=\"8\"\/><polyline points=\"10,4 14,8 10,12\"\/><\/svg><\/div>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- CARD 4 \u2014 Ashara -->\r\n      <div class=\"sb-port-card\" data-index=\"3\">\r\n        <div class=\"sb-port-card-img-wrap\">\r\n          <img decoding=\"async\" class=\"sb-port-card-img\" src=\"https:\/\/images.unsplash.com\/photo-1470225620780-dba8ba36b745?w=1600&auto=format&fit=crop&q=80\" alt=\"Ashara\" loading=\"lazy\"\/>\r\n        <\/div>\r\n        <div class=\"sb-port-card-scrim\"><\/div>\r\n        <div class=\"sb-port-card-index\">04<\/div>\r\n        <div class=\"sb-port-card-body\">\r\n          <div class=\"sb-port-card-tag\">Indie \u00b7 EP Release<\/div>\r\n          <h3 class=\"sb-port-card-name\">Ashara<\/h3>\r\n          <p class=\"sb-port-card-desc\">A 6-week EP rollout with press, content and playlist strategy that landed editorial placements on day one.<\/p>\r\n          <div class=\"sb-port-card-footer\">\r\n            <div class=\"sb-port-card-stat\">\r\n              <div class=\"sb-port-card-stat-num\">4<\/div>\r\n              <div class=\"sb-port-card-stat-label\">Editorial features<\/div>\r\n            <\/div>\r\n            <div class=\"sb-port-card-divider\"><\/div>\r\n            <div class=\"sb-port-card-stat2\">\r\n              <div class=\"sb-port-card-stat2-num\">1.1M<\/div>\r\n              <div class=\"sb-port-card-stat2-label\">First-week streams<\/div>\r\n            <\/div>\r\n            <div class=\"sb-port-card-divider\"><\/div>\r\n            <a href=\"\/work\/ashara\" class=\"sb-port-card-cta\">\r\n              See the project\r\n              <div class=\"sb-port-card-cta-circle\"><svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.8\"><line x1=\"2\" y1=\"8\" x2=\"14\" y2=\"8\"\/><polyline points=\"10,4 14,8 10,12\"\/><\/svg><\/div>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- CARD 5 \u2014 Lowlight -->\r\n      <div class=\"sb-port-card\" data-index=\"4\">\r\n        <div class=\"sb-port-card-img-wrap\">\r\n          <img decoding=\"async\" class=\"sb-port-card-img\" src=\"https:\/\/images.unsplash.com\/photo-1571330735066-03aaa9429d89?w=1600&auto=format&fit=crop&q=80\" alt=\"Lowlight\" loading=\"lazy\"\/>\r\n        <\/div>\r\n        <div class=\"sb-port-card-scrim\"><\/div>\r\n        <div class=\"sb-port-card-index\">05<\/div>\r\n        <div class=\"sb-port-card-body\">\r\n          <div class=\"sb-port-card-tag\">Electronic \u00b7 Press &amp; Playlists<\/div>\r\n          <h3 class=\"sb-port-card-name\">Lowlight<\/h3>\r\n          <p class=\"sb-port-card-desc\">Broke a Berlin-based producer into the South Asian market with targeted press and cross-platform content strategy.<\/p>\r\n          <div class=\"sb-port-card-footer\">\r\n            <div class=\"sb-port-card-stat\">\r\n              <div class=\"sb-port-card-stat-num\">12<\/div>\r\n              <div class=\"sb-port-card-stat-label\">Press features<\/div>\r\n            <\/div>\r\n            <div class=\"sb-port-card-divider\"><\/div>\r\n            <div class=\"sb-port-card-stat2\">\r\n              <div class=\"sb-port-card-stat2-num\">3\u00d7<\/div>\r\n              <div class=\"sb-port-card-stat2-label\">Monthly listener growth<\/div>\r\n            <\/div>\r\n            <div class=\"sb-port-card-divider\"><\/div>\r\n            <a href=\"\/work\/lowlight\" class=\"sb-port-card-cta\">\r\n              See the project\r\n              <div class=\"sb-port-card-cta-circle\"><svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.8\"><line x1=\"2\" y1=\"8\" x2=\"14\" y2=\"8\"\/><polyline points=\"10,4 14,8 10,12\"\/><\/svg><\/div>\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Controls -->\r\n  <div class=\"sb-port-controls\" id=\"sbPortControls\">\r\n    <div class=\"sb-port-progress-wrap\">\r\n      <span class=\"sb-port-count\" id=\"sbPortCount\"><span>01<\/span> \/ 05<\/span>\r\n      <div class=\"sb-port-progress-track\">\r\n        <div class=\"sb-port-progress-fill\" id=\"sbPortFill\" style=\"width:20%\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"sb-port-dots\" id=\"sbPortDots\"><\/div>\r\n    <div class=\"sb-port-arrows\">\r\n      <button class=\"sb-port-arrow\" id=\"sbPortPrev\" aria-label=\"Previous\" disabled>\r\n        <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.8\"><line x1=\"14\" y1=\"8\" x2=\"2\" y2=\"8\"\/><polyline points=\"6,4 2,8 6,12\"\/><\/svg>\r\n      <\/button>\r\n      <button class=\"sb-port-arrow\" id=\"sbPortNext\" aria-label=\"Next\">\r\n        <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.8\"><line x1=\"2\" y1=\"8\" x2=\"14\" y2=\"8\"\/><polyline points=\"10,4 14,8 10,12\"\/><\/svg>\r\n      <\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var TOTAL   = 5;\r\n  var current = 0;\r\n  var isDragging = false, dragStartX = 0, dragDelta = 0, trackOffset = 0;\r\n\r\n  var track    = document.getElementById('sbPortTrack');\r\n  var cards    = track ? Array.from(track.querySelectorAll('.sb-port-card')) : [];\r\n  var fill     = document.getElementById('sbPortFill');\r\n  var countEl  = document.getElementById('sbPortCount');\r\n  var prevBtn  = document.getElementById('sbPortPrev');\r\n  var nextBtn  = document.getElementById('sbPortNext');\r\n  var dotsWrap = document.getElementById('sbPortDots');\r\n  var carousel = document.getElementById('sbPortCarousel');\r\n\r\n  \/* dots *\/\r\n  var dots = [];\r\n  if(dotsWrap){\r\n    for(var i=0;i<TOTAL;i++){\r\n      var d=document.createElement('button');\r\n      d.className='sb-port-dot'+(i===0?' active':'');\r\n      d.setAttribute('aria-label','Project '+(i+1));\r\n      d.setAttribute('data-i',i);\r\n      dotsWrap.appendChild(d);\r\n      dots.push(d);\r\n    }\r\n    dotsWrap.addEventListener('click',function(e){\r\n      var b=e.target.closest('.sb-port-dot');\r\n      if(b) goTo(parseInt(b.getAttribute('data-i'),10));\r\n    });\r\n  }\r\n\r\n  function getFullCardWidth(){\r\n    if(!cards[0]) return 0;\r\n    var st = window.getComputedStyle(cards[0]);\r\n    return cards[0].offsetWidth + parseFloat(st.marginLeft) + parseFloat(st.marginRight);\r\n  }\r\n\r\n  function offsetFor(idx){ return -(idx * getFullCardWidth()); }\r\n\r\n  function applyTransform(x, animate){\r\n    if(!animate) track.classList.add('no-transition');\r\n    track.style.transform = 'translateX('+x+'px)';\r\n    if(!animate){ track.offsetHeight; track.classList.remove('no-transition'); }\r\n  }\r\n\r\n  function goTo(idx){\r\n    if(idx<0||idx>=TOTAL) return;\r\n    cards.forEach(function(c){ c.classList.remove('active'); });\r\n    current = idx;\r\n    cards[current].classList.add('active');\r\n\r\n    \/* image parallax *\/\r\n    cards.forEach(function(c,ci){\r\n      var img = c.querySelector('.sb-port-card-img');\r\n      if(img) img.style.transform = 'translateX('+(( ci - current)*7)+'%)';\r\n    });\r\n\r\n    applyTransform(offsetFor(current), true);\r\n\r\n    var pad = current<9 ? '0'+(current+1) : ''+(current+1);\r\n    if(countEl) countEl.innerHTML = '<span>'+pad+'<\/span> \/ 0'+TOTAL;\r\n    if(fill)    fill.style.width = ((current+1)\/TOTAL*100)+'%';\r\n    dots.forEach(function(d,di){ d.classList.toggle('active', di===current); });\r\n    if(prevBtn) prevBtn.disabled = current===0;\r\n    if(nextBtn) nextBtn.disabled = current===TOTAL-1;\r\n  }\r\n\r\n  if(prevBtn) prevBtn.addEventListener('click', function(){ goTo(current-1); });\r\n  if(nextBtn) nextBtn.addEventListener('click', function(){ goTo(current+1); });\r\n\r\n  document.addEventListener('keydown',function(e){\r\n    if(!carousel) return;\r\n    var r=carousel.getBoundingClientRect();\r\n    if(r.top>window.innerHeight||r.bottom<0) return;\r\n    if(e.key==='ArrowRight') goTo(current+1);\r\n    if(e.key==='ArrowLeft')  goTo(current-1);\r\n  });\r\n\r\n  function dragStart(x){ isDragging=true; dragStartX=x; dragDelta=0; trackOffset=offsetFor(current); track.classList.add('no-transition'); if(carousel) carousel.classList.add('grabbing'); }\r\n  function dragMove(x){ if(!isDragging) return; dragDelta=x-dragStartX; applyTransform(trackOffset+dragDelta,false); }\r\n  function dragEnd(){ if(!isDragging) return; isDragging=false; track.classList.remove('no-transition'); if(carousel) carousel.classList.remove('grabbing'); var thr=55; if(dragDelta<-thr&&current<TOTAL-1) goTo(current+1); else if(dragDelta>thr&&current>0) goTo(current-1); else goTo(current); }\r\n\r\n  if(carousel){\r\n    carousel.addEventListener('mousedown', function(e){ dragStart(e.clientX); });\r\n    window.addEventListener('mousemove',   function(e){ dragMove(e.clientX); });\r\n    window.addEventListener('mouseup',     dragEnd);\r\n    carousel.addEventListener('touchstart',function(e){ dragStart(e.touches[0].clientX); },{passive:true});\r\n    carousel.addEventListener('touchmove', function(e){ dragMove(e.touches[0].clientX);  },{passive:true});\r\n    carousel.addEventListener('touchend',  dragEnd);\r\n    carousel.addEventListener('click',function(e){ if(Math.abs(dragDelta)>8) e.preventDefault(); });\r\n  }\r\n\r\n  function onEnter(el,cb,thr){\r\n    if(!el) return;\r\n    if(!('IntersectionObserver' in window)){cb();return;}\r\n    var ob=new IntersectionObserver(function(en){ if(en[0].isIntersecting){cb();ob.disconnect();} },{threshold:thr||0.08});\r\n    ob.observe(el);\r\n  }\r\n\r\n  onEnter(document.getElementById('sbPortDiv'),   function(){ document.getElementById('sbPortDiv').classList.add('on'); }, 0.4);\r\n  onEnter(document.getElementById('sbPortHdr'),   function(){ document.getElementById('sbPortHdr').classList.add('on'); }, 0.2);\r\n  onEnter(carousel, function(){ carousel.classList.add('on'); goTo(0); }, 0.08);\r\n  onEnter(document.getElementById('sbPortControls'), function(){ document.getElementById('sbPortControls').classList.add('on'); }, 0.2);\r\n\r\n  var resizeTimer;\r\n  window.addEventListener('resize',function(){ clearTimeout(resizeTimer); resizeTimer=setTimeout(function(){ goTo(current); },120); });\r\n})();\r\n<\/script>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-69d60f6 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"69d60f6\" data-element_type=\"section\" data-e-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-a015b6d\" data-id=\"a015b6d\" data-element_type=\"column\" data-e-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-68c3890 elementor-widget elementor-widget-html\" data-id=\"68c3890\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n  TEAM SECTION \u2014 Music Marketing Agency\r\n  Paste into Elementor > HTML widget (or any page builder)\r\n  Font: Marcellus + Inter | Accent: #C4EF17\r\n  FIXES: \r\n  - Increased image wrapper height (140% \/ 150% mobile) to reduce content overlap on photos\r\n  - Softened overlay gradient so faces remain visible\r\n  - Reduced padding\/margins on info block & co-founder tag\r\n  - Social icons correctly inside cards, no nested <a> conflicts\r\n  - No html\/head\/body tags \u2013 pure section code\r\n============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Marcellus&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n.amt {\r\n  --ac: #C4EF17;\r\n  --ac-glow: rgba(196,239,23,0.22);\r\n  --bg: #0a0a0a;\r\n  --s1: #111;\r\n  --s2: #161616;\r\n  --bd: rgba(255,255,255,0.07);\r\n  --t1: #f0f0f0;\r\n  --t2: rgba(240,240,240,0.45);\r\n  --t3: rgba(240,240,240,0.2);\r\n  background: var(--bg);\r\n  padding: 96px 0 108px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  font-family: 'Inter', sans-serif;\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* bg *\/\r\n.amt-bg-grid {\r\n  position: absolute; inset: 0; pointer-events: none;\r\n  background-image:\r\n    linear-gradient(rgba(196,239,23,0.048) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(196,239,23,0.048) 1px, transparent 1px);\r\n  background-size: 72px 72px;\r\n  mask-image: radial-gradient(ellipse 85% 70% at 50% 50%, black 0%, transparent 100%);\r\n  -webkit-mask-image: radial-gradient(ellipse 85% 70% at 50% 50%, black 0%, transparent 100%);\r\n  animation: amtBgPulse 11s ease-in-out infinite;\r\n}\r\n@keyframes amtBgPulse { 0%,100%{opacity:.35} 50%{opacity:.8} }\r\n\r\n.amt-blob {\r\n  position: absolute; border-radius: 50%;\r\n  pointer-events: none; filter: blur(110px);\r\n}\r\n.amt-blob-a { width:520px;height:520px;top:-180px;right:-80px;background:radial-gradient(circle,rgba(196,239,23,.055) 0%,transparent 65%); }\r\n.amt-blob-b { width:360px;height:360px;bottom:-120px;left:-60px;background:radial-gradient(circle,rgba(196,239,23,.038) 0%,transparent 65%); }\r\n\r\n\/* header *\/\r\n.amt-hd {\r\n  position: relative; z-index: 2;\r\n  max-width: 1160px; margin: 0 auto 64px;\r\n  padding: 0 48px; box-sizing: border-box;\r\n  display: grid;\r\n  grid-template-columns: 1fr auto;\r\n  align-items: flex-end;\r\n  gap: 40px;\r\n}\r\n\r\n.amt-eyebrow {\r\n  display: inline-flex; align-items: center; gap: 10px;\r\n  margin-bottom: 18px;\r\n  opacity: 0; transform: translateY(16px);\r\n  transition: opacity .65s ease, transform .65s ease;\r\n}\r\n.amt-eyebrow.on { opacity:1; transform:translateY(0); }\r\n.amt-ey-dot {\r\n  width:7px; height:7px; border-radius:50%; background:var(--ac); flex-shrink:0;\r\n  animation: amtDot 2.8s ease-in-out infinite;\r\n}\r\n@keyframes amtDot {\r\n  0%,100%{box-shadow:0 0 0 0 rgba(196,239,23,.5)}\r\n  50%{box-shadow:0 0 0 5px rgba(196,239,23,0)}\r\n}\r\n.amt-ey-txt {\r\n  font-size:10px; font-weight:500; letter-spacing:.22em;\r\n  text-transform:uppercase; color:var(--ac);\r\n}\r\n.amt-ey-rule { width:32px; height:1px; background:rgba(196,239,23,.4); flex-shrink:0; }\r\n\r\n.amt-h1 {\r\n  font-family:'Marcellus',serif;\r\n  font-size: clamp(38px, 4.8vw, 68px);\r\n  font-weight:400; color:var(--t1);\r\n  line-height:1.0; letter-spacing:-.02em; margin:0;\r\n  opacity:0; transform:translateY(22px);\r\n  transition:opacity .72s ease .08s, transform .72s cubic-bezier(.16,1,.3,1) .08s;\r\n}\r\n.amt-h1.on { opacity:1; transform:translateY(0); }\r\n.amt-h1 em { color:var(--ac); font-style:normal; }\r\n\r\n.amt-hd-right {\r\n  text-align:right;\r\n  opacity:0; transform:translateY(14px);\r\n  transition:opacity .7s ease .14s, transform .7s ease .14s;\r\n}\r\n.amt-hd-right.on { opacity:1; transform:translateY(0); }\r\n.amt-hd-right p {\r\n  font-size:13px; color:var(--t2); line-height:1.8;\r\n  font-weight:300; margin:0; max-width:240px; margin-left:auto;\r\n}\r\n\r\n\/* grid *\/\r\n.amt-grid {\r\n  position:relative; z-index:2;\r\n  max-width:1160px; margin:0 auto;\r\n  padding:0 48px; box-sizing:border-box;\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  gap:18px;\r\n}\r\n\r\n\/* card *\/\r\n.amt-card {\r\n  position:relative;\r\n  border-radius:14px;\r\n  overflow:hidden;\r\n  background:var(--s1);\r\n  border:1px solid var(--bd);\r\n  display:flex; flex-direction:column;\r\n  text-decoration:none;\r\n  opacity:0; transform:translateY(28px) scale(.97);\r\n  transition: opacity .68s ease, transform .68s cubic-bezier(.16,1,.3,1), border-color .38s ease, box-shadow .38s ease;\r\n  cursor:pointer;\r\n  -webkit-tap-highlight-color:transparent;\r\n}\r\n.amt-card.on { opacity:1; transform:translateY(0) scale(1); }\r\n.amt-card:hover {\r\n  border-color:rgba(196,239,23,.28);\r\n  box-shadow:0 0 0 1px rgba(196,239,23,.08), 0 28px 64px rgba(0,0,0,.6);\r\n}\r\n\r\n\/* image wrapper - INCREASED HEIGHT to reduce content overlap *\/\r\n.amt-img-wrap {\r\n  position:relative;\r\n  width:100%; padding-top:140%;  \/* was 118% -> taller image area *\/\r\n  overflow:hidden;\r\n  background:var(--s2);\r\n  flex-shrink:0;\r\n}\r\n.amt-img {\r\n  position:absolute; inset:0; width:100%; height:100%;\r\n  object-fit:cover;\r\n  filter:brightness(.82) contrast(1.06) grayscale(.1);\r\n  transition:transform .72s cubic-bezier(.16,1,.3,1), filter .5s ease;\r\n}\r\n.amt-card:hover .amt-img {\r\n  transform:scale(1.06);\r\n  filter:brightness(.75) contrast(1.1) grayscale(0);\r\n}\r\n\r\n\/* overlay - SOFTER gradient so faces are less covered *\/\r\n.amt-overlay {\r\n  position:absolute; inset:0; z-index:1;\r\n  background:linear-gradient(to top,\r\n    rgba(0,0,0,0.7) 0%,\r\n    rgba(0,0,0,0.3) 35%,\r\n    rgba(0,0,0,0.02) 60%,\r\n    transparent 100%);\r\n  transition:background .4s ease;\r\n}\r\n.amt-card:hover .amt-overlay {\r\n  background:linear-gradient(to top,\r\n    rgba(0,0,0,0.8) 0%,\r\n    rgba(0,0,0,0.4) 40%,\r\n    rgba(0,0,0,0.05) 65%,\r\n    transparent 100%);\r\n}\r\n\r\n.amt-accent-line {\r\n  position:absolute; bottom:0; left:0; right:0;\r\n  height:2px; background:var(--ac);\r\n  transform:scaleX(0); transform-origin:left;\r\n  transition:transform .5s cubic-bezier(.16,1,.3,1);\r\n  z-index:3;\r\n}\r\n.amt-card:hover .amt-accent-line { transform:scaleX(1); }\r\n\r\n.amt-arrow {\r\n  position:absolute; top:14px; right:14px;\r\n  width:32px; height:32px; border-radius:50%;\r\n  border:1px solid rgba(196,239,23,.3);\r\n  display:flex; align-items:center; justify-content:center;\r\n  opacity:0; transform:scale(.7) rotate(-45deg);\r\n  transition:opacity .3s ease, transform .38s cubic-bezier(.34,1.56,.64,1);\r\n  z-index:3;\r\n}\r\n.amt-card:hover .amt-arrow { opacity:1; transform:scale(1) rotate(0deg); }\r\n.amt-arrow svg { width:12px; height:12px; }\r\n\r\n\/* info block - REDUCED padding to save vertical space *\/\r\n.amt-info {\r\n  position:absolute; bottom:0; left:0; right:0;\r\n  z-index:2; padding:12px 18px 14px;\r\n}\r\n.amt-role {\r\n  font-size:8.5px; font-weight:500;\r\n  letter-spacing:.2em; text-transform:uppercase;\r\n  color:var(--ac); margin-bottom:5px; opacity:.9;\r\n}\r\n.amt-name {\r\n  font-family:'Marcellus',serif;\r\n  font-size:clamp(15px,1.55vw,19px);\r\n  font-weight:400; color:#fff;\r\n  margin:0 0 8px;  \/* was 12px *\/\r\n  line-height:1.2;\r\n}\r\n\r\n\/* social icons *\/\r\n.amt-socials {\r\n  display:flex; gap:7px; align-items:center;\r\n}\r\n.amt-soc {\r\n  width:32px; height:32px; border-radius:50%;\r\n  background:rgba(255,255,255,.07);\r\n  border:1px solid rgba(255,255,255,.12);\r\n  display:flex; align-items:center; justify-content:center;\r\n  text-decoration:none;\r\n  position:relative; overflow:hidden;\r\n  transition: border-color .25s ease, transform .3s cubic-bezier(.34,1.56,.64,1);\r\n}\r\n.amt-soc::before {\r\n  content:''; position:absolute; inset:0; border-radius:50%;\r\n  background:var(--ac); transform:scale(0);\r\n  transition:transform .28s cubic-bezier(.34,1.56,.64,1);\r\n}\r\n.amt-soc:hover::before { transform:scale(1); }\r\n.amt-soc:hover { border-color:var(--ac); transform:translateY(-3px) scale(1.12); }\r\n.amt-soc svg {\r\n  width:12px; height:12px;\r\n  position:relative; z-index:1;\r\n  transition:fill .2s ease;\r\n}\r\n.amt-soc:hover svg { fill:#000 !important; }\r\n\r\n\/* co-founder tag *\/\r\n.amt-tag {\r\n  display:inline-flex; align-items:center; gap:5px;\r\n  font-size:7px; font-weight:600;\r\n  letter-spacing:.16em; text-transform:uppercase;\r\n  color:#000; background:var(--ac);\r\n  padding:2px 8px; border-radius:2px;\r\n  margin-bottom:6px;\r\n}\r\n.amt-tag svg { width:7px; height:7px; }\r\n\r\n\/* footer *\/\r\n.amt-ft {\r\n  position:relative; z-index:2;\r\n  max-width:1160px; margin:52px auto 0;\r\n  padding:32px 48px 0; box-sizing:border-box;\r\n  border-top:1px solid rgba(255,255,255,.06);\r\n  display:flex; align-items:center;\r\n  justify-content:space-between; gap:32px;\r\n  opacity:0; transform:translateY(14px);\r\n  transition:opacity .8s ease, transform .8s ease;\r\n}\r\n.amt-ft.on { opacity:1; transform:translateY(0); }\r\n.amt-ft-txt {\r\n  font-size:13px; color:var(--t2);\r\n  line-height:1.8; font-weight:300;\r\n  max-width:420px;\r\n}\r\n.amt-ft-txt strong { color:rgba(240,240,240,.78); font-weight:500; }\r\n.amt-ft-btn {\r\n  display:inline-flex; align-items:center; gap:10px;\r\n  font-size:11px; font-weight:600;\r\n  letter-spacing:.14em; text-transform:uppercase;\r\n  text-decoration:none; color:#000;\r\n  background:var(--ac); padding:13px 26px;\r\n  border-radius:3px; white-space:nowrap;\r\n  position:relative; overflow:hidden; flex-shrink:0;\r\n  transition:transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease;\r\n}\r\n.amt-ft-btn::before {\r\n  content:''; position:absolute; inset:0;\r\n  background:#fff; transform:translateX(-101%);\r\n  transition:transform .35s cubic-bezier(.16,1,.3,1);\r\n}\r\n.amt-ft-btn:hover::before { transform:translateX(0); }\r\n.amt-ft-btn:hover { transform:translateY(-2px); box-shadow:0 8px 30px var(--ac-glow); }\r\n.amt-ft-btn span,.amt-ft-btn svg { position:relative; z-index:1; }\r\n.amt-ft-btn svg { width:12px; height:12px; }\r\n\r\n\/* responsive *\/\r\n@media (max-width:1024px) {\r\n  .amt-hd, .amt-grid, .amt-ft { padding-left:32px; padding-right:32px; }\r\n  .amt-grid { grid-template-columns:repeat(4,1fr); gap:14px; }\r\n  .amt-name { font-size:15px; }\r\n}\r\n@media (max-width:860px) {\r\n  .amt-hd { grid-template-columns:1fr; gap:16px; }\r\n  .amt-hd-right { text-align:left; }\r\n  .amt-hd-right p { margin-left:0; }\r\n  .amt-grid { grid-template-columns:repeat(2,1fr); gap:14px; }\r\n}\r\n@media (max-width:600px) {\r\n  .amt { padding:64px 0 72px; }\r\n  .amt-hd { padding:0 20px; margin-bottom:40px; }\r\n  .amt-grid { padding:0 20px; gap:12px; }\r\n  .amt-ft { padding:24px 20px 0; flex-direction:column; align-items:flex-start; gap:20px; }\r\n  .amt-ft-btn { width:100%; justify-content:center; }\r\n  .amt-img-wrap { padding-top:150% !important; } \/* even taller on mobile *\/\r\n  .amt-info { padding:10px 14px 12px; }\r\n  .amt-name { font-size:14px; margin-bottom:6px; }\r\n  .amt-role { font-size:8px; }\r\n  .amt-soc { width:28px; height:28px; }\r\n  .amt-soc svg { width:10px; height:10px; }\r\n  .amt-socials { gap:5px; }\r\n  .amt-blob-a { width:260px; height:260px; }\r\n  .amt-blob-b { display:none; }\r\n  .amt-tag { font-size:6px; padding:2px 6px; margin-bottom:4px; }\r\n}\r\n@media (max-width:420px) {\r\n  .amt-hd { padding:0 16px; }\r\n  .amt-grid { padding:0 16px; gap:10px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"amt\" id=\"amtRoot\">\r\n  <div class=\"amt-bg-grid\"><\/div>\r\n  <div class=\"amt-blob amt-blob-a\"><\/div>\r\n  <div class=\"amt-blob amt-blob-b\"><\/div>\r\n\r\n  <!-- header -->\r\n  <div class=\"amt-hd\">\r\n    <div>\r\n      <div class=\"amt-eyebrow\" id=\"amtEy\">\r\n        <div class=\"amt-ey-dot\"><\/div>\r\n        <span class=\"amt-ey-txt\">The People<\/span>\r\n        <div class=\"amt-ey-rule\"><\/div>\r\n      <\/div>\r\n      <h2 class=\"amt-h1\" id=\"amtH1\">Meet the <em>Minds<\/em><br>Behind the Music<\/h2>\r\n    <\/div>\r\n    <div class=\"amt-hd-right\" id=\"amtHdR\">\r\n      <p>A tight crew of strategists, creatives &amp; operators. No fluff \u2014 just people who are obsessed with the work.<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- 4 cards grid -->\r\n  <div class=\"amt-grid\">\r\n\r\n    <!-- 01 Manash -->\r\n    <div class=\"amt-card\" data-href=\"#manash\" id=\"amtC0\">\r\n      <div class=\"amt-img-wrap\">\r\n        <img decoding=\"async\" class=\"amt-img\" src=\"https:\/\/placehold.co\/600x700\/1a1a1a\/d0d0d0?text=Manash+Kashyap&font=montserrat\" alt=\"Manash Kashyap\">\r\n      <\/div>\r\n      <div class=\"amt-overlay\"><\/div>\r\n      <div class=\"amt-accent-line\"><\/div>\r\n      <span class=\"amt-num\">01<\/span>\r\n      <div class=\"amt-arrow\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"#C4EF17\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <line x1=\"3\" y1=\"13\" x2=\"13\" y2=\"3\"\/><polyline points=\"6,3 13,3 13,10\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"amt-info\">\r\n        <div class=\"amt-tag\">\r\n          <svg viewBox=\"0 0 8 8\" fill=\"#000\"><circle cx=\"4\" cy=\"4\" r=\"3\"\/><\/svg>\r\n          Co-founder\r\n        <\/div>\r\n        <div class=\"amt-role\">Digital Marketer<\/div>\r\n        <h3 class=\"amt-name\">Manash Kashyap<\/h3>\r\n        <div class=\"amt-socials\">\r\n          <a class=\"amt-soc\" href=\"#\" title=\"Instagram\" onclick=\"event.stopPropagation();return false;\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,.8)\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg>\r\n          <\/a>\r\n          <a class=\"amt-soc\" href=\"#\" title=\"LinkedIn\" onclick=\"event.stopPropagation();return false;\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,.8)\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg>\r\n          <\/a>\r\n          <a class=\"amt-soc\" href=\"#\" title=\"Email\" onclick=\"event.stopPropagation();return false;\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,.8)\"><path d=\"M24 5.457v13.909c0 .904-.732 1.636-1.636 1.636h-3.819V11.73L12 16.64l-6.545-4.91v9.273H1.636A1.636 1.636 0 010 19.366V5.457c0-2.023 2.309-3.178 3.927-1.964L5.455 4.64 12 9.548l6.545-4.91 1.528-1.145C21.69 2.28 24 3.434 24 5.457z\"\/><\/svg>\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 02 Omkar -->\r\n    <div class=\"amt-card\" data-href=\"#omkar\" id=\"amtC1\">\r\n      <div class=\"amt-img-wrap\">\r\n        <img decoding=\"async\" class=\"amt-img\" src=\"https:\/\/placehold.co\/600x700\/1a1a1a\/d0d0d0?text=Omkar+Marchande&font=montserrat\" alt=\"Omkar Marchande\">\r\n      <\/div>\r\n      <div class=\"amt-overlay\"><\/div>\r\n      <div class=\"amt-accent-line\"><\/div>\r\n      <span class=\"amt-num\">02<\/span>\r\n      <div class=\"amt-arrow\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"#C4EF17\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <line x1=\"3\" y1=\"13\" x2=\"13\" y2=\"3\"\/><polyline points=\"6,3 13,3 13,10\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"amt-info\">\r\n        <div class=\"amt-tag\">\r\n          <svg viewBox=\"0 0 8 8\" fill=\"#000\"><circle cx=\"4\" cy=\"4\" r=\"3\"\/><\/svg>\r\n          Co-founder\r\n        <\/div>\r\n        <div class=\"amt-role\">Brand Strategist<\/div>\r\n        <h3 class=\"amt-name\">Omkar Marchande<\/h3>\r\n        <div class=\"amt-socials\">\r\n          <a class=\"amt-soc\" href=\"#\" title=\"Instagram\" onclick=\"event.stopPropagation();return false;\"><svg viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,.8)\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg><\/a>\r\n          <a class=\"amt-soc\" href=\"#\" title=\"LinkedIn\" onclick=\"event.stopPropagation();return false;\"><svg viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,.8)\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg><\/a>\r\n          <a class=\"amt-soc\" href=\"#\" title=\"Email\" onclick=\"event.stopPropagation();return false;\"><svg viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,.8)\"><path d=\"M24 5.457v13.909c0 .904-.732 1.636-1.636 1.636h-3.819V11.73L12 16.64l-6.545-4.91v9.273H1.636A1.636 1.636 0 010 19.366V5.457c0-2.023 2.309-3.178 3.927-1.964L5.455 4.64 12 9.548l6.545-4.91 1.528-1.145C21.69 2.28 24 3.434 24 5.457z\"\/><\/svg><\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 03 Parinita -->\r\n    <div class=\"amt-card\" data-href=\"#parinita\" id=\"amtC2\">\r\n      <div class=\"amt-img-wrap\">\r\n        <img decoding=\"async\" class=\"amt-img\" src=\"https:\/\/placehold.co\/600x700\/1a1a1a\/d0d0d0?text=Parinita+Sarma&font=montserrat\" alt=\"Parinita Sarma\">\r\n      <\/div>\r\n      <div class=\"amt-overlay\"><\/div>\r\n      <div class=\"amt-accent-line\"><\/div>\r\n      <span class=\"amt-num\">03<\/span>\r\n      <div class=\"amt-arrow\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"#C4EF17\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <line x1=\"3\" y1=\"13\" x2=\"13\" y2=\"3\"\/><polyline points=\"6,3 13,3 13,10\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"amt-info\">\r\n        <div class=\"amt-role\">Outreach &amp; Operations<\/div>\r\n        <h3 class=\"amt-name\">Parinita Sarma<\/h3>\r\n        <div class=\"amt-socials\">\r\n          <a class=\"amt-soc\" href=\"#\" title=\"Instagram\" onclick=\"event.stopPropagation();return false;\"><svg viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,.8)\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg><\/a>\r\n          <a class=\"amt-soc\" href=\"#\" title=\"LinkedIn\" onclick=\"event.stopPropagation();return false;\"><svg viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,.8)\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg><\/a>\r\n          <a class=\"amt-soc\" href=\"#\" title=\"Email\" onclick=\"event.stopPropagation();return false;\"><svg viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,.8)\"><path d=\"M24 5.457v13.909c0 .904-.732 1.636-1.636 1.636h-3.819V11.73L12 16.64l-6.545-4.91v9.273H1.636A1.636 1.636 0 010 19.366V5.457c0-2.023 2.309-3.178 3.927-1.964L5.455 4.64 12 9.548l6.545-4.91 1.528-1.145C21.69 2.28 24 3.434 24 5.457z\"\/><\/svg><\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- 04 Madhurjya -->\r\n    <div class=\"amt-card\" data-href=\"#madhurjya\" id=\"amtC3\">\r\n      <div class=\"amt-img-wrap\">\r\n        <img decoding=\"async\" class=\"amt-img\" src=\"https:\/\/placehold.co\/600x700\/1a1a1a\/d0d0d0?text=Madhurjya+Hazarika&font=montserrat\" alt=\"Madhurjya Hazarika\">\r\n      <\/div>\r\n      <div class=\"amt-overlay\"><\/div>\r\n      <div class=\"amt-accent-line\"><\/div>\r\n      <span class=\"amt-num\">04<\/span>\r\n      <div class=\"amt-arrow\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"#C4EF17\" stroke-width=\"1.7\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <line x1=\"3\" y1=\"13\" x2=\"13\" y2=\"3\"\/><polyline points=\"6,3 13,3 13,10\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"amt-info\">\r\n        <div class=\"amt-role\">Video &amp; Motion Graphics<\/div>\r\n        <h3 class=\"amt-name\">Madhurjya Hazarika<\/h3>\r\n        <div class=\"amt-socials\">\r\n          <a class=\"amt-soc\" href=\"#\" title=\"Instagram\" onclick=\"event.stopPropagation();return false;\"><svg viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,.8)\"><path d=\"M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z\"\/><\/svg><\/a>\r\n          <a class=\"amt-soc\" href=\"#\" title=\"LinkedIn\" onclick=\"event.stopPropagation();return false;\"><svg viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,.8)\"><path d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z\"\/><\/svg><\/a>\r\n          <a class=\"amt-soc\" href=\"#\" title=\"Email\" onclick=\"event.stopPropagation();return false;\"><svg viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,.8)\"><path d=\"M24 5.457v13.909c0 .904-.732 1.636-1.636 1.636h-3.819V11.73L12 16.64l-6.545-4.91v9.273H1.636A1.636 1.636 0 010 19.366V5.457c0-2.023 2.309-3.178 3.927-1.964L5.455 4.64 12 9.548l6.545-4.91 1.528-1.145C21.69 2.28 24 3.434 24 5.457z\"\/><\/svg><\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- footer -->\r\n  <div class=\"amt-ft\" id=\"amtFt\">\r\n    <p class=\"amt-ft-txt\">A tight crew that runs as one unit. Every campaign is a <strong>full-team effort<\/strong> \u2014 strategy, story, visuals, and execution always in sync.<\/p>\r\n    <a href=\"#contact\" class=\"amt-ft-btn\">\r\n      <span>Work With Us<\/span>\r\n      <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n        <line x1=\"3\" y1=\"8\" x2=\"13\" y2=\"8\"\/><polyline points=\"9,4 13,8 9,12\"\/>\r\n      <\/svg>\r\n    <\/a>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  var fired=false;\r\n  function on(el,d){ if(!el)return; setTimeout(function(){ el.classList.add('on'); },d||0); }\r\n\r\n  function run(){\r\n    if(fired)return; fired=true;\r\n    on(document.getElementById('amtEy'),50);\r\n    on(document.getElementById('amtH1'),140);\r\n    on(document.getElementById('amtHdR'),200);\r\n    [0,1,2,3].forEach(function(i){\r\n      on(document.getElementById('amtC'+i), 360+i*90);\r\n    });\r\n    on(document.getElementById('amtFt'),740);\r\n  }\r\n\r\n  var sec=document.getElementById('amtRoot');\r\n  if('IntersectionObserver' in window&&sec){\r\n    var ob=new IntersectionObserver(function(e){\r\n      if(e[0].isIntersecting){run();ob.disconnect();}\r\n    },{threshold:0.07});\r\n    ob.observe(sec);\r\n  } else { setTimeout(run,200); }\r\n\r\n  \/\/ Card click handler (ignores social icon clicks)\r\n  document.querySelectorAll('.amt-card').forEach(function(card){\r\n    card.addEventListener('click', function(e){\r\n      if(e.target.closest('.amt-soc')) return;\r\n      var href = card.getAttribute('data-href');\r\n      if(href && href !== '#') window.location.href = href;\r\n    });\r\n  });\r\n\r\n  \/\/ 3D magnetic tilt (desktop only)\r\n  if(window.innerWidth>860){\r\n    document.querySelectorAll('.amt-card').forEach(function(card){\r\n      card.addEventListener('mousemove',function(e){\r\n        var r=card.getBoundingClientRect();\r\n        var dx=(e.clientX-r.left-r.width\/2)\/(r.width\/2);\r\n        var dy=(e.clientY-r.top-r.height\/2)\/(r.height\/2);\r\n        card.style.transform='perspective(800px) rotateY('+(dx*5)+'deg) rotateX('+(-dy*4)+'deg) scale(1.025) translateY(-4px)';\r\n      });\r\n      card.addEventListener('mouseleave',function(){\r\n        card.style.transition='transform .55s cubic-bezier(.16,1,.3,1), opacity .68s ease, border-color .38s ease, box-shadow .38s ease';\r\n        card.style.transform='perspective(800px) rotateY(0deg) rotateX(0deg) scale(1) translateY(0)';\r\n        setTimeout(function(){ card.style.transition=''; },560);\r\n      });\r\n      card.addEventListener('mouseenter',function(){\r\n        card.style.transition='transform .12s ease, opacity .68s ease, border-color .38s ease, box-shadow .38s ease';\r\n      });\r\n    });\r\n  }\r\n})();\r\n<\/script>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ce26233 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"ce26233\" data-element_type=\"section\" data-e-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-5e23da7\" data-id=\"5e23da7\" data-element_type=\"column\" data-e-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-a2588c8 elementor-widget elementor-widget-html\" data-id=\"a2588c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n  TESTIMONIALS \u2014 Scene Bana Music Marketing Agency\r\n  Elementor > HTML widget\r\n  One quote at a time. Artist photo left. Giant quotation mark\r\n  in #C4EF17. Quote in Marcellus. Name + genre below.\r\n  Prev \/ next arrows cycle through. Minimal, editorial.\r\n  Font: Marcellus + Inter | Accent: #C4EF17\r\n  ============================================================ -->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Marcellus&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n  .sb-tst {\r\n    --accent:     #C4EF17;\r\n    --bg:         #0a0a0a;\r\n    --border:     rgba(255,255,255,0.07);\r\n    --text-hi:    #f0f0f0;\r\n    --text-mid:   rgba(240,240,240,0.45);\r\n    --text-lo:    rgba(240,240,240,0.18);\r\n    background: var(--bg);\r\n    padding: 0 0 130px;\r\n    font-family: 'Inter', sans-serif;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* \u2500\u2500 DIVIDER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .sb-tst-divider {\r\n    display: flex; align-items: center;\r\n    margin-bottom: 100px;\r\n    opacity: 0; transition: opacity 1s ease;\r\n  }\r\n  .sb-tst-divider.on { opacity: 1; }\r\n  .sb-tst-divider-line { flex: 1; height: 1px; background: var(--border); }\r\n  .sb-tst-divider-label {\r\n    padding: 22px 36px; font-size: 9px;\r\n    letter-spacing: 0.28em; text-transform: uppercase;\r\n    color: var(--text-lo);\r\n    border-left: 1px solid var(--border);\r\n    border-right: 1px solid var(--border);\r\n    white-space: nowrap;\r\n  }\r\n\r\n  \/* \u2500\u2500 INNER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .sb-tst-inner {\r\n    width: 100%; max-width: 1100px;\r\n    margin: 0 auto; padding: 0 48px;\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* \u2500\u2500 HEADER \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .sb-tst-header {\r\n    display: flex; align-items: flex-end;\r\n    justify-content: space-between; gap: 40px;\r\n    margin-bottom: 80px;\r\n    opacity: 0; transform: translateY(20px);\r\n    transition: opacity 0.75s ease, transform 0.75s cubic-bezier(0.16,1,0.3,1);\r\n  }\r\n  .sb-tst-header.on { opacity: 1; transform: none; }\r\n\r\n  .sb-tst-eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 20px; }\r\n  .sb-tst-dot {\r\n    width: 7px; height: 7px; border-radius: 50%; background: var(--accent);\r\n    animation: sbTstPulse 2.6s ease-in-out infinite;\r\n  }\r\n  @keyframes sbTstPulse {\r\n    0%,100% { box-shadow: 0 0 0 0 rgba(196,239,23,0.5); }\r\n    50%      { box-shadow: 0 0 0 5px rgba(196,239,23,0); }\r\n  }\r\n  .sb-tst-eyebrow-text {\r\n    font-size: 10px; font-weight: 500; letter-spacing: 0.22em;\r\n    text-transform: uppercase; color: var(--accent);\r\n  }\r\n  .sb-tst-eyebrow-rule { width: 36px; height: 1px; background: rgba(196,239,23,0.45); }\r\n\r\n  .sb-tst-title {\r\n    font-family: 'Marcellus', serif;\r\n    font-size: clamp(36px, 4.8vw, 62px);\r\n    font-weight: 400; color: var(--text-hi);\r\n    line-height: 1.05; letter-spacing: -0.02em; margin: 0;\r\n  }\r\n  .sb-tst-title em { font-style: normal; color: var(--accent); }\r\n\r\n  \/* \u2500\u2500 STAGE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  \/* The whole thing: photo left, quote right *\/\r\n  .sb-tst-stage {\r\n    display: grid;\r\n    grid-template-columns: 340px 1fr;\r\n    gap: 72px;\r\n    align-items: center;\r\n    min-height: 460px;\r\n    opacity: 0; transform: translateY(24px);\r\n    transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.16,1,0.3,1);\r\n  }\r\n  .sb-tst-stage.on { opacity: 1; transform: none; }\r\n\r\n  \/* \u2500\u2500 PHOTO COLUMN \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .sb-tst-photo-wrap {\r\n    position: relative;\r\n    border-radius: 16px;\r\n    overflow: hidden;\r\n    aspect-ratio: 3 \/ 4;\r\n  }\r\n\r\n  \/* photo crossfade container *\/\r\n  .sb-tst-photos {\r\n    position: absolute; inset: 0;\r\n  }\r\n  .sb-tst-photo {\r\n    position: absolute; inset: 0;\r\n    width: 100%; height: 100%;\r\n    object-fit: cover; object-position: top center;\r\n    display: block;\r\n    opacity: 0;\r\n    filter: grayscale(15%) brightness(0.7);\r\n    transition: opacity 0.7s ease;\r\n  }\r\n  .sb-tst-photo.active { opacity: 1; }\r\n\r\n  \/* thin accent border that animates on change *\/\r\n  .sb-tst-photo-wrap::after {\r\n    content: '';\r\n    position: absolute; inset: 0;\r\n    border-radius: 16px;\r\n    border: 1px solid var(--border);\r\n    pointer-events: none;\r\n    transition: border-color 0.4s ease;\r\n  }\r\n  .sb-tst-photo-wrap.flash::after { border-color: rgba(196,239,23,0.35); }\r\n\r\n  \/* index pill bottom-left *\/\r\n  .sb-tst-photo-index {\r\n    position: absolute; bottom: 18px; left: 18px;\r\n    font-size: 9px; font-weight: 500; letter-spacing: 0.2em;\r\n    text-transform: uppercase; color: var(--text-lo);\r\n    padding: 5px 12px;\r\n    border: 1px solid var(--border);\r\n    border-radius: 3px;\r\n    backdrop-filter: blur(8px);\r\n    background: rgba(10,10,10,0.55);\r\n    transition: color 0.4s;\r\n  }\r\n\r\n  \/* \u2500\u2500 QUOTE COLUMN \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .sb-tst-quote-col {\r\n    display: flex; flex-direction: column;\r\n    justify-content: center;\r\n    position: relative;\r\n  }\r\n\r\n  \/* giant quotation mark *\/\r\n  .sb-tst-mark {\r\n    font-family: 'Marcellus', serif;\r\n    font-size: 120px;\r\n    line-height: 0.7;\r\n    color: var(--accent);\r\n    margin-bottom: 20px;\r\n    display: block;\r\n    user-select: none;\r\n    opacity: 0.9;\r\n  }\r\n\r\n  \/* quote text *\/\r\n  .sb-tst-quote {\r\n    font-family: 'Marcellus', serif;\r\n    font-size: clamp(20px, 2.4vw, 28px);\r\n    font-weight: 400;\r\n    color: var(--text-hi);\r\n    line-height: 1.55;\r\n    letter-spacing: -0.01em;\r\n    margin: 0 0 36px;\r\n    \/* crossfade *\/\r\n    opacity: 1;\r\n    transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.16,1,0.3,1);\r\n  }\r\n  .sb-tst-quote.fade {\r\n    opacity: 0; transform: translateY(10px);\r\n  }\r\n\r\n  \/* rule *\/\r\n  .sb-tst-rule {\r\n    width: 40px; height: 1px;\r\n    background: rgba(196,239,23,0.4);\r\n    margin-bottom: 20px;\r\n    transition: opacity 0.35s ease;\r\n  }\r\n  .sb-tst-rule.fade { opacity: 0; }\r\n\r\n  \/* name + genre *\/\r\n  .sb-tst-attr {\r\n    transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.16,1,0.3,1);\r\n  }\r\n  .sb-tst-attr.fade { opacity: 0; transform: translateY(6px); }\r\n\r\n  .sb-tst-name {\r\n    font-family: 'Marcellus', serif;\r\n    font-size: 18px; color: var(--text-hi);\r\n    margin: 0 0 4px; letter-spacing: -0.01em;\r\n  }\r\n  .sb-tst-genre {\r\n    font-size: 11px; letter-spacing: 0.16em;\r\n    text-transform: uppercase; color: var(--text-lo);\r\n    font-weight: 400; margin: 0;\r\n  }\r\n\r\n  \/* \u2500\u2500 CONTROLS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .sb-tst-controls {\r\n    display: flex; align-items: center;\r\n    gap: 32px; margin-top: 52px;\r\n    opacity: 0; transform: translateY(16px);\r\n    transition: opacity 0.7s ease 0.3s, transform 0.7s cubic-bezier(0.16,1,0.3,1) 0.3s;\r\n  }\r\n  .sb-tst-controls.on { opacity: 1; transform: none; }\r\n\r\n  \/* progress dots *\/\r\n  .sb-tst-dots {\r\n    display: flex; gap: 8px; align-items: center;\r\n  }\r\n  .sb-tst-dot-item {\r\n    width: 24px; height: 2px; border-radius: 2px;\r\n    background: var(--border);\r\n    cursor: pointer;\r\n    transition: background 0.35s ease, width 0.35s cubic-bezier(0.16,1,0.3,1);\r\n  }\r\n  .sb-tst-dot-item.active {\r\n    width: 44px; background: var(--accent);\r\n  }\r\n\r\n  \/* spacer *\/\r\n  .sb-tst-controls-spacer { flex: 1; }\r\n\r\n  \/* nav arrows *\/\r\n  .sb-tst-nav { display: flex; gap: 10px; }\r\n  .sb-tst-btn {\r\n    width: 48px; height: 48px; border-radius: 50%;\r\n    border: 1px solid var(--border);\r\n    background: transparent;\r\n    cursor: pointer;\r\n    display: flex; align-items: center; justify-content: center;\r\n    transition: border-color 0.3s ease, background 0.3s ease;\r\n  }\r\n  .sb-tst-btn:hover {\r\n    border-color: rgba(196,239,23,0.45);\r\n    background: rgba(196,239,23,0.06);\r\n  }\r\n  .sb-tst-btn:disabled { opacity: 0.2; pointer-events: none; }\r\n  .sb-tst-btn svg { width: 16px; height: 16px; stroke: var(--text-hi); }\r\n\r\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  @media (max-width: 860px) {\r\n    .sb-tst-inner { padding: 0 24px; }\r\n    .sb-tst-stage {\r\n      grid-template-columns: 1fr;\r\n      gap: 40px;\r\n      min-height: auto;\r\n    }\r\n    .sb-tst-photo-wrap {\r\n      aspect-ratio: 4\/3;\r\n      max-width: 100%;\r\n    }\r\n    .sb-tst-mark { font-size: 80px; }\r\n    .sb-tst-quote { font-size: clamp(18px, 4.5vw, 22px); }\r\n  }\r\n\r\n  @media (max-width: 520px) {\r\n    .sb-tst-inner { padding: 0 20px; }\r\n    .sb-tst-header { flex-direction: column; align-items: flex-start; gap: 12px; }\r\n    .sb-tst-mark { font-size: 64px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"sb-tst\">\r\n\r\n  <!-- divider -->\r\n  <div class=\"sb-tst-divider\" id=\"sbTstDiv\">\r\n    <div class=\"sb-tst-divider-line\"><\/div>\r\n    <div class=\"sb-tst-divider-label\">Testimonials<\/div>\r\n    <div class=\"sb-tst-divider-line\"><\/div>\r\n  <\/div>\r\n\r\n  <div class=\"sb-tst-inner\">\r\n\r\n    <!-- header -->\r\n    <div class=\"sb-tst-header\" id=\"sbTstHdr\">\r\n      <div>\r\n        <div class=\"sb-tst-eyebrow\">\r\n          <div class=\"sb-tst-dot\"><\/div>\r\n          <span class=\"sb-tst-eyebrow-text\">What Artists Say<\/span>\r\n          <div class=\"sb-tst-eyebrow-rule\"><\/div>\r\n        <\/div>\r\n        <h2 class=\"sb-tst-title\">Don't take<br>our <em>word for it.<\/em><\/h2>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- stage -->\r\n    <div class=\"sb-tst-stage\" id=\"sbTstStage\">\r\n\r\n      <!-- photo -->\r\n      <div class=\"sb-tst-photo-wrap\" id=\"sbTstPhotoWrap\">\r\n        <div class=\"sb-tst-photos\" id=\"sbTstPhotos\"><\/div>\r\n        <div class=\"sb-tst-photo-index\" id=\"sbTstIdx\">01 \/ 05<\/div>\r\n      <\/div>\r\n\r\n      <!-- quote -->\r\n      <div class=\"sb-tst-quote-col\">\r\n        <span class=\"sb-tst-mark\">\"<\/span>\r\n        <p class=\"sb-tst-quote\" id=\"sbTstQuote\"><\/p>\r\n        <div class=\"sb-tst-rule\" id=\"sbTstRule\"><\/div>\r\n        <div class=\"sb-tst-attr\" id=\"sbTstAttr\">\r\n          <div class=\"sb-tst-name\" id=\"sbTstName\"><\/div>\r\n          <div class=\"sb-tst-genre\" id=\"sbTstGenre\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- controls -->\r\n    <div class=\"sb-tst-controls\" id=\"sbTstCtrl\">\r\n      <div class=\"sb-tst-dots\" id=\"sbTstDots\"><\/div>\r\n      <div class=\"sb-tst-controls-spacer\"><\/div>\r\n      <div class=\"sb-tst-nav\">\r\n        <button class=\"sb-tst-btn\" id=\"sbTstPrev\" aria-label=\"Previous\" disabled>\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <polyline points=\"15 18 9 12 15 6\"\/>\r\n          <\/svg>\r\n        <\/button>\r\n        <button class=\"sb-tst-btn\" id=\"sbTstNext\" aria-label=\"Next\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <polyline points=\"9 18 15 12 9 6\"\/>\r\n          <\/svg>\r\n        <\/button>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n\r\n  \/* \u2500\u2500 DATA \u2500\u2500 replace photos with actual artist images *\/\r\n  var testimonials = [\r\n    {\r\n      quote: \"Scene Bana didn't just run our campaign \u2014 they understood what the music was actually saying. The rollout felt intentional in a way we'd never experienced before. Streams didn't just climb, the right people started listening.\",\r\n      name:  \"Arjun Mehta\",\r\n      genre: \"Indie \/ Alternative \u00b7 Mumbai\",\r\n      photo: \"https:\/\/images.unsplash.com\/photo-1493225457124-a3eb161ffa5f?w=700&q=80\"\r\n    },\r\n    {\r\n      quote: \"We'd worked with bigger agencies before. Nobody came close to this. They actually know the music landscape \u2014 not just the algorithm. Every single deliverable was on time, on brief, and on brand.\",\r\n      name:  \"Kezia Fernandes\",\r\n      genre: \"R&B \/ Soul \u00b7 Goa\",\r\n      photo: \"https:\/\/images.unsplash.com\/photo-1508214751196-bcfd4ca60f91?w=700&q=80\"\r\n    },\r\n    {\r\n      quote: \"Our release had been sitting untouched for three months. One strategy call with Manash and everything clicked. Within six weeks we had editorial playlist placements we didn't think were possible for an independent artist.\",\r\n      name:  \"Rohan Das\",\r\n      genre: \"Electronic \/ Ambient \u00b7 Bangalore\",\r\n      photo: \"https:\/\/images.unsplash.com\/photo-1534030347209-467a5b0ad3e6?w=700&q=80\"\r\n    },\r\n    {\r\n      quote: \"What they built for our brand identity was something we couldn't have put into words ourselves \u2014 but the moment we saw it, it was exactly us. That's rare. Most agencies give you a template. Scene Bana gave us a voice.\",\r\n      name:  \"Priya Nair\",\r\n      genre: \"Pop \/ Singer-Songwriter \u00b7 Chennai\",\r\n      photo: \"https:\/\/images.unsplash.com\/photo-1520813792240-56fc4a3765a7?w=700&q=80\"\r\n    },\r\n    {\r\n      quote: \"The press coverage alone was worth everything. But it was the way they kept us in the loop the whole time \u2014 no chasing, no confusion. Just results, every week, like clockwork.\",\r\n      name:  \"Vikram Sood\",\r\n      genre: \"Hip-Hop \/ Rap \u00b7 Delhi\",\r\n      photo: \"https:\/\/images.unsplash.com\/photo-1547425260-76bcadfb4f2c?w=700&q=80\"\r\n    }\r\n  ];\r\n\r\n  var current = 0;\r\n  var total   = testimonials.length;\r\n  var isAnim  = false;\r\n\r\n  \/* \u2500\u2500 BUILD PHOTO ELEMENTS \u2500\u2500 *\/\r\n  var photosEl = document.getElementById('sbTstPhotos');\r\n  testimonials.forEach(function (t, i) {\r\n    var img = document.createElement('img');\r\n    img.className  = 'sb-tst-photo' + (i === 0 ? ' active' : '');\r\n    img.src        = t.photo;\r\n    img.alt        = t.name;\r\n    img.loading    = 'lazy';\r\n    photosEl.appendChild(img);\r\n  });\r\n\r\n  \/* \u2500\u2500 BUILD DOTS \u2500\u2500 *\/\r\n  var dotsEl = document.getElementById('sbTstDots');\r\n  testimonials.forEach(function (_, i) {\r\n    var d = document.createElement('div');\r\n    d.className = 'sb-tst-dot-item' + (i === 0 ? ' active' : '');\r\n    d.addEventListener('click', function () { goTo(i); });\r\n    dotsEl.appendChild(d);\r\n  });\r\n\r\n  \/* \u2500\u2500 REFS \u2500\u2500 *\/\r\n  var quoteEl = document.getElementById('sbTstQuote');\r\n  var ruleEl  = document.getElementById('sbTstRule');\r\n  var attrEl  = document.getElementById('sbTstAttr');\r\n  var nameEl  = document.getElementById('sbTstName');\r\n  var genreEl = document.getElementById('sbTstGenre');\r\n  var idxEl   = document.getElementById('sbTstIdx');\r\n  var wrapEl  = document.getElementById('sbTstPhotoWrap');\r\n  var prevBtn = document.getElementById('sbTstPrev');\r\n  var nextBtn = document.getElementById('sbTstNext');\r\n  var photos  = document.querySelectorAll('.sb-tst-photo');\r\n  var dots    = document.querySelectorAll('.sb-tst-dot-item');\r\n\r\n  \/* \u2500\u2500 SET initial content \u2500\u2500 *\/\r\n  function setContent(idx) {\r\n    var t = testimonials[idx];\r\n    quoteEl.textContent = t.quote;\r\n    nameEl.textContent  = t.name;\r\n    genreEl.textContent = t.genre;\r\n    idxEl.textContent   = pad(idx + 1) + ' \/ ' + pad(total);\r\n  }\r\n  setContent(0);\r\n\r\n  function pad(n) { return n < 10 ? '0' + n : '' + n; }\r\n\r\n  \/* \u2500\u2500 GO TO \u2500\u2500 *\/\r\n  function goTo(idx) {\r\n    if (idx === current || isAnim) return;\r\n    isAnim = true;\r\n\r\n    \/* fade out text *\/\r\n    quoteEl.classList.add('fade');\r\n    ruleEl.classList.add('fade');\r\n    attrEl.classList.add('fade');\r\n\r\n    \/* photo crossfade *\/\r\n    photos[current].classList.remove('active');\r\n    photos[idx].classList.add('active');\r\n\r\n    \/* flash border *\/\r\n    wrapEl.classList.add('flash');\r\n    setTimeout(function () { wrapEl.classList.remove('flash'); }, 600);\r\n\r\n    \/* dots *\/\r\n    dots[current].classList.remove('active');\r\n    dots[idx].classList.add('active');\r\n\r\n    current = idx;\r\n\r\n    \/* swap text after fade *\/\r\n    setTimeout(function () {\r\n      setContent(current);\r\n      quoteEl.classList.remove('fade');\r\n      ruleEl.classList.remove('fade');\r\n      attrEl.classList.remove('fade');\r\n      prevBtn.disabled = current === 0;\r\n      nextBtn.disabled = current === total - 1;\r\n      isAnim = false;\r\n    }, 380);\r\n  }\r\n\r\n  prevBtn.addEventListener('click', function () { goTo(current - 1); });\r\n  nextBtn.addEventListener('click', function () { goTo(current + 1); });\r\n\r\n  \/* arrow keys *\/\r\n  document.addEventListener('keydown', function (e) {\r\n    var stage = document.getElementById('sbTstStage');\r\n    if (!stage) return;\r\n    var r = stage.getBoundingClientRect();\r\n    if (r.bottom < 0 || r.top > window.innerHeight) return;\r\n    if (e.key === 'ArrowLeft'  && current > 0)         goTo(current - 1);\r\n    if (e.key === 'ArrowRight' && current < total - 1) goTo(current + 1);\r\n  });\r\n\r\n  \/* \u2500\u2500 REVEAL UTIL \u2500\u2500 *\/\r\n  function reveal(el, delay, thr) {\r\n    if (!el) return;\r\n    if (!('IntersectionObserver' in window)) {\r\n      setTimeout(function () { el.classList.add('on'); }, delay || 0);\r\n      return;\r\n    }\r\n    var ob = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (e) {\r\n        if (e.isIntersecting) {\r\n          setTimeout(function () { e.target.classList.add('on'); }, delay || 0);\r\n          ob.unobserve(e.target);\r\n        }\r\n      });\r\n    }, { threshold: thr || 0.1 });\r\n    ob.observe(el);\r\n  }\r\n\r\n  reveal(document.getElementById('sbTstDiv'),  0,   0.05);\r\n  reveal(document.getElementById('sbTstHdr'),  100);\r\n  reveal(document.getElementById('sbTstStage'),180);\r\n  reveal(document.getElementById('sbTstCtrl'), 300);\r\n\r\n  \/* auto-advance every 7 s \u2014 pause on hover *\/\r\n  var autoTimer;\r\n  function startAuto() {\r\n    autoTimer = setInterval(function () {\r\n      goTo(current < total - 1 ? current + 1 : 0);\r\n    }, 7000);\r\n  }\r\n  function stopAuto() { clearInterval(autoTimer); }\r\n\r\n  var stage = document.getElementById('sbTstStage');\r\n  if (stage) {\r\n    stage.addEventListener('mouseenter', stopAuto);\r\n    stage.addEventListener('mouseleave', startAuto);\r\n  }\r\n  startAuto();\r\n\r\n})();\r\n<\/script>\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-62d99be elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"62d99be\" data-element_type=\"section\" data-e-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-217864d\" data-id=\"217864d\" data-element_type=\"column\" data-e-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-690db35 elementor-widget elementor-widget-html\" data-id=\"690db35\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n  CTA SECTION \u2014 Scene Bana Music Marketing Agency\r\n  Paste this entire block into Elementor > HTML widget\r\n  Font: Marcellus | Accent: #C4EF17\r\n  ============================================================ -->\r\n\r\n<style>\r\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Marcellus&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n  .sb-cta {\r\n    --accent: #C4EF17;\r\n    --accent-glow: rgba(196,239,23,0.28);\r\n    --bg: #0a0a0a;\r\n    --border: rgba(255,255,255,0.06);\r\n    --text-primary: #f0f0f0;\r\n    --text-secondary: rgba(240,240,240,0.45);\r\n    --text-muted: rgba(240,240,240,0.2);\r\n    background: var(--bg);\r\n    padding: 120px 0 100px;\r\n    font-family: 'Inter', sans-serif;\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  \/* ---- background elements ---- *\/\r\n  .sb-cta-bg-grid {\r\n    position: absolute; inset: 0; z-index: 0;\r\n    background-image:\r\n      linear-gradient(rgba(196,239,23,0.05) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(196,239,23,0.05) 1px, transparent 1px);\r\n    background-size: 72px 72px;\r\n    mask-image: radial-gradient(ellipse 85% 70% at 50% 50%, black 15%, transparent 100%);\r\n    -webkit-mask-image: radial-gradient(ellipse 85% 70% at 50% 50%, black 15%, transparent 100%);\r\n    animation: sbCtaGrid 10s ease-in-out infinite;\r\n  }\r\n  @keyframes sbCtaGrid {\r\n    0%,100% { opacity: 0.5; }\r\n    50% { opacity: 1; }\r\n  }\r\n\r\n  \/* large accent glow ball *\/\r\n  .sb-cta-orb {\r\n    position: absolute; z-index: 0;\r\n    border-radius: 50%; pointer-events: none;\r\n    width: 700px; height: 700px;\r\n    top: 50%; left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    background: radial-gradient(circle, rgba(196,239,23,0.065) 0%, transparent 60%);\r\n    filter: blur(40px);\r\n    animation: sbCtaOrb 8s ease-in-out infinite;\r\n  }\r\n  @keyframes sbCtaOrb {\r\n    0%,100% { transform: translate(-50%, -50%) scale(1); opacity: 0.6; }\r\n    50% { transform: translate(-50%, -52%) scale(1.06); opacity: 1; }\r\n  }\r\n\r\n  \/* corner accent blobs *\/\r\n  .sb-cta-blob {\r\n    position: absolute; pointer-events: none; z-index: 0; border-radius: 50%; filter: blur(80px);\r\n  }\r\n  .sb-cta-blob-tl {\r\n    width: 360px; height: 360px;\r\n    top: -100px; left: -80px;\r\n    background: radial-gradient(circle, rgba(196,239,23,0.05) 0%, transparent 65%);\r\n  }\r\n  .sb-cta-blob-br {\r\n    width: 360px; height: 360px;\r\n    bottom: -80px; right: -60px;\r\n    background: radial-gradient(circle, rgba(196,239,23,0.04) 0%, transparent 65%);\r\n  }\r\n\r\n  \/* horizontal rules top\/bottom *\/\r\n  .sb-cta-rule-top, .sb-cta-rule-bottom {\r\n    position: absolute; left: 0; right: 0; height: 1px;\r\n    background: linear-gradient(to right, transparent, rgba(196,239,23,0.12) 30%, rgba(196,239,23,0.12) 70%, transparent);\r\n  }\r\n  .sb-cta-rule-top { top: 0; }\r\n  .sb-cta-rule-bottom { bottom: 0; }\r\n\r\n  \/* waveform strip at very bottom inside section *\/\r\n  .sb-cta-waveform {\r\n    position: absolute;\r\n    bottom: 0; left: 0; right: 0; height: 50px;\r\n    display: flex; align-items: flex-end; justify-content: center;\r\n    gap: 3px; padding: 0 16px; z-index: 1;\r\n    opacity: 0.08; pointer-events: none;\r\n  }\r\n  .sb-cta-wave-bar {\r\n    flex: 1; max-width: 5px;\r\n    background: var(--accent);\r\n    border-radius: 3px 3px 0 0;\r\n    animation: sbCtaWave 2s ease-in-out infinite;\r\n    transform-origin: bottom;\r\n  }\r\n  @keyframes sbCtaWave {\r\n    0%,100% { transform: scaleY(0.15); }\r\n    50% { transform: scaleY(1); }\r\n  }\r\n\r\n  \/* ---- inner ---- *\/\r\n  .sb-cta-inner {\r\n    position: relative; z-index: 3;\r\n    width: 100%; max-width: 1100px;\r\n    margin: 0 auto; padding: 0 48px;\r\n    box-sizing: border-box;\r\n    display: flex; flex-direction: column; align-items: center;\r\n    text-align: center;\r\n  }\r\n\r\n  \/* ---- eyebrow ---- *\/\r\n  .sb-cta-eyebrow {\r\n    display: inline-flex; align-items: center; gap: 10px;\r\n    margin-bottom: 32px;\r\n    opacity: 0; transform: translateY(18px);\r\n    transition: opacity 0.7s ease, transform 0.7s ease;\r\n  }\r\n  .sb-cta-eyebrow.on { opacity: 1; transform: translateY(0); }\r\n  .sb-cta-eyebrow-dot {\r\n    width: 7px; height: 7px; border-radius: 50%;\r\n    background: var(--accent); flex-shrink: 0;\r\n    animation: sbCtaDotPulse 2.6s ease-in-out infinite;\r\n  }\r\n  @keyframes sbCtaDotPulse {\r\n    0%,100% { box-shadow: 0 0 0 0 rgba(196,239,23,0.5); }\r\n    50% { box-shadow: 0 0 0 5px rgba(196,239,23,0); }\r\n  }\r\n  .sb-cta-eyebrow-label { font-size: 10px; font-weight: 500; letter-spacing: 0.22em; text-transform: uppercase; color: var(--accent); }\r\n  .sb-cta-eyebrow-rule  { width: 36px; height: 1px; background: rgba(196,239,23,0.45); }\r\n\r\n  \/* ---- headline ---- *\/\r\n  .sb-cta-headline {\r\n    font-family: 'Marcellus', serif;\r\n    font-size: clamp(48px, 8vw, 104px);\r\n    font-weight: 400; line-height: 1.0;\r\n    letter-spacing: -0.025em;\r\n    color: var(--text-primary);\r\n    margin: 0 0 0;\r\n    max-width: 900px;\r\n    opacity: 0; transform: translateY(30px);\r\n    transition: opacity 0.8s ease 0.1s, transform 0.8s cubic-bezier(0.16,1,0.3,1) 0.1s;\r\n  }\r\n  .sb-cta-headline.on { opacity: 1; transform: translateY(0); }\r\n  .sb-cta-headline em {\r\n    font-style: normal; color: var(--accent);\r\n    position: relative; display: inline-block;\r\n  }\r\n  \/* underline swipe on accent word *\/\r\n  .sb-cta-headline em::after {\r\n    content: '';\r\n    position: absolute; bottom: -4px; left: 0; right: 0;\r\n    height: 2px; background: var(--accent);\r\n    transform: scaleX(0); transform-origin: left;\r\n    transition: transform 0.9s cubic-bezier(0.16,1,0.3,1) 0.7s;\r\n  }\r\n  .sb-cta-headline.on em::after { transform: scaleX(1); }\r\n\r\n  \/* ---- sub rule ---- *\/\r\n  .sb-cta-sub-rule {\r\n    display: flex; align-items: center; gap: 14px;\r\n    margin: 28px 0 24px;\r\n    opacity: 0; transform: translateY(14px);\r\n    transition: opacity 0.7s ease 0.25s, transform 0.7s ease 0.25s;\r\n  }\r\n  .sb-cta-sub-rule.on { opacity: 1; transform: translateY(0); }\r\n  .sb-cta-sub-rule-line { width: 40px; height: 1px; background: rgba(196,239,23,0.3); }\r\n  .sb-cta-sub-rule-label { font-size: 9px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--text-muted); }\r\n\r\n  \/* ---- body ---- *\/\r\n  .sb-cta-body {\r\n    font-size: clamp(15px, 1.6vw, 18px);\r\n    line-height: 1.8; color: var(--text-secondary);\r\n    font-weight: 300; max-width: 540px; margin: 0;\r\n    opacity: 0; transform: translateY(14px);\r\n    transition: opacity 0.7s ease 0.35s, transform 0.7s ease 0.35s;\r\n  }\r\n  .sb-cta-body.on { opacity: 1; transform: translateY(0); }\r\n\r\n  \/* ---- buttons ---- *\/\r\n  .sb-cta-actions {\r\n    display: flex; align-items: center; gap: 20px;\r\n    margin-top: 44px; flex-wrap: wrap; justify-content: center;\r\n    opacity: 0; transform: translateY(18px);\r\n    transition: opacity 0.7s ease 0.5s, transform 0.7s ease 0.5s;\r\n  }\r\n  .sb-cta-actions.on { opacity: 1; transform: translateY(0); }\r\n\r\n  \/* PRIMARY \u2014 solid accent fill *\/\r\n  .sb-cta-btn-primary {\r\n    display: inline-flex; align-items: center; gap: 10px;\r\n    background: var(--accent);\r\n    color: #0a0a0a;\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 11px; font-weight: 600;\r\n    letter-spacing: 0.18em; text-transform: uppercase;\r\n    text-decoration: none;\r\n    padding: 17px 36px;\r\n    border-radius: 3px;\r\n    position: relative; overflow: hidden;\r\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\r\n    box-shadow: 0 0 0 0 rgba(196,239,23,0);\r\n  }\r\n  .sb-cta-btn-primary::before {\r\n    content: '';\r\n    position: absolute; inset: 0;\r\n    background: rgba(255,255,255,0.15);\r\n    transform: translateX(-110%) skewX(-12deg);\r\n    transition: transform 0.5s cubic-bezier(0.16,1,0.3,1);\r\n  }\r\n  .sb-cta-btn-primary:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 8px 40px rgba(196,239,23,0.28);\r\n  }\r\n  .sb-cta-btn-primary:hover::before { transform: translateX(110%) skewX(-12deg); }\r\n  .sb-cta-btn-primary svg { width: 14px; height: 14px; flex-shrink: 0; transition: transform 0.3s ease; }\r\n  .sb-cta-btn-primary:hover svg { transform: translateX(3px); }\r\n\r\n  \/* SECONDARY \u2014 ghost outline *\/\r\n  .sb-cta-btn-ghost {\r\n    display: inline-flex; align-items: center; gap: 10px;\r\n    border: 1px solid rgba(196,239,23,0.25);\r\n    color: var(--text-primary);\r\n    font-family: 'Inter', sans-serif;\r\n    font-size: 11px; font-weight: 500;\r\n    letter-spacing: 0.16em; text-transform: uppercase;\r\n    text-decoration: none;\r\n    padding: 16px 32px;\r\n    border-radius: 3px;\r\n    background: transparent;\r\n    transition: border-color 0.25s ease, color 0.25s ease, background 0.25s ease;\r\n  }\r\n  .sb-cta-btn-ghost:hover {\r\n    border-color: rgba(196,239,23,0.55);\r\n    background: rgba(196,239,23,0.04);\r\n    color: var(--accent);\r\n  }\r\n  .sb-cta-btn-ghost svg { width: 14px; height: 14px; flex-shrink: 0; transition: transform 0.3s ease; }\r\n  .sb-cta-btn-ghost:hover svg { transform: translateX(3px); }\r\n\r\n  \/* ---- social proof strip ---- *\/\r\n  .sb-cta-proof {\r\n    margin-top: 60px;\r\n    display: flex; align-items: center; gap: 32px;\r\n    padding-top: 32px;\r\n    border-top: 1px solid var(--border);\r\n    opacity: 0; transform: translateY(14px);\r\n    transition: opacity 0.7s ease 0.65s, transform 0.7s ease 0.65s;\r\n    flex-wrap: wrap; justify-content: center;\r\n  }\r\n  .sb-cta-proof.on { opacity: 1; transform: translateY(0); }\r\n\r\n  .sb-cta-proof-item {\r\n    display: flex; align-items: center; gap: 10px;\r\n  }\r\n  .sb-cta-proof-check {\r\n    width: 20px; height: 20px;\r\n    border: 1px solid rgba(196,239,23,0.3);\r\n    border-radius: 50%;\r\n    display: flex; align-items: center; justify-content: center;\r\n    flex-shrink: 0;\r\n  }\r\n  .sb-cta-proof-check svg { width: 10px; height: 10px; color: var(--accent); }\r\n  .sb-cta-proof-text {\r\n    font-size: 12px; color: var(--text-muted);\r\n    letter-spacing: 0.06em; white-space: nowrap;\r\n  }\r\n  .sb-cta-proof-sep {\r\n    width: 1px; height: 16px;\r\n    background: rgba(255,255,255,0.07);\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* ---- floating sound bars deco (left & right) ---- *\/\r\n  .sb-cta-deco {\r\n    position: absolute; top: 50%; z-index: 1;\r\n    display: flex; align-items: flex-end; gap: 4px;\r\n    opacity: 0.06; pointer-events: none;\r\n    transform: translateY(-50%);\r\n  }\r\n  .sb-cta-deco-l { left: 32px; }\r\n  .sb-cta-deco-r { right: 32px; }\r\n  .sb-cta-deco-bar {\r\n    width: 4px; background: var(--accent);\r\n    border-radius: 2px;\r\n    animation: sbCtaDecoBar 1.8s ease-in-out infinite;\r\n  }\r\n  @keyframes sbCtaDecoBar {\r\n    0%,100% { transform: scaleY(0.2); }\r\n    50% { transform: scaleY(1); }\r\n  }\r\n\r\n  \/* ---- responsive ---- *\/\r\n  @media (max-width: 900px) {\r\n    .sb-cta-inner { padding: 0 32px; }\r\n    .sb-cta-deco { display: none; }\r\n  }\r\n  @media (max-width: 600px) {\r\n    .sb-cta { padding: 80px 0 72px; }\r\n    .sb-cta-inner { padding: 0 22px; }\r\n    .sb-cta-headline { font-size: clamp(40px, 11vw, 60px); }\r\n    .sb-cta-actions { flex-direction: column; align-items: stretch; gap: 14px; margin-top: 36px; }\r\n    .sb-cta-btn-primary,\r\n    .sb-cta-btn-ghost { justify-content: center; width: 100%; padding: 15px 20px; }\r\n    .sb-cta-proof { gap: 16px; }\r\n    .sb-cta-proof-sep { display: none; }\r\n    .sb-cta-proof-text { font-size: 11px; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"sb-cta\" id=\"sbCta\">\r\n  <div class=\"sb-cta-bg-grid\"><\/div>\r\n  <div class=\"sb-cta-orb\"><\/div>\r\n  <div class=\"sb-cta-blob sb-cta-blob-tl\"><\/div>\r\n  <div class=\"sb-cta-blob sb-cta-blob-br\"><\/div>\r\n  <div class=\"sb-cta-rule-top\"><\/div>\r\n  <div class=\"sb-cta-rule-bottom\"><\/div>\r\n  <div class=\"sb-cta-waveform\" id=\"sbCtaWaveform\"><\/div>\r\n\r\n  <!-- decorative side sound bars -->\r\n  <div class=\"sb-cta-deco sb-cta-deco-l\" id=\"sbCtaDecoL\"><\/div>\r\n  <div class=\"sb-cta-deco sb-cta-deco-r\" id=\"sbCtaDecoR\"><\/div>\r\n\r\n  <div class=\"sb-cta-inner\">\r\n\r\n    <!-- Eyebrow -->\r\n    <div class=\"sb-cta-eyebrow\" id=\"sbCtaEyebrow\">\r\n      <div class=\"sb-cta-eyebrow-dot\"><\/div>\r\n      <span class=\"sb-cta-eyebrow-label\">Ready When You Are<\/span>\r\n      <div class=\"sb-cta-eyebrow-rule\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Headline -->\r\n    <h2 class=\"sb-cta-headline\" id=\"sbCtaHeadline\">\r\n      Your Next Release<br>Deserves a <em>Scene<\/em>\r\n    <\/h2>\r\n\r\n    <!-- Sub rule -->\r\n    <div class=\"sb-cta-sub-rule\" id=\"sbCtaSubRule\">\r\n      <div class=\"sb-cta-sub-rule-line\"><\/div>\r\n      <span class=\"sb-cta-sub-rule-label\">Let's build it together<\/span>\r\n      <div class=\"sb-cta-sub-rule-line\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Body -->\r\n    <p class=\"sb-cta-body\" id=\"sbCtaBody\">\r\n      Most artists wait for their moment. We engineer it. If you're serious about your music getting heard \u2014 <strong style=\"color:var(--text-primary);font-weight:500;\">let's talk.<\/strong>\r\n    <\/p>\r\n\r\n    <!-- Buttons -->\r\n    <div class=\"sb-cta-actions\" id=\"sbCtaActions\">\r\n      <a href=\"#contact\" class=\"sb-cta-btn-primary\">\r\n        <span>Start Your Campaign<\/span>\r\n        <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <line x1=\"3\" y1=\"8\" x2=\"13\" y2=\"8\"\/>\r\n          <polyline points=\"9,4 13,8 9,12\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n      <a href=\"#work\" class=\"sb-cta-btn-ghost\">\r\n        See Our Work\r\n        <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n          <line x1=\"3\" y1=\"8\" x2=\"13\" y2=\"8\"\/>\r\n          <polyline points=\"9,4 13,8 9,12\"\/>\r\n        <\/svg>\r\n      <\/a>\r\n    <\/div>\r\n\r\n    <!-- Social proof -->\r\n    <div class=\"sb-cta-proof\" id=\"sbCtaProof\">\r\n      <div class=\"sb-cta-proof-item\">\r\n        <div class=\"sb-cta-proof-check\">\r\n          <svg viewBox=\"0 0 10 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <polyline points=\"2,5.5 4,7.5 8,3\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <span class=\"sb-cta-proof-text\">120+ Artists Launched<\/span>\r\n      <\/div>\r\n      <div class=\"sb-cta-proof-sep\"><\/div>\r\n      <div class=\"sb-cta-proof-item\">\r\n        <div class=\"sb-cta-proof-check\">\r\n          <svg viewBox=\"0 0 10 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <polyline points=\"2,5.5 4,7.5 8,3\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <span class=\"sb-cta-proof-text\">300M+ Streams Generated<\/span>\r\n      <\/div>\r\n      <div class=\"sb-cta-proof-sep\"><\/div>\r\n      <div class=\"sb-cta-proof-item\">\r\n        <div class=\"sb-cta-proof-check\">\r\n          <svg viewBox=\"0 0 10 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <polyline points=\"2,5.5 4,7.5 8,3\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <span class=\"sb-cta-proof-text\">No Lock-in Contracts<\/span>\r\n      <\/div>\r\n      <div class=\"sb-cta-proof-sep\"><\/div>\r\n      <div class=\"sb-cta-proof-item\">\r\n        <div class=\"sb-cta-proof-check\">\r\n          <svg viewBox=\"0 0 10 10\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <polyline points=\"2,5.5 4,7.5 8,3\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <span class=\"sb-cta-proof-text\">Response Within 24hrs<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function(){\r\n  \/\/ Build waveform\r\n  var wf = document.getElementById('sbCtaWaveform');\r\n  if (wf) {\r\n    for (var b = 0; b < 70; b++) {\r\n      var bar = document.createElement('div');\r\n      bar.className = 'sb-cta-wave-bar';\r\n      bar.style.cssText = 'animation-delay:' + (Math.random()*2.2).toFixed(2) + 's;animation-duration:' + (1.1+Math.random()*1.8).toFixed(2) + 's;height:' + (10+Math.random()*42).toFixed(0) + 'px;';\r\n      wf.appendChild(bar);\r\n    }\r\n  }\r\n\r\n  \/\/ Build side deco bars\r\n  ['sbCtaDecoL','sbCtaDecoR'].forEach(function(id){\r\n    var d = document.getElementById(id);\r\n    if (!d) return;\r\n    var heights = [24,40,56,36,48,30,52,22,44,38];\r\n    heights.forEach(function(h, i){\r\n      var bar = document.createElement('div');\r\n      bar.className = 'sb-cta-deco-bar';\r\n      bar.style.cssText = 'height:' + h + 'px;animation-delay:' + (i*0.18).toFixed(2) + 's;';\r\n      d.appendChild(bar);\r\n    });\r\n  });\r\n\r\n  \/\/ Intersection observer helper\r\n  function observe(id, delay) {\r\n    var el = document.getElementById(id);\r\n    if (!el) return;\r\n    var o = new IntersectionObserver(function(es){\r\n      if (es[0].isIntersecting) {\r\n        setTimeout(function(){ el.classList.add('on'); }, delay || 0);\r\n        o.disconnect();\r\n      }\r\n    }, { threshold: 0.15 });\r\n    o.observe(el);\r\n  }\r\n\r\n  observe('sbCtaEyebrow', 0);\r\n  observe('sbCtaHeadline', 80);\r\n  observe('sbCtaSubRule', 200);\r\n  observe('sbCtaBody', 300);\r\n  observe('sbCtaActions', 440);\r\n  observe('sbCtaProof', 560);\r\n})();\r\n<\/script>\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Music Marketing Agency What we do Built for artists who want more than just a release. We craft the story, the rollout, and the momentum behind your music. No templates. No shortcuts. Just work that gets heard. Show Projects How it works 0+ Artists Launched 0M+ Streams Generated 0yr In the Industry 0+ Campaigns Run [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"auxa-template.php","meta":{"tpgb_global_settings":"","_angie_page":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-3292","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"tpgb_featured_images":null,"tpgb_post_meta_info":{"get_date":"March 14, 2024","get_modified_date":"April 17, 2026","author_name":"ospmarkets@gmail.com","author_url":"https:\/\/scenebana.com\/?author=1","author_email":"ospmarkets@gmail.com","author_website":"https:\/\/scenebana.com","author_description":"","author_facebook":"","author_twitter":"","author_instagram":"","author_role":["administrator"],"author_firstname":"","author_lastname":"","user_login":"ospmarkets@gmail.com","author_avatar":"<img alt='' src='https:\/\/secure.gravatar.com\/avatar\/c9616cc489f293ef2deb2ae691f25d6289f4b26cfe55484d0d85150ddef9021e?s=200&#038;d=mm&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/c9616cc489f293ef2deb2ae691f25d6289f4b26cfe55484d0d85150ddef9021e?s=400&#038;d=mm&#038;r=g 2x' class='avatar avatar-200 photo' height='200' width='200' decoding='async'\/>","author_avatar_url":"https:\/\/secure.gravatar.com\/avatar\/c9616cc489f293ef2deb2ae691f25d6289f4b26cfe55484d0d85150ddef9021e?s=96&d=mm&r=g","comment_count":0,"post_likes":0,"post_views":0},"tpgb_post_category":[],"_links":{"self":[{"href":"https:\/\/scenebana.com\/index.php?rest_route=\/wp\/v2\/pages\/3292","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scenebana.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/scenebana.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/scenebana.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/scenebana.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3292"}],"version-history":[{"count":27,"href":"https:\/\/scenebana.com\/index.php?rest_route=\/wp\/v2\/pages\/3292\/revisions"}],"predecessor-version":[{"id":4465,"href":"https:\/\/scenebana.com\/index.php?rest_route=\/wp\/v2\/pages\/3292\/revisions\/4465"}],"wp:attachment":[{"href":"https:\/\/scenebana.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3292"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}