.brands-index { --card-accent: var(--ac-primary-color, #15aeef); padding: 48px 0 80px; }
.brands-index__section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.brands-index__eyebrow { display: block; margin: 0 0 9px; color: var(--ac-primary-color, #15aeef); font-size: 10px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.brands-index__section { margin-top: 42px; }
.brands-index__section:first-child { margin-top: 0; }
.brands-index__section--more:first-child { margin-top: 42px; }
.brands-index__featured-advert { background: #f2f2f2; border-top: 1px solid #d6d6d6; padding: clamp(36px, 5vw, 72px) 0; }
.brands-index__featured-advert--after-featured { margin-top: 42px; }
.brands-index__featured-advert-inner { margin-inline: auto; width: min(100% - 32px, 1280px); }
.brands-index__featured-advert .feature-story__advert { margin: 0; max-width: none; width: 100%; }
.brands-index__featured-advert .feature-story__advert-label { color: #626262; display: block; font-size: 9px; font-weight: 700; letter-spacing: .16em; margin-bottom: 9px; text-align: right; text-transform: uppercase; }
.brands-index__featured-advert .feature-story__advert a,
.brands-index__featured-advert .feature-story__advert picture,
.brands-index__featured-advert .feature-story__advert img { display: block; width: 100%; }
.brands-index__featured-advert .feature-story__advert a { background: #e6e6e6; overflow: hidden; }
.brands-index__featured-advert .feature-story__advert img { height: auto; transition: transform .8s cubic-bezier(.2, .75, .25, 1); }
.brands-index__featured-advert .feature-story__advert a:hover img,
.brands-index__featured-advert .feature-story__advert a:focus img { transform: scale(1.012); }
.brands-index__section-heading { margin-bottom: 27px; padding-bottom: 20px; border-bottom: 1px solid #d6d6d6; }
.brands-index h1,
.brands-index h2 { margin: 0; color: #171717; font-size: clamp(27px, 3vw, 40px); font-weight: 800; letter-spacing: -.025em; }
.brands-index__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.brands-index__grid .content-card__media { aspect-ratio: 1; }
.brands-index__grid .content-card__body { padding: 15px; }
.brands-index__grid .content-card__meta { justify-content: start; }
.brands-index__load { margin: 28px auto 0; text-align: center; }
.brands-index__load button { padding: 12px 30px; border: 1px solid #bbb; border-radius: 4px; background: #fff; color: #222; font-weight: 800; cursor: pointer; }
.brands-index__load button:hover,
.brands-index__load button:focus { border-color: var(--card-accent, #15aeef); color: var(--card-accent, #15aeef); }
.brands-index__load button:disabled { cursor: wait; opacity: .6; }
.brands-index__load p { margin: 10px 0 0; color: #626262; }
@media (max-width: 767px) {
    .brands-index { padding: 28px 0 55px; }
    .brands-index__section-heading { gap: 12px; }
    .brands-index__section-heading > div { min-width: 0; }
    .brands-index__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .brands-index__section { margin-top: 34px; }
    .brands-index__section--more:first-child { margin-top: 34px; }
    .brands-index__featured-advert--after-featured { margin-top: 34px; }
}
@media (max-width: 640px) {
    .brands-index__featured-advert-inner { width: 100%; }
    .brands-index__featured-advert .feature-story__advert-label { margin-inline: 12px; text-align: left; }
}
@media (prefers-reduced-motion: reduce) {
    .brands-index__featured-advert .feature-story__advert img { transition: none; }
}