.m44_stats_bar {
background: var(--hs-dark);
color: #fff;
padding: clamp(48px, 7vw, 110px) 0;
} .m44_header { margin-bottom: clamp(40px, 5vw, 64px); }
.m44_headline {
color: #fff;
font-weight: 600;
font-size: clamp(26px, 2.6vw, 40px);
line-height: 1.125;
letter-spacing: 0.03em;
margin: 0;
max-width: 540px;
}
.m44_headline em, .m44_headline i {
font-style: italic; font-weight: 600; font-family: var(--hs-font-display);
}
.m44_stats_list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0;
}
.m44_stat {
position: relative;
padding: 8px clamp(20px, 3vw, 60px);
display: flex;
flex-direction: column;
gap: 18px;
color: #fff;
}
.m44_stat + .m44_stat::before {
content: '';
position: absolute;
left: 0;
top: 4px;
bottom: 4px;
width: 2px;
background: rgba(255, 255, 255, 0.30);
}
.m44_stat_value {
color: var(--hs-gold);
font-family: var(--hs-font-display);
font-weight: 600;
font-size: clamp(34px, 4vw, 60px);
line-height: 1;
letter-spacing: 0.03em;
}
.m44_stat_label {
color: #fff;
font-weight: 300;
font-size: 16px;
line-height: 1.5;
letter-spacing: 0.03em;
max-width: 280px;
}
@media (max-width: 992px) {
.m44_stats_list { grid-template-columns: 1fr; }
.m44_stat { padding: 16px clamp(8px, 4vw, 60px); gap: 12px; }
.m44_stat + .m44_stat::before {
left: 4px; right: 4px; top: 0; bottom: auto;
height: 1px; width: auto;
}
}
@media (max-width: 360px) {
.m44_stat_value { font-size: 32px; }
}