/* VolumeSection — texto + vídeo, comparação A1 × A2L */
.volume { display: flex; flex-direction: column; gap: var(--Content-Gap-5); }
.volume__top { display: flex; flex-direction: column; gap: var(--Section-Gap-1); }
.volume__text { width: 100%; flex: 1 1 0%; }
.volume__text .sec-title { max-width: none; }
.volume__media { width: 100%; height: 420px; border-radius: 16px; }
.compare { display: flex; flex-direction: column; gap: var(--Content-Gap-5); }
.compare__item { display: flex; flex-direction: column; align-items: center; gap: var(--Content-Gap-6); margin: 0; }
.compare__media { width: 100%; aspect-ratio: 327 / 250; }
.compare__label {
  font-size: var(--Body-1-Size); line-height: var(--Body-1-Line-Height); font-weight: 700;
  color: #fff; background: #949494; border-radius: 1000px; padding: 4px 32px; white-space: nowrap;
}
.compare__label.is-hl { background: var(--a2l-color); }
@media (min-width: 768px) {
  .compare { flex-direction: row; gap: 12px; }
  .compare__item { flex: 1 1 0%; min-width: 0; }
}
@media (min-width: 1025px) {
  .volume { gap: var(--Section-Gap-1); }
  .volume__top { flex-direction: row; justify-content: space-between; align-items: center; gap: var(--Gutter-Gap-1); }
  .volume__text .sec-title { width: 412px; text-align: left; align-items: flex-start; margin: 0; }
  .volume__media { width: calc(50% - var(--Gutter-Gap-1) / 2); height: auto; aspect-ratio: 588 / 550; flex-shrink: 0; border-radius: 0; }
  .compare { gap: var(--Gutter-Gap-1); }
  .compare__media { aspect-ratio: 588 / 600; }
}
@media (min-width: 1440px) { .volume__text .sec-title { width: 486px; } }

/* FrameSequence — troca do módulo do cabeçote, quadro a quadro pelo scroll */
.swap { position: relative; height: calc(var(--vh100-fixedTop) + 1740px); }
.swap__sticky { position: sticky; top: var(--fixedTop); width: 100%; height: var(--vh100-fixedTop); overflow: hidden; background: #d9d9d9; }
.swap__sticky img, .swap__sticky canvas { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.swap__sticky canvas { z-index: 1; }