.announcement-hero{--hero-loop:6s;--hero-ease:cubic-bezier(.16, 1, .3, 1)}.announcement-hero-backdrop{opacity:0;transition:opacity .7s var(--hero-ease);background-position:50%;background-size:cover;animation:14s ease-in-out infinite alternate announcement-hero-drift;position:absolute;inset:-18%}.announcement-hero-backdrop[data-current=true]{opacity:1}.announcement-hero-scene{opacity:0;transition:opacity .24s var(--hero-ease);position:absolute;inset:16px}.announcement-hero-scene[data-current=true]{opacity:1;transition-delay:.12s}.announcement-hero-scene[data-current=true] .announcement-hero-classic{animation:announcement-hero-classic var(--hero-loop) var(--hero-ease) infinite}.announcement-hero-scene[data-current=true] .announcement-hero-new{animation:announcement-hero-new var(--hero-loop) var(--hero-ease) infinite}.announcement-hero-scene[data-current=true] .announcement-hero-row:nth-child(2) :is(.announcement-hero-classic,.announcement-hero-new){animation-delay:.45s}.announcement-hero-scene[data-current=true] .announcement-hero-row:nth-child(3) :is(.announcement-hero-classic,.announcement-hero-new){animation-delay:.9s}.announcement-hero-classic{opacity:0}.announcement-hero-scene[data-current=true] .announcement-hero-status{animation:announcement-hero-status var(--hero-loop) var(--hero-ease) infinite}.announcement-hero-typed{width:190px}.announcement-hero-scene[data-current=true] .announcement-hero-typed{animation:announcement-hero-type var(--hero-loop) steps(26, end) infinite}.announcement-hero-scene[data-current=true] .announcement-hero-card{animation:announcement-hero-pop var(--hero-loop) var(--hero-ease) infinite}.announcement-hero-scene[data-current=true] .announcement-hero-card:nth-child(2){animation-name:announcement-hero-pop-2}.announcement-hero-scene[data-current=true] .announcement-hero-card:nth-child(3){animation-name:announcement-hero-pop-3}.announcement-hero-meter{transform-origin:0;transform:scaleX(2.6)}.announcement-hero-scene[data-current=true] .announcement-hero-meter{animation:announcement-hero-meter var(--hero-loop) var(--hero-ease) infinite}.announcement-hero-dial:first-child .announcement-hero-knob{grid-column:3}.announcement-hero-dial:nth-child(2) .announcement-hero-knob{grid-column:4}.announcement-hero-dial:nth-child(3) .announcement-hero-knob{grid-column:3}.announcement-hero-scene[data-current=true] .announcement-hero-dial:first-child .announcement-hero-knob{animation:announcement-hero-knob-1 var(--hero-loop) var(--hero-ease) infinite}.announcement-hero-scene[data-current=true] .announcement-hero-dial:nth-child(2) .announcement-hero-knob{animation:announcement-hero-knob-2 var(--hero-loop) var(--hero-ease) infinite}.announcement-hero-scene[data-current=true] .announcement-hero-dial:nth-child(3) .announcement-hero-knob{animation:announcement-hero-knob-3 var(--hero-loop) var(--hero-ease) infinite}@keyframes announcement-hero-drift{0%{transform:scale(1)rotate(-4deg)translate(-3%,2%)}to{transform:scale(1.18)rotate(6deg)translate(4%,-3%)}}@keyframes announcement-hero-classic{0%,20%{opacity:1;transform:none}28%,92%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes announcement-hero-new{0%,20%{opacity:0;transform:translateY(4px)}28%,92%{opacity:1;transform:none}to{opacity:0;transform:translateY(4px)}}@keyframes announcement-hero-status{0%,54%{opacity:0;transform:translateY(4px)}60%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes announcement-hero-type{0%,4%{width:0}20%,to{width:190px}}@keyframes announcement-hero-pop{0%,30%{opacity:0;transform:translateY(8px)scale(.96)}38%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes announcement-hero-pop-2{0%,35%{opacity:0;transform:translateY(8px)scale(.96)}43%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes announcement-hero-pop-3{0%,40%{opacity:0;transform:translateY(8px)scale(.96)}48%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes announcement-hero-meter{0%,42%{transform:scaleX(1)}58%,92%{transform:scaleX(2.6)}to{transform:scaleX(1)}}@keyframes announcement-hero-knob-1{0%,15%{grid-column:1}25%,to{grid-column:3}}@keyframes announcement-hero-knob-2{0%,40%{grid-column:1}50%,to{grid-column:4}}@keyframes announcement-hero-knob-3{0%,65%{grid-column:2}75%,to{grid-column:3}}@media (prefers-reduced-motion:reduce){.announcement-hero *,.announcement-hero-backdrop{animation:none!important}.announcement-hero-new{opacity:1}}