/* Keep supporting text readable at every viewport size. */
small,sub,sup{font-size:max(12px,.8em)}
.top-inner{height:auto;min-height:33px;gap:6px 16px;padding-block:6px;flex-wrap:wrap}
.strip-heading>div{flex-wrap:wrap;row-gap:4px}
.floating-contact{width:76px;height:74px;padding:8px 4px;gap:3px}
.floating-contact>span{font-size:12px;line-height:1.4;white-space:nowrap;margin-top:0}
@media(max-width:850px){
 .header-inner{height:auto;min-height:78px;padding-block:10px}
 .brand{flex:1 1 0;min-width:0;margin-right:0}
 .brand>span:last-child{min-width:0}
 .brand small{max-width:100%;letter-spacing:.2px;line-height:1.4;white-space:normal}
}
@media(max-width:560px){
 .floating-contact{width:64px;height:68px}
 .ticker{grid-template-columns:repeat(5,minmax(120px,1fr))}
 .hero-metals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px;max-width:100%}
 .hero-metals small{letter-spacing:0}
 .hero-inner{padding-bottom:80px}
 .hero-caption{max-width:calc(100% - 36px);letter-spacing:1px;line-height:1.6}
 .footer-contacts>a>span{flex-wrap:wrap;gap:3px 8px}
 .footer-social{flex-wrap:wrap;gap:15px 23px}
 .top-inner{height:auto;min-height:28px}
}