.s-hero .hero-autoplay{min-height:44px;border-color:transparent;gap:10px;pointer-events:auto}   
.s-hero .hero-autoplay .play-dur{color:var(--dim);font-size:.92em}
.s-hero .hero-autoplay[aria-pressed="true"]{border-color:var(--tally)}
@media (min-width:768px){ .s-hero .hero-autoplay{border-color:rgba(236,234,228,.38)} }
@media (max-width:767px){ .s-hero .hero-autoplay{width:100%} }
@media (prefers-reduced-motion:reduce){ [data-play]{display:none!important} }
.mt .mt-play{pointer-events:auto;display:inline-grid;place-items:center;width:22px;height:20px;margin-right:6px;border-radius:3px;
  background:var(--tally);color:var(--ink);font:500 9px/1 var(--mono);cursor:pointer;border:0}
@media (hover:hover){ .mt .mt-play:hover{filter:brightness(1.12)} }
.play-pill{position:fixed;z-index:61;left:var(--gutter);bottom:calc(64px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:6px;
  padding:6px;border-radius:999px;background:rgba(11,12,14,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid var(--line);box-shadow:0 12px 32px rgba(0,0,0,.45);
  opacity:0;visibility:hidden;transform:translate3d(0,10px,0);transition:opacity .35s var(--e-out),transform .35s var(--e-out),visibility 0s .35s}
.play-pill.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .35s var(--e-out),transform .35s var(--e-out),visibility 0s}
.play-pill button{min-width:44px;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--bone);
  font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.play-pill .play-pp{background:var(--tally);border-color:var(--tally);color:var(--ink)}
.play-pill[data-estado="play"] .play-pp{background:transparent;color:var(--bone);border-color:var(--line)}
@media (hover:hover){ .play-pill button:hover{border-color:var(--bone)} }
.play-pill .play-info{display:grid;gap:6px;min-width:120px;padding:0 6px}
.play-pill .play-cap{font-size:10px;letter-spacing:.12em;color:var(--bone);white-space:nowrap}
.play-pill .play-bar{display:block;height:2px;background:var(--line);overflow:hidden;border-radius:2px}
.play-pill .play-bar i{display:block;height:100%;background:var(--tally);transform:scaleX(0);transform-origin:0 50%}
@media (min-width:1100px) and (pointer:fine){ .play-pill{bottom:calc(18px + env(safe-area-inset-bottom,0px))} }
@media (max-width:767px){ .play-pill{left:50%;transform:translate3d(-50%,10px,0);bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  .play-pill.is-on{transform:translate3d(-50%,0,0)} }