.brand-showcase{margin:76px auto;max-width:1320px;width:90%}.showcase-heading{margin-bottom:26px}.showcase-heading h2{font-size:clamp(26px,3vw,38px);font-weight:500;letter-spacing:-1.2px;margin:12px 0}.showcase-stage{position:relative;background:#f2f5f8;border:1px solid #e5ebef;border-radius:22px;overflow:hidden}.showcase-slide{display:grid;grid-template-columns:1fr 1fr;min-height:440px;align-items:center;animation:showcaseIn .6s ease}.showcase-slide[hidden]{display:none}.showcase-copy{padding:50px 12% 76px;position:relative;z-index:1}.showcase-brand{font-size:15px;font-weight:600;color:#318cc3}.showcase-copy h3{font-size:clamp(30px,3.6vw,49px);line-height:1.08;letter-spacing:-1.6px;font-weight:500;margin:22px 0}.showcase-copy p{color:#687682;line-height:1.7;max-width:330px;font-size:14px}.showcase-link{display:inline-flex;align-items:center;gap:30px;margin-top:20px;padding-bottom:9px;border-bottom:1px solid #29343c;color:#29343c;font-size:13px;text-decoration:none}.showcase-art{height:370px;position:relative;display:flex;align-items:center;justify-content:center;padding:30px 12% 30px 4%}.showcase-art img{position:relative;max-width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;z-index:1}.showcase-orbit{position:absolute;width:310px;height:310px;max-width:90%;border-radius:50%;background:linear-gradient(135deg,#dce9f0,#e8edf1);z-index:0}.showcase-controls{position:absolute;bottom:22px;inset-inline-start:6%;display:flex;align-items:center;gap:9px;direction:ltr;z-index:2}.showcase-controls button{width:34px;height:34px;border:1px solid #d5dee5;background:#ffffffa6;border-radius:50%;color:#34434d;cursor:pointer;font-size:14px}.showcase-counter{font-size:10px;color:#7b8790;letter-spacing:2px;margin-right:12px}.showcase-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:20px}.showcase-tabs button{background:none;border:0;border-top:2px solid #e3e8eb;padding:16px 4px;text-align:start;cursor:pointer;color:#75818b;font:inherit;font-size:13px;transition:color .2s,border-color .2s}.showcase-tabs button[aria-pressed=true]{color:#202d36;border-color:#ec4843}.showcase-tab-number{display:block;font-size:9px;letter-spacing:1px;color:#8b969e;margin-bottom:9px}.brand-showcase button:focus-visible,.showcase-link:focus-visible{outline:2px solid #318cc3;outline-offset:5px}@keyframes showcaseIn{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:650px){.brand-showcase{margin:45px auto}.showcase-slide{grid-template-columns:1fr;min-height:0}.showcase-copy{padding:32px 8% 8px}.showcase-copy h3{font-size:33px;max-width:320px}.showcase-copy p{margin:10px 0}.showcase-art{height:245px;padding:18px 12% 55px}.showcase-orbit{height:205px;width:205px}.showcase-controls{bottom:16px}.showcase-tabs{gap:12px;grid-template-columns:repeat(3,1fr)}.showcase-tabs button{padding:10px 2px}.showcase-tab-number{display:none}}@media(prefers-reduced-motion:reduce){.showcase-slide{animation:none}.showcase-tabs button{transition:none}}

.showcase-slide{background:#f2f5f8}

/* Share one grid cell so all brands reserve the same height without jumping. */
.showcase-stage { display: grid; }
.showcase-slide {
  grid-area: 1 / 1;
  min-width: 0;
  animation: none;
  opacity: 1;
  visibility: visible;
  transition: opacity .35s ease, visibility 0s;
}
.showcase-slide[hidden] {
  display: grid;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .35s ease, visibility 0s linear .35s;
}
@media (prefers-reduced-motion: reduce) {
  .showcase-slide, .showcase-slide[hidden] { transition: none; }
}