/* =================================================================
   BRANDS — page-specific styles
   ================================================================= */

.brand-file{
  display:flex; flex-wrap:wrap; gap: var(--sp-xl);
  align-items:center;
  padding: var(--sp-xl) 0;
  border-bottom: 1px solid var(--border);
}
.brand-file:last-child{ border-bottom:none; }
.brand-file__id{ flex: 1 1 260px; min-width: 220px; }
.brand-file__mark{ font-family: var(--f-display); font-weight:800; font-size: 1.9rem; color: var(--ink); margin-bottom: 0.7rem; line-height:1.1; }
.brand-file__tagline{ font-family: var(--f-display); font-size:0.78rem; font-weight:700; color: var(--accent-dark); text-transform:uppercase; letter-spacing:0.04em; margin-bottom: 1rem; }
.brand-file__seal{
  display:inline-flex; align-items:center; gap:0.4rem;
  font-size:0.74rem; font-weight:700; color: var(--success); background: var(--success-light);
  padding: 0.4rem 0.85rem; border-radius: var(--radius-pill);
}
.brand-file__seal svg{ width:13px; height:13px; }

.brand-file__detail{ flex: 2 1 420px; min-width: 0; }
.brand-file__detail p{ color: var(--ink-soft); margin-bottom: 1rem; }
.brand-file__tags{ display:flex; flex-wrap:wrap; gap: 0.5rem; margin-top: 1rem; }
.brand-file__tag{
  font-size:0.78rem; font-weight:600; color: var(--ink-soft);
  padding: 0.4rem 0.8rem; background: var(--bg-alt); border-radius: var(--radius-pill);
}

@media (max-width: 760px){ .brand-file{ flex-direction: column; gap: var(--sp-md); } }