@property --ab-t{syntax:"<number>";inherits:false;initial-value:1}@property --fim-t{syntax:"<number>";inherits:false;initial-value:0}@property --fim-l{syntax:"<number>";inherits:false;initial-value:0}@property --fim-txt{syntax:"<number>";inherits:false;initial-value:0}@layer components{.cena{overflow-anchor:none;position:relative;overflow-x:clip}.cena-palco{align-items:center;min-height:100svh;padding:clamp(64px,9vh,104px) 0 clamp(40px,7vh,72px);display:flex;position:sticky;top:0;overflow:hidden}.cena[data-capitulo=prologo] .cena-palco{z-index:1}.cena-grade{align-items:center;gap:clamp(24px,4vw,56px);width:100%;display:grid}@media (min-width:900px){.cena-grade{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"cabeca aparelho""passos aparelho";align-content:center;row-gap:28px}.cena-cabeca{grid-area:cabeca;align-self:end}.cena-passos{grid-area:passos;align-self:start}.cena-aparelho{grid-area:aparelho;align-self:center}.cena-cabeca,.cena-passos{max-width:520px}}.cena-manchete{will-change:filter, opacity}.cena-descricao{color:var(--muted);margin-top:10px}.cena-manchete-troca{animation:cena-esfuma .38s var(--ease-stamp) both;display:inline-block}.cena-descricao-troca{animation-delay:90ms}@keyframes cena-esfuma{0%{opacity:0;filter:blur(7px);transform:translateY(.14em)scale(.985)}to{opacity:1;filter:blur();transform:none}}.cena-regua{gap:8px;list-style:none;display:flex}.cena-passo{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.cena-tracinho{background:var(--ring);border-radius:999px;height:3px;display:block;position:relative;overflow:hidden}.cena-tracinho-cheio{background:var(--action);transform-origin:0;border-radius:999px;position:absolute;inset:0;transform:scaleX(0)}.cena-marca{letter-spacing:.01em;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;font-weight:600;display:block;overflow:hidden}.cena-passo[data-on=true] .cena-marca{color:var(--text)}.cena-aparelho{justify-content:center;align-items:center;gap:clamp(12px,2vw,28px);display:flex;position:relative}.cena[data-prologo] .cena-aparelho .device{transform:translate3d(calc(var(--ab-dx,0px) * (1 - var(--ab-t,1))), calc(var(--ab-dy,0px) * (1 - var(--ab-t,1))), 0) scale(calc(var(--ab-s,1) + (1 - var(--ab-s,1)) * var(--ab-t,1)))}.cena[data-abertura] .cena-aparelho .device{will-change:transform}.cena[data-prologo] .cena-cabeca,.cena[data-prologo] .cena-passos{opacity:var(--ab-t,1);filter:blur(calc((1 - var(--ab-t,1)) * 6px));transform:translate3d(calc(var(--fim-cx,0px) * var(--fim-t,0)), calc((1 - var(--ab-t,1)) * 14px + var(--fim-cy,0px) * var(--fim-t,0)), 0)}.cena[data-prologo]{--fim-cx:0px;--fim-cy:0px;--fim-ax:0px;--fim-esc:.06}.cena[data-prologo] .cena-aparelho-caixa{transform:translate3d(calc(var(--fim-ax,0px) * var(--fim-t,0)), 0, 0) scale(calc(1 + var(--fim-esc,0) * var(--fim-t,0)))}@media (min-width:900px){.cena[data-prologo]{--fim-esc:.08}}@media (min-width:1140px){.cena[data-prologo]{--fim-cx:90px;--fim-ax:-80px;--fim-esc:.12}}@media (min-width:900px) and (max-height:780px){.cena[data-prologo]{--fim-esc:.04}}.cena-passos[data-oculta]{visibility:hidden}.cena-passos{align-items:flex-start;gap:12px;display:flex}.cena-passos .cena-regua{flex:1;min-width:0}.cena-passo-btn{text-align:left;cursor:pointer;width:100%;color:inherit;font:inherit;background:0 0;border:0;margin-top:-10px;padding:10px 0 0;display:block}.cena-passo-btn:focus-visible{outline:2px solid var(--action);outline-offset:3px;border-radius:6px}.cena-tocar{border:1px solid color-mix(in srgb, var(--passo-cor,var(--action)) 38%, transparent);background:color-mix(in srgb, var(--passo-cor,var(--action)) 10%, transparent);width:34px;height:34px;color:var(--passo-tinta,var(--action-text,var(--action)));cursor:pointer;transition:background-color .16s var(--ease-stamp);border-radius:999px;flex:none;justify-content:center;align-items:center;margin-top:-6px;display:inline-flex}.cena-tocar:hover,.cena-tocar:focus-visible{background:color-mix(in srgb, var(--passo-cor,var(--action)) 20%, transparent)}@media (prefers-reduced-motion:reduce){.cena-tocar{transition:none}}.cena-aparelho-caixa{position:relative}.cena-aparelho-caixa .device{z-index:1;position:relative}.cena-halo{z-index:0;pointer-events:none;background:radial-gradient(ellipse 46% 40% at 50% 50%, color-mix(in srgb, var(--action) 36%, transparent) 0%, color-mix(in srgb, var(--action) 12%, transparent) 48%, transparent 100%);opacity:var(--aura-luz,0);position:absolute;inset:-34% -26%}.cena-toque{z-index:2;cursor:pointer;background:0 0;border-radius:15.5cqw;position:absolute;inset:2% 4%}.cena-toque:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.cena-rev{--rev:0;--n:1}.cena-palavra{white-space:pre;display:inline-block}.cena-letra{--l:clamp(0, calc((var(--rev) * var(--n) - var(--i)) / 6), 1);opacity:var(--l);transform:translateY(calc((1 - var(--l)) * .42em));display:inline-block}.cena-rev[data-ativo] .cena-letra{filter:blur(calc((1 - var(--l)) * 5px))}@media (max-width:899px){.cena-palavra{--l:clamp(0, calc((var(--rev) * var(--n) - var(--i)) / 6), 1);opacity:var(--l);transform:translateY(calc((1 - var(--l)) * .42em))}.cena-letra{opacity:1;transform:none}.cena-rev[data-ativo] .cena-letra{filter:none}}.cena-enfase{color:var(--text);font-weight:600}@media (max-width:899px){.cena-palco{padding:calc(var(--header-h,76px) - 20px) 0 8px;align-items:stretch}.cena-grade{text-align:center;grid-template-rows:auto auto minmax(0,1fr);justify-items:center;gap:0}.cena-cabeca,.cena-passos{width:100%;max-width:560px}.cena-manchete{min-height:2.24em}.cena-descricao{min-height:3em;margin-top:8px}.cena-aparelho{margin:10px 0}.cena-aparelho .device{--cena-cromo:246px;width:max(140px, min(100vw - 80px, (100svh - var(--cena-cromo)) * .485))}.cena[data-capitulo=prologo] .cena-descricao{min-height:calc((2 + 3 * (1 - var(--fim-l,0))) * 1.5em * (1 - var(--fim-txt,0)))}.cena[data-capitulo=prologo] .cena-aparelho .device{--cena-cromo:calc(362px - 82px * var(--fim-l,0))}.cena-regua{gap:6px}.cena-marca{display:none}}@media (max-width:899px) and (max-height:700px){.cena-palco{padding-bottom:8px}.cena-manchete{font-size:1.375rem}.cena-descricao{font-size:.9375rem}.cena-aparelho{margin:6px 0}.cena-aparelho .device{--cena-cromo:248px}.cena[data-capitulo=prologo] .cena-aparelho .device{--cena-cromo:calc(322px - 74px * var(--fim-l,0))}}@media (prefers-reduced-motion:reduce){.cena-manchete-troca{animation:none}.cena-letra{transform:none}.cena-rev[data-ativo] .cena-letra{filter:none}.cena[data-abertura] .cena-cabeca,.cena[data-abertura] .cena-passos,.cena[data-abertura] .cena-aparelho .device{--ab-t:1!important}.cena[data-prologo] .cena-cabeca,.cena[data-prologo] .cena-passos,.cena[data-prologo] .cena-aparelho-caixa{filter:none;transform:none}@media (max-width:899px){.cena-palco{padding-top:calc(var(--header-h,76px) + 8px)}.cena-aparelho .device{--cena-cromo:274px}}@media (max-width:899px) and (max-height:700px){.cena-aparelho .device{--cena-cromo:276px}}}.cena[data-card]{--passo-cor:var(--action);--passo-tinta:color-mix(in srgb, var(--passo-cor) 72%, black);--passo-sobre:#fff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .cena[data-card]{--passo-tinta:var(--passo-cor);--passo-sobre:#111}}:root[data-theme=dark] .cena[data-card]{--passo-tinta:var(--passo-cor);--passo-sobre:#111}.cena[data-cor=streak]{--passo-cor:var(--streak)}.cena[data-cor=xp]{--passo-cor:var(--xp)}.cena[data-cor=heart]{--passo-cor:var(--heart)}.cena[data-card] .cena-descricao,.cena-parada .cena-descricao{color:color-mix(in srgb, var(--muted) 80%, var(--text))}.cena-card{height:100%}.cena-card .cena-palco,.cena-parada{position:relative}.cena[data-card] .cena-palco,.cena-parada{height:100%;min-height:0;padding:var(--card-pad,24px) 0;background:color-mix(in srgb, var(--passo-cor) 7%, var(--bg));border:1px solid color-mix(in srgb, var(--passo-cor) 38%, transparent);border-radius:clamp(20px,2.6vw,32px);overflow:hidden}.cena[data-card] .wrap,.cena-parada .wrap{max-width:none;padding-inline:clamp(18px,4.5vw,56px)}@media (min-width:900px){.cena[data-card] .cena-aparelho .device,.cena-parada .cena-aparelho .device{width:min(var(--device-w,300px), (var(--slide-h,720px) - 2 * var(--card-pad,48px) - 4px) / 2.0615)}.cena[data-card] .cena-manchete,.cena-parada .cena-manchete{flex-direction:column;justify-content:flex-end;min-height:2.24em;display:flex}.cena[data-card] .cena-descricao,.cena-parada .cena-descricao{min-height:3em}}@media (min-width:900px) and (max-width:1023px){.cena[data-card] .cena-marca{display:none}}@media (min-width:900px) and (max-width:1159px){.cena[data-card] .cena-descricao{min-height:4.5em}}@media (min-width:900px) and (max-width:959px){.cena[data-card] .cena-manchete{min-height:3.36em}}@media (max-width:899px){.cena[data-card] .cena-manchete,.cena-parada .cena-manchete{font-size:1.375rem}.cena[data-card] .cena-descricao,.cena-parada .cena-descricao{font-size:.9375rem}.cena[data-card] .cena-aparelho .device,.cena-parada .cena-aparelho .device{--cena-cromo:204px;width:max(120px, min(var(--slide-w,100vw) - 60px, (var(--slide-h,100svh) - var(--cena-cromo)) * .485))}.cena[data-card] .cena-manchete,.cena-parada .cena-manchete{flex-direction:column;justify-content:center;display:flex}.cena-parada .cena-passos{display:none}}@media (max-width:539px){.cena-card .cena-descricao,.cena-parada .cena-descricao{min-height:4.5em}.cena[data-card] .cena-aparelho .device{--cena-cromo:215px}}@media (max-width:399px){.cena-card .cena-descricao,.cena-parada .cena-descricao{min-height:6em}.cena[data-card] .cena-aparelho .device{--cena-cromo:226px}}@media (max-width:899px){.cena[data-quadros] .cena-palco{height:100svh;min-height:0;position:absolute;top:0;left:0;right:0}.cena[data-quadros][data-pino=preso] .cena-palco{position:fixed}.cena[data-quadros][data-pino=depois] .cena-palco{top:auto;bottom:0}.cena[data-quadros] .cena-rev{transition:opacity .32s var(--ease-stamp)}.cena[data-quadros] .cena-tracinho-cheio{will-change:transform}.cena[data-quadros] .cena-halo{will-change:opacity}.cena[data-quadros] .cena-descricao{transition:opacity .3s var(--ease-stamp), min-height .42s var(--ease-stamp)}.cena[data-quadros][data-fim] .cena-descricao{min-height:3em}@supports (animation-timeline:scroll()){.cena[data-quadros] .cena-aparelho .device{animation:ease-in-out both cena-encaixe;animation-timeline:scroll(root);animation-range:var(--cena-topo,0px) calc(var(--cena-topo,0px) + 18svh)}.cena[data-quadros] .cena-cabeca,.cena[data-quadros] .cena-passos{animation:linear both cena-entra;animation-timeline:scroll(root);animation-range:var(--cena-topo,0px) calc(var(--cena-topo,0px) + 18svh)}.cena[data-quadros] .cena-palavra{animation:linear both cena-palavra-rola;animation-timeline:scroll(root);animation-range:calc(var(--cena-topo,0px) + (var(--passo,0) + .02 + .5 * var(--i,0) / var(--n,1)) * var(--passo-px,52svh)) calc(var(--cena-topo,0px) + (var(--passo,0) + .02 + .5 * (var(--i,0) + 6) / var(--n,1)) * var(--passo-px,52svh))}.cena[data-quadros] .cena-tracinho-cheio{animation:linear both cena-traco-rola;animation-timeline:scroll(root);animation-range:calc(var(--cena-topo,0px) + var(--passo,0) * var(--passo-px,52svh)) calc(var(--cena-topo,0px) + (var(--passo,0) + 1) * var(--passo-px,52svh))}.cena[data-quadros] .cena-halo{animation:linear both cena-halo-rola;animation-timeline:scroll(root);animation-range:calc(var(--cena-topo,0px) + (var(--passos,5) - 1) * var(--passo-px,52svh)) calc(var(--cena-topo,0px) + var(--passos,5) * var(--passo-px,52svh))}}}@keyframes cena-encaixe{0%{transform:translate3d(var(--ab-dx,0px), var(--ab-dy,0px), 0) scale(var(--ab-s,1))}to{transform:none}}@keyframes cena-entra{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes cena-traco-rola{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes cena-halo-rola{0%,78%{opacity:0}84%,93%{opacity:1}to{opacity:0}}@keyframes cena-palavra-rola{0%{opacity:0}to{opacity:1}}@media (max-width:899px){.cena[data-quadros] .cena-palavra{transform:none}}.cena-dica{z-index:1;opacity:0;transition:opacity .42s var(--ease-stamp);pointer-events:none;color:var(--text);flex-direction:column;align-items:center;gap:10px;margin-right:10px;display:flex;position:absolute;bottom:6%;right:100%}.cena-dica[data-parado]{opacity:1}.cena-dica-texto{writing-mode:vertical-rl;opacity:.72;letter-spacing:.04em;white-space:nowrap;font-size:12px;line-height:1}.cena-dica-trilho{background:color-mix(in srgb, currentcolor 20%, transparent);width:1px;height:34px;position:relative;overflow:hidden}.cena-dica-trilho:after{content:"";inset-inline:0;background:currentColor;height:12px;animation:1.7s ease-in-out infinite cena-dica-desce;position:absolute;top:0}@keyframes cena-dica-desce{0%{transform:translateY(-14px)}to{transform:translateY(34px)}}@media (prefers-reduced-motion:reduce){.cena-dica-trilho:after{height:100%;animation:none}.cena[data-quadros] .cena-palavra,.cena[data-quadros] .cena-tracinho-cheio,.cena[data-quadros] .cena-halo,.cena[data-quadros] .cena-aparelho .device,.cena[data-quadros] .cena-cabeca,.cena[data-quadros] .cena-passos{animation:none}}}html[data-semsticky] .cena[data-prologo] .cena-palco{position:static!important}html[data-semclip] .cena,html[data-semclip] body,html[data-semclip]{overflow-x:visible!important}html[data-semtroca] .cena[data-prologo] .cena-aparelho{visibility:hidden!important}