.brand-showcase { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr); gap:54px; align-items:center; padding-block:78px 88px; }
.brand-showcase-copy { padding-block:25px; }
.brand-showcase-copy .eyebrow { font-size:10px; max-width:270px; margin-bottom:25px; }
.brand-showcase-copy h2 { font-size:clamp(28px,2.6vw,37px); line-height:1.23; }
.brand-showcase-copy>p:not(.eyebrow) { font-size:15px; line-height:1.8; max-width:315px; margin-top:24px; }
.brand-showcase-copy .text-link { margin-top:27px; }
.brand-showcase-display { min-width:0; }
.brand-flow { overflow:hidden; background:#fff; padding-block:8px; }
.brand-flow-row { overflow-x:auto; overflow-y:hidden; scrollbar-width:thin; scrollbar-color:#c7cbc1 transparent; }
.brand-flow-row:focus-visible { outline-offset:-3px; }
.brand-flow-track { display:flex; width:max-content; }
.brand-flow-group { display:flex; align-items:center; flex:none; gap:10px; padding:0 10px 0 0; margin:0; list-style:none; min-height:144px; }
.brand-float { flex:0 0 228px; width:228px; height:124px; display:flex; align-items:center; justify-content:center; padding:12px 20px; }
.brand-float-art { display:flex; width:100%; align-items:center; justify-content:center; }
.brand-float-art img { width:var(--logo-width); max-width:100%; height:auto; max-height:100px; object-fit:contain; }
.brand-float-name { max-width:185px; font-size:23px; line-height:1.3; text-align:center; color:var(--ink); }
.brand-showcase-controls { border-top:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:56px; margin-top:14px; }
.brand-showcase-note { font-size:10px; color:var(--muted); }
.brand-motion-toggle { border:0; background:transparent; padding:12px 0 12px 12px; display:flex; align-items:center; gap:9px; min-height:44px; flex-shrink:0; color:var(--ink); font-size:11px; }
.brand-motion-toggle:hover { color:#696e60; }
.brand-motion-toggle [data-brand-motion-icon] { font-size:13px; width:14px; text-align:center; }
.brand-manual-hint { font-size:11px; white-space:nowrap; }
.brand-manual-hint span { margin-left:6px; }
.brand-showcase[data-motion-ready] .brand-flow-row { overflow:hidden; }
.brand-showcase[data-motion-ready] .brand-flow { mask-image:linear-gradient(to right,transparent,#000 48px,#000 calc(100% - 48px),transparent); }
.brand-showcase[data-motion-ready] .brand-manual-hint { display:none; }
.brand-showcase[data-motion-ready] .brand-flow-track { animation:brand-flow-across var(--flow-duration) linear infinite; animation-play-state:paused; }
.brand-showcase[data-motion-ready] .brand-flow-row:nth-child(2) .brand-flow-track { animation-direction:reverse; }
.brand-showcase[data-motion-ready] .brand-float { animation:brand-float-drift 9s ease-in-out infinite alternate; animation-delay:var(--float-delay); animation-play-state:paused; }
.brand-showcase[data-motion-ready] .brand-flow-row:nth-child(2) .brand-float { animation-duration:11s; }
.brand-showcase[data-motion-ready] .brand-flow-row:nth-child(3) .brand-float { animation-duration:10s; }
.brand-showcase[data-motion-running] .brand-flow-track,.brand-showcase[data-motion-running] .brand-float { animation-play-state:running; }
@keyframes brand-flow-across { from { transform:translateX(0); } to { transform:translateX(-50%); } }
@keyframes brand-float-drift { from { transform:translateY(-6px); } to { transform:translateY(6px); } }
@media(max-width:1100px) {
  .brand-showcase { grid-template-columns:minmax(0,1fr) minmax(0,1.6fr); gap:32px; }
  .brand-showcase-copy h2 { font-size:29px; }
  .brand-showcase-note { max-width:190px; }
}
@media(max-width:800px) {
  .brand-showcase { grid-template-columns:1fr; gap:12px; padding-block:50px 55px; }
  .brand-showcase-copy { padding-block:0 18px; }
  .brand-showcase-copy h2 { font-size:32px; }
  .brand-showcase-copy>p:not(.eyebrow) { max-width:420px; margin-top:20px; }
  .brand-showcase-copy .text-link { margin-top:19px; }
  .brand-flow-group { min-height:126px; }
  .brand-float { width:210px; flex-basis:210px; padding-inline:12px; height:112px; }
  .brand-showcase-note { max-width:180px; }
  .brand-showcase-controls { margin-top:9px; }
}
@media(max-width:380px) {
  .brand-showcase-copy h2 { font-size:28px; }
  .brand-showcase-note { max-width:145px; font-size:9px; }
}
@media(prefers-reduced-motion:reduce) {
  .brand-showcase[data-motion-ready] .brand-flow-track,.brand-showcase[data-motion-ready] .brand-float { animation:none; }
  .brand-showcase[data-motion-ready] .brand-flow-row { overflow-x:auto; }
  .brand-showcase[data-motion-ready] .brand-flow { mask-image:none; }
  .brand-showcase .brand-flow-group[aria-hidden="true"],.brand-showcase .brand-motion-toggle { display:none; }
  .brand-showcase[data-motion-ready] .brand-manual-hint { display:inline; }
}