body {
        margin: 0;
        background: #07090f;
      }

      html {
        scroll-behavior: smooth;
      }

      section[id] {
        scroll-margin-top: 84px;
      }

      @media (prefers-reduced-motion:reduce) {
        html {
          scroll-behavior: auto;
        }
      }

      .st {
        --st-brand: #22d3ee;
        --st-btn-text: #04121a;
        --st-bg: #07090f;
        --st-surface: #111522;
        --st-text: #f4f7fb;
        --st-muted: #a3adc2;
        --st-radius: 14;
        --st-max: 1200;
        --st-font-heading: "Space Grotesk", sans-serif;
        --st-font-body: "Inter", sans-serif;
      }

      .st {
        --st-pad: clamp(20px,5cqi,56px);
        container: st/inline-size;
        position: relative;
        overflow: hidden;
        background: var(--st-bg);
        color: var(--st-text);
        font-family: var(--st-font-body);
        font-size: 17px;
        line-height: 1.6;
        -webkit-font-smoothing: antialiased;
      }

      :where(.st) *,:where(.st) *::before,:where(.st) *::after {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
      }

      :where(.st img) {
        display: block;
        max-width: 100%;
        height: auto;
      }

      :where(.st a) {
        color: inherit;
      }

      :where(.st h1,.st h2,.st h3) {
        font-family: var(--st-font-heading);
        line-height: 1.08;
        letter-spacing: -.025em;
        font-weight: 800;
        color: var(--st-text);
      }

      .st .hl {
        color: var(--st-brand);
      }

      .st [data-edit]:empty,.st [data-i-edit]:empty {
        display: none;
      }

      .st-wrap {
        width: 100%;
        max-width: calc(var(--st-max) * 1px);
        margin: 0 auto;
        padding-left: var(--st-pad);
        padding-right: var(--st-pad);
      }

      .st-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: .12em;
        text-transform: uppercase;
        color: var(--st-brand);
      }

      .st-pill {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        padding: 6px 14px;
        border-radius: 999px;
        background: color-mix(in srgb,var(--st-brand) 12%,transparent);
        color: var(--st-brand);
        font-size: 13.5px;
        font-weight: 700;
      }

      .st-btns {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
      }

      .st-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 50px;
        padding: 0 26px;
        border-radius: calc(var(--st-radius) * 1px);
        border: 2px solid var(--st-brand);
        background: var(--st-brand);
        color: var(--st-btn-text);
        font: 700 16px/1 var(--st-font-body);
        text-decoration: none;
        transition: transform .15s ease,box-shadow .15s ease,background .15s ease;
      }

      .st-btn:hover {
        transform: translateY(-1px);
        box-shadow: 0 8px 24px color-mix(in srgb,var(--st-brand) 35%,transparent);
      }

      .st-btn:focus-visible {
        outline: 3px solid color-mix(in srgb,var(--st-brand) 45%,transparent);
        outline-offset: 3px;
      }

      .st-btn--ghost {
        background: transparent;
        color: var(--st-text);
        border-color: color-mix(in srgb,var(--st-text) 22%,transparent);
      }

      .st-btn--ghost:hover {
        box-shadow: none;
        border-color: var(--st-text);
      }

      .st-lead {
        font-size: clamp(17px,1.2cqi + 12px,20px);
        line-height: 1.65;
        color: var(--st-muted);
      }

      .st-head {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 14px;
        max-width: 46em;
        margin: 0 auto clamp(36px,5cqi,64px);
        text-align: center;
      }

      .st-head--left {
        align-items: flex-start;
        margin-left: 0;
        text-align: left;
      }

      .st-h2 {
        font-size: clamp(30px,2.6cqi + 16px,48px);
      }

      .st-icon {
        display: inline-grid;
        place-items: center;
        flex: none;
        width: 48px;
        height: 48px;
        border-radius: calc(var(--st-radius) * .85px);
        background: color-mix(in srgb,var(--st-brand) 12%,transparent);
        color: var(--st-brand);
      }

      .st-icon svg {
        width: 24px;
        height: 24px;
      }

      .st-icon:empty {
        display: none;
      }

      .st-checks {
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 11px;
      }

      .st-checks li {
        position: relative;
        padding-left: 30px;
        font-size: 15.5px;
        line-height: 1.5;
      }

      .st-checks li::before {
        content: "";
        position: absolute;
        left: 0;
        top: .12em;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: color-mix(in srgb,var(--st-brand) 15%,transparent);
      }

      .st-checks li::after {
        content: "";
        position: absolute;
        left: 5px;
        top: calc(.12em + 5px);
        width: 10px;
        height: 10px;
        background: var(--st-brand);
        -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;
        mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;
      }

      @media (prefers-reduced-motion:reduce) {
        .st * {
          transition: none!important;
          animation: none!important;
        }
      }

      /* Floating Pill Navbar */ .st-navbar-floating {
        overflow: visible;
        background: transparent;
        padding: 14px 0;
      }

      /* Barra glass a todo el ancho: tapa y difumina lo que pasa por debajo */
      .st-navbar-floating::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 0;
        pointer-events: none;
        background: linear-gradient(180deg,color-mix(in srgb,var(--st-bg) 0%,transparent),color-mix(in srgb,var(--st-bg) 0%,transparent));
        -webkit-backdrop-filter: blur(24px) saturate(160%);
        backdrop-filter: blur(24px) saturate(160%);
        border-bottom: 1px solid color-mix(in srgb,var(--st-text) 10%,transparent);
        box-shadow: inset 0 1px 0 color-mix(in srgb,var(--st-text) 6%,transparent);
      }

      .st-navbar-floating > .st-wrap {
        position: relative;
        z-index: 1;
      }

      .st-brand {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        flex: none;
        text-decoration: none;
        color: var(--st-text);
      }

      .st-brand-img {
        height: 32px;
        width: auto;
        max-width: 180px;
        object-fit: contain;
      }

      .st-brand-mark {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        font: 800 21px/1 var(--st-font-heading);
        letter-spacing: -.03em;
      }

      .st-brand-icon {
        display: grid;
        place-items: center;
        width: 34px;
        height: 34px;
        border-radius: calc(var(--st-radius) * .7px);
        background: var(--st-brand);
        color: var(--st-btn-text);
      }

      .st-brand-icon svg {
        width: 19px;
        height: 19px;
      }

      .st:has([data-sticky-flag]) {
        position: sticky;
        top: 0;
        z-index: 50;
        transition: box-shadow .3s ease;
      }

      .st.is-scrolled {
        box-shadow: 0 12px 32px -18px rgba(0,0,0,.65);
      }

      .st-burger {
        display: none;
        position: relative;
        flex: none;
        width: 44px;
        height: 44px;
        border: 0;
        border-radius: calc(var(--st-radius) * .7px);
        background: color-mix(in srgb,var(--st-text) 7%,transparent);
        color: var(--st-text);
        cursor: pointer;
      }

      .st-burger span {
        position: absolute;
        left: 12px;
        right: 12px;
        height: 2px;
        border-radius: 2px;
        background: currentColor;
        transition: transform .3s ease,opacity .2s ease;
      }

      .st-burger span:nth-child(1) {
        top: 15px;
      }

      .st-burger span:nth-child(2) {
        top: 21px;
      }

      .st-burger span:nth-child(3) {
        top: 27px;
      }

      .st-burger[aria-expanded="true"] span:nth-child(1) {
        transform: translateY(6px) rotate(45deg);
      }

      .st-burger[aria-expanded="true"] span:nth-child(2) {
        opacity: 0;
      }

      .st-burger[aria-expanded="true"] span:nth-child(3) {
        transform: translateY(-6px) rotate(-45deg);
      }

      .st-burger:focus-visible {
        outline: 3px solid color-mix(in srgb,var(--st-brand) 45%,transparent);
        outline-offset: 2px;
      }

      .nf {
        position: relative;
        display: flex;
        align-items: center;
        gap: 24px;
        max-width: 1040px;
        margin: 0 auto;
        padding: 8px 8px 8px 18px;
        border-radius: 999px;
        background: color-mix(in srgb,var(--st-surface) 60%,transparent);
        -webkit-backdrop-filter: blur(16px);
        backdrop-filter: blur(16px);
        border: 1px solid color-mix(in srgb,var(--st-text) 14%,transparent);
        box-shadow: 0 20px 50px -24px rgba(0,0,0,.6),inset 0 1px 0 color-mix(in srgb,var(--st-text) 8%,transparent);
      }

      .nf .st-brand {
        color: var(--st-text);
      }

      .nf .st-brand-mark {
        font-size: 19px;
      }

      .nf .st-brand-icon {
        width: 30px;
        height: 30px;
      }

      .nf-nav {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
      }

      .nf-links {
        list-style: none;
        display: flex;
        gap: 2px;
        margin: 0 auto;
      }

      .nf-link {
        display: block;
        padding: 9px 16px;
        border-radius: 999px;
        color: var(--st-muted);
        font-weight: 600;
        font-size: 15px;
        text-decoration: none;
        transition: color .2s ease,background .2s ease;
      }

      .nf-link:hover {
        color: var(--st-text);
        background: color-mix(in srgb,var(--st-text) 9%,transparent);
      }

      .nf-link[aria-current="page"] {
        color: var(--st-brand);
        background: color-mix(in srgb,var(--st-brand) 13%,transparent);
      }

      .nf .nf-cta {
        min-height: 44px;
        padding: 0 22px;
        border-radius: 999px;
        font-size: 15px;
      }

      .nf .st-burger {
        color: var(--st-text);
        background: color-mix(in srgb,var(--st-text) 10%,transparent);
        border-radius: 999px;
      }

      @container st (max-width:860px) {
        .nf .st-burger {
          display: inline-block;
          margin-left: auto;
          position: relative;
          z-index: 2;
        }
        .nf .st-brand {
          position: relative;
          z-index: 2;
        }
        .nf-nav {
          position: fixed;
          inset: 0;
          z-index: 1;
          flex-direction: column;
          justify-content: center;
          align-items: flex-start;
          gap: 28px;
          padding: 96px var(--st-pad) 48px;
          background: color-mix(in srgb,var(--st-surface) 97%,transparent);
          -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
        }
        .nf-links {
          flex-direction: column;
          align-items: flex-start;
          gap: 6px;
          margin: 0;
        }
        .nf-link {
          padding: 6px 0;
          font: 800 clamp(30px,8cqi,44px)/1.15 var(--st-font-heading);
          letter-spacing: -.03em;
          color: var(--st-text);
          background: none!important;
        }
        .nf-link:hover {
          color: var(--st-brand);
        }
        .nf .nf-cta {
          min-height: 54px;
          padding: 0 30px;
          font-size: 17px;
        }
        .has-menu:not(.menu-open) .nf-nav {
          display: none;
        }
        .menu-open .nf {
          -webkit-backdrop-filter: none;
          backdrop-filter: none;
          background: var(--st-surface);
        }
        .st:not(.has-menu) .nf {
          flex-wrap: wrap;
          border-radius: calc(var(--st-radius) * 1.4px);
        }
        .st:not(.has-menu) .nf-nav {
          position: static;
          flex-basis: 100%;
          padding: 8px;
          background: none;
        }
        .st:not(.has-menu) .nf-link {
          font-size: 18px;
        }
        .st:not(.has-menu) .st-burger {
          display: none;
        }
      }

      /* Music Artist Hero */ .st-music-hero {
        min-height: min(92vh,820px);
        display: flex;
        align-items: stretch;
        background: var(--st-bg);
        overflow: hidden;
      }

      .mh-bg {
        position: absolute;
        inset: 0;
        background-size: cover;
        background-position: center;
      }

      .mh-shade {
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg,color-mix(in srgb,var(--st-bg) 92%,transparent) 0%,color-mix(in srgb,var(--st-bg) 60%,transparent) 55%,color-mix(in srgb,var(--st-bg) 20%,transparent) 100%),linear-gradient(0deg,var(--st-bg),transparent 55%);
      }

      .mh {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end;
        gap: 22px;
        padding-top: clamp(96px,12cqi,160px);
        padding-bottom: clamp(64px,9cqi,120px);
      }

      .mh-pill {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        padding: 7px 16px 7px 12px;
        border-radius: 999px;
        border: 1px solid color-mix(in srgb,var(--st-brand) 55%,transparent);
        background: color-mix(in srgb,var(--st-bg) 55%,transparent);
        backdrop-filter: blur(8px);
        font-size: 13.5px;
        font-weight: 700;
        letter-spacing: .06em;
        text-transform: uppercase;
        color: var(--st-brand);
      }

      .mh-dot {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: var(--st-brand);
        box-shadow: 0 0 0 0 color-mix(in srgb,var(--st-brand) 70%,transparent);
        animation: mh-pulse 2s infinite;
      }

      @keyframes mh-pulse {
        70% {
          box-shadow: 0 0 0 10px transparent;
        }
        100% {
          box-shadow: 0 0 0 0 transparent;
        }
      }

      .mh-name {
        font-size: clamp(64px,11cqi + 8px,168px);
        line-height: .88;
        letter-spacing: -.03em;
        text-transform: uppercase;
      }

      .mh-tag {
        color: var(--st-muted);
        max-width: 30em;
      }

      .mh-ghost {
        color: var(--st-text);
        border-color: color-mix(in srgb,var(--st-text) 50%,transparent);
        backdrop-filter: blur(6px);
      }

      .mh-links {
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        gap: 10px 22px;
        margin-top: 8px;
      }

      .mh-link {
        font-size: 14.5px;
        font-weight: 700;
        letter-spacing: .04em;
        text-transform: uppercase;
        color: var(--st-muted);
        text-decoration: none;
        border-bottom: 2px solid transparent;
        padding-bottom: 2px;
        transition: color .2s,border-color .2s;
      }

      .mh-link:hover,.mh-link:focus-visible {
        color: var(--st-brand);
        border-color: var(--st-brand);
        outline: none;
      }

      .mh-eq {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: clamp(40px,6cqi,72px);
        display: flex;
        align-items: flex-end;
        gap: clamp(3px,.6cqi,8px);
        padding: 0 clamp(12px,2cqi,28px);
        opacity: .55;
        pointer-events: none;
      }

      .mh-eq i {
        flex: 1;
        height: 100%;
        border-radius: 3px 3px 0 0;
        background: linear-gradient(0deg,var(--st-brand),transparent);
        transform-origin: 50% 100%;
        animation: mh-eq 1.6s ease-in-out infinite;
      }

      .mh-eq i:nth-child(3n+1) {
        animation-duration: 1.2s;
        animation-delay: -.3s;
      }

      .mh-eq i:nth-child(3n+2) {
        animation-duration: 1.9s;
        animation-delay: -.9s;
      }

      .mh-eq i:nth-child(5n) {
        animation-duration: 1.4s;
        animation-delay: -.6s;
      }

      @keyframes mh-eq {
        0%,100% {
          transform: scaleY(.18);
        }
        50% {
          transform: scaleY(1);
        }
      }

      @media (prefers-reduced-motion:reduce) {
        .mh-eq i {
          animation: none;
          transform: scaleY(.4);
        }
        .mh-dot {
          animation: none;
        }
      }

      @container st (max-width:640px) {
        .mh-shade {
          background: linear-gradient(0deg,var(--st-bg) 8%,color-mix(in srgb,var(--st-bg) 55%,transparent));
        }
      }

      /* New Release Spotlight */ .st-release-spotlight {
        padding: clamp(64px,8cqi,120px) 0;
        background: radial-gradient(ellipse 60% 70% at 25% 50%,color-mix(in srgb,var(--st-brand) 16%,var(--st-bg)),var(--st-bg) 70%);
      }

      .rs {
        display: grid;
        grid-template-columns: minmax(0,1fr) minmax(0,1.05fr);
        align-items: center;
        gap: clamp(32px,6cqi,96px);
      }

      .rs-art {
        position: relative;
        aspect-ratio: 1;
        margin-right: 26%;
      }

      .rs-cover {
        position: relative;
        z-index: 2;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 6px;
        background: var(--st-surface);
        box-shadow: 0 40px 80px -30px rgba(0,0,0,.8),0 0 0 1px color-mix(in srgb,var(--st-text) 8%,transparent);
      }

      .rs-disc {
        position: absolute;
        z-index: 1;
        top: 3%;
        left: 32%;
        width: 94%;
        aspect-ratio: 1;
        border-radius: 50%;
        background: radial-gradient(circle,var(--st-brand) 0 10%,#0b0b10 10.5% 18%,transparent 18.5%),repeating-radial-gradient(circle,#232634 0 2px,#10121a 2px 4px);
        box-shadow: 0 20px 50px -20px rgba(0,0,0,.9),0 0 0 2px color-mix(in srgb,var(--st-brand) 28%,transparent);
        animation: rs-spin 9s linear infinite;
      }

      @keyframes rs-spin {
        to {
          transform: rotate(360deg);
        }
      }

      .rs-copy {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
      }

      .rs-title {
        font-size: clamp(44px,5.4cqi + 10px,88px);
        line-height: .95;
        letter-spacing: -.02em;
        text-transform: uppercase;
      }

      .rs-text {
        color: var(--st-muted);
        max-width: 32em;
      }

      .rs-count {
        display: flex;
        gap: clamp(8px,1.4cqi,16px);
      }

      .rs-cell {
        min-width: clamp(62px,7cqi,88px);
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2px;
        padding: 12px 8px;
        border-radius: 14px;
        background: var(--st-surface);
        border: 1px solid color-mix(in srgb,var(--st-text) 10%,transparent);
      }

      .rs-cell b {
        font: 700 clamp(26px,2.6cqi + 10px,40px)/1 var(--st-font-heading);
        font-variant-numeric: tabular-nums;
        color: var(--st-brand);
      }

      .rs-cell span {
        font-size: 11.5px;
        font-weight: 700;
        letter-spacing: .12em;
        text-transform: uppercase;
        color: var(--st-muted);
      }

      .rs-out {
        font: 700 clamp(20px,1cqi + 14px,28px)/1.2 var(--st-font-heading);
        color: var(--st-brand);
      }

      .rs-tracks {
        list-style: none;
        counter-reset: t;
        columns: 2;
        column-gap: 32px;
        color: var(--st-muted);
        font-size: 15.5px;
        max-width: 34em;
      }

      .rs-tracks:empty {
        display: none;
      }

      .rs-tracks li {
        counter-increment: t;
        break-inside: avoid;
        padding: 3px 0;
      }

      .rs-tracks li::before {
        content: counter(t,decimal-leading-zero);
        margin-right: 12px;
        font-weight: 700;
        font-size: 12.5px;
        letter-spacing: .06em;
        color: var(--st-brand);
      }

      .rs-ghost {
        color: var(--st-text);
        border-color: color-mix(in srgb,var(--st-text) 40%,transparent);
      }

      @media (prefers-reduced-motion:reduce) {
        .rs-disc {
          animation: none;
        }
      }

      @container st (max-width:820px) {
        .rs {
          grid-template-columns: 1fr;
        }
        .rs-art {
          max-width: 360px;
          width: 100%;
          margin: 0 auto 14%;
        }
        .rs-copy {
          align-items: center;
          text-align: center;
        }
        .rs-tracks {
          text-align: left;
        }
      }

      @container st (max-width:520px) {
        .rs-tracks {
          columns: 1;
        }
      }

      /* Audio Player & Track List */ .st-audio-player {
        padding: clamp(56px,7cqi,104px) 0;
      }

      .ap {
        display: grid;
        grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
        gap: clamp(18px,2.6cqi,36px);
        align-items: start;
      }

      .ap-now {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding: clamp(18px,2.2cqi,28px);
        border-radius: calc(var(--st-radius) * 1.2px);
        background: linear-gradient(160deg,color-mix(in srgb,var(--st-brand) 14%,var(--st-surface)),var(--st-surface));
        border: 1px solid color-mix(in srgb,var(--st-text) 10%,transparent);
      }

      .ap-art {
        aspect-ratio: 1;
        max-width: 340px;
        margin: 0 auto;
        width: 100%;
      }

      .ap-cover {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: calc(var(--st-radius) * .7px);
        background: color-mix(in srgb,var(--st-text) 8%,transparent);
        box-shadow: 0 24px 50px -24px rgba(0,0,0,.8);
      }

      .ap-info {
        display: flex;
        flex-direction: column;
        gap: 3px;
      }

      .ap-tag {
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .12em;
        text-transform: uppercase;
        color: var(--st-brand);
      }

      .ap-title {
        font: 700 clamp(20px,1cqi + 15px,28px)/1.2 var(--st-font-heading);
      }

      .ap-meta {
        color: var(--st-muted);
        font-size: 15px;
      }

      .ap-bar {
        display: flex;
        align-items: center;
        gap: 12px;
      }

      .ap-t {
        font-size: 13px;
        font-variant-numeric: tabular-nums;
        color: var(--st-muted);
        min-width: 2.6em;
      }

      .ap-seek {
        --p: 0%;
        flex: 1;
        height: 22px;
        margin: 0;
        background: transparent;
        -webkit-appearance: none;
        appearance: none;
        cursor: pointer;
      }

      .ap-seek::-webkit-slider-runnable-track {
        height: 5px;
        border-radius: 5px;
        background: linear-gradient(90deg,var(--st-brand) var(--p),color-mix(in srgb,var(--st-text) 18%,transparent) var(--p));
      }

      .ap-seek::-moz-range-track {
        height: 5px;
        border-radius: 5px;
        background: color-mix(in srgb,var(--st-text) 18%,transparent);
      }

      .ap-seek::-moz-range-progress {
        height: 5px;
        border-radius: 5px;
        background: var(--st-brand);
      }

      .ap-seek::-webkit-slider-thumb {
        -webkit-appearance: none;
        width: 15px;
        height: 15px;
        margin-top: -5px;
        border-radius: 50%;
        border: 0;
        background: var(--st-text);
        box-shadow: 0 0 0 4px color-mix(in srgb,var(--st-brand) 30%,transparent);
      }

      .ap-seek::-moz-range-thumb {
        width: 15px;
        height: 15px;
        border-radius: 50%;
        border: 0;
        background: var(--st-text);
      }

      .ap-seek:focus-visible {
        outline: 3px solid color-mix(in srgb,var(--st-brand) 50%,transparent);
        outline-offset: 3px;
        border-radius: 6px;
      }

      .ap-ctl {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 18px;
      }

      .ap-btn {
        display: grid;
        place-items: center;
        width: 46px;
        height: 46px;
        border-radius: 50%;
        border: 1px solid color-mix(in srgb,var(--st-text) 18%,transparent);
        background: transparent;
        color: var(--st-text);
        cursor: pointer;
        transition: background .2s,color .2s,transform .2s;
      }

      .ap-btn:hover {
        background: color-mix(in srgb,var(--st-text) 10%,transparent);
      }

      .ap-btn:focus-visible {
        outline: 3px solid var(--st-brand);
        outline-offset: 3px;
      }

      .ap-play {
        width: 62px;
        height: 62px;
        border: 0;
        background: var(--st-brand);
        color: var(--st-btn-text);
      }

      .ap-play:hover {
        background: var(--st-brand);
        transform: scale(1.06);
      }

      .ap-i-pause {
        display: none;
      }

      .ap.is-playing .ap-i-play {
        display: none;
      }

      .ap.is-playing .ap-i-pause {
        display: block;
      }

      .ap-msg {
        min-height: 1.4em;
        text-align: center;
        font-size: 13.5px;
        color: var(--st-muted);
      }

      .ap-list {
        list-style: none;
        display: flex;
        flex-direction: column;
        gap: 6px;
        counter-reset: n;
      }

      .ap-track {
        display: flex;
        align-items: center;
        gap: 8px;
        border-radius: calc(var(--st-radius) * .7px);
        border: 1px solid transparent;
        transition: background .2s,border-color .2s;
      }

      .ap-track:hover {
        background: color-mix(in srgb,var(--st-text) 5%,transparent);
      }

      .ap-track.is-current {
        background: color-mix(in srgb,var(--st-brand) 12%,transparent);
        border-color: color-mix(in srgb,var(--st-brand) 45%,transparent);
      }

      .ap-row {
        flex: 1;
        min-width: 0;
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 10px 12px;
        border: 0;
        background: transparent;
        color: inherit;
        font: inherit;
        text-align: left;
        cursor: pointer;
        border-radius: inherit;
      }

      .ap-row:focus-visible {
        outline: 3px solid var(--st-brand);
        outline-offset: -3px;
      }

      .ap-n {
        counter-increment: n;
        width: 1.6em;
        text-align: center;
        font-size: 14px;
        font-weight: 700;
        color: var(--st-muted);
      }

      .ap-n::before {
        content: counter(n);
      }

      .ap-thumb {
        width: 52px;
        height: 52px;
        border-radius: calc(var(--st-radius) * .35px);
        object-fit: cover;
        flex: none;
        background: color-mix(in srgb,var(--st-text) 8%,transparent);
      }

      .ap-names {
        display: flex;
        flex-direction: column;
        gap: 2px;
        min-width: 0;
        flex: 1;
      }

      .ap-name {
        font-size: 16.5px;
        line-height: 1.25;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .ap-by {
        color: var(--st-muted);
        font-size: 13.5px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
      }

      .ap-len {
        font-size: 13.5px;
        font-variant-numeric: tabular-nums;
        color: var(--st-muted);
      }

      .ap-eq {
        display: none;
        align-items: flex-end;
        gap: 2px;
        height: 16px;
      }

      .ap-eq i {
        width: 3px;
        height: 100%;
        background: var(--st-brand);
        border-radius: 2px;
        transform-origin: 50% 100%;
        animation: ap-eq 1s ease-in-out infinite;
      }

      .ap-eq i:nth-child(2) {
        animation-delay: -.3s;
      }

      .ap-eq i:nth-child(3) {
        animation-delay: -.6s;
      }

      @keyframes ap-eq {
        0%,100% {
          transform: scaleY(.25);
        }
        50% {
          transform: scaleY(1);
        }
      }

      .ap-track.is-current.is-playing .ap-eq {
        display: flex;
      }

      .ap-track.is-current.is-playing .ap-n {
        visibility: hidden;
      }

      .ap-link {
        flex: none;
        margin-right: 12px;
        font-size: 13.5px;
        font-weight: 700;
        color: var(--st-brand);
        text-decoration: none;
        border-bottom: 2px solid transparent;
      }

      .ap-link:hover,.ap-link:focus-visible {
        border-color: var(--st-brand);
        outline: none;
      }

      @media (prefers-reduced-motion:reduce) {
        .ap-eq i {
          animation: none;
          transform: scaleY(.6);
        }
      }

      @container st (max-width:820px) {
        .ap {
          grid-template-columns: 1fr;
        }
        .ap-art {
          max-width: 260px;
        }
      }

      @container st (max-width:480px) {
        .ap-thumb {
          display: none;
        }
      }

      /* Tour Dates & Tickets */ .st-tour-dates {
        padding: clamp(56px,7cqi,104px) 0;
      }

      .td-list {
        list-style: none;
        display: flex;
        flex-direction: column;
        border-top: 1px solid color-mix(in srgb,var(--st-text) 12%,transparent);
      }

      .td-row {
        display: grid;
        grid-template-columns: 92px minmax(0,1fr) auto auto;
        align-items: center;
        gap: clamp(14px,2.4cqi,32px);
        padding: clamp(16px,2cqi,24px) clamp(4px,1cqi,16px);
        border-bottom: 1px solid color-mix(in srgb,var(--st-text) 12%,transparent);
        transition: background .25s ease,padding .25s ease;
      }

      .td-row:hover {
        background: color-mix(in srgb,var(--st-brand) 7%,transparent);
      }

      .td-date {
        display: flex;
        flex-direction: column;
        align-items: center;
        line-height: 1;
        gap: 4px;
        padding: 10px 0;
        border-radius: calc(var(--st-radius) * .8px);
        background: var(--st-surface);
        border: 1px solid color-mix(in srgb,var(--st-text) 10%,transparent);
      }

      .td-month {
        font-size: 12px;
        font-weight: 800;
        letter-spacing: .14em;
        color: var(--st-brand);
      }

      .td-day {
        font: 700 34px/1 var(--st-font-heading);
      }

      .td-where {
        display: flex;
        flex-direction: column;
        gap: 3px;
        min-width: 0;
      }

      .td-city {
        font: 700 clamp(19px,.9cqi + 14px,26px)/1.2 var(--st-font-heading);
      }

      .td-venue {
        color: var(--st-muted);
        font-size: 15.5px;
      }

      .td-status {
        font-size: 12.5px;
        font-weight: 700;
        letter-spacing: .08em;
        text-transform: uppercase;
        padding: 6px 12px;
        border-radius: 999px;
        color: var(--st-muted);
        border: 1px solid color-mix(in srgb,var(--st-text) 18%,transparent);
        white-space: nowrap;
      }

      .td-status[data-status="Few left"] {
        color: #fbbf24;
        border-color: color-mix(in srgb,#fbbf24 55%,transparent);
      }

      .td-status[data-status="Free"] {
        color: #4ade80;
        border-color: color-mix(in srgb,#4ade80 55%,transparent);
      }

      .td-status[data-status="Sold out"] {
        color: #f87171;
        border-color: color-mix(in srgb,#f87171 50%,transparent);
      }

      .td-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        padding: 0 22px;
        border-radius: 999px;
        background: var(--st-brand);
        color: var(--st-btn-text);
        font-weight: 700;
        font-size: 15px;
        text-decoration: none;
        white-space: nowrap;
        transition: transform .2s ease,box-shadow .2s ease;
      }

      .td-btn:hover,.td-btn:focus-visible {
        transform: translateY(-2px);
        box-shadow: 0 10px 24px -10px var(--st-brand);
        outline: none;
      }

      .td-row[data-status="Sold out"] .td-where,.td-row[data-status="Sold out"] .td-date {
        opacity: .55;
      }

      .td-row[data-status="Sold out"] .td-btn {
        background: transparent;
        color: var(--st-muted);
        border: 1px solid color-mix(in srgb,var(--st-text) 20%,transparent);
        pointer-events: none;
      }

      .td-foot {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 16px 32px;
        margin-top: clamp(20px,2.6cqi,32px);
      }

      .td-note {
        color: var(--st-muted);
        font-size: 15px;
        max-width: 44em;
      }

      @container st (max-width:720px) {
        .td-row {
          grid-template-columns: 76px minmax(0,1fr);
          grid-template-areas: "date where" "status btn";
        }
        .td-date {
          grid-area: date;
        }
        .td-where {
          grid-area: where;
        }
        .td-status {
          grid-area: status;
          justify-self: start;
        }
        .td-btn {
          grid-area: btn;
          justify-self: end;
        }
      }

      /* Discography Grid */ .st-discography {
        padding: clamp(56px,7cqi,104px) 0;
      }

      .dg-chips {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
        margin-bottom: clamp(24px,3cqi,40px);
      }

      .dg-chips:empty {
        display: none;
      }

      .dg-chip {
        min-height: 40px;
        padding: 0 18px;
        border: 1px solid color-mix(in srgb,var(--st-text) 16%,transparent);
        border-radius: 999px;
        background: transparent;
        color: var(--st-text);
        font: 600 14.5px/1 var(--st-font-body);
        cursor: pointer;
        transition: background .2s,color .2s,border-color .2s;
      }

      .dg-chip:hover {
        border-color: var(--st-brand);
        color: var(--st-brand);
      }

      .dg-chip[aria-pressed="true"] {
        background: var(--st-brand);
        border-color: var(--st-brand);
        color: var(--st-btn-text);
      }

      .dg-chip:focus-visible {
        outline: 3px solid color-mix(in srgb,var(--st-brand) 45%,transparent);
        outline-offset: 2px;
      }

      .dg-grid {
        list-style: none;
        display: grid;
        grid-template-columns: repeat(auto-fill,minmax(min(100%,230px),1fr));
        gap: clamp(22px,3cqi,40px) clamp(16px,2cqi,28px);
      }

      .dg-item[hidden] {
        display: none;
      }

      .dg-link {
        display: flex;
        flex-direction: column;
        gap: 16px;
        color: inherit;
        text-decoration: none;
      }

      .dg-art {
        position: relative;
        display: block;
        aspect-ratio: 1;
        margin-right: 14%;
      }

      .dg-cover {
        position: relative;
        z-index: 2;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: calc(var(--st-radius) * .5px);
        background: var(--st-surface);
        box-shadow: 0 18px 40px -18px rgba(0,0,0,.7);
        transition: transform .45s cubic-bezier(.2,.8,.2,1);
      }

      .dg-disc {
        position: absolute;
        z-index: 1;
        top: 3%;
        left: 6%;
        width: 94%;
        aspect-ratio: 1;
        border-radius: 50%;
        background: radial-gradient(circle,var(--st-brand) 0 9%,#0b0b10 9.5% 17%,transparent 17.5%),repeating-radial-gradient(circle,#232634 0 2px,#10121a 2px 4px);
        box-shadow: 0 12px 28px -12px rgba(0,0,0,.8),0 0 0 2px color-mix(in srgb,var(--st-brand) 25%,transparent);
        transition: transform .55s cubic-bezier(.2,.8,.2,1);
      }

      .dg-item:hover .dg-disc,.dg-link:focus-visible .dg-disc {
        transform: translateX(24%) rotate(160deg);
      }

      .dg-item:hover .dg-cover,.dg-link:focus-visible .dg-cover {
        transform: translateX(-4%);
      }

      .dg-link:focus-visible {
        outline: 3px solid var(--st-brand);
        outline-offset: 6px;
        border-radius: calc(var(--st-radius) * 1px);
      }

      .dg-meta {
        display: flex;
        flex-direction: column;
        gap: 4px;
      }

      .dg-type {
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .12em;
        text-transform: uppercase;
        color: var(--st-brand);
      }

      .dg-title {
        font: 700 clamp(18px,.8cqi + 14px,22px)/1.25 var(--st-font-heading);
      }

      .dg-sub {
        display: flex;
        gap: 10px;
        color: var(--st-muted);
        font-size: 14.5px;
      }

      .dg-info::before {
        content: "\00b7";
        margin-right: 10px;
      }

      .dg-go {
        margin-top: 6px;
        font-weight: 700;
        font-size: 14.5px;
        color: var(--st-text);
        border-bottom: 2px solid var(--st-brand);
        align-self: flex-start;
        padding-bottom: 2px;
      }

      @media (hover:none) {
        .dg-disc {
          transform: translateX(18%);
        }
        .dg-cover {
          transform: translateX(-3%);
        }
      }

      @media (prefers-reduced-motion:reduce) {
        .dg-disc,.dg-cover {
          transition: none;
        }
      }

      /* Video Section with Poster */ .st-video-section {
        padding: clamp(56px,7cqi,104px) 0;
      }

      .vs-box {
        position: relative;
        overflow: hidden;
        aspect-ratio: 16/9;
        border-radius: calc(var(--st-radius) * 1.3px);
        background: #0b1020;
        box-shadow: 0 40px 80px -40px color-mix(in srgb,var(--st-text) 55%,transparent);
      }

      .vs-poster {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .8s cubic-bezier(.2,.8,.2,1);
      }

      .vs-box:hover .vs-poster {
        transform: scale(1.03);
      }

      .vs-play {
        position: absolute;
        inset: 0;
        display: flex;
        align-items: flex-end;
        gap: 16px;
        padding: clamp(16px,3cqi,32px);
        color: #fff;
        text-decoration: none;
        background: linear-gradient(to top,rgba(8,10,20,.65),rgba(8,10,20,.05) 55%);
        cursor: pointer;
      }

      .vs-btn {
        position: absolute;
        left: 50%;
        top: 50%;
        display: grid;
        place-items: center;
        width: clamp(64px,9cqi,92px);
        height: clamp(64px,9cqi,92px);
        margin: calc(clamp(64px,9cqi,92px) / -2) 0 0 calc(clamp(64px,9cqi,92px) / -2);
        border-radius: 50%;
        background: var(--st-brand);
        color: var(--st-btn-text);
        box-shadow: 0 0 0 0 color-mix(in srgb,var(--st-brand) 55%,transparent);
        transition: transform .25s ease;
      }

      .vs-btn svg {
        margin-left: 4px;
      }

      .vs-play:hover .vs-btn {
        transform: scale(1.08);
      }

      .vs-play:focus-visible {
        outline: 4px solid var(--st-brand);
        outline-offset: -4px;
      }

      .vs-meta {
        display: flex;
        align-items: center;
        gap: 10px;
        font-weight: 700;
        font-size: 15px;
      }

      .vs-dur {
        padding: 3px 9px;
        border-radius: 999px;
        background: rgba(255,255,255,.2);
        font-size: 13px;
        font-variant-numeric: tabular-nums;
      }

      .vs-dur:empty {
        display: none;
      }

      .vs-embed {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        border: 0;
        background: #000;
      }

      .vs-box.is-playing .vs-poster,.vs-box.is-playing .vs-play {
        display: none;
      }

      .vs-points {
        list-style: none;
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(min(100%,240px),1fr));
        gap: clamp(20px,2.6cqi,36px);
        margin-top: clamp(28px,3.4cqi,48px);
      }

      .vs-point {
        padding-top: 18px;
        border-top: 2px solid color-mix(in srgb,var(--st-brand) 70%,transparent);
      }

      .vs-point-title {
        margin-bottom: 6px;
        font-size: 18px;
        line-height: 1.3;
        letter-spacing: -.01em;
      }

      .vs-point-text {
        color: var(--st-muted);
        font-size: 15.5px;
      }

      @media (prefers-reduced-motion:no-preference) {
        .vs-btn {
          animation: vs-pulse 2.6s ease-out infinite;
        }
      }

      @keyframes vs-pulse {
        0% {
          box-shadow: 0 0 0 0 color-mix(in srgb,var(--st-brand) 55%,transparent);
        }
        70%,100% {
          box-shadow: 0 0 0 22px transparent;
        }
      }

      @container st (max-width:560px) {
        .vs-meta {
          font-size: 13.5px;
        }
      }

      /* Filterable Image Gallery */ .st-gallery-grid {
        padding: clamp(56px,7cqi,104px) 0;
      }

      .gg-filters {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px;
        margin-bottom: clamp(24px,3cqi,36px);
      }

      .gg-filters:empty {
        display: none;
      }

      .gg-chip {
        min-height: 40px;
        padding: 0 18px;
        border: 1px solid color-mix(in srgb,var(--st-text) 14%,transparent);
        border-radius: 999px;
        background: transparent;
        color: var(--st-text);
        font: 600 14.5px/1 var(--st-font-body);
        cursor: pointer;
        transition: background .2s ease,color .2s ease,border-color .2s ease;
      }

      .gg-chip:hover {
        border-color: var(--st-brand);
        color: var(--st-brand);
      }

      .gg-chip[aria-pressed="true"] {
        background: var(--st-brand);
        border-color: var(--st-brand);
        color: var(--st-btn-text);
      }

      .gg-chip:focus-visible {
        outline: 3px solid color-mix(in srgb,var(--st-brand) 45%,transparent);
        outline-offset: 2px;
      }

      .gg-grid {
        list-style: none;
        display: grid;
        grid-template-columns: repeat(auto-fill,minmax(min(100%,260px),1fr));
        gap: clamp(12px,1.6cqi,20px);
      }

      .gg-item {
        position: relative;
        overflow: hidden;
        border-radius: calc(var(--st-radius) * 1px);
        background: var(--st-surface);
        aspect-ratio: 4/3;
      }

      .gg-item[hidden] {
        display: none;
      }

      .gg-item[role="button"] {
        cursor: zoom-in;
      }

      .gg-item:focus-visible {
        outline: 3px solid var(--st-brand);
        outline-offset: 3px;
      }

      .gg-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .7s cubic-bezier(.2,.8,.2,1);
      }

      .gg-item:hover .gg-img {
        transform: scale(1.07);
      }

      .gg-cap {
        position: absolute;
        inset: auto 0 0;
        display: flex;
        flex-direction: column;
        gap: 2px;
        padding: 44px 16px 14px;
        color: #fff;
        background: linear-gradient(to top,rgba(10,12,20,.78),transparent);
        opacity: 0;
        transform: translateY(8px);
        transition: opacity .3s ease,transform .3s ease;
      }

      .gg-item:hover .gg-cap,.gg-item:focus-visible .gg-cap {
        opacity: 1;
        transform: none;
      }

      .gg-title {
        font-size: 16px;
        line-height: 1.3;
      }

      .gg-text {
        font-size: 13.5px;
        opacity: .85;
      }

      @media (hover:none) {
        .gg-cap {
          opacity: 1;
          transform: none;
        }
      }

      .stg-lb {
        position: fixed;
        inset: 0;
        z-index: 9999;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: clamp(16px,4vw,48px);
        background: rgba(8,10,16,.92);
        animation: stg-fade .2s ease;
      }

      .stg-lb[hidden] {
        display: none;
      }

      .stg-lb-fig {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 14px;
        max-width: min(1100px,100%);
        max-height: 100%;
        margin: 0;
      }

      .stg-lb-img {
        display: block;
        max-width: 100%;
        max-height: calc(var(--lb-h,100vh) - 150px);
        border-radius: 10px;
        object-fit: contain;
        background: #111;
      }

      .stg-lb-cap {
        color: #e5e7eb;
        font: 500 15px/1.5 system-ui,sans-serif;
        text-align: center;
      }

      .stg-lb-cap:empty {
        display: none;
      }

      .stg-lb-close,.stg-lb-nav {
        position: absolute;
        display: grid;
        place-items: center;
        width: 48px;
        height: 48px;
        border: 0;
        border-radius: 50%;
        background: rgba(255,255,255,.12);
        color: #fff;
        font: 400 30px/1 system-ui,sans-serif;
        cursor: pointer;
        transition: background .2s ease;
      }

      .stg-lb-close svg,.stg-lb-nav svg {
        display: block;
        width: 22px;
        height: 22px;
        pointer-events: none;
      }

      .stg-lb-close:hover,.stg-lb-nav:hover {
        background: rgba(255,255,255,.24);
      }

      .stg-lb-close:focus-visible,.stg-lb-nav:focus-visible {
        outline: 3px solid #fff;
        outline-offset: 2px;
      }

      .stg-lb-close {
        top: 16px;
        right: 16px;
      }

      .stg-lb-prev {
        left: 16px;
        top: 50%;
        margin-top: -24px;
      }

      .stg-lb-next {
        right: 16px;
        top: 50%;
        margin-top: -24px;
      }

      .stg-lb.is-single .stg-lb-nav {
        display: none;
      }

      .stg-lb-count {
        position: absolute;
        bottom: 14px;
        left: 0;
        right: 0;
        margin: 0;
        color: #9ca3af;
        font: 500 13px/1 system-ui,sans-serif;
        text-align: center;
      }

      html.stg-open {
        overflow: hidden;
      }

      @keyframes stg-fade {
        from {
          opacity: 0;
        }
        to {
          opacity: 1;
        }
      }

      @media (prefers-reduced-motion:reduce) {
        .stg-lb {
          animation: none;
        }
        .gg-img,.gg-cap {
          transition: none;
        }
      }

      @container st (max-width:520px) {
        .gg-grid {
          grid-template-columns: 1fr 1fr;
        }
        .gg-cap {
          display: none;
        }
      }

      /* Testimonial Carousel */ .st-testimonials-carousel {
        padding: clamp(64px,8cqi,112px) 0;
      }

      .st-stars {
        color: #f59e0b;
        font-size: 16px;
        letter-spacing: 2px;
        line-height: 1;
      }

      .st-person {
        display: flex;
        align-items: center;
        gap: 12px;
      }

      .st-avatar {
        width: 44px;
        height: 44px;
        flex: none;
        border-radius: 50%;
        object-fit: cover;
        background: var(--st-surface);
      }

      .st-person-name {
        font-weight: 700;
        font-size: 15.5px;
        line-height: 1.3;
      }

      .st-person-role {
        color: var(--st-muted);
        font-size: 14px;
        line-height: 1.4;
      }

      .st-person-role:empty {
        display: none;
      }

      .tc-top {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 24px;
        margin-bottom: clamp(28px,3.4cqi,44px);
      }

      .tc-head {
        margin: 0;
      }

      .tc-arrows {
        display: flex;
        gap: 10px;
        flex: none;
      }

      .tc-arrow {
        position: relative;
        display: grid;
        place-items: center;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        border: 1px solid color-mix(in srgb,var(--st-text) 16%,transparent);
        background: var(--st-bg);
        color: var(--st-text);
        cursor: pointer;
        transition: background .2s ease,color .2s ease,opacity .2s ease;
      }

      .tc-arrow:hover:not(:disabled) {
        background: var(--st-brand);
        border-color: var(--st-brand);
        color: var(--st-btn-text);
      }

      .tc-arrow:disabled {
        opacity: .35;
        cursor: default;
      }

      .tc-arrow:focus-visible,.tc-track:focus-visible {
        outline: 3px solid color-mix(in srgb,var(--st-brand) 45%,transparent);
        outline-offset: 3px;
      }

      .tc-sr {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
      }

      .tc-track {
        display: flex;
        gap: clamp(14px,1.8cqi,22px);
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        padding: 4px 2px 16px;
        margin: 0 -2px;
        overscroll-behavior-x: contain;
      }

      .tc-track::-webkit-scrollbar {
        display: none;
      }

      .tc-track.is-draggable {
        scroll-snap-type: none;
        cursor: grab;
      }

      .tc-track.is-draggable:active {
        cursor: grabbing;
      }

      .tc-card {
        flex: 0 0 clamp(280px,32%,400px);
        scroll-snap-align: start;
        display: flex;
        flex-direction: column;
        gap: 16px;
        margin: 0;
        padding: clamp(24px,2.6cqi,32px);
        border-radius: calc(var(--st-radius) * 1px);
        background: var(--st-surface);
        user-select: none;
      }

      .tc-quote {
        flex: 1;
        font-size: 17px;
        line-height: 1.65;
      }

      @container st (max-width:700px) {
        .tc-top {
          flex-direction: column;
          align-items: flex-start;
        }
        .tc-card {
          flex-basis: 85%;
        }
      }

      /* Product Grid */ .st-product-grid {
        padding: clamp(56px,7cqi,104px) 0;
      }

      .pg-top {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 16px;
        margin-bottom: clamp(24px,3cqi,40px);
      }

      .pg-head {
        margin: 0;
      }

      .pg-all {
        color: var(--st-brand);
        font-weight: 700;
        text-decoration: none;
        white-space: nowrap;
      }

      .pg-all:hover {
        text-decoration: underline;
      }

      .pg-grid {
        list-style: none;
        display: grid;
        grid-template-columns: repeat(4,minmax(0,1fr));
        gap: clamp(16px,2cqi,28px);
      }

      .pg-card {
        display: flex;
        flex-direction: column;
        overflow: hidden;
        border-radius: calc(var(--st-radius) * 1.1px);
        background: var(--st-surface);
        border: 1px solid color-mix(in srgb,var(--st-text) 6%,transparent);
        transition: transform .3s ease,box-shadow .3s ease;
      }

      .pg-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 24px 44px -28px color-mix(in srgb,var(--st-text) 55%,transparent);
      }

      .pg-media {
        position: relative;
        display: block;
        aspect-ratio: 4/5;
        overflow: hidden;
        background: color-mix(in srgb,var(--st-brand) 8%,var(--st-surface));
      }

      .pg-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .6s cubic-bezier(.2,.8,.2,1);
      }

      .pg-card:hover .pg-img {
        transform: scale(1.05);
      }

      .pg-badge {
        position: absolute;
        top: 12px;
        left: 12px;
        padding: 5px 11px;
        border-radius: 999px;
        background: var(--st-text);
        color: var(--st-bg);
        font: 800 12px/1 var(--st-font-body);
        letter-spacing: .03em;
      }

      .pg-body {
        display: flex;
        flex-direction: column;
        gap: 6px;
        padding: 16px 18px 18px;
        flex: 1;
      }

      .pg-name {
        font-size: 17px;
        line-height: 1.3;
        letter-spacing: -.01em;
      }

      .pg-name a {
        color: inherit;
        text-decoration: none;
      }

      .pg-name a:hover {
        color: var(--st-brand);
      }

      .pg-text {
        color: var(--st-muted);
        font-size: 14.5px;
        line-height: 1.45;
      }

      .pg-rating {
        display: flex;
        align-items: center;
        gap: 5px;
        color: #b45309;
        font-size: 13.5px;
        font-weight: 700;
      }

      .pg-reviews {
        color: var(--st-muted);
        font-weight: 500;
      }

      .pg-price {
        display: flex;
        align-items: baseline;
        gap: 8px;
        margin-top: auto;
        padding-top: 6px;
      }

      .pg-price strong {
        font: 800 20px/1 var(--st-font-heading);
        letter-spacing: -.02em;
      }

      .pg-old {
        color: var(--st-muted);
        font-size: 14.5px;
      }

      .pg-old:empty {
        display: none;
      }

      .pg-btn {
        margin-top: 8px;
        min-height: 42px;
        padding: 0 16px;
        font-size: 14.5px;
      }

      @container st (max-width:1000px) {
        .pg-grid {
          grid-template-columns: repeat(3,minmax(0,1fr));
        }
      }

      @container st (max-width:720px) {
        .pg-grid {
          grid-template-columns: repeat(2,minmax(0,1fr));
        }
      }

      @container st (max-width:420px) {
        .pg-grid {
          grid-template-columns: 1fr;
        }
      }

      /* Booking Request Form */ .st-booking-form {
        padding: clamp(64px,8cqi,112px) 0;
      }

      .st-form {
        display: block;
      }

      .st-form-fields {
        display: flex;
        flex-direction: column;
        gap: 16px;
      }

      .st-form-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
      }

      .st-field {
        display: flex;
        flex-direction: column;
        gap: 7px;
        font-size: 14.5px;
        font-weight: 600;
        color: var(--st-text);
      }

      .st-field input,.st-field textarea {
        width: 100%;
        padding: 13px 15px;
        border-radius: calc(var(--st-radius) * .8px);
        border: 1px solid color-mix(in srgb,var(--st-text) 16%,transparent);
        background: var(--st-bg);
        color: var(--st-text);
        font: 400 16px/1.5 var(--st-font-body);
        outline: none;
        transition: border-color .2s ease,box-shadow .2s ease;
        resize: vertical;
      }

      .st-field input:focus,.st-field textarea:focus {
        border-color: var(--st-brand);
        box-shadow: 0 0 0 4px color-mix(in srgb,var(--st-brand) 18%,transparent);
      }

      .st-hp {
        position: absolute;
        left: -9999px;
        width: 1px;
        height: 1px;
        opacity: 0;
      }

      .st-form-btn {
        align-self: flex-start;
        min-width: 180px;
      }

      .st-form-btn[aria-busy="true"] {
        opacity: .7;
        cursor: progress;
      }

      .st-form-note {
        font-size: 13.5px;
        color: var(--st-muted);
      }

      .st-form-error {
        padding: 12px 14px;
        border-radius: calc(var(--st-radius) * .8px);
        background: #fef2f2;
        color: #b91c1c;
        font-size: 14.5px;
      }

      .st-form-success {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        padding: 8px 0;
        outline: none;
      }

      .st-form-success[hidden],.st-form-error[hidden] {
        display: none;
      }

      .st-form-success h3 {
        font-size: 22px;
      }

      .st-form-success p {
        color: var(--st-muted);
      }

      @container st (max-width:560px) {
        .st-form-row {
          grid-template-columns: 1fr;
        }
        .st-form-btn {
          width: 100%;
        }
      }

      .st-field select {
        width: 100%;
        padding: 13px 44px 13px 15px;
        -webkit-appearance: none;
        appearance: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 16px center;
        background-size: 16px;
        cursor: pointer;
        border-radius: calc(var(--st-radius) * .8px);
        border: 1px solid color-mix(in srgb,var(--st-text) 16%,transparent);
        background-color: var(--st-bg);
        color: var(--st-text);
        font: 400 16px/1.5 var(--st-font-body);
        outline: none;
        transition: border-color .2s ease,box-shadow .2s ease;
      }

      .st-field select:focus,.st-field input[type="date"]:focus {
        border-color: var(--st-brand);
        box-shadow: 0 0 0 4px color-mix(in srgb,var(--st-brand) 18%,transparent);
      }

      .st-field input[type="date"] {
        min-height: 51px;
      }

      .bk {
        display: grid;
        grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr);
        align-items: start;
        gap: clamp(36px,5cqi,80px);
      }

      .bk-info {
        display: flex;
        flex-direction: column;
        gap: 30px;
      }

      .bk-head {
        margin: 0;
      }

      .bk-sub {
        margin-bottom: 12px;
        font-size: 17px;
        letter-spacing: -.01em;
      }

      .bk-hours {
        display: flex;
        flex-direction: column;
        border-top: 1px solid color-mix(in srgb,var(--st-text) 10%,transparent);
      }

      .bk-row {
        display: flex;
        justify-content: space-between;
        gap: 16px;
        padding: 11px 0;
        border-bottom: 1px solid color-mix(in srgb,var(--st-text) 10%,transparent);
        font-size: 15.5px;
      }

      .bk-row dt {
        font-weight: 600;
      }

      .bk-row dd {
        color: var(--st-muted);
        font-variant-numeric: tabular-nums;
      }

      .bk-card {
        padding: clamp(24px,3.4cqi,40px);
        border-radius: calc(var(--st-radius) * 1.3px);
        background: var(--st-surface);
        border: 1px solid color-mix(in srgb,var(--st-text) 7%,transparent);
        box-shadow: 0 30px 70px -40px color-mix(in srgb,var(--st-text) 45%,transparent);
      }

      @container st (max-width:860px) {
        .bk {
          grid-template-columns: 1fr;
        }
      }

      /* Newsletter Signup CTA */ .st-cta-newsletter {
        padding: clamp(56px,7cqi,104px) 0;
      }

      .cn {
        max-width: 760px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        padding: clamp(36px,5cqi,60px) clamp(22px,5cqi,60px);
        text-align: center;
        border-radius: calc(var(--st-radius) * 1.4px);
        background: var(--st-surface);
        border: 1px solid color-mix(in srgb,var(--st-text) 7%,transparent);
        box-shadow: 0 30px 70px -40px color-mix(in srgb,var(--st-brand) 50%,transparent);
      }

      .cn-icon {
        width: 56px;
        height: 56px;
        margin-bottom: 6px;
      }

      .cn-icon svg {
        width: 28px;
        height: 28px;
      }

      .cn .cn-title {
        font-size: clamp(28px,2.4cqi + 14px,42px);
      }

      .cn-form {
        display: flex;
        gap: 10px;
        width: 100%;
        max-width: 520px;
        margin-top: 10px;
        padding: 6px;
        border-radius: calc(var(--st-radius) * 1px + 6px);
        background: var(--st-bg);
        border: 1px solid color-mix(in srgb,var(--st-text) 12%,transparent);
      }

      .cn-form:focus-within {
        border-color: var(--st-brand);
        box-shadow: 0 0 0 4px color-mix(in srgb,var(--st-brand) 18%,transparent);
      }

      .cn-input {
        flex: 1;
        min-width: 0;
        padding: 0 14px;
        border: 0;
        background: none;
        color: var(--st-text);
        font: 500 16px/1 var(--st-font-body);
        outline: none;
      }

      .cn-input::placeholder {
        color: color-mix(in srgb,var(--st-muted) 75%,transparent);
      }

      .cn-btn {
        flex: none;
      }

      .cn-meta {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 4px 14px;
        font-size: 14px;
        color: var(--st-muted);
      }

      .cn-proof {
        font-weight: 700;
        color: var(--st-text);
      }

      .cn-proof:empty,.cn-note:empty {
        display: none;
      }

      @container st (max-width:520px) {
        .cn-form {
          flex-direction: column;
          background: none;
          border: 0;
          padding: 0;
        }
        .cn-form:focus-within {
          box-shadow: none;
        }
        .cn-input {
          min-height: 52px;
          border-radius: calc(var(--st-radius) * 1px);
          border: 1px solid color-mix(in srgb,var(--st-text) 15%,transparent);
          background: var(--st-bg);
        }
        .cn-btn {
          width: 100%;
        }
      }

      /* Minimal Footer */ .st-footer-minimal {
        padding: 36px 0 28px;
        border-top: 1px solid color-mix(in srgb,var(--st-text) 8%,transparent);
      }

      .st-brand {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        flex: none;
        text-decoration: none;
        color: var(--st-text);
      }

      .st-brand-img {
        height: 32px;
        width: auto;
        max-width: 180px;
        object-fit: contain;
      }

      .st-brand-mark {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        font: 800 21px/1 var(--st-font-heading);
        letter-spacing: -.03em;
      }

      .st-brand-icon {
        display: grid;
        place-items: center;
        width: 34px;
        height: 34px;
        border-radius: calc(var(--st-radius) * .7px);
        background: var(--st-brand);
        color: var(--st-btn-text);
      }

      .st-brand-icon svg {
        width: 19px;
        height: 19px;
      }

      .st-socials {
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }

      .st-social {
        display: grid;
        place-items: center;
        width: 40px;
        height: 40px;
        border-radius: calc(var(--st-radius) * .7px);
        color: var(--st-muted);
        background: color-mix(in srgb,var(--st-text) 6%,transparent);
        transition: color .2s ease,background .2s ease,transform .2s ease;
      }

      .st-social:hover {
        color: var(--st-btn-text);
        background: var(--st-brand);
        transform: translateY(-2px);
      }

      .st-social > span {
        display: block;
        line-height: 0;
      }

      .st-social svg {
        display: block;
        width: 19px;
        height: 19px;
      }

      .fm .st-brand-mark {
        font-size: 19px;
      }

      .fm .st-brand-icon {
        width: 30px;
        height: 30px;
      }

      .fm-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 20px 32px;
        padding-bottom: 24px;
        border-bottom: 1px solid color-mix(in srgb,var(--st-text) 8%,transparent);
      }

      .fm-links {
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        gap: 8px 26px;
      }

      .fm-links a {
        color: var(--st-muted);
        font-size: 15px;
        font-weight: 500;
        text-decoration: none;
      }

      .fm-links a:hover {
        color: var(--st-brand);
      }

      .fm .st-social {
        width: 36px;
        height: 36px;
        background: none;
      }

      .fm .st-social:hover {
        background: color-mix(in srgb,var(--st-brand) 12%,transparent);
        color: var(--st-brand);
      }

      .fm-copy {
        padding-top: 20px;
        color: var(--st-muted);
        font-size: 14px;
        text-align: center;
      }

      @container st (max-width:760px) {
        .fm-row {
          flex-direction: column;
          text-align: center;
        }
        .fm-links {
          justify-content: center;
        }
        .fm .st-socials {
          justify-content: center;
        }
      }
      /* Forzar texto e imagen en dos columnas */
.st-music-hero .mh {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 50px;
    width: 100%;
}

.st-music-hero .mh-content {
    min-width: 0;
    width: 100%;
}

.st-music-hero .mh-image {
    width: 100%;
    max-width: none;
    height: 480px;
    min-width: 0;
}

.st-music-hero .mh-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Móviles */
@media (max-width: 768px) {
    .st-music-hero .mh {
        grid-template-columns: 1fr;
    }

    .st-music-hero .mh-image {
        height: 350px;
    }
}