/* Native homepage banner: full composition, bounded width, black edge fade. */
.breakdance .jd-final-home .jd-final-hero { height: auto; background: #000; }
.breakdance .jd-final-home .jd-final-hero > .section-container { position: relative; max-width: 1600px; margin-inline: auto; height: auto; }
.breakdance .jd-final-home .jd-final-hero-image { position: relative; inset: auto; height: auto; filter: none; }
.breakdance .jd-final-home .jd-final-hero-image figure,
.breakdance .jd-final-home .jd-final-hero-image .breakdance-image-container,
.breakdance .jd-final-home .jd-final-hero-image .breakdance-image-clip { height: auto; }
.breakdance .jd-final-home .jd-final-hero-image img { display: block; width: 100%; height: auto; aspect-ratio: auto 1983 / 793; object-fit: contain; object-position: center; }
.breakdance .jd-final-home .jd-final-hero::after { display: none; }
.breakdance .jd-final-home .jd-final-hero > .section-container::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,#000 0%,rgba(0,0,0,.85) 2%,rgba(0,0,0,.45) 5%,rgba(0,0,0,.12) 9%,transparent 14%,transparent 86%,rgba(0,0,0,.12) 91%,rgba(0,0,0,.45) 95%,rgba(0,0,0,.85) 98%,#000 100%); pointer-events: none; }
.breakdance .jd-final-home .jd-final-hero-copy { left: 32px; bottom: 32px; max-width: 560px; gap: 16px; text-shadow: none; }
.breakdance .jd-final-home .jd-final-hero h1 { font-size: 32px; }
.breakdance .jd-final-home .jd-final-hero .jd-copy { font-size: 14px; line-height: 1.5; }
@media (max-width: 767px) {
    .breakdance .jd-final-home .jd-final-hero-copy { position: relative; left: auto; right: auto; bottom: auto; max-width: none; padding: 24px 22px 32px; background: #000; }
    .breakdance .jd-final-home .jd-final-hero h1 { font-size: 28px; }
    .breakdance .jd-final-home .jd-final-hero > .section-container::after { display: none; }
}