/* Menu page banners (v20261101mb3): one desktop size (330px) + one mobile size (150px). Home page not affected. */
.site3 main>.page-title.mb{--mb-h:330px;height:var(--mb-h);min-height:0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:1.6rem 2.5rem!important;margin-top:.5rem;border-radius:14px;overflow:hidden;background:#0d1117}
.site3 main>.page-title.mb:before{left:auto!important;right:0;width:62%!important;transform:none!important;z-index:-1;background:var(--mb-img) right 55% / cover no-repeat,#0d1117!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%);mask-image:linear-gradient(90deg,transparent 0,#000 38%)}
.site3 main>.page-title.mb>*{max-width:52%}
.site3 main>.page-title.mb h1{font-size:clamp(2rem,1rem + 2vw,3rem)}
.site3 main>.page-title.mb .s3-eyebrow{color:#ffd200;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.85rem}
.site3 main>.page-title.mb .brands-head__row{flex-direction:column;align-items:flex-start;gap:.6rem}
.about2 .about2-hero{height:330px;min-height:0}
@media(max-width:700px){
html body.site3 main>.page-title.mb{--mb-h:150px;padding:10px 14px!important;border-radius:12px;margin-bottom:12px}
html body.site3 main>.page-title.mb:before{width:50%!important;background:var(--mb-img-m,var(--mb-img)) 70% 60% / cover no-repeat,#0d1117!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 45%);mask-image:linear-gradient(90deg,transparent 0,#000 45%)}
html body.site3 main>.page-title.mb>*{max-width:56%!important}
html body.site3 main>.page-title.mb h1{font-size:18px!important;margin:2px 0 4px!important}
html body.site3 main>.page-title.mb .s3-eyebrow{font-size:9.5px!important;letter-spacing:.1em}
html body.site3 main>.page-title.mb .breadcrumb{font-size:10.5px!important;margin-bottom:2px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body.site3 main>.page-title.mb p.muted{font-size:11px!important;margin:0!important}
html body
html body.site3 main>.page-title.mb .brands-tools{width:100%}
html body.site3 main.about2 .about2-hero{height:150px!important;align-items:center!important}
html body.site3 main.about2 .about2-hero .about2-hero__text{padding:10px 14px!important;max-width:62%!important}
html body.site3 main.about2 .about2-hero h1#about-h1{font-size:17px!important;margin:2px 0 4px!important}
html body.site3 main.about2 .about2-hero .about2-hero__eyebrow{font-size:9.5px!important;margin:0!important;letter-spacing:.08em!important}
html body.site3 main.about2 .about2-hero .about2-hero__sub{display:none}
html body.site3 main.about2 .about2-hero .about2-hero__btns {gap:6px!important;flex-wrap:nowrap!important;margin-top:4px}
html body.site3 main.about2 .about2-hero .about2-hero__btns .btn{min-height:28px!important;height:28px;padding:0 9px!important;font-size:11px!important;white-space:nowrap}
html body.site3 main.about2 .about2-hero:after{background:linear-gradient(90deg,#0d1117f2,#0d1117c0 50%,#0d111700 85%)!important}
}
.site3 .brands-tools.mb-tools{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end;width:var(--preview-max, min(100% - 2rem, 1520px));margin:-.8rem auto .4rem}
@media(max-width:700px){.site3 .brands-tools.mb-tools{justify-content:stretch;margin:-4px auto 6px}.site3 .brands-tools.mb-tools>*{flex:1}}
@media(max-width:700px){html body.site3 main>.page-title.mb .s3-eyebrow{white-space:nowrap!important;letter-spacing:.03em!important;font-size:9px!important;overflow:hidden;text-overflow:ellipsis}
html body.site3 main>.page-title.mb h1{font-size:17px!important;line-height:1.15!important}
html body.site3 main>.page-title.mb p.muted{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}