.brand-breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; padding-block: var(--space-4); color: var(--color-muted); font-size: .8125rem; }
.brand-breadcrumb a { color: var(--color-muted); text-decoration: none; }
.brand-breadcrumb a:hover { color: var(--color-green); }
.brands-index__hero, .brand-hero { border-bottom: 1px solid var(--color-border); background: radial-gradient(ellipse at 80% 50%, #172d1b, var(--color-bg) 65%); }
.brands-index__hero p:not(.t-eyebrow), .brand-hero__copy > p:not(.t-eyebrow) { max-width: 65ch; color: var(--color-muted); font-size: clamp(1rem, 1.5vw, 1.125rem); }
.brands-index__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-5); margin-top: var(--space-6); }
.brand-tile { min-width: 0; padding: var(--space-5); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-card); }
.brand-tile:hover { border-color: var(--color-green-deep); }
.brand-tile > a { color: var(--color-text); text-decoration: none; }
.brand-tile h3 { display: flex; justify-content: space-between; align-items: center; gap: .5rem; margin: var(--space-5) 0 var(--space-3); }
.brand-tile img { display: block; width: 9rem; max-width: 100%; height: 5rem; padding: .5rem; border-radius: .5rem; background: #f5f7f5; object-fit: contain; object-position: center; }
.brand-tile p { margin: 0; color: var(--color-muted); font-size: .875rem; }
.brand-hero__inner { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); align-items: center; gap: clamp(2rem, 5vw, 5rem); }
.brand-hero h1 { font-size: clamp(3rem, 6vw, 5rem); }
.brand-hero__facts { display: flex; flex-wrap: wrap; gap: var(--space-7); margin-block: var(--space-6); }
.brand-hero__facts div { display: flex; flex-direction: column; gap: .3rem; }
.brand-hero__facts span { color: var(--color-muted); font-size: .8125rem; }
.brand-hero__facts strong { font-size: 1.5rem; }
.brand-hero__visual { display: grid; place-items: center; min-height: 18rem; padding: var(--space-6); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: linear-gradient(140deg, #16241b, #0d1210); }
.brand-hero__visual img { width: 100%; max-height: 19rem; object-fit: contain; }
.brand-hero__visual img.brand-hero__logo { width: min(100%, 32rem); padding: 1.25rem; border-radius: var(--radius-md); background: #f5f7f5; }
.brand-hero__visual span { color: #44654c; font-size: clamp(2rem, 4vw, 4rem); font-weight: 800; letter-spacing: .14em; }
.brand-section-heading { display: flex; align-items: end; justify-content: space-between; flex-wrap: wrap; gap: var(--space-4); margin-bottom: var(--space-6); }
.brand-section-heading h2 { margin-bottom: 0; }
.brand-model-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-5); }
.brand-featured, .brand-latest, .brand-editorial:nth-of-type(even) { background: var(--color-bg-alt); }
.brand-featured .ev-catalog-card { max-width: 27rem; margin-top: var(--space-5); }
.brand-story { padding: 0; overflow: hidden; }
.brand-story img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.brand-story__body { padding: var(--space-5); }
.brand-story time { color: var(--color-muted); font-size: .75rem; }
.brand-story h3 { margin: var(--space-3) 0 0; }
.brand-story a { color: var(--color-text); text-decoration: none; }
.brand-story a:hover { color: var(--color-green); }
.brand-compare { text-align: center; background: radial-gradient(ellipse at 50% 100%, #19351d, var(--color-bg) 70%); }
.brand-compare p:not(.t-eyebrow) { color: var(--color-muted); }
@media (max-width: 1199px) { .brands-index__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .brand-model-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .brands-index__grid, .brand-model-grid { grid-template-columns: 1fr; } .brand-hero__inner { grid-template-columns: 1fr; } .brand-hero__visual { min-height: 12rem; } .brand-hero__facts { gap: var(--space-5); } }