@charset "UTF-8";.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .glp-compare-wrapper{max-width:100vw}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .product-tile{outline:unset}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner h1,.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner h2,.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner h3{text-transform:uppercase}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner .copy{text-align:left}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner .copy a{text-decoration-color:var(--c-accent-safe)}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-darkmode-d,.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-darkmode-m{--c-em-med:#fff}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner:not(.-darkmode-d),.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner:not(.-darkmode-m){--c-em-med:#000}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-placement-center .copy h2{border-bottom:2px solid var(--c-accent-safe)}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-hero{position:relative}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-hero>picture{max-height:calc(100vh - var(--sizing-header))}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-hero .inside{position:static;background:linear-gradient(0deg,rgba(0,0,0,.75) 0,rgba(0,0,0,0) 75%);padding-bottom:var(--spacing-xl)}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-hero .copy{display:flex;flex-direction:column;padding:25px}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-hero .copy h1{margin-bottom:0}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-hero .copy p{line-height:1.2;margin-top:auto}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-hero .copy .subtitle{font-size:clamp(20px,calc(1.25rem + 18 * ((100vw - 768px)/ 1152)),38px);min-height:0;order:-1;display:inline-block;padding:5px;background:var(--c-accent-safe);color:#fff;text-transform:uppercase;font-family:var(--font-headline);font-weight:700;font-size:14px;grid-column:span 2}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-intro .copy{text-align:left}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-intro .copy p span{font-size:clamp(48px,6.75vw,96px);float:left;font-weight:700;display:block;padding:.1ch .15ch .1ch 0;margin:0 .15ch 0 0;border-right:2px solid var(--c-accent-safe);border-bottom:2px solid var(--c-accent-safe);line-height:1.15ch}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-carousel-banner{display:flex}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-carousel-banner .inside{width:40%}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-carousel-banner .inside .copy h2{font-size:96px}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-carousel-banner .-carousel{display:flex;justify-content:center;align-items:center;height:80vh;background:#8eb780;margin:0;font-family:sans-serif;width:60%;flex-direction:column}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-carousel-banner .-carousel .-cards{position:relative;width:75%;height:75%;perspective:1000px}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-carousel-banner .-carousel .-cards .-card{position:absolute;width:100%;height:100%;box-shadow:0 6px 15px rgba(0,0,0,.15);background:#fff;display:flex;font-size:1.5rem;font-weight:700;transition:transform .6s ease,z-index .6s ease,opacity .3s ease;padding:24px;gap:24px}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-carousel-banner .-carousel .-cards .-card .copy{width:50%;padding:24px 0}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-carousel-banner .-carousel .-cards .-card .copy h3{font-size:32px}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-carousel-banner .-carousel .-cards .-card .copy p{font-weight:400}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-carousel-banner .-carousel .-cards .-card picture{width:50%}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-carousel-banner .-carousel .-controls{margin-top:20px;text-align:center}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-carousel-banner .-carousel .-controls span{font-family:var(--font-icon);font-size:38px;color:#000}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-carousel-banner .-carousel .-controls span:hover{cursor:pointer}@media (min-width:1024px){.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner h2{font-size:48px}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-margin-bottom{margin-bottom:7.5%}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-placement-center{align-items:flex-end}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-placement-center .copy{padding-bottom:0}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-hero .copy{display:grid;grid-template-columns:65% 1fr;grid-gap:0 25px}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-intro .copy{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}}@media (max-width:1023px){.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-hero .inside{display:flex;justify-content:flex-end;padding-bottom:var(--spacing-s)}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-hero .copy{padding-bottom:var(--spacing-headline);gap:20px}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-hero .copy>*{text-align:left}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-carousel-banner{flex-direction:column}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-carousel-banner .inside{width:100%}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-carousel-banner .inside .copy h2{font-size:var(--f-h2)}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-carousel-banner .-carousel{width:100%}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-carousel-banner .-carousel .-cards{width:90%;height:100%}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-carousel-banner .-carousel .-cards .-card{justify-content:center;align-items:center;height:fit-content}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-carousel-banner .-carousel .-cards .-card{flex-direction:column-reverse}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-carousel-banner .-carousel .-cards .-card .copy{width:100%}.mb-wrapper[data-id=mb-set-JBL-GLOBAL-FLIP7VSFLIP6-STORY] .mb-banner.-carousel-banner .-carousel .-cards .-card picture{width:100%}}