/* Load after all existing homepage styles. */
.identity-band{
  width:var(--page-width,100vw);max-width:none;
  margin:0 calc((100% - var(--page-width,100vw))/2);
  padding:clamp(28px,4vw,58px) 0;overflow:hidden;
  border-bottom:0;mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent);
}
.identity-band .identity-window{width:100%;margin:12px 0;overflow:hidden}
.identity-band .identity-track{display:flex;width:max-content;animation:identity-flow 65s linear infinite;will-change:transform}
.identity-band .identity-track.right{animation-direction:reverse}
.identity-band .identity-track .identity-group{display:flex;flex:none;flex-wrap:nowrap;white-space:nowrap;max-width:none;padding:0 24px 0 0;gap:24px;font-size:clamp(30px,4.3vw,64px);letter-spacing:-1px}
.identity-band .identity-track .identity-group+span{display:flex}
.identity-band:hover .identity-track,.identity-band:focus-within .identity-track{animation-play-state:paused}
@keyframes identity-flow{to{transform:translateX(-50%)}}
/* Every card sticks within the same container, so the next one slides over it. */
.case-stack{display:block;position:relative;isolation:isolate;padding-bottom:40px}
.case-stack .case-step{display:contents;min-height:0;padding:0}
.case-stack .stack-card{position:relative;top:auto;margin:0 0 32px;height:auto;min-height:0;opacity:1;transform:none;filter:none}
.case-stack.is-overlay .stack-card{
  position:sticky;top:var(--stack-top,24px);z-index:calc(1 + var(--card-index));
  margin-bottom:clamp(100px,18vh,220px);transform-origin:50% 0;
  box-shadow:0 12px 30px #0000000e;will-change:transform;
}
.case-stack.is-overlay .stack-card:last-child{margin-bottom:0}
.brand-window{overflow:hidden}
.brand-track{display:flex;width:max-content;animation:logo-loop 58s linear infinite}
.brand-group,.brand-group[aria-hidden=true]{display:flex;flex:none}
.brand-group li{flex:none}
.brand-group img,html[data-theme=dark] .brand-group img,html[data-theme=system] .brand-group img{filter:grayscale(1);background:transparent;mix-blend-mode:multiply;opacity:1;object-fit:contain}
@media(max-width:760px){.identity-band .identity-track .identity-group{font-size:32px;gap:18px;padding-right:18px}}
@media(prefers-reduced-motion:reduce){
 .identity-band{mask-image:none;width:100%;margin:0}
 .identity-band .identity-track{animation:none;will-change:auto;width:100%}
 .identity-band .identity-track .identity-group{flex-wrap:wrap;white-space:normal;font-size:28px;padding:0 20px;gap:12px}
 .identity-band .identity-track .identity-group+span{display:none}
 .case-stack.is-overlay .stack-card{position:relative;top:auto;transform:none!important;filter:none!important;opacity:1!important;margin-bottom:28px;will-change:auto}
 .brand-track{animation:none;width:100%}
 .brand-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));width:100%}
 .brand-group[aria-hidden=true]{display:none}
}
