.bb-case-ribbon{background:#f8f8f6;color:#17191d;position:relative}.bb-case-ribbon-stage{position:relative;padding:60px 6vw}.bb-case-ribbon-heading p{font-size:12px;letter-spacing:.08em;margin:0 0 20px}.bb-case-ribbon-heading h2{font-size:clamp(25px,2.5vw,38px);line-height:1.35;font-weight:500;margin:0}.bb-case-ribbon-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:40px}.bb-case-ribbon-row[data-copy]{display:none}.bb-case-ribbon-link{display:block}.bb-case-ribbon-crop{display:block;position:relative;overflow:visible}.bb-case-ribbon-crop img{width:100%;height:auto;object-fit:contain;object-position:top}.bb-case-ribbon-static-name{display:block;padding:12px 0}.bb-case-ribbon-hint,.bb-case-ribbon-info{display:none}.bb-case-ribbon[data-enhanced=true]{height:340svh}[data-enhanced=true] .bb-case-ribbon-stage{--ribbon-height:calc(100svh - 68px);height:var(--ribbon-height);position:sticky;top:68px;overflow:hidden;padding:0}[data-enhanced=true] .bb-case-ribbon-heading{position:absolute;top:50%;left:4vw;transform:translateY(-50%);max-width:30%}[data-enhanced=true] .bb-case-ribbon-track{display:block;position:absolute;inset:0;margin:0;pointer-events:none}[data-enhanced=true] .bb-case-ribbon-row{display:flex;justify-content:flex-end;width:62%;height:calc(var(--ribbon-height)/7);position:absolute;top:0}[data-enhanced=true] .bb-case-ribbon-link{pointer-events:auto;position:absolute;top:50%;right:0;transform:translateY(-50%);width:calc(var(--ribbon-height)*.18*var(--ribbon-weight,1));height:auto;transition:width .55s cubic-bezier(.32,.72,0,1)}[data-enhanced=true] .bb-case-ribbon-crop{position:relative;width:100%;height:auto}[data-enhanced=true] .bb-case-ribbon-crop img{display:block;position:relative;width:100%;height:auto;object-fit:contain}[data-enhanced=true] .bb-case-ribbon-static-name{display:none}[data-enhanced=true] .bb-case-ribbon-info{display:block;position:absolute;top:50%;left:70%;transform:translateY(-50%);max-width:26%;transition:top .5s cubic-bezier(.16,1,.3,1)}.bb-case-ribbon-info>span{font-size:clamp(18px,1.6vw,24px);line-height:1.4}.bb-case-ribbon-info p{font-size:14px;line-height:1.6;margin:10px 0;color:#62656b}.bb-case-ribbon-info a{display:inline-flex;align-items:center;min-height:44px;font-size:13px}[data-enhanced=true] .bb-case-ribbon-hint{display:block;position:absolute;bottom:30px;left:4vw;margin:0;color:#62656b;font-size:12px;pointer-events:none}.bb-case-ribbon a:focus-visible,.bb-case-ribbon button:focus-visible{outline:2px solid #3566d6;outline-offset:4px}@media(max-width:760px){.bb-case-ribbon-stage{padding:44px 22px}.bb-case-ribbon-track{grid-template-columns:1fr}[data-enhanced=true] .bb-case-ribbon-stage{--ribbon-height:calc(100svh - 60px);top:60px}[data-enhanced=true] .bb-case-ribbon-heading{top:28px;left:22px;transform:none;max-width:65%;z-index:2;pointer-events:none}[data-enhanced=true] .bb-case-ribbon-heading p{margin-bottom:10px}[data-enhanced=true] .bb-case-ribbon-heading h2{font-size:24px}[data-enhanced=true] .bb-case-ribbon-row{width:calc(100% - 22px)}[data-enhanced=true] .bb-case-ribbon-info{left:22px;max-width:42%;pointer-events:none}.bb-case-ribbon-info>span{font-size:18px}.bb-case-ribbon-info p{font-size:12px}.bb-case-ribbon-info a{pointer-events:auto}[data-enhanced=true] .bb-case-ribbon-link{width:calc(var(--ribbon-height)*.09*var(--ribbon-weight,1))}[data-enhanced=true] .bb-case-ribbon-hint{left:22px;bottom:20px;font-size:11px}}@media(prefers-reduced-motion:reduce){.bb-case-ribbon *{transition:none!important}}