/* 8. MASONRY - Aesthetics Matrix */
        .masonry { padding: clamp(30px, calc( (70 / 1920) * 100vw ), 70px) 0; background: #000; }
        .m-grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 25vw; gap: 10px; }
        .m-item img { width: 100%; height: 100%; object-fit: cover; opacity: 0.8; filter: grayscale(1); transition: 0.8s; }
        .m-item:hover img { opacity: 1; filter: grayscale(0); }
        .m-wide { grid-column: span 2; }
        .m-tall { grid-row: span 2; }