/* GENERATED by build-hero.mjs — the TRAILER timeline. One 22s loop; every animation shares it.
   Cut starts (wipe begins): ZormDesk 2.9s · Saving Strat 5.8s · Bee Hive 8.6s · SiloX 11.3s · GlitchXP 13.9s · End card 16.4s · loop-in to Sentinel 21s.
   Wipe = 0.5s. Pause = .t:has(#tr-pause:checked) (pure CSS) or .is-held (JS: off-screen / hand-off). */
:root{ --T:22s; }
@keyframes cut-2{
  0%{ visibility:hidden;clip-path:inset(0 0 0 calc(100% + var(--bw))); }
  13.091%{ visibility:hidden;clip-path:inset(0 0 0 calc(100% + var(--bw))); }
  13.182%{ visibility:visible;clip-path:inset(0 0 0 calc(100% + var(--bw))); animation-timing-function:cubic-bezier(.72,0,.28,1); }
  15.455%{ visibility:visible;clip-path:inset(0 0 0 0); }
  28.773%{ visibility:visible;clip-path:inset(0 0 0 0); }
  28.909%{ visibility:hidden;clip-path:inset(0 0 0 0); }
  100%{ visibility:hidden;clip-path:inset(0 0 0 0); }
}
@keyframes cut-3{
  0%{ visibility:hidden;clip-path:inset(0 0 0 calc(100% + var(--bw))); }
  26.273%{ visibility:hidden;clip-path:inset(0 0 0 calc(100% + var(--bw))); }
  26.364%{ visibility:visible;clip-path:inset(0 0 0 calc(100% + var(--bw))); animation-timing-function:cubic-bezier(.72,0,.28,1); }
  28.636%{ visibility:visible;clip-path:inset(0 0 0 0); }
  41.5%{ visibility:visible;clip-path:inset(0 0 0 0); }
  41.636%{ visibility:hidden;clip-path:inset(0 0 0 0); }
  100%{ visibility:hidden;clip-path:inset(0 0 0 0); }
}
@keyframes cut-4{
  0%{ visibility:hidden;clip-path:inset(0 0 0 calc(100% + var(--bw))); }
  39%{ visibility:hidden;clip-path:inset(0 0 0 calc(100% + var(--bw))); }
  39.091%{ visibility:visible;clip-path:inset(0 0 0 calc(100% + var(--bw))); animation-timing-function:cubic-bezier(.72,0,.28,1); }
  41.364%{ visibility:visible;clip-path:inset(0 0 0 0); }
  53.773%{ visibility:visible;clip-path:inset(0 0 0 0); }
  53.909%{ visibility:hidden;clip-path:inset(0 0 0 0); }
  100%{ visibility:hidden;clip-path:inset(0 0 0 0); }
}
@keyframes cut-5{
  0%{ visibility:hidden;clip-path:inset(0 0 0 calc(100% + var(--bw))); }
  51.273%{ visibility:hidden;clip-path:inset(0 0 0 calc(100% + var(--bw))); }
  51.364%{ visibility:visible;clip-path:inset(0 0 0 calc(100% + var(--bw))); animation-timing-function:cubic-bezier(.72,0,.28,1); }
  53.636%{ visibility:visible;clip-path:inset(0 0 0 0); }
  65.591%{ visibility:visible;clip-path:inset(0 0 0 0); }
  65.727%{ visibility:hidden;clip-path:inset(0 0 0 0); }
  100%{ visibility:hidden;clip-path:inset(0 0 0 0); }
}
@keyframes cut-6{
  0%{ visibility:hidden;clip-path:inset(0 0 0 calc(100% + var(--bw))); }
  63.091%{ visibility:hidden;clip-path:inset(0 0 0 calc(100% + var(--bw))); }
  63.182%{ visibility:visible;clip-path:inset(0 0 0 calc(100% + var(--bw))); animation-timing-function:cubic-bezier(.72,0,.28,1); }
  65.455%{ visibility:visible;clip-path:inset(0 0 0 0); }
  76.955%{ visibility:visible;clip-path:inset(0 0 0 0); }
  77.091%{ visibility:hidden;clip-path:inset(0 0 0 0); }
  100%{ visibility:hidden;clip-path:inset(0 0 0 0); }
}
@keyframes cut-1{
  0%{ visibility:visible;clip-path:inset(0 0 0 0); }
  15.591%{ visibility:visible; }
  15.727%{ visibility:hidden; }
  95.273%{ visibility:hidden; }
  95.364%{ visibility:visible; }
  100%{ visibility:visible; }
}
@keyframes cut-7{
  0%{ visibility:hidden;clip-path:inset(0 0 0 calc(100% + var(--bw))); }
  74.455%{ visibility:hidden;clip-path:inset(0 0 0 calc(100% + var(--bw))); }
  74.545%{ visibility:visible;clip-path:inset(0 0 0 calc(100% + var(--bw))); animation-timing-function:cubic-bezier(.72,0,.28,1); }
  76.818%{ visibility:visible;clip-path:inset(0 0 0 0); }
  95.455%{ visibility:visible;clip-path:inset(0 0 0 0); animation-timing-function:cubic-bezier(.72,0,.28,1); }
  97.727%{ visibility:visible;clip-path:inset(0 calc(100% + var(--bw)) 0 0); }
  97.864%{ visibility:hidden;clip-path:inset(0 calc(100% + var(--bw)) 0 0); }
  100%{ visibility:hidden;clip-path:inset(0 calc(100% + var(--bw)) 0 0); }
}
.t .cut-1{ animation:cut-1 var(--T) linear infinite both; }
.t .cut-2{ animation:cut-2 var(--T) linear infinite both; }
.t .cut-3{ animation:cut-3 var(--T) linear infinite both; }
.t .cut-4{ animation:cut-4 var(--T) linear infinite both; }
.t .cut-5{ animation:cut-5 var(--T) linear infinite both; }
.t .cut-6{ animation:cut-6 var(--T) linear infinite both; }
.t .cut-7{ animation:cut-7 var(--T) linear infinite both; }
@keyframes band-1{
  0%{ visibility:hidden;transform:translateX(100cqw); }
  13.091%{ visibility:hidden;transform:translateX(100cqw); }
  13.182%{ visibility:visible;transform:translateX(100cqw); animation-timing-function:cubic-bezier(.72,0,.28,1); }
  15.455%{ visibility:visible;transform:translateX(calc(-1 * var(--bw))); }
  15.545%{ visibility:hidden;transform:translateX(calc(-1 * var(--bw))); }
  100%{ visibility:hidden;transform:translateX(100cqw); }
}
.t .band-1{ animation:band-1 var(--T) linear infinite both; }
@keyframes band-2{
  0%{ visibility:hidden;transform:translateX(100cqw); }
  26.273%{ visibility:hidden;transform:translateX(100cqw); }
  26.364%{ visibility:visible;transform:translateX(100cqw); animation-timing-function:cubic-bezier(.72,0,.28,1); }
  28.636%{ visibility:visible;transform:translateX(calc(-1 * var(--bw))); }
  28.727%{ visibility:hidden;transform:translateX(calc(-1 * var(--bw))); }
  100%{ visibility:hidden;transform:translateX(100cqw); }
}
.t .band-2{ animation:band-2 var(--T) linear infinite both; }
@keyframes band-3{
  0%{ visibility:hidden;transform:translateX(100cqw); }
  39%{ visibility:hidden;transform:translateX(100cqw); }
  39.091%{ visibility:visible;transform:translateX(100cqw); animation-timing-function:cubic-bezier(.72,0,.28,1); }
  41.364%{ visibility:visible;transform:translateX(calc(-1 * var(--bw))); }
  41.455%{ visibility:hidden;transform:translateX(calc(-1 * var(--bw))); }
  100%{ visibility:hidden;transform:translateX(100cqw); }
}
.t .band-3{ animation:band-3 var(--T) linear infinite both; }
@keyframes band-4{
  0%{ visibility:hidden;transform:translateX(100cqw); }
  51.273%{ visibility:hidden;transform:translateX(100cqw); }
  51.364%{ visibility:visible;transform:translateX(100cqw); animation-timing-function:cubic-bezier(.72,0,.28,1); }
  53.636%{ visibility:visible;transform:translateX(calc(-1 * var(--bw))); }
  53.727%{ visibility:hidden;transform:translateX(calc(-1 * var(--bw))); }
  100%{ visibility:hidden;transform:translateX(100cqw); }
}
.t .band-4{ animation:band-4 var(--T) linear infinite both; }
@keyframes band-5{
  0%{ visibility:hidden;transform:translateX(100cqw); }
  63.091%{ visibility:hidden;transform:translateX(100cqw); }
  63.182%{ visibility:visible;transform:translateX(100cqw); animation-timing-function:cubic-bezier(.72,0,.28,1); }
  65.455%{ visibility:visible;transform:translateX(calc(-1 * var(--bw))); }
  65.545%{ visibility:hidden;transform:translateX(calc(-1 * var(--bw))); }
  100%{ visibility:hidden;transform:translateX(100cqw); }
}
.t .band-5{ animation:band-5 var(--T) linear infinite both; }
@keyframes band-6{
  0%{ visibility:hidden;transform:translateX(100cqw); }
  74.455%{ visibility:hidden;transform:translateX(100cqw); }
  74.545%{ visibility:visible;transform:translateX(100cqw); animation-timing-function:cubic-bezier(.72,0,.28,1); }
  76.818%{ visibility:visible;transform:translateX(calc(-1 * var(--bw))); }
  76.909%{ visibility:hidden;transform:translateX(calc(-1 * var(--bw))); }
  100%{ visibility:hidden;transform:translateX(100cqw); }
}
.t .band-6{ animation:band-6 var(--T) linear infinite both; }
@keyframes band-7{
  0%{ visibility:hidden;transform:translateX(100cqw); }
  95.364%{ visibility:hidden;transform:translateX(100cqw); }
  95.455%{ visibility:visible;transform:translateX(100cqw); animation-timing-function:cubic-bezier(.72,0,.28,1); }
  97.727%{ visibility:visible;transform:translateX(calc(-1 * var(--bw))); }
  97.818%{ visibility:hidden;transform:translateX(calc(-1 * var(--bw))); }
  100%{ visibility:hidden;transform:translateX(100cqw); }
}
.t .band-7{ animation:band-7 var(--T) linear infinite both; }
@keyframes rise-1{
  0%{ transform:translateY(0); }
  95.818%{ transform:translateY(115%); animation-timing-function:cubic-bezier(.16,1,.3,1); }
  98.727%{ transform:translateY(0); }
  100%{ transform:translateY(0); }
}
.t .cut-1 .nm .l{ animation:rise-1 var(--T) linear infinite both; animation-delay:calc(var(--i) * 26ms); }
@keyframes rise-2{
  0%{ transform:translateY(115%); }
  13.545%{ transform:translateY(115%); animation-timing-function:cubic-bezier(.16,1,.3,1); }
  16.455%{ transform:translateY(0); }
  100%{ transform:translateY(0); }
}
.t .cut-2 .nm .l{ animation:rise-2 var(--T) linear infinite both; animation-delay:calc(var(--i) * 26ms); }
@keyframes rise-3{
  0%{ transform:translateY(115%); }
  26.727%{ transform:translateY(115%); animation-timing-function:cubic-bezier(.16,1,.3,1); }
  29.636%{ transform:translateY(0); }
  100%{ transform:translateY(0); }
}
.t .cut-3 .nm .l{ animation:rise-3 var(--T) linear infinite both; animation-delay:calc(var(--i) * 26ms); }
@keyframes rise-4{
  0%{ transform:translateY(115%); }
  39.455%{ transform:translateY(115%); animation-timing-function:cubic-bezier(.16,1,.3,1); }
  42.364%{ transform:translateY(0); }
  100%{ transform:translateY(0); }
}
.t .cut-4 .nm .l{ animation:rise-4 var(--T) linear infinite both; animation-delay:calc(var(--i) * 26ms); }
@keyframes rise-5{
  0%{ transform:translateY(115%); }
  51.727%{ transform:translateY(115%); animation-timing-function:cubic-bezier(.16,1,.3,1); }
  54.636%{ transform:translateY(0); }
  100%{ transform:translateY(0); }
}
.t .cut-5 .nm .l{ animation:rise-5 var(--T) linear infinite both; animation-delay:calc(var(--i) * 26ms); }
@keyframes rise-6{
  0%{ transform:translateY(115%); }
  63.545%{ transform:translateY(115%); animation-timing-function:cubic-bezier(.16,1,.3,1); }
  66.455%{ transform:translateY(0); }
  100%{ transform:translateY(0); }
}
.t .cut-6 .nm .l{ animation:rise-6 var(--T) linear infinite both; animation-delay:calc(var(--i) * 26ms); }
@keyframes cam-1{
  0%{ transform:none; }
  13.182%{ transform:scale(1.03); animation-timing-function:cubic-bezier(.6,0,.9,.4); }
  15.455%{ transform:scale(1.03) translateX(-7%); }
  95.364%{ transform:var(--cam0); }
  95.682%{ transform:var(--cam0); animation-timing-function:cubic-bezier(.16,1,.3,1); }
  99.773%{ transform:none; }
  100%{ transform:none; }
}
.t .cut-1 .cam{ animation:cam-1 var(--T) linear infinite both; }
@keyframes cam-2{
  0%{ transform:var(--cam0); }
  13.409%{ transform:var(--cam0); animation-timing-function:cubic-bezier(.16,1,.3,1); }
  17.5%{ transform:none; }
  26.364%{ transform:scale(1.03); animation-timing-function:cubic-bezier(.6,0,.9,.4); }
  28.636%{ transform:scale(1.03) translateX(-7%); }
  100%{ transform:scale(1.03) translateX(-7%); }
}
.t .cut-2 .cam{ animation:cam-2 var(--T) linear infinite both; }
@keyframes cam-3{
  0%{ transform:var(--cam0); }
  26.591%{ transform:var(--cam0); animation-timing-function:cubic-bezier(.16,1,.3,1); }
  30.682%{ transform:none; }
  39.091%{ transform:scale(1.03); animation-timing-function:cubic-bezier(.6,0,.9,.4); }
  41.364%{ transform:scale(1.03) translateX(-7%); }
  100%{ transform:scale(1.03) translateX(-7%); }
}
.t .cut-3 .cam{ animation:cam-3 var(--T) linear infinite both; }
@keyframes cam-4{
  0%{ transform:var(--cam0); }
  39.318%{ transform:var(--cam0); animation-timing-function:cubic-bezier(.16,1,.3,1); }
  43.409%{ transform:none; }
  51.364%{ transform:scale(1.03); animation-timing-function:cubic-bezier(.6,0,.9,.4); }
  53.636%{ transform:scale(1.03) translateX(-7%); }
  100%{ transform:scale(1.03) translateX(-7%); }
}
.t .cut-4 .cam{ animation:cam-4 var(--T) linear infinite both; }
@keyframes cam-5{
  0%{ transform:var(--cam0); }
  51.591%{ transform:var(--cam0); animation-timing-function:cubic-bezier(.16,1,.3,1); }
  55.682%{ transform:none; }
  63.182%{ transform:scale(1.03); animation-timing-function:cubic-bezier(.6,0,.9,.4); }
  65.455%{ transform:scale(1.03) translateX(-7%); }
  100%{ transform:scale(1.03) translateX(-7%); }
}
.t .cut-5 .cam{ animation:cam-5 var(--T) linear infinite both; }
@keyframes cam-6{
  0%{ transform:var(--cam0); }
  63.409%{ transform:var(--cam0); animation-timing-function:cubic-bezier(.16,1,.3,1); }
  67.5%{ transform:none; }
  74.545%{ transform:scale(1.03); animation-timing-function:cubic-bezier(.6,0,.9,.4); }
  76.818%{ transform:scale(1.03) translateX(-7%); }
  100%{ transform:scale(1.03) translateX(-7%); }
}
.t .cut-6 .cam{ animation:cam-6 var(--T) linear infinite both; }
@keyframes drift-1{
  0%{ transform:translateX(0); }
  13.182%{ transform:translateX(-1.2%); animation-timing-function:cubic-bezier(.6,0,.9,.4); }
  15.455%{ transform:translateX(-9%); }
  95.364%{ transform:translateX(1.6%); }
  100%{ transform:translateX(0); }
}
.t .cut-1 .cut__nm{ animation:drift-1 var(--T) linear infinite both; }
@keyframes drift-2{
  0%{ transform:translateX(1.6%); }
  13.182%{ transform:translateX(1.6%); }
  26.364%{ transform:translateX(-1.2%); animation-timing-function:cubic-bezier(.6,0,.9,.4); }
  28.636%{ transform:translateX(-9%); }
  100%{ transform:translateX(-9%); }
}
.t .cut-2 .cut__nm{ animation:drift-2 var(--T) linear infinite both; }
@keyframes drift-3{
  0%{ transform:translateX(1.6%); }
  26.364%{ transform:translateX(1.6%); }
  39.091%{ transform:translateX(-1.2%); animation-timing-function:cubic-bezier(.6,0,.9,.4); }
  41.364%{ transform:translateX(-9%); }
  100%{ transform:translateX(-9%); }
}
.t .cut-3 .cut__nm{ animation:drift-3 var(--T) linear infinite both; }
@keyframes drift-4{
  0%{ transform:translateX(1.6%); }
  39.091%{ transform:translateX(1.6%); }
  51.364%{ transform:translateX(-1.2%); animation-timing-function:cubic-bezier(.6,0,.9,.4); }
  53.636%{ transform:translateX(-9%); }
  100%{ transform:translateX(-9%); }
}
.t .cut-4 .cut__nm{ animation:drift-4 var(--T) linear infinite both; }
@keyframes drift-5{
  0%{ transform:translateX(1.6%); }
  51.364%{ transform:translateX(1.6%); }
  63.182%{ transform:translateX(-1.2%); animation-timing-function:cubic-bezier(.6,0,.9,.4); }
  65.455%{ transform:translateX(-9%); }
  100%{ transform:translateX(-9%); }
}
.t .cut-5 .cut__nm{ animation:drift-5 var(--T) linear infinite both; }
@keyframes drift-6{
  0%{ transform:translateX(1.6%); }
  63.182%{ transform:translateX(1.6%); }
  74.545%{ transform:translateX(-1.2%); animation-timing-function:cubic-bezier(.6,0,.9,.4); }
  76.818%{ transform:translateX(-9%); }
  100%{ transform:translateX(-9%); }
}
.t .cut-6 .cut__nm{ animation:drift-6 var(--T) linear infinite both; }
@keyframes fill-1{
  0%{ transform:scaleX(.18); }
  15.455%{ transform:scaleX(1); }
  95.455%{ transform:scaleX(0); }
  100%{ transform:scaleX(.18); }
}
.t .cut-1 .cut__strip .is-now i::after{ animation:fill-1 var(--T) linear infinite both; }
@keyframes fill-2{
  0%{ transform:scaleX(0); }
  15.455%{ transform:scaleX(0); }
  28.636%{ transform:scaleX(1); }
  100%{ transform:scaleX(1); }
}
.t .cut-2 .cut__strip .is-now i::after{ animation:fill-2 var(--T) linear infinite both; }
@keyframes fill-3{
  0%{ transform:scaleX(0); }
  28.636%{ transform:scaleX(0); }
  41.364%{ transform:scaleX(1); }
  100%{ transform:scaleX(1); }
}
.t .cut-3 .cut__strip .is-now i::after{ animation:fill-3 var(--T) linear infinite both; }
@keyframes fill-4{
  0%{ transform:scaleX(0); }
  41.364%{ transform:scaleX(0); }
  53.636%{ transform:scaleX(1); }
  100%{ transform:scaleX(1); }
}
.t .cut-4 .cut__strip .is-now i::after{ animation:fill-4 var(--T) linear infinite both; }
@keyframes fill-5{
  0%{ transform:scaleX(0); }
  53.636%{ transform:scaleX(0); }
  65.455%{ transform:scaleX(1); }
  100%{ transform:scaleX(1); }
}
.t .cut-5 .cut__strip .is-now i::after{ animation:fill-5 var(--T) linear infinite both; }
@keyframes fill-6{
  0%{ transform:scaleX(0); }
  65.455%{ transform:scaleX(0); }
  76.818%{ transform:scaleX(1); }
  100%{ transform:scaleX(1); }
}
.t .cut-6 .cut__strip .is-now i::after{ animation:fill-6 var(--T) linear infinite both; }
@keyframes end-line{
  0%{ transform:translateY(112%); }
  75.091%{ transform:translateY(112%); animation-timing-function:cubic-bezier(.16,1,.3,1); }
  78.273%{ transform:translateY(0); }
  100%{ transform:translateY(0); }
}
.t .end__say .ln:nth-child(1) .in{ animation:end-line var(--T) linear infinite both; }
.t .end__say .ln:nth-child(2) .in{ animation:end-line var(--T) linear infinite both; animation-delay:110ms; }
.t .end__say .ln:nth-child(3) .in{ animation:end-line var(--T) linear infinite both; animation-delay:220ms; }
@keyframes end-slate{
  0%{ opacity:0;transform:translateY(30%) scale(.96); }
  77.045%{ opacity:0;transform:translateY(30%) scale(.96); animation-timing-function:cubic-bezier(.16,1,.3,1); }
  80.227%{ opacity:1;transform:none; }
  100%{ opacity:1;transform:none; }
}
.t .end__slate{ animation:end-slate var(--T) linear infinite both; }
@keyframes end-push{
  0%{ transform:scale(1); }
  75.909%{ transform:scale(1); }
  95.455%{ transform:scale(1.025); animation-timing-function:cubic-bezier(.6,0,.9,.4); }
  97.727%{ transform:scale(1.025) translateX(-6%); }
  100%{ transform:scale(1); }
}
.t .end__say{ animation:end-push var(--T) linear infinite both; }
@keyframes cta-flip{
  0%{ opacity:0; }
  76%{ opacity:0; }
  76.364%{ opacity:1; }
  96.023%{ opacity:1; }
  96.386%{ opacity:0; }
  100%{ opacity:0; }
}
@keyframes cta-ink{
  0%{ color:#140700; }
  76%{ color:#140700; }
  76.364%{ color:#ff8c00; }
  96.023%{ color:#ff8c00; }
  96.386%{ color:#140700; }
  100%{ color:#140700; }
}
.t .t-cta::before, .has-trailer .top .pill--cta::before{ animation:cta-flip var(--T) linear infinite both; }
.t .t-cta, .has-trailer .top .pill--cta{ animation:cta-ink var(--T) linear infinite both; }
@keyframes ring{ from{ --tp:0; } to{ --tp:1; } }
.t .t-ring{ animation:ring var(--T) linear infinite both; }