﻿/* Brands page specific styles (keeps consistency with base.css) */
.section { padding-block: var(--space-14); }
.section + .section { padding-top: 0; }

/* Hero */
.section--hero { padding-block: var(--space-16) var(--space-12); }
.hero-grid { display: grid; gap: var(--space-8); align-items: center; grid-template-columns: 1fr; }
.hero-actions { display: flex; gap: var(--space-3); flex-wrap: wrap; margin-top: var(--space-4); }
.hero-media img { border-radius: var(--radius-lg); box-shadow: var(--shadow-md); border: 1px solid var(--color-border); }
@media (min-width: 960px) {
  .hero-grid { grid-template-columns: 1.1fr 1fr; }
}

/* Partnerships */
.partnerships { display: grid; gap: var(--space-8); grid-template-columns: 1fr; align-items: center; }
.partnerships-media img { border-radius: var(--radius-lg); border: 1px solid var(--color-border); box-shadow: var(--shadow-sm); }
.partnerships-actions { display: flex; gap: var(--space-3); flex-wrap: wrap; margin-top: var(--space-3); }
@media (min-width: 960px) {
  .partnerships { grid-template-columns: 1fr 1fr; }
}

/* Spotlight */
.spotlight-grid { display: grid; gap: var(--space-8); grid-template-columns: 1fr; align-items: start; }
.spotlight-media img { border-radius: var(--radius-lg); border: 1px solid var(--color-border); box-shadow: var(--shadow-sm); }
.brand-meta { display: flex; gap: var(--space-2); flex-wrap: wrap; margin: var(--space-3) 0; padding-left: 0; list-style: none; }
.spotlight-cta { display: flex; gap: var(--space-3); flex-wrap: wrap; }
@media (min-width: 900px) {
  .spotlight-grid { grid-template-columns: 1fr 1.1fr; }
}

/* Section actions */
.section-actions { margin-top: var(--space-5); display: flex; gap: var(--space-3); flex-wrap: wrap; }

/* Testimonials */
blockquote.card { border-left: 4px solid var(--color-primary); }

/* Interactive cards keyboard cue */
.card--interactive { position: relative; }
.card--interactive:focus-visible { box-shadow: var(--shadow-md); }


