.khbi .kbr__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:100%;margin:0;padding:0;background:linear-gradient(90deg,#642907 0%,#070809 42%,#222b33 100%)}
.khbi .kbr__brand{position:relative;display:block;aspect-ratio:1.25;min-width:0;overflow:hidden;background:transparent;color:#fff;text-decoration:none}
.khbi .kbr__logo-wrap{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.khbi .kbr__logo{display:block;width:64%;max-width:260px;height:32%;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 1px 3px rgb(0 0 0 / 25%))}
.khbi .kbr__logo-wrap--mark .kbr__logo{width:44%;max-width:180px;height:44%}
.khbi .kbr__brand:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
@media(min-width:750px){
  .khbi .kbr__grid{box-sizing:border-box;padding:16px max(24px,calc((100% - 1120px)/2))}
  .khbi .kbr__brand{aspect-ratio:auto;height:120px}
  .khbi .kbr__logo{max-width:160px;height:44px}
  .khbi .kbr__logo-wrap--mark .kbr__logo{width:76px;max-width:76px;height:76px}
}
@media(max-width:749px){.khbi .kbr__brand{aspect-ratio:.8}.khbi .kbr__logo{width:76%}.khbi .kbr__logo-wrap--mark .kbr__logo{width:56%}}