/* Trajectory: transparent artwork, optical scale and readable context. */
.visual .brand-history{padding:85px 5vw 65px;background:#f5f5f7}
.visual .brand-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 40px}
.visual .brand-grid figure{min-height:175px}
.visual .brand-logo-stage{height:160px}
.visual .brand-grid img,.visual .brand-grid .wide img,.visual .brand-grid .white-source img{width:210px;height:125px;max-width:90%;filter:brightness(0);mix-blend-mode:multiply;object-fit:contain}
.visual .brand-grid figure:hover img{filter:brightness(0)}
.visual .brand-grid .logo-junior img{width:105px;height:140px;filter:grayscale(1)}
.visual .brand-grid .logo-junior:hover img{filter:grayscale(1)}
.visual .brand-grid .logo-new-balance img{width:170px;height:115px}
.visual .brand-grid .logo-ron img{width:280px;height:160px;max-width:100%}
.visual .brand-grid .logo-festival img{width:180px;height:145px}
.visual .brand-grid .youtube img{width:140%;height:auto;max-width:none;filter:grayscale(1) contrast(1.4)}
.visual .brand-grid .youtube:hover img{filter:grayscale(1) contrast(1.4)}
.visual .brand-grid .archive-wordmark img,.visual .brand-grid .archive-wordmark:hover img{width:230px;height:auto;max-width:95%;filter:grayscale(1) contrast(5) invert(1);mix-blend-mode:multiply}
.visual .brand-history .history-note{font-size:17px;line-height:1.55;color:#515157;max-width:760px;margin:45px auto 0;text-align:center}
.visual .v-eco-grid img.making{filter:none}
@media(max-width:1000px){.visual .brand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.visual .brand-grid figure{min-height:150px}.visual .brand-logo-stage{height:140px}.visual .brand-grid img,.visual .brand-grid .wide img,.visual .brand-grid .white-source img{width:190px;height:105px}.visual .brand-grid .logo-junior img{width:85px;height:115px}.visual .brand-grid .logo-ron img{width:250px;height:140px}.visual .brand-grid .youtube img{width:140%;height:auto}.visual .brand-grid .archive-wordmark img{height:auto}}
@media(max-width:600px){.visual .brand-history{padding:55px 6vw 45px}.visual .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 22px}.visual .brand-grid figure{min-height:120px}.visual .brand-logo-stage{height:115px}.visual .brand-grid img,.visual .brand-grid .wide img,.visual .brand-grid .white-source img{width:150px;height:90px;max-width:95%}.visual .brand-grid .logo-junior img{width:68px;height:95px}.visual .brand-grid .logo-ron img{width:200px;height:115px;max-width:100%}.visual .brand-grid .youtube img{width:140%;height:auto;max-width:none}.visual .brand-grid .archive-wordmark img{height:auto}.visual .brand-history .history-note{font-size:16px;text-align:left;margin-top:30px}}
.visual .brand-grid .logo-antioqueno img,.visual .brand-grid .logo-antioqueno:hover img{filter:grayscale(1) contrast(2);mix-blend-mode:multiply}
/* Four opening marks, then two balanced rows of five. */
@media(min-width:1101px){.visual .brand-grid{grid-template-columns:repeat(20,minmax(0,1fr));gap:35px 18px}.visual .brand-grid figure{grid-column:span 4}.visual .brand-grid figure:nth-child(-n+4){grid-column:span 5;min-height:190px}.visual .brand-grid figure:nth-child(n+5) .brand-logo-stage{height:155px}.visual .brand-grid figure:nth-child(n+5) img{max-width:90%}}
.visual .brand-grid .logo-silvestre .brand-logo-stage{flex-direction:column;gap:13px}
.visual .brand-grid .logo-silvestre img{width:125px;height:85px}
.artist-name{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.visual .brand-grid .logo-martin img{height:135px;width:165px;filter:brightness(0)}
.visual .brand-grid .logo-upar img{width:175px;height:105px}
.visual .brand-grid .logo-caja img,.visual .brand-grid .logo-caja:hover img{width:210px;height:85px;filter:grayscale(1) contrast(8) invert(1);mix-blend-mode:multiply}
@media(max-width:600px){.visual .brand-grid .logo-silvestre img{width:100px;height:65px}.artist-name{font-size:9px}.visual .brand-grid .logo-martin img{height:100px;width:130px}.visual .brand-grid .logo-upar img{width:140px;height:90px}.visual .brand-grid .logo-caja img{width:150px;height:70px}}
