
/* JBL case v3 (webflow/migration/build_jbl_v3.py): full-width embeds instead of the template column */
.ig-case:has(.jbl-cs) :is(.ig-case__cover, .ig-case__title, .ig-case__meta, .ig-case__live) { display: none; }
/* the brief stays in the page, folded to nothing, so the side menu's "The brief" still leads to the top of the case */
.ig-case:has(.jbl-cs) .ig-case__brief { visibility: hidden; height: 0; margin: 0; padding: 0; overflow: hidden; }
@media (min-width: 992px) { .ig-case:has(.jbl-cs) { grid-template-columns: 220px minmax(0, 1000px); max-width: calc(220px + 1000px + var(--space-60) + 2 * var(--space-30)); } }
.ig-case__body:has(.jbl-cs) { margin: 0; }
/* the embeds were drawn on browser defaults: drop the case body's rich-text styles inside them (inline styles still win);
   stickers keep the site's own classes */
.ig-case__body .jbl-cs.jbl-cs.jbl-cs *:not(:where(svg, svg *, .ig-sticker, .ig-sticker *)) { all: revert; }
.ig-case__body .jbl-cs.jbl-cs.jbl-cs .jbl-float { position: absolute; top: 110px; right: 0; z-index: 1; }
.ig-case__body .jbl-cs.jbl-cs.jbl-cs section:has(> .jbl-float) { position: relative; }
.ig-case__body .jbl-cs.jbl-cs.jbl-cs div:has(> img:only-child) > img { transition: scale .6s var(--ease-out); }
.ig-case__body .jbl-cs.jbl-cs.jbl-cs div:has(> img:only-child):hover > img { scale: 1.03; }
@media (prefers-reduced-motion: no-preference) {  /* section 14: the rail tap, then Flip 6 in and out, while the song bar stays */
  .ig-case__body .jbl-cs.jbl-cs.jbl-cs .jbl-swap { animation: jbl-swap 7s var(--ease-inout) infinite; }
  .ig-case__body .jbl-cs.jbl-cs.jbl-cs .jbl-tap { animation: jbl-tap 7s ease-out infinite; }
}
@keyframes jbl-swap { 0%, 24% { opacity: 0; } 30%, 80% { opacity: 1; } 86%, 100% { opacity: 0; } }
@keyframes jbl-tap { 0%, 12% { opacity: 0; transform: scale(.6); } 18% { opacity: 1; transform: scale(1); } 27%, 100% { opacity: 0; transform: scale(1.4); } }
@media (max-width: 767px) {
  .ig-case__body .jbl-cs.jbl-cs.jbl-cs .jbl-float { position: static; display: flex; justify-content: flex-end; margin-bottom: -8px; }
  .ig-case__body .jbl-cs #s13 { padding: 40px 20px !important; }
}
.ig-case__body .jbl-cs.jbl-cs.jbl-cs :is(h1, h2, h3, h4) { font-family: var(--font-display); }
.ig-case__body .jbl-cs.jbl-cs.jbl-cs a { color: var(--heading); transition: letter-spacing var(--dur-base) ease-in-out; }
.ig-case__body .jbl-cs.jbl-cs.jbl-cs a:hover { letter-spacing: 1px; }
.ig-case__body .jbl-cs.jbl-cs.jbl-cs a:focus-visible { outline: 2px solid transparent; box-shadow: var(--focus-ring); }
.ig-case__body .jbl-cs.jbl-cs.jbl-cs li::before { content: none; }
.ig-case__body .jbl-cs > figure { max-width: 1440px !important; }
/* section 11: the user flow is clickable (data-jf, its script rides in the embed); the chosen step and its neighbours stay lit */
.ig-case__body .jbl-cs.jbl-cs.jbl-cs [hidden] { display: none !important; }
.jbl-cs .jf-n { cursor: pointer; outline: none; }
.jbl-cs :is(.jf-n, .jf-e) { transition: opacity var(--dur-base) ease; }
.jbl-cs [data-jf].has-sel :is(.jf-n, .jf-e):not(.is-near) { opacity: .25; }
.jbl-cs .jf-ring { fill: none; stroke: var(--orange); stroke-width: 3; opacity: 0; transition: opacity var(--dur-base) ease; }
.jbl-cs .jf-n:is(:hover, :focus-visible) .jf-ring { opacity: .45; }
.jbl-cs .jf-n.is-on .jf-ring { opacity: 1; }
.ig-case__body .jbl-cs.jbl-cs.jbl-cs [data-jf] button:hover { background: var(--paper-deep) !important; }
.ig-case__body .jbl-cs.jbl-cs.jbl-cs [data-jf] button:focus-visible { outline: 2px solid transparent; box-shadow: var(--focus-ring); }
/* the few in-between tones the embeds need, mixed from the design-system tokens */
.jbl-cs { --jbl-dash: color-mix(in srgb, var(--heading) 42%, transparent); --jbl-muted: color-mix(in srgb, var(--body) 60%, var(--white));
  --jbl-ink-2: color-mix(in srgb, var(--white) 6%, var(--heading)); --jbl-ink-3: color-mix(in srgb, var(--white) 14%, var(--heading)); }
@media (prefers-reduced-motion: reduce) { .ig-case__body .jbl-cs.jbl-cs.jbl-cs :is(a, img) { transition: none; scale: none; } }
.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j72c0{font-family:var(--font-text);font-weight:600;letter-spacing:.12em;font-size:11px;color:var(--body)}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j86d7{width:24px;height:24px;border-radius:var(--radius-circle);background:var(--orange);color:var(--heading);font-family:var(--font-text);font-weight:600;letter-spacing:.12em;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:500}.ig-case__body .jbl-cs.jbl-cs.j937b{font-family:var(--font-text);font-size:17px;line-height:1.6;color:var(--heading);-webkit-font-smoothing:antialiased;font-weight:500}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .jdefe{font-family:var(--font-text);font-weight:600;letter-spacing:.12em;font-size:12px;color:var(--body)}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j8560{font-family:var(--font-text);font-weight:600;letter-spacing:.12em;font-size:11px;color:var(--body);display:block}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .jcff4{width:34px;height:34px;flex:none;border-radius:var(--radius-circle);background:var(--heading);color:var(--white);display:flex;align-items:center;justify-content:center;font-family:var(--font-text);font-weight:600;letter-spacing:.12em;font-size:12px;box-shadow:0 0 0 4px var(--paper),0 0 0 5px var(--orange)}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j4590{font-size:clamp(28px,3.4vw,42px);line-height:1.1;letter-spacing:-.025em;font-weight:500;margin:0;text-wrap:balance}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j5549{width:22px;height:22px;border-radius:var(--radius-circle);border:2px solid var(--heading);display:flex;align-items:center;justify-content:center;font-family:var(--font-text);font-weight:600;letter-spacing:.12em;font-size:10px;flex:none}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .je187{font-weight:500;font-size:22px;letter-spacing:-.01em;line-height:1.2;font-family:var(--font-display)}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j6d77{border:2px solid var(--heading);border-radius:var(--radius-pill);padding:6px 14px;font-size:15px;background:var(--paper);font-family:var(--font-display);font-weight:600}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j926e{font-family:var(--font-text);font-size:14px;text-anchor:middle;fill:var(--heading);}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j89ae{position:relative;container-type:inline-size;aspect-ratio:16/10;background:var(--white);border:2px solid var(--heading);border-radius:var(--radius-card);overflow:hidden}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .ja338{font-family:var(--font-text);font-weight:600;letter-spacing:.12em;font-size:11px;text-anchor:middle;fill:var(--body);}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j7c9d{display:grid;grid-template-columns:28px 1fr;gap:10px;font-size:15px}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j814f{height:6px;border-radius:2px;background:var(--orange)}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j5f23{flex:none;width:28px;height:28px;border-radius:var(--radius-circle);background:var(--orange);color:var(--heading);display:flex;align-items:center;justify-content:center;font-size:15px;margin-top:2px}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .jba2f{border:2px solid var(--heading);border-radius:var(--radius-pill);padding:3px 10px;background:var(--paper);font-family:var(--font-display);font-weight:600}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .jce00{max-width:1200px;margin:0 auto;padding:120px 0 0;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:28px}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .jb13f{display:flex;flex-direction:column;gap:8px;max-width:560px}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j99bf{font-size:22px;font-weight:500;letter-spacing:-.01em;font-family:var(--font-display)}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .jedd6{background:var(--white);border:0;border-radius:var(--radius-card);padding:18px;display:flex;flex-direction:column;gap:12px;flex:1}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j5fb3{fill:none;stroke:var(--heading);stroke-width:1.5;}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .jab41{font-family:var(--font-text);font-weight:600;letter-spacing:.12em;font-size:12px;color:var(--orange)}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .jf82a{fill:none;stroke:var(--heading);stroke-width:1.5;stroke:var(--orange);stroke-width:2}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j3a38{font-family:var(--font-text);font-weight:600;letter-spacing:.12em;font-size:11px;color:var(--body);display:flex;align-items:center;gap:6px}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j7b14{position:relative;border-radius:var(--radius-card);overflow:hidden;background:var(--paper-deep);flex:2 1 480px;min-width:0;max-width:100%}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j1ba8{font-family:var(--font-text);font-weight:600;letter-spacing:.12em;font-size:11px;text-anchor:middle;fill:var(--body);text-anchor:start}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j367e{margin:0;color:var(--body);font-size:15px}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j54c5{display:flex;flex-direction:column;align-items:center;width:22px;flex:none}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j9bf1{font-weight:500;font-size:20px;letter-spacing:-.01em;font-family:var(--font-display)}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j81d7{fill:var(--white);stroke:var(--orange);stroke-width:1.5}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .jacd7{display:flex;justify-content:space-between;gap:12px;font-family:var(--font-text);font-weight:600;letter-spacing:.12em;font-size:11px;color:var(--body)}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j6649{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px 40px;padding:22px 0}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .jcc29{font-family:var(--font-text);font-size:14px;text-anchor:middle;fill:var(--heading);fill:var(--jbl-muted)}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .jf423{font-size:14px;border-top:2px solid var(--orange);padding-top:10px;margin-top:auto}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j119e{font-size:24px;font-weight:500;letter-spacing:-.015em;line-height:1.2;font-family:var(--font-display)}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j8339{background:var(--white);padding:18px;display:flex;flex-direction:column;gap:6px;min-height:110px}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j5bec{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:baseline}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .jcb43{display:flex;flex-direction:column;gap:18px;max-width:680px}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .jf3b2{flex:1;width:1.5px;background:var(--heading);min-height:8px}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j5ee5{font-family:var(--font-text);font-weight:600;letter-spacing:.12em;font-size:11px;color:var(--body);margin-bottom:4px}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j0069{fill:none;stroke:var(--heading);stroke-width:1.5;stroke:var(--orange);stroke-width:1.5}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j1eda{margin:0;display:flex;flex-direction:column;gap:10px}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .jac52{font-family:var(--font-text);font-weight:600;letter-spacing:.12em;font-size:12px;color:var(--menu-muted)}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j7848{font-family:var(--font-text);font-weight:600;letter-spacing:.12em;font-size:11px;color:var(--menu-muted)}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j0a78{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .jed1c{font-family:var(--font-text);font-size:14px;text-anchor:middle;fill:var(--heading);font-weight:500}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .jfb74{display:flex;flex-direction:column;gap:4px}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .je19f{display:flex;gap:12px;align-items:stretch}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .jaec3{margin:0;color:var(--body)}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j4568{height:6px;border-radius:2px;background:var(--paper-deep)}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .jd812{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j0987{display:flex;flex-direction:column;gap:18px;flex:1 1 260px;min-width:0}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j2283{margin:0;display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j83ee{padding:20px 20px 20px 0;display:flex;flex-direction:column;gap:6px}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j2ee6{color:var(--heading);font-size:14px;line-height:1;margin-left:-2px}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .jacae{width:8px;height:8px;border-radius:var(--radius-circle);border:2px solid var(--heading)}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j8126{display:flex;flex-direction:column;gap:18px}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .jbbc0{display:flex;flex-direction:column;gap:12px}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .jbaf4{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;font-size:16px}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j9c6a{background:var(--jbl-ink-2);padding:22px;display:flex;flex-direction:column;gap:8px}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j26d0{font-size:22px;font-weight:500;font-family:var(--font-display)}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .jee2c{width:8px;height:8px;border-radius:var(--radius-circle);background:var(--orange)}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j7beb{flex:1;height:2px;background:var(--heading);margin-left:10px}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j8dff{padding-top:14px;display:flex;flex-direction:column;gap:6px}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j5c3b{grid-column:2;font-size:14px;color:var(--body)}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j6f57{fill:var(--white);stroke:var(--heading);stroke-width:1.5}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j6889{fill:var(--white);stroke:var(--jbl-dash);stroke-width:1}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j3503{display:flex;flex-direction:column;gap:6px}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .jcf2a{margin:0;display:flex;flex-direction:column;gap:12px}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .jcaff{fill:none;stroke:var(--heading);stroke-width:1.5;stroke-dasharray:5 4}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j17f1{font-size:18px;font-weight:500;font-family:var(--font-display)}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j8162{display:flex;align-items:center;gap:0}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j4e87{display:flex;gap:14px;align-items:flex-start}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .jc2c3{display:flex;gap:16px;align-items:baseline}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j685c{display:flex;flex-direction:column;gap:8px}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .jc858{width:100%;display:block}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j40e0{width:100%;height:100%;object-fit:cover;display:block}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j6ec7{font-size:15px;color:var(--body)}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j6fb3{font-size:15px;line-height:1.45}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .ja164{display:flex;align-items:center}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .jf603{display:flex;gap:6px;align-items:center}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .jd965{font-size:15px;color:var(--menu-muted)}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j60f9{font-size:14px;color:var(--body)}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .jf3cb{font-size:14px;padding-right:8px}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .j390e{color:var(--menu-muted)}.ig-case__body .jbl-cs.jbl-cs.jbl-cs .jr{box-sizing:border-box;border-radius:.8cqw;display:flex;align-items:center;justify-content:center;font-family:var(--font-text);font-weight:600;letter-spacing:.12em;font-size:2.6cqw}
