.mack-values { width: 100%; max-width: 100%; padding: clamp(3rem, 5vw, 4.75rem) 0; overflow: hidden; background: transparent; }
.home-theme-2 .mack-values-inner { min-width: 0; }
.mack-values-heading { margin-bottom: clamp(2rem, 2.5vw, 2.5rem); }
.mack-values-heading p { margin: 0 0 .65rem; color: #6c7068; font-size: .75rem; font-weight: 700; letter-spacing: .14em; }
.mack-values-heading h2 { margin: 0; color: #1b1e1a; font-size: clamp(2rem, 3vw, 3.25rem); font-weight: 700; letter-spacing: -.045em; line-height: 1.02; }
.mack-values-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; width: 100%; max-width: 100%; min-width: 0; }
.mack-value-card { position: relative; display: block; min-width: 0; min-height: 0; max-width: 100%; overflow: hidden; border-radius: clamp(.875rem, 1.35vw, 1.125rem); background: #1e211f; }
.mack-value-card--square { grid-column: span 2; aspect-ratio: 1 / 1; }
.mack-value-card--wide { grid-column: span 3; aspect-ratio: 2 / 1; }
.mack-value-card-image { display: block; width: 100%; height: 100%; max-width: 100%; object-fit: cover; object-position: center; transform: scale(1.001); transition: transform 360ms ease; }
.mack-value-card:hover .mack-value-card-image, .mack-value-card:focus-visible .mack-value-card-image { transform: scale(1.025); }
.mack-value-card:focus-visible { outline: 3px solid #fff; outline-offset: -6px; }
@media (min-width: 768px) and (max-width: 991.98px) { .mack-value-card--square { grid-column: span 3; } .mack-value-card--wide { grid-column: span 3; } }
@media (max-width: 767.98px) { .mack-values { padding: 2.5rem 0; } .mack-values-heading { margin-bottom: 2rem; } .mack-values-grid { grid-template-columns: minmax(0, 1fr); gap: .875rem; } .mack-value-card--square, .mack-value-card--wide { grid-column: 1; width: 100%; min-width: 0; min-height: 0; } .mack-value-card--square { aspect-ratio: 1 / 1; } .mack-value-card--wide { aspect-ratio: 2 / 1; } }
@media (prefers-reduced-motion: reduce) { .mack-value-card-image { transition: none; } .mack-value-card:hover .mack-value-card-image, .mack-value-card:focus-visible .mack-value-card-image { transform: none; } }