.brand-logo{width:58px;height:58px;object-fit:contain;flex:0 0 auto}
.brand-name strong{font-size:1.55rem;letter-spacing:.035em}
.brand-name small{font-size:.66rem}
.footer-brand .brand-logo{width:52px;height:52px}
.dan-progression{margin:0 0 2.5rem;background:#0b0c0e;color:#fff;display:grid;grid-template-columns:.7fr 1.3fr}
.dan-heading{padding:2.2rem}
.dan-heading>span{color:var(--red);font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.dan-heading strong{display:block;font:800 2rem var(--display);text-transform:uppercase;margin:.35rem 0}
.dan-heading p{color:#adb0b6;font-size:.9rem;margin:0}
.dan-levels{display:grid;grid-template-columns:repeat(5,1fr);border-left:1px solid #303238}
.dan-levels span{display:grid;place-items:center;min-height:82px;border-right:1px solid #303238;border-bottom:1px solid #303238;font:700 1.05rem var(--display);text-transform:uppercase}
.dan-levels span:nth-child(n+6){border-bottom:0}
.dan-levels span:last-child{background:var(--red);font-size:1.2rem}
@media(max-width:1050px){.brand-name strong{font-size:1.25rem}.brand-logo{width:52px;height:52px}}
@media(max-width:760px){.brand-logo{width:48px;height:48px}.brand-name strong{font-size:1.05rem}.brand-name small{font-size:.52rem}.dan-progression{grid-template-columns:1fr}.dan-levels{border-left:0;border-top:1px solid #303238;grid-template-columns:repeat(2,1fr)}.dan-levels span{min-height:60px}.dan-levels span:nth-child(n+6){border-bottom:1px solid #303238}.dan-levels span:nth-child(9),.dan-levels span:nth-child(10){border-bottom:0}}