.brand-page-nav{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:35px}
.brand-page-nav .brand-back{margin-bottom:0}
.brand-next{display:flex;align-items:center;gap:18px;text-decoration:none;color:inherit;font-family:var(--display);font-size:22px}
.brand-next small{display:block;font-family:var(--sans);font-size:9px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px}
.brand-next svg{width:44px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform .3s ease}
.brand-next:hover svg,.brand-next:focus-visible svg{transform:translateX(7px)}
.brand-slide-out{animation:brandSlideOut .22s ease-in both;pointer-events:none}
.brand-slide-in{animation:brandSlideIn .42s ease-out both}
@keyframes brandSlideOut{to{transform:translateX(-40px);opacity:0}}
@keyframes brandSlideIn{from{transform:translateX(55px);opacity:0}to{transform:translateX(0);opacity:1}}
@media(max-width:560px){.brand-next{font-size:16px;gap:10px}.brand-next svg{width:30px}.brand-page-nav{gap:16px}.brand-page-nav .brand-back{font-size:9px}}
@media(prefers-reduced-motion:reduce){.brand-next svg{transition:none}.brand-next:hover svg{transform:none}.brand-slide-in,.brand-slide-out{animation:none}}