/* Soft drum edges fade into the page while reserving the longest brand's width. */
.hero .platforms{flex-wrap:nowrap}
.messenger-cycle{display:inline-flex;align-items:center;padding:6px 0;color:var(--fg)}
.messenger-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0,0,0,0);white-space:nowrap;border:0}
.messenger-slot{display:grid;align-items:center;min-height:28px;margin:-5px 0;overflow:visible;perspective:320px;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 6px,#000 calc(100% - 6px),transparent);
  mask-image:linear-gradient(to bottom,transparent,#000 6px,#000 calc(100% - 6px),transparent)}
.platforms .messenger-item{grid-area:1/1;opacity:0;visibility:hidden;white-space:nowrap;
  color:var(--fg);transform:translateY(110%) rotateX(-60deg);transform-origin:center;
  backface-visibility:hidden;transition:none}
.platforms .messenger-item.is-current{opacity:1;visibility:visible;transform:translateY(0) rotateX(0)}
.messenger-slot.is-rolling .messenger-item{transition:transform 360ms var(--ease-out),opacity 360ms var(--ease-out)}
.messenger-slot.is-rolling .messenger-item.is-leaving{opacity:0;visibility:visible;transform:translateY(-110%) rotateX(60deg)}
.messenger-item img{width:14px;height:14px;flex:none;display:block}
.messenger-item[data-messenger="Telegram"] svg{color:#229ED9}
@media(prefers-reduced-motion:reduce){.messenger-slot.is-rolling .messenger-item{transition:none}}