.section-brands { padding: 120px 48px; max-width: 1200px; margin: 0 auto; }
.brands-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 80px; }
.brands-title { font-family: var(--font-display); font-size: clamp(48px, 6vw, 80px); line-height: 0.95; }
.brands-subtitle { max-width: 300px; font-size: 14px; line-height: 1.7; color: rgba(242,237,230,0.5); }
.brands-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; }
.brand-card { background: var(--grey); padding: 48px; position: relative; overflow: hidden; transition: background var(--trans-fast); }
.brand-card:hover { background: #222; }
.brand-card::before { content: ''; position: absolute; top: 0; left: 0; width: 3px; height: 0; background: var(--acid); transition: height var(--trans-med); }
.brand-card:hover::before { height: 100%; }
.brand-tag { font-size: 10px; letter-spacing: 3px; text-transform: uppercase; color: var(--acid); margin-bottom: 16px; }
.brand-name { font-family: var(--font-display); font-size: 36px; letter-spacing: 2px; margin-bottom: 12px; }
.brand-desc { font-size: 14px; line-height: 1.6; color: rgba(242,237,230,0.5); }
