.main-site-main--branding{flex-direction:column;min-height:calc(100svh - 76px);display:flex}.main-site-main--branding>.bp-page{flex:1 0 auto}@media (max-width:700px){.main-site-main--branding{min-height:calc(100svh - 68px)}}.bp-page{--bp-dark:#0a0a09;--bp-cream:#f1efe8;background:linear-gradient(90deg, #0a0a09bf, #0a0a091f), linear-gradient(180deg, transparent 14rem, #0a0a098c 34rem, var(--bp-dark) 44rem), var(--bp-dark) url(/branding-connections.webp) right top / max(100%, 85rem) auto no-repeat;color:var(--bp-cream);font-family:var(--font-display);overflow:clip}.bp-page a:focus-visible,.bp-page button:focus-visible{outline-offset:4px;outline:2px solid}.bp-shell{width:min(1200px,100% - 3rem);margin-inline:auto}.bp-hero{color:var(--bp-cream);align-items:center;padding:clamp(2.5rem,4vw,4rem) 0 1.25rem;display:flex}.bp-hero__inner{max-width:1200px}.bp-hero h1{font-family:var(--font-display);letter-spacing:-.085em;word-break:keep-all;margin:0;font-size:clamp(2.2rem,5vw,4.5rem);font-weight:850;line-height:.98}.bp-brand-list{color:var(--bp-cream);padding:.75rem 0 clamp(2rem,4vw,3.2rem);scroll-margin-top:6rem}.bp-status{color:var(--bp-cream);text-align:center;margin:0;padding:2rem 0;display:block}.bp-status button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:.35rem;margin-left:.5rem;padding:.35rem .7rem}.bp-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.bp-brand{flex-direction:column;align-items:stretch;gap:.35rem;min-width:0;display:flex}.bp-brand__tile{aspect-ratio:3/2;background:#f8f8f5;border-radius:.4rem;place-items:center;width:100%;padding:clamp(.75rem,1.6vw,1.25rem);display:grid;position:relative;overflow:clip}.bp-brand__logo{object-fit:contain;width:auto;max-width:100%;height:4.5rem}.bp-brand__tile--banner{padding:0}.bp-brand__banner{object-fit:cover;width:100%;max-width:100%;height:100%;max-height:100%;position:absolute;inset:0}.bp-brand__name{color:var(--bp-cream);font-family:var(--font-display);letter-spacing:-.035em;overflow-wrap:anywhere;text-align:center;margin:0;font-size:.95rem;font-weight:700;line-height:1.4}@media (max-width:560px){.bp-shell{width:calc(100% - 2.25rem)}.bp-page{background-image:linear-gradient(90deg, #0a0a09bf, #0a0a091f), linear-gradient(180deg, transparent 10rem, #0a0a0999 24rem, var(--bp-dark) 40rem), url(/branding-connections-mobile.webp);background-position:50%,50%,100% 0;background-size:auto,auto,auto 42rem}.bp-hero h1{font-size:clamp(2rem,8.5vw,2.8rem)}.bp-brand-list{padding:.75rem 0 2rem}.bp-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.bp-brand__logo{width:auto;height:3.5rem}.bp-brand{gap:.55rem}.bp-brand__name{font-size:.86rem}}@media (prefers-reduced-motion:reduce){html:has(.bp-page){scroll-behavior:auto}.bp-page{scroll-behavior:auto}.bp-page *,.bp-page :before,.bp-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.bp-category-tabs{border-top:1px solid #f1efe866;border-left:1px solid #f1efe866;flex-wrap:wrap;justify-content:flex-start;gap:0;width:max-content;max-width:100%;margin:0 0 clamp(1.75rem,3vw,2.5rem);display:flex}.bp-category-tab{max-width:100%;min-height:2.8rem;color:var(--bp-cream);font:inherit;text-align:center;white-space:normal;cursor:pointer;background:#0a0a0970;border:1px solid #f1efe866;border-top:0;border-left:0;border-radius:0;padding:.7rem 1rem;font-size:.94rem;font-weight:700;line-height:1.3;transition:background-color .18s,border-color .18s,color .18s}.bp-category-tab:hover:not([aria-selected=true]){background:#f1efe81f}.bp-category-tab[aria-selected=true]{color:var(--bp-dark);background:#bef264}.bp-brand__category{color:#5eead4;text-align:center;margin-top:.2rem;font-size:.78rem;font-weight:700;line-height:1.35}.bp-brand__pin{z-index:1;color:#fff;background:#0a0a09b8;border-radius:50%;place-items:center;width:1.5rem;height:1.5rem;display:grid;position:absolute;top:.5rem;left:.5rem;box-shadow:0 1px 8px #0a0a0929}.bp-brand-panel:focus-visible{outline-offset:.5rem;border-radius:.5rem;outline:2px solid #bef264}@media (min-width:1100px){.bp-brand-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:700px){.bp-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
