.brand-detail-page main [id] { scroll-margin-top: 180px; }
.brand-breadcrumb ol { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; padding: 18px 0; margin: 0; color: var(--muted); font-size: .875rem; }
.brand-breadcrumb li + li::before { content: '/'; margin-right: 10px; color: #758698; }
.brand-breadcrumb a { color: var(--navy); text-decoration: underline; text-underline-offset: 3px; }
.brand-detail-hero { padding: 64px 0; background: linear-gradient(115deg, var(--palette-dark, #040f21), var(--palette-lift, #143152)); color: #e3ecf4; }
.brand-hero-layout { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(280px,1fr); gap: 64px; align-items: center; }
.brand-detail-hero h1 { color: #fff; font-size: clamp(2.8rem,5.5vw,4.5rem); letter-spacing: -.035em; }
.brand-detail-hero h1 span { display: block; margin-top: 16px; font-size: .55em; line-height: 1.3; letter-spacing: -.02em; }
.brand-hero-intro { max-width: 690px; margin: 24px 0 0; font-size: 1.1rem; }
.brand-detail-hero .btn-primary { color: var(--palette-dark, #040f21); }
.brand-hero-card { min-width: 0; padding: 32px; border-radius: 16px; background: #fff; color: var(--muted); box-shadow: 0 18px 48px rgba(0,0,0,.16); }
.brand-detail-logo { margin-bottom: 28px; padding-bottom: 26px; border-bottom: 1px solid var(--line); }
.brand-detail-logo img { display: block; width: 100%; height: 112px; object-fit: contain; object-position: left center; }
.brand-hero-card .brand-fit-label { margin: 0 0 8px; font-size: .8125rem; font-weight: 800; text-transform: uppercase; letter-spacing: .055em; color: var(--palette-accent-ink, #865009); }
.brand-hero-card > p:not(.brand-fit-label) { margin: 0 0 20px; }
.brand-text-link { color: var(--navy); font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.brand-text-link:hover { color: var(--palette-accent-ink, #865009); }
.brand-switcher { border-bottom: 1px solid var(--line); background: #fff; }
.brand-switcher > .wrap { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 28px; }
.brand-switcher a { display: inline-flex; align-items: center; min-height: 58px; padding: 12px 0; border-bottom: 3px solid transparent; font-weight: 700; color: var(--muted); }
.brand-switcher a:hover, .brand-switcher a[aria-current="page"] { color: var(--navy); border-bottom-color: var(--orange); }
.brand-range-card { box-shadow: none; }
.brand-range-number { display: block; color: var(--palette-accent-ink, #865009); font-size: .8125rem; font-weight: 800; margin-bottom: 24px; letter-spacing: .1em; }
.brand-range-card h3 { font-size: 1.4rem; line-height: 1.25; }
.brand-source { margin: 24px 0 0; color: var(--muted); font-size: .875rem; }
.brand-selection-layout { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(270px,1fr); gap: 64px; align-items: start; }
.brand-selection-layout h2 { font-size: clamp(1.9rem,3.4vw,2.65rem); }
.brand-selection-layout .check-list li { padding-top: 14px; padding-bottom: 14px; }
.brand-selection-layout .check-list li::before { top: 17px; }
.brand-question { padding: 30px; border: 1px solid var(--line); border-top: 3px solid var(--orange); border-radius: 12px; background: var(--soft); }
.brand-question h3 { font-size: 1.45rem; line-height: 1.3; }
.brand-question p { color: var(--muted); margin: 18px 0 0; }
.brand-question .brand-proposal-note { padding-top: 18px; border-top: 1px solid var(--line); font-size: .875rem; }
.brand-support { padding: 48px 0; background: var(--navy); color: #d4e0eb; }
.brand-support-layout { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.brand-support h2 { max-width: 700px; color: #fff; font-size: clamp(1.8rem,3vw,2.5rem); }
.brand-support p:not(.eyebrow) { max-width: 750px; margin: 18px 0 0; }
.brand-support .btn { flex-shrink: 0; }
.brand-pathway-link { display: block; padding: 28px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.brand-pathway-link h3 { display: flex; justify-content: space-between; gap: 12px; font-size: 1.25rem; }
.brand-pathway-link h3 span { color: var(--palette-accent-ink, #a95800); }
.brand-pathway-link p { margin: 16px 0 0; color: var(--muted); }
.brand-pathway-link:hover { border-color: var(--orange); background: var(--palette-accent-soft, #fffaf3); }
.brand-guidance { margin: 28px 0 0; color: var(--muted); font-size: .875rem; }
.brand-detail-page main a:focus-visible, .brand-detail-page main button:focus-visible { outline: 3px solid var(--palette-accent, #ff9720); outline-offset: 4px; }
.brand-page-link { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; min-height: 44px; margin-top: 18px; color: var(--navy); font-size: .9375rem; font-weight: 750; text-decoration: underline; text-underline-offset: 4px; }
.brand-page-link:hover, .brand-logo-name a:hover { color: var(--palette-accent-ink, #865009); }
.brand-tile a:focus-visible { outline: 3px solid var(--palette-accent, #ff9720); outline-offset: 4px; }
@media (max-width: 980px) { .brand-hero-layout, .brand-selection-layout { gap: 32px; } .brand-hero-card { padding: 24px; } }
@media (max-width: 780px) { .brand-hero-layout, .brand-selection-layout { grid-template-columns: minmax(0,1fr); } .brand-detail-hero { padding: 42px 0; } .brand-hero-card { max-width: 540px; } .brand-switcher > .wrap { justify-content: flex-start; gap: 0 22px; } .brand-support-layout { flex-direction: column; align-items: flex-start; } }