/* 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; }