.roast-scene .fx-etapa{transition:opacity .5s ease, transform .7s var(--ease-out);transform:translateY(14px)}.roast-scene[data-etapa="1"] .fx-etapa:first-of-type,.roast-scene[data-etapa="2"] .fx-etapa:nth-of-type(2),.roast-scene[data-etapa="3"] .fx-etapa:nth-of-type(3),.roast-scene[data-etapa="4"] .fx-etapa:nth-of-type(4){transform:none}.roast-scene:not([data-etapa]) .fx-etapa:first-of-type{opacity:1;transform:none}.roast-index li>span:first-child{transform-origin:0;transition:background-color .4s}.roast-index li>span:last-child{transition:color .4s}.roast-scene[data-etapa="1"] .roast-index li:nth-child(-n+1)>span:first-child,.roast-scene[data-etapa="2"] .roast-index li:nth-child(-n+2)>span:first-child,.roast-scene[data-etapa="3"] .roast-index li:nth-child(-n+3)>span:first-child,.roast-scene[data-etapa="4"] .roast-index li:nth-child(-n+4)>span:first-child{background:var(--gold)}.roast-scene[data-etapa="1"] .roast-index li:first-child>span:last-child,.roast-scene[data-etapa="2"] .roast-index li:nth-child(2)>span:last-child,.roast-scene[data-etapa="3"] .roast-index li:nth-child(3)>span:last-child,.roast-scene[data-etapa="4"] .roast-index li:nth-child(4)>span:last-child{color:var(--cream)}.roast-scene .roast-foto{opacity:0;transition:opacity .8s ease, transform 1.6s var(--ease-out);transform:scale(1.08)}.roast-scene[data-etapa="1"] .roast-foto:first-of-type,.roast-scene[data-etapa="2"] .roast-foto:nth-of-type(2),.roast-scene[data-etapa="3"] .roast-foto:nth-of-type(3),.roast-scene[data-etapa="4"] .roast-foto:nth-of-type(4){opacity:1;transform:scale(1)}.roast-fill{transform:scaleX(calc(min(var(--progresso,0) / .45, 1) * .667))}.roast-scene .roast-medium{color:color-mix(in srgb, var(--gold) clamp(0%, calc((var(--progresso,0) - .42) * 3000%), 100%), #f3eadb8c)}.fx-reduzido .roast-scene .roast-fotos{height:520px}.fx-reduzido .roast-fill{transform:scaleX(.667)}.fx-reduzido .roast-scene .roast-medium{color:var(--gold)}.fx-reduzido .roast-scene .fx-etapa{transform:none}.fx-reduzido .roast-index{display:none}.fx-reduzido .grind-rail{gap:16px}.hero-foto{animation:18s ease-in-out infinite alternate hero-respira}@keyframes hero-respira{0%{transform:scale(1)}to{transform:scale(1.06)}}.hero-halo{aspect-ratio:1;pointer-events:none;background:radial-gradient(closest-side,#e2964661,#c83c1e1f 55%,#0000);border-radius:9999px;width:150%;animation:4.2s ease-in-out infinite hero-pulsa;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)}@keyframes hero-pulsa{0%,to{opacity:.95;transform:translate(-50%,-50%)scale(1)}50%{opacity:.55;transform:translate(-50%,-50%)scale(.86)}}.hero-vapor{filter:blur(9px);opacity:0;pointer-events:none;background:linear-gradient(#fff4e400,#fff4e46b 55%,#fff4e400);border-radius:9999px;width:14%;height:70%;animation:5.4s ease-in-out infinite hero-vapor;position:absolute;bottom:62%}.hero-vapor--1{animation-delay:0s;left:36%}.hero-vapor--2{width:11%;animation-delay:1.8s;left:46%}.hero-vapor--3{animation-delay:3.6s;left:55%}@keyframes hero-vapor{0%{opacity:0;transform:translateY(18%)scaleY(.6)skew(0)}30%{opacity:.9}to{opacity:0;transform:translateY(-55%)scaleY(1.15)skew(-8deg)}}.fx-reduzido .hero-foto,.fx-reduzido .hero-halo,.fx-reduzido .hero-vapor{animation:none}.fx-reduzido .hero-vapor{opacity:.35}@media (prefers-reduced-motion:reduce){.hero-foto,.hero-halo,.hero-vapor{animation:none}}.grind-nudge{animation:1.4s ease-in-out infinite grind-nudge}@keyframes grind-nudge{0%,to{transform:translate(0)}50%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){.grind-nudge{animation:none}}