.brand-hub{--hub-ink:#161616;--hub-muted:#626262;--hub-line:#d8d8d8;background:#fff;color:var(--hub-ink)}
.brand-hub .topbar{background:#161616;backdrop-filter:none;border-color:#393939}
.brand-hub .topbar .desktop-nav a:after{background:#fff}
.brand-hub .footer{background:#161616;color:#fff}
.brand-hub .footer p,.brand-hub .footer a,.brand-hub .footer .footer-bottom{color:#d5d5d5}
.brand-hub .footer h3{color:#fff}
.brand-hub .mobile-panel{background:#161616;color:#fff}
.bh-shell{display:grid;grid-template-columns:256px minmax(0,1fr);align-items:start}
.bh-sidebar{position:sticky;top:92px;height:calc(100dvh - 92px);overflow:auto;border-inline-end:1px solid var(--hub-line);padding:28px 0 20px;background:#fafafa}
.bh-library-title{font-size:23px;font-weight:500;display:flex;justify-content:space-between;padding:0 24px 25px;color:#161616}
.bh-label{font-size:12px;line-height:1.5;font-weight:500;letter-spacing:.08em;margin:0 0 18px}
.bh-sidebar .bh-label{color:var(--hub-muted);padding-inline:24px;margin-bottom:10px}
.bh-brands a{display:flex;align-items:center;gap:10px;padding:11px 20px 11px 24px;color:#525252;font-size:14px;line-height:1.4;border-inline-start:3px solid transparent;transition:background .2s,color .2s}
.bh-brands a>span:last-child{margin-inline-start:auto;opacity:0}
.bh-brands a[aria-current]{background:#e7e7e7;border-inline-start-color:#161616;color:#161616;font-weight:600}
.bh-brands a[aria-current]>span:last-child,.bh-brands a:hover>span:last-child{opacity:1}
.bh-brands a:hover{background:#ededed;color:#161616}
.bh-brand-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--dot)}
.bh-sections{margin:26px 24px 0;padding-top:22px;border-top:1px solid var(--hub-line)}
.bh-sections .bh-label{padding:0}
.bh-sections a{display:flex;gap:17px;font-size:14px;color:#525252;padding:7px 0}
.bh-sections a span{color:#8b8b8b;font-size:12px;padding-top:2px}
.bh-sections a:hover,.bh-sections a[aria-current]{color:#161616;text-decoration:underline;text-underline-offset:5px}
.bh-edition{padding:0 24px;margin:28px 0 0;color:#767676;font-size:12px;line-height:1.6}
.bh-mobile-picker{display:none}
.bh-content{min-width:0}
.bh-hero{background:#161616;color:#fff;min-height:338px;padding:48px clamp(28px,4vw,64px);display:grid;grid-template-columns:1fr;align-items:center}
.bh-hero .bh-label{color:#bcbcbc;margin-bottom:25px}
.bh-hero h1{font-size:clamp(37px,3.6vw,64px);line-height:1.08;font-weight:400;letter-spacing:-.03em;margin:0 0 20px;max-width:620px;color:#fff}
[dir=rtl] .bh-hero h1{font-size:clamp(27.75px,2.7vw,48px)}
.bh-hero p:not(.bh-label){font-size:16px;line-height:1.6;color:#bcbcbc;margin:0 0 24px}
.bh-hero-link{display:inline-flex;gap:32px;color:#fff;font-size:14px;border-bottom:1px solid #777;padding-bottom:7px;transition:border-color .2s,color .2s}
.bh-hero-link:hover{border-color:#fff;color:#d1d1d1}
.bh-section{padding:56px clamp(28px,4vw,64px) 64px;border-bottom:1px solid var(--hub-line);scroll-margin-top:110px}
.bh-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:30px}
.bh-index{font-size:12px;color:#767676;display:block;margin-bottom:10px}
.bh-heading h2{margin:0;font-weight:400;font-size:36px;line-height:1.2;letter-spacing:-.025em}
.bh-heading>p{max-width:330px;font-size:16px;line-height:1.55;margin:0;color:#626262}
.bh-logo-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--hub-line)}
.bh-logo-card{min-width:0}
.bh-logo-card+.bh-logo-card{border-inline-start:1px solid var(--hub-line)}
.bh-logo-preview{height:228px;display:flex;justify-content:center;align-items:center;padding:40px;background:#f4f4f4}
.bh-logo-preview--white{background:#262626}
.bh-logo-preview img{width:100%;max-width:330px;height:90px;object-fit:contain}
.bh-logo-caption{padding:22px 24px;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;align-items:flex-start}
.bh-logo-caption h3{font-size:18px;font-weight:500;line-height:1.4;margin:0 0 5px}
.bh-logo-caption p{font-size:14px;line-height:1.5;color:#626262;margin:0;max-width:240px}
.bh-logo-actions{display:flex;gap:18px}
.bh-download{display:inline-flex;gap:26px;align-items:center;font-size:14px;padding:6px 0;border-bottom:1px solid #8d8d8d;line-height:1.5;color:#161616;transition:border-color .2s,color .2s}
.bh-download:hover{color:#626262;border-bottom-color:#161616}
.bh-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--hub-line);border-bottom:0}
.bh-color{border-inline-end:1px solid var(--hub-line);border-bottom:1px solid var(--hub-line);min-width:0}
.bh-color:nth-child(3n){border-inline-end:0}
.bh-color-surface{height:155px}
.bh-color-info{padding:20px;min-height:192px}
.bh-color h3{font-size:17px;font-weight:500;margin:0 0 8px;line-height:1.4}
.bh-copy{border:0;background:none;color:#161616;padding:7px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;cursor:pointer;font-family:inherit;font-size:15px}
.bh-copy:hover{color:#626262}
.bh-copy[data-copied] svg{display:none}
.bh-copy[data-copied]:after{content:'✓';font-size:17px}
.bh-rgb{font-size:13px;color:#6f6f6f;margin:0 0 18px;text-align:start}
.bh-color-status{display:inline-block;border:1px solid #c8c8c8;padding:3px 7px;font-size:11px;line-height:1.5;color:#525252}
.bh-note{font-size:13px;line-height:1.6;color:#6f6f6f;margin:20px 0 0;max-width:760px}
.bh-copy-status{font-size:14px;color:#161616;min-height:22px;margin:12px 0 0}
.bh-type-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--hub-line)}
.bh-type{padding:30px;min-width:0;background:#f4f4f4}
.bh-type--ar{background:#161616;color:#fff}
.bh-type-top span{font-size:12px;color:#626262}
.bh-type--ar .bh-type-top span{color:#c6c6c6}
.bh-type-top h3{font-size:21px;font-weight:400;margin:6px 0 22px;text-align:start}
.bh-type--ar h3{color:#fff}
.bh-specimen{font-size:110px;line-height:1.3;margin:0 0 15px}
.bh-type--en .bh-specimen,.bh-type--en .bh-type-example,.bh-type--en .bh-alphabet{font-family:'Manrope',sans-serif}
.bh-type--ar .bh-specimen,.bh-type--ar .bh-type-example,.bh-type--ar .bh-alphabet{font-family:'Cairo',sans-serif}
.bh-type-example{font-size:22px;line-height:1.5;margin:0 0 20px;min-height:66px}
.bh-alphabet{font-size:15px;line-height:1.8;overflow-wrap:anywhere;min-height:65px;margin:0 0 22px}
.bh-weights{font-size:12px;line-height:1.8;min-height:46px;color:#626262;margin:0 0 26px}
.bh-type--ar .bh-weights,.bh-type--ar .bh-font-meta{color:#bcbcbc}
.bh-type--ar .bh-type-example,.bh-type--ar .bh-alphabet{color:#f4f4f4}
.bh-type--ar .bh-download{color:#fff;border-color:#777}
.bh-type--ar .bh-download:hover{color:#ccc;border-color:#fff}
.bh-font-meta{color:#767676;font-size:12px;margin:12px 0 0}
.bh-guide-link{font-size:14px;color:#161616;border-bottom:1px solid #8d8d8d;padding-bottom:6px;white-space:nowrap}
.bh-resource{display:flex;align-items:center;gap:var(--space-6);padding:25px 0;border-top:1px solid var(--hub-line);color:#161616;transition:background .2s,padding .2s}
.bh-resource:last-child{border-bottom:1px solid var(--hub-line)}
.bh-resource:hover{background:#f4f4f4;padding-inline:16px}
.bh-resource h3{font-size:21px;line-height:1.4;margin:0 0 6px;font-weight:400}
.bh-resource p{margin:0;font-size:14px;line-height:1.5;color:#626262}
.bh-resource-meta{margin-inline-start:auto;white-space:nowrap;font-size:12px;color:#767676}
.bh-resource-arrow{font-size:26px;padding-inline:10px}
.brand-hub :focus-visible{outline:2px solid #727272;outline-offset:4px}
.brand-hub[dir=rtl] .bh-hero h1{letter-spacing:0;line-height:1.3}
.brand-hub[dir=rtl] .bh-label{letter-spacing:0}
.brand-hub[dir=rtl] :is(.bh-rgb,.bh-type-top h3,.bh-specimen,.bh-type-example,.bh-alphabet,.bh-weights,.bh-resource-meta){text-align:right}
@media(min-width:981px) and (max-width:1300px){.topbar>.desktop-nav{gap:15px;font-size:13px}.topbar .brand img{width:190px}.topbar{padding-inline:30px}.header-end{gap:var(--space-4)}.nav-contact{padding-inline:15px}}
@media(max-width:1150px) and (min-width:981px){.bh-shell{grid-template-columns:230px minmax(0,1fr)}.bh-hero{grid-template-columns:1fr}.bh-hero>img{display:none}.bh-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.bh-color:nth-child(3n){border-inline-end:1px solid var(--hub-line)}.bh-color:nth-child(2n){border-inline-end:0}.bh-heading{align-items:flex-start}.bh-heading>p{max-width:240px}}
@media(max-width:980px){.bh-shell{display:block}.bh-sidebar{position:relative;top:0;height:auto;overflow:visible;padding:20px 24px 0;border:0;border-bottom:1px solid var(--hub-line)}.bh-library-title{padding:0 0 15px;font-size:22px}.bh-brands,.bh-edition{display:none}.bh-mobile-picker{display:block}.bh-mobile-picker label{display:block;font-size:12px;color:#626262;margin-bottom:7px}.bh-mobile-picker select{display:block;width:100%;max-width:440px;border:1px solid #aaa;background:#fff;color:#161616;font:inherit;font-size:16px;border-radius:0;min-height:46px;padding:8px 12px}.bh-sections{display:flex;gap:26px;overflow:auto;margin:18px 0 0;padding:0;border:0}.bh-sections .bh-label{display:none}.bh-sections a{white-space:nowrap;gap:7px;padding:12px 0;font-size:14px}.bh-sections a span{display:none}.bh-hero{padding:36px 28px;min-height:300px}.bh-hero h1{font-size:44px}
[dir=rtl] .bh-hero h1{font-size:33px}.bh-section{padding:42px 28px 48px;scroll-margin-top:95px}.bh-heading h2{font-size:32px}.bh-heading>p{max-width:300px}.bh-logo-preview{height:190px;padding:28px}.bh-type{padding:24px}}
@media(max-width:640px){.bh-hero{grid-template-columns:1fr;gap:36px}.bh-hero>img{width:215px;justify-self:start}.bh-hero h1{font-size:39px;max-width:340px}
[dir=rtl] .bh-hero h1{font-size:29.25px}.bh-hero .bh-label{font-size:11px;margin-bottom:20px}.bh-heading{display:block;margin-bottom:24px}.bh-heading>p{max-width:none;margin-top:16px;font-size:15px}.bh-heading h2{font-size:30px}.bh-section{padding-inline:22px}.bh-logo-grid{grid-template-columns:1fr}.bh-logo-card+.bh-logo-card{border-inline-start:0;border-top:1px solid var(--hub-line)}.bh-logo-caption{padding:20px}.bh-logo-preview{height:184px;padding:35px}.bh-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.bh-color:nth-child(3n){border-inline-end:1px solid var(--hub-line)}.bh-color:nth-child(2n){border-inline-end:0}.bh-color-info{padding:15px 12px;min-height:210px}.bh-color h3{font-size:15px}.bh-color-surface{height:120px}.bh-copy{font-size:14px}.bh-color-status{font-size:10px}.bh-rgb{font-size:11px}.bh-type-grid{grid-template-columns:1fr}.bh-type{padding:28px}.bh-type-example{min-height:0}.bh-type-top h3{margin-bottom:10px}.bh-specimen{font-size:104px;margin-bottom:0}.bh-resource{flex-wrap:wrap;gap:12px;position:relative;padding-inline-end:35px}.bh-resource>div{width:100%}.bh-resource h3{font-size:21px}.bh-resource-meta{margin-inline-start:0}.bh-resource-arrow{position:absolute;inset-inline-end:0;top:28px}.bh-guide-link{display:inline-block;margin-top:18px}}
@media(prefers-reduced-motion:reduce){.brand-hub *, .brand-hub *:before,.brand-hub *:after{scroll-behavior:auto!important;transition:none!important}}

@media(min-width:1151px){.bh-palette--4{grid-template-columns:repeat(4,minmax(0,1fr))}.bh-palette--4 .bh-color:nth-child(3){border-inline-end:1px solid var(--hub-line)}.bh-palette--4 .bh-color:last-child{border-inline-end:0}}
@media(min-width:641px) and (max-width:980px){.bh-palette--4{grid-template-columns:repeat(2,minmax(0,1fr))}.bh-palette--4 .bh-color:nth-child(3){border-inline-end:1px solid var(--hub-line)}.bh-palette--4 .bh-color:nth-child(2n){border-inline-end:0}}