.brand-keep{white-space: nowrap}.brand-hero{padding-bottom: 72px;overflow: hidden}.brand-hero .page-title{font-size: clamp(36px, 4.6vw, 64px);line-height: 1}.brand-hero .lede{max-width: 590px}.brand-top{grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);align-items: center}.brand-art{margin: 0}.brand-chart{display: block;width: 100%;max-width: 560px;height: auto;margin: 0 auto 10px}.brand-hero .group-jump{margin-top: 48px}.brand-cards{display: grid;gap: 20px;margin: 0;padding: 0;list-style: none}.brand-card{display: grid;grid-template-columns: 156px minmax(0, 1.05fr) minmax(0, 1fr);gap: 20px 36px;align-items: start;padding: 26px;border: 1px solid var(--line);border-radius: 20px;background: var(--paper);scroll-margin-top: 24px;transition: box-shadow 0.3s, border-color 0.3s}.brand-card:target{border-color: var(--apricot);box-shadow: 0 0 0 3px var(--apricot)}.brand-card.is-open{background: transparent;border: 1.5px dashed var(--line-2)}.brand-card-art{display: grid;justify-items: center;gap: 10px;padding: 18px 12px 12px;border-radius: 14px;background: var(--desk-2)}.brand-card.is-open .brand-card-art{background: var(--paper)}.brand-mini{width: 112px}.brand-card-cap{margin: 0;font: 500 10px/1.4 var(--font-mono);letter-spacing: 0.08em;text-transform: uppercase;color: var(--muted)}.brand-card-kind{margin: 0 0 6px;font: 500 11px/1.5 var(--font-mono);letter-spacing: 0.1em;text-transform: uppercase;color: var(--cyan-ink)}.brand-card-title{margin: 0 0 18px;font: 750 clamp(22px, 2vw, 27px)/1.12 var(--font-display);letter-spacing: -0.02em}.brand-card-title .reg{top: -0.7em;font-size: 0.5em}.brand-packs{display: grid;margin: 0;padding: 0;list-style: none;border-top: 1.5px solid var(--ink)}.brand-packs li{display: flex;flex-wrap: wrap;align-items: baseline;gap: 2px 12px;padding: 9px 0;border-bottom: 1px solid var(--line)}.brand-model{font: 700 15px/1.35 var(--font-mono);letter-spacing: 0.01em}.brand-pack{font-size: 14px;line-height: 1.45;color: var(--ink-3)}.brand-says{margin: 0 0 14px;padding: 2px 0 2px 16px;border-left: 3px solid var(--cyan)}.brand-says p{margin: 0 0 2px;font: 650 17px/1.4 var(--font-body)}.brand-says cite{font-size: 14px;font-style: normal;color: var(--muted)}.brand-says cite a{color: var(--muted)}.brand-says-none{margin: 0 0 14px;font-size: 14px;line-height: 1.5;color: var(--muted)}.brand-check{display: flex;align-items: flex-start;gap: 10px;margin: 0 0 16px;padding: 12px 14px;border-radius: 12px;background: #E6F2EE;font-size: 14px;line-height: 1.5;color: var(--ink-2)}.brand-check .icon{margin-top: 2px;color: var(--mat)}.brand-offsets-key{margin: 0 0 8px;font: 500 11px/1.4 var(--font-mono);letter-spacing: 0.08em;text-transform: uppercase;color: var(--muted)}.brand-offsets{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 6px;margin: 0 0 18px}.brand-offsets div{padding: 8px 10px;border-radius: 10px;background: var(--desk-2)}.brand-offsets dt{font: 500 10px/1.3 var(--font-mono);letter-spacing: 0.06em;text-transform: uppercase;color: var(--muted)}.brand-offsets dd{margin: 4px 0 0;font: 700 14px/1.2 var(--font-display)}.brand-offsets-from{margin: -8px 0 18px;font-size: 14px;color: var(--muted)}.brand-offsets-from a{color: var(--muted)}.brand-go{display: flex;flex-wrap: wrap;align-items: center;gap: 12px 22px;margin: 0}.brand-go .link-arrow{font-size: 16px}.brand-method{max-width: 880px;margin: 40px 0 0;font-size: 15px;line-height: 1.6;color: var(--ink-3)}.brand-two{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 24px;align-items: start}.brand-side{padding: 30px;border-radius: 20px;background: var(--desk-2)}.brand-side-here{background: var(--paper);box-shadow: inset 0 0 0 1.5px var(--ink)}.brand-side h3{margin: 0;font: 750 clamp(22px, 2.2vw, 28px)/1.1 var(--font-display);letter-spacing: -0.02em}.brand-side .checklist{margin: 22px 0 0;font-size: 16px}.brand-side-go{margin: 26px 0 0}@media (max-width: 1100px){.brand-card{grid-template-columns: 156px minmax(0, 1fr)}.brand-card-side{grid-column: 2}}@media (max-width: 960px){.brand-top, .brand-two{grid-template-columns: minmax(0, 1fr)}.brand-art{max-width: 520px}}@media (max-width: 640px){.brand-hero{padding-bottom: 56px}.brand-card{grid-template-columns: minmax(0, 1fr);gap: 18px;padding: 18px}.brand-card-side{grid-column: auto}.brand-card-art{display: flex;align-items: flex-end;justify-content: flex-start;gap: 14px;padding: 14px}.brand-mini{width: 84px}.brand-offsets{grid-template-columns: repeat(2, minmax(0, 1fr))}.brand-side{padding: 24px 18px}}