.steel-sweep{position:relative;overflow:hidden}
.steel-sweep>.sweep{
  position:absolute;top:-60%;left:0;width:100%;height:220%;
  pointer-events:none;transform:rotate(-15deg) translateX(var(--sx,-120%));
  background:linear-gradient(90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.02) 46%,
    rgba(255,255,255,.115) 48.25%,
    rgba(255,255,255,.02) 51.5%,
    rgba(255,255,255,0) 100%);
  mix-blend-mode:screen;will-change:transform}
.steel-sweep.on-light>.sweep{
  mix-blend-mode:multiply;
  background:linear-gradient(90deg,
    rgba(120,132,142,0) 0%,
    rgba(120,132,142,.03) 46%,
    rgba(120,132,142,.14) 48.25%,
    rgba(120,132,142,.03) 51.5%,
    rgba(120,132,142,0) 100%)}
@media (prefers-reduced-motion:reduce){.steel-sweep>.sweep{display:none}}

/* ---------- pausa de vídeo (WCAG 2.2.2 Pause, Stop, Hide, nível A) ----------
   Vídeo que toca sozinho por mais de cinco segundos precisa de mecanismo de
   parada. A barra nativa de controles quebraria a composição das peças da home,
   então cada vídeo sem controls ganha este chip no canto da própria caixa.
   Ele usa o mesmo tratamento do .band figcaption: fundo sólido da casca, filete
   de um pixel, grotesca de 10px em caixa alta. Não é elemento novo de desenho,
   é o rótulo que já existe, em tamanho de controle. O botão é escrito pelo
   script de vídeo, então em página sem vídeo nada disso entra no DOM. */
.cs-pausa{
  position:absolute;right:10px;bottom:10px;z-index:2;
  display:inline-flex;align-items:center;justify-content:center;
  /* largura fixa de propósito. Com largura de conteúdo, a troca de Play para
     Pause e a chegada da fonte mudam a caixa de um botão ancorado à direita, e
     isso é layout shift medido: 4,5e-05 por botão. Caixa constante, CLS zero.
     A caixa cresceu de 72x32 para 84x36 porque o rótulo saiu de 10px para o
     piso de 12px da escala. Continua fixa, que é o que mantém o CLS em zero. */
  /* 36px estava 8px abaixo do piso de 44 que o resto da peça já respeita, e é o
     único controle que fica em cima do vídeo, onde errar o toque dá tela cheia
     por engano. A largura continua fixa: é ela que segura o CLS em zero. */
  min-height:44px;width:84px;padding:0;box-sizing:border-box;
  font:500 var(--t-mark,.75rem)/1 var(--grot,system-ui,sans-serif);
  letter-spacing:.18em;text-transform:uppercase;
  color:var(--d-ink,#ece7df);
  background:var(--d-bg,#0b0c0d);
  border:1px solid var(--d-rule,rgba(236,231,223,.14));
  border-radius:0;cursor:pointer;
  transition:border-color .3s ease}
.cs-pausa:hover{border-color:var(--d-ink-3,#7c8085)}
.cs-pausa:focus-visible{outline:2px solid var(--d-accent,#6fa9e6);outline-offset:2px}
@media (max-width:760px){ .cs-pausa{right:8px;bottom:8px} }