/* Official supplied artwork; scoped to homepage ribbon. */
.brand-ribbon.official-brand-ribbon{background:#fff}
.official-brand-ribbon .wrap{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:20px;min-height:154px;padding-top:24px;padding-bottom:24px;overflow:visible}
.official-brand-ribbon .ribbon-label{display:none}
.official-brand-ribbon a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:94px;padding:8px;border-radius:8px;transition:background .2s ease,transform .2s ease}
.official-brand-ribbon a img{display:block;width:100%;max-width:150px;height:78px;object-fit:contain;transition:transform .2s ease}
.official-brand-ribbon a[data-brand-link="drbion"] img,.official-brand-ribbon a[data-brand-link="pro"] img{max-width:114px}
.official-brand-ribbon .brand-name-fallback{font-size:27px;letter-spacing:-.04em;color:#123f49}
.official-brand-ribbon a:hover{background:#f3f8f7;transform:translateY(-2px)}
.official-brand-ribbon a:hover img{transform:scale(1.035)}
.official-brand-ribbon a:focus-visible{outline:2px solid #009c9c;outline-offset:4px}
@media(max-width:1000px){.official-brand-ribbon .wrap{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:18px;padding-bottom:18px}}
@media(max-width:600px){.official-brand-ribbon .wrap{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 10px;padding-top:18px;padding-bottom:18px}.official-brand-ribbon a{min-height:76px;padding:6px}.official-brand-ribbon a img{height:61px;max-width:116px}.official-brand-ribbon a[data-brand-link="drbion"] img,.official-brand-ribbon a[data-brand-link="pro"] img{max-width:90px}.official-brand-ribbon a:last-child{grid-column:2}.official-brand-ribbon .brand-name-fallback{font-size:22px}}
@media(prefers-reduced-motion:reduce){.official-brand-ribbon a,.official-brand-ribbon a img{transition:none}.official-brand-ribbon a:hover,.official-brand-ribbon a:hover img{transform:none}}