.BrandHero{min-height:370px;padding:var(--space-10) 220px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;place-items:center;display:grid;position:relative;overflow:hidden}.BrandHero-photo{position:absolute}.BrandHero-text{position:relative}.BrandHero-title{margin:0 0 var(--space-2);color:var(--color-heading);font-size:clamp(var(--text-2xl), 1.5vw + 1rem, 2rem);font-weight:var(--fw-bold);line-height:var(--leading-tight)}.BrandHero-subtitle{color:var(--color-text);font-size:var(--text-base);margin:0}.BrandHero-logos{top:var(--space-8);right:var(--space-6);bottom:var(--space-6);flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex;position:absolute}.BrandHero-years{align-items:center;gap:var(--space-1);width:170px;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--fw-medium);flex-direction:column;line-height:1.25;display:flex}.BrandHero-years img{width:157px;height:auto}.BrandHero-knx{width:101px;height:auto}.BrandHero--fade .BrandHero-photo{object-fit:cover;object-position:left center;width:100%;height:100%;inset:0}[data-theme=dark] .BrandHero--fade .BrandHero-photo{width:auto;max-width:45%;inset:0 auto 0 0;-webkit-mask-image:linear-gradient(90deg,#000 55%,#0000);mask-image:linear-gradient(90deg,#000 55%,#0000)}[data-theme=dark] .BrandHero--fade .BrandHero-years img{filter:invert()}.BrandHero--cover{background:var(--black);border-color:#0000}.BrandHero--cover .BrandHero-photo{object-fit:cover;object-position:left center;width:100%;height:100%;inset:0}.BrandHero--cover .BrandHero-title,.BrandHero--cover .BrandHero-subtitle{color:var(--white)}.BrandHero--cover .BrandHero-years{color:color-mix(in srgb, var(--white) 75%, transparent)}.BrandHero--cover .BrandHero-years img{filter:invert()}@media (max-width:1100px){.BrandHero{padding-inline:190px}.BrandHero--fade .BrandHero-photo,[data-theme=dark] .BrandHero--fade .BrandHero-photo{width:auto;max-width:35%;inset:0 auto 0 0;-webkit-mask-image:linear-gradient(90deg,#000 55%,#0000);mask-image:linear-gradient(90deg,#000 55%,#0000)}}@media (max-width:760px){.BrandHero{gap:var(--space-6);min-height:0;padding:var(--space-8) var(--space-5)}.BrandHero--fade .BrandHero-photo{display:none}.BrandHero--cover .BrandHero-photo{object-position:center;opacity:.6}.BrandHero-logos{align-items:center;gap:var(--space-8);flex-direction:row;position:relative;inset:auto}.BrandHero-years{width:130px}.BrandHero-years img{width:110px}.BrandHero-knx{width:80px}}