/* Um intervalo de filme entre os capítulos da página; sem moldura. */
.campaign-reel{width:100%;max-width:none;margin:36px 0 24px;background:#000;color:#fff;border:0;border-radius:0;box-shadow:none;scroll-margin-top:24px}
.campaign-film{position:relative;isolation:isolate;width:100%;height:clamp(320px,40vw,560px);overflow:clip;background:#080808}
.campaign-scene{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transition:opacity 1.4s ease-in-out,visibility 0s linear 1.4s;pointer-events:none;overflow:hidden}
.campaign-scene.is-leaving{z-index:1;opacity:1;visibility:visible;transition:none}
.campaign-scene.is-active{z-index:2;opacity:1;visibility:visible;transition:opacity 1.4s ease-in-out;pointer-events:auto}
.campaign-scene>img,.campaign-scene>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.campaign-mask>img{object-position:70% 38%}
.campaign-towel>img{object-position:50% 35%}
.campaign-scene>video{opacity:0;transition:opacity .35s ease;object-position:50% 45%}
.campaign-scene.has-motion>video{opacity:1}
.campaign-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 32px;margin:0 auto;width:calc(100% - clamp(40px,8vw,112px));max-width:1360px;padding:18px 0 0}
.campaign-caption{display:flex;align-items:center;gap:clamp(24px,5vw,80px);min-width:0}
.campaign-caption h2{margin:0;font:500 16px/1.5 Manrope,Arial,sans-serif;letter-spacing:0;text-transform:none;color:#eee}
.campaign-caption a{display:inline-flex;align-items:center;gap:16px;min-height:44px;font:500 14px/1.4 Manrope,Arial,sans-serif;color:#ddd;text-decoration:none}
.campaign-caption a:hover{color:#fff}
.campaign-caption a span{font-size:20px}
.campaign-playback{display:flex;align-items:center;gap:4px}
.campaign-playback button{appearance:none;border:0;border-radius:0;box-shadow:none;background:transparent;color:#ddd;min-width:44px;min-height:44px;padding:10px;font:500 13px/1.3 Manrope,Arial,sans-serif;cursor:pointer}
.campaign-playback button:hover{color:#fff}
.campaign-playback [data-campaign-prev],.campaign-playback [data-campaign-next]{font-size:22px}
.campaign-playback [data-campaign-toggle]{min-width:82px;text-align:right;padding-right:0}
.campaign-count{display:flex;gap:6px;white-space:nowrap;font:400 12px/1.4 Manrope,Arial,sans-serif;font-variant-numeric:tabular-nums;color:#bbb}
.campaign-credit{grid-column:1 / -1;font:400 11px/1.5 Manrope,Arial,sans-serif;color:#aaa;margin:0 0 4px}
.signature .signature-title{padding-top:0}
@media(max-width:700px){
  .campaign-reel{margin:28px 0 12px}
  .campaign-film{height:auto;aspect-ratio:4/3}
  .campaign-scene>video{object-position:58% 50%}
  .campaign-footer{width:calc(100% - 40px);grid-template-columns:1fr;gap:4px;padding-top:12px}
  .campaign-caption{justify-content:space-between;gap:16px}
  .campaign-caption h2{font-size:15px}
  .campaign-playback{grid-row:2;justify-self:end}
  .campaign-credit{grid-column:1;grid-row:2;align-self:center;justify-self:start;margin:0}
  .campaign-playback [data-campaign-toggle]{min-width:80px}
  .signature{position:static}
}
@media(prefers-reduced-motion:reduce){.campaign-reel *{transition:none!important;animation:none!important}.campaign-scene>video{display:none}}