/* transicoes: corte diagonal entre seções com fio verde e troca de cor.
   Estático por CSS; transicoes.js anima --c com scrub (GSAP). */
.corte{--ch:7;--c:1;--corte-bg:var(--ag-ink);--corte-fio:var(--ag-green);position:relative;isolation:isolate;background:none;margin-top:calc(var(--ch) * -1vw - 1.6vw);padding-top:calc(var(--sec) + var(--ch) * 1vw)}
.corte::before,.corte::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.corte::after{background:var(--corte-bg);clip-path:polygon(0 calc(1.6vw + var(--ch) * var(--c) * 1vw),100% calc(1.6vw + var(--ch) * (1 - var(--c)) * 1vw),100% 100%,0 100%)}
.corte::before{background:var(--corte-fio);clip-path:polygon(0 calc(1.6vw + var(--ch) * var(--c) * 1vw),100% calc(var(--ch) * (1 - var(--c)) * 1vw),100% 100%,0 100%)}
.corte--b{--c:0}
.corte--b::before{clip-path:polygon(0 calc(var(--ch) * var(--c) * 1vw),100% calc(1.6vw + var(--ch) * (1 - var(--c)) * 1vw),100% 100%,0 100%)}
.sec--paper.corte{--corte-bg:var(--ag-paper)}
.sec--black.corte{--corte-bg:var(--ag-black)}
.sec--green.corte{--corte-bg:var(--ag-green);--corte-fio:var(--ag-black)}
.corte--textura::after{background:var(--ag-black) url(../../img/textura-escura.webp) right top/auto 100% no-repeat}
.pre-corte,.sec:has(+ .corte){padding-bottom:calc(var(--sec) + 8.6vw)}
/* faixa do marquee só com a altura do texto: a seção seguinte não sobe por baixo dela */
.marquee + .corte{margin-top:0;padding-top:var(--sec)}
.marquee + .corte::before{display:none}
.marquee + .corte::after{clip-path:none}