.case-page[data-project=brabus-bodo] .case-layout-comparison-grid>.case-section-media{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px)}.ba-film .ba-frame{aspect-ratio:16/9;isolation:isolate;background:#161a19;border-radius:24px 12px 28px 14px}.ba-frame>.board-film>:is(video,.board-poster){object-fit:fill;width:200%;max-width:none;height:100%;position:absolute;inset:0 auto 0 -100%}.ba-canvas{pointer-events:none;opacity:0;z-index:1;width:100%;height:100%;position:absolute;inset:0}.ba-active .ba-canvas{opacity:1}.ba-input{-webkit-appearance:none;appearance:none;z-index:4;opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}.ba-frame:has(.ba-input:focus-visible){outline:3px solid var(--orange);outline-offset:5px}.ba-divider{inset:0 auto 0 var(--ba-position);z-index:3;opacity:0;pointer-events:none;background:#fff;width:1px;position:absolute;box-shadow:0 0 5px #0005}.ba-divider>span{background:var(--orange);width:38px;height:38px;color:var(--green);border:1px solid #fffc;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 15px #0003}.ba-active .ba-divider{opacity:1}.ba-invitation{z-index:2;white-space:nowrap;color:#fff;pointer-events:none;background:#152120c9;border:1px solid #ffffff50;border-radius:50px;align-items:center;gap:7px;padding:7px 11px;font-size:10px;font-weight:650;display:flex;position:absolute;bottom:13px;left:50%;transform:translate(-50%)}.ba-active .ba-invitation{opacity:0}.ba-frame .board-play,.ba-frame .board-error{z-index:5}.ba-film figcaption{letter-spacing:.07em;text-transform:uppercase;padding-top:12px;padding-bottom:0;font-size:11px}.ba-play{width:36px;height:36px;color:var(--green);cursor:pointer;background:0 0;border:1px solid #153f4330;border-radius:50%;place-items:center;display:grid}.ba-play:hover{background:var(--yellow)}.ba-play:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.ba-hint{color:var(--green);opacity:.65;margin:2px 0 0;font-size:11px;line-height:1.5}.ba-hint-touch{display:none}@media (hover:none),(pointer:coarse){.ba-hint-desktop{display:none}.ba-hint-touch{display:inline}}@media (max-width:760px){.case-page[data-project=brabus-bodo] .case-layout-comparison-grid>.case-section-media{grid-template-columns:minmax(0,1fr);gap:36px}.ba-frame{border-radius:24px 12px 28px 14px}}.case-dedication{text-align:center;white-space:pre-line;max-width:760px;color:var(--green);margin:0 auto;padding:6px 0 38px;font-size:15px;line-height:1.85}