.channel-22-break{
  --c22-black:#030409;
  --c22-cream:#eee7ce;
  --c22-yellow:#d8ba12;
  --c22-blue:#2349ff;
  --c22-red:#ff2f1e;
  --c22-type-blur:.58px;
  background:var(--c22-black);
}

.channel-22-break .c22-screen{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:#020306;
  color:#f2ead0;
  opacity:0;
  visibility:hidden;
  isolation:isolate;
}
.channel-22-break[data-variant="full"] .c22-ideas,
.channel-22-break[data-variant="half"] .c22-half,
.channel-22-break[data-variant="act"] .c22-act{opacity:1;visibility:visible}

.channel-22-break .c22-shot{
  position:absolute;
  inset:0;
  overflow:hidden;
  opacity:0;
  visibility:hidden;
  filter:contrast(1.015);
  transform:translateZ(0);
  backface-visibility:hidden;
}
.channel-22-break .c22-ending,
.channel-22-break .c22-signoff{display:grid;place-items:center;background:#000}
.channel-22-break .c22-ending::before,
.channel-22-break .c22-signoff::before{
  content:"";
  position:absolute;
  inset:8%;
  z-index:0;
  background:radial-gradient(circle at center,rgba(216,186,18,.15),rgba(238,231,206,.055) 26%,transparent 63%);
  filter:blur(2.4cqw);
  opacity:.82;
}
.channel-22-break .c22-logo-art{
  position:relative;
  z-index:3;
  display:block;
  height:auto;
  object-fit:contain;
  transform-origin:center;
  filter:blur(.1px) drop-shadow(0 0 10px rgba(238,238,220,.34));
}
.channel-22-break .c22-logo-39{width:66%}
.channel-22-break .c22-logo-38{width:78%}
.channel-22-break .c22-signoff{background:transparent}
.channel-22-break .c22-switch{display:grid;place-items:center;background:radial-gradient(circle,rgba(216,186,18,.2),rgba(3,4,9,0) 48%)}
.channel-22-break .c22-switch-ring{position:absolute;width:22cqw;aspect-ratio:1;border:1.2cqw solid var(--c22-yellow);border-radius:50%;box-shadow:0 0 0 .55cqw rgba(238,231,206,.72),0 0 22px rgba(216,186,18,.8)}
.channel-22-break .c22-switch-beam{position:absolute;width:112%;height:.8cqw;background:#f6efd7;box-shadow:0 0 1.2cqw rgba(246,239,215,1),0 0 4cqw rgba(216,186,18,.95);transform-origin:center}

.channel-22-break .c22-first,
.channel-22-break .c22-second{display:grid;place-items:center;text-align:center}
.channel-22-break .c22-first strong,
.channel-22-break .c22-second strong{
  position:relative;
  z-index:4;
  max-width:90%;
  font-family:"Arial Black",Impact,Arial,sans-serif;
  font-style:italic;
  font-weight:900;
  font-size:12.7cqw;
  line-height:.86;
  letter-spacing:-.055em;
  text-transform:uppercase;
  filter:blur(var(--c22-type-blur)) drop-shadow(0 0 .45cqw rgba(238,231,206,.18));
}

.channel-22-break .c22-ideas-first{background:var(--c22-black)}
.channel-22-break .c22-ideas-first strong{
  color:var(--c22-cream);
  text-shadow:0 0 1px rgba(255,248,220,.92),0 0 9px rgba(255,240,194,.28);
  filter:blur(var(--c22-type-blur)) drop-shadow(0 0 .45cqw rgba(238,231,206,.18));
  will-change:transform,opacity;
}
.channel-22-break .c22-ideas-contact{display:grid;place-items:center;background:var(--c22-black);color:#e4dec9;text-align:center}
.channel-22-break .c22-ideas-contact strong{
  position:relative;
  z-index:4;
  font-family:"Arial Black",Impact,Arial,sans-serif;
  font-style:italic;
  font-weight:900;
  font-size:12cqw;
  line-height:.82;
  letter-spacing:-.055em;
  text-transform:uppercase;
  text-shadow:0 0 1px rgba(255,248,220,.9),0 0 9px rgba(238,231,206,.26);
  filter:blur(var(--c22-type-blur)) drop-shadow(0 0 .45cqw rgba(238,231,206,.18));
  will-change:transform,opacity;
}
.channel-22-break .c22-contact-signal{position:absolute;z-index:1;width:42cqw;aspect-ratio:1;border:1.15cqw solid rgba(216,186,18,.88);border-radius:50%;background:radial-gradient(circle,rgba(216,186,18,.95) 0 3%,transparent 3.5%);box-shadow:0 0 0 4.5cqw rgba(216,186,18,.2),0 0 0 9cqw rgba(216,186,18,.09),0 0 24px rgba(216,186,18,.38)}
.channel-22-break .c22-contact-signal::before,
.channel-22-break .c22-contact-signal::after{content:"";position:absolute;left:50%;top:50%;background:rgba(216,186,18,.56);transform:translate(-50%,-50%)}
.channel-22-break .c22-contact-signal::before{width:75cqw;height:.45cqw}
.channel-22-break .c22-contact-signal::after{width:.45cqw;height:75cqw}
.channel-22-break .c22-ideas-second{background:var(--c22-yellow);color:#050507}
.channel-22-break .c22-ideas-second strong{font-size:16.5cqw;text-shadow:0 0 1px rgba(0,0,0,.24),0 0 7px rgba(0,0,0,.12);filter:blur(var(--c22-type-blur))}

.channel-22-break .c22-half-pitch{display:grid;place-items:center;background:var(--c22-yellow);color:#050507}
.channel-22-break .c22-half-pitch strong{font-family:"Arial Black",Impact,Arial,sans-serif;font-style:italic;font-weight:900;font-size:16.5cqw;line-height:.86;letter-spacing:-.055em;text-transform:uppercase;text-shadow:0 0 1px rgba(0,0,0,.24),0 0 7px rgba(0,0,0,.12);filter:blur(var(--c22-type-blur))}

.channel-22-break .c22-act-first,
.channel-22-break .c22-act-second{background:var(--c22-yellow);color:#050507}
.channel-22-break .c22-burst{position:absolute;width:66%;aspect-ratio:1;background:#e4dec9;clip-path:polygon(50% 0,58% 29%,79% 8%,71% 38%,100% 36%,75% 53%,98% 70%,68% 67%,73% 98%,54% 73%,43% 100%,43% 72%,16% 91%,30% 63%,0 61%,28% 48%,4% 29%,35% 34%);filter:blur(.1px) drop-shadow(5px 5px 0 rgba(4,5,8,.82)) drop-shadow(0 0 13px rgba(255,244,200,.42))}
.channel-22-break .c22-act-first strong{font-size:15.5cqw;text-shadow:0 0 1px rgba(0,0,0,.24),0 0 7px rgba(0,0,0,.12);filter:blur(var(--c22-type-blur))}
.channel-22-break .c22-act-second{background:var(--c22-black);color:#e4dec9}
.channel-22-break .c22-offer-bar{position:absolute;left:-8%;right:-8%;height:29%;background:var(--c22-yellow);transform:rotate(-3deg);box-shadow:0 0 22px rgba(216,186,18,.42);will-change:transform,opacity}
.channel-22-break .c22-act-second strong{font-size:16.5cqw;color:#050507;text-shadow:0 0 1px rgba(0,0,0,.24),0 0 7px rgba(0,0,0,.12);filter:blur(var(--c22-type-blur));will-change:transform,opacity}

.channel-22-break .c22-lines,
.channel-22-break .c22-rgb-flicker,
.channel-22-break .c22-roll,
.channel-22-break .c22-crt{position:absolute;inset:0;pointer-events:none}
.channel-22-break .c22-lines{z-index:20;opacity:.24;background:repeating-linear-gradient(0deg,rgba(0,0,0,.58) 0,rgba(0,0,0,.58) 1px,transparent 1px,transparent 3px);mix-blend-mode:multiply}
.channel-22-break .c22-rgb-flicker{z-index:18;opacity:.14;background:linear-gradient(90deg,rgba(255,36,18,.18),transparent 2%,transparent 98%,rgba(37,72,255,.18));mix-blend-mode:screen}
.channel-22-break .c22-roll{z-index:19;left:0;right:0;height:12%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.08),transparent);mix-blend-mode:screen}
.channel-22-break .c22-crt{z-index:23;background:radial-gradient(circle at 50% 46%,rgba(255,244,200,.045),transparent 56%),linear-gradient(90deg,rgba(255,36,18,.022),transparent 18%,transparent 82%,rgba(37,72,255,.026));box-shadow:inset 0 0 5.5cqw rgba(0,0,0,.58),inset 0 0 1.15cqw rgba(255,244,200,.12);mix-blend-mode:screen}

.channel-22-break.is-break-animating[data-variant="full"] .c22-ideas .c22-first{animation:c22-direct-first 8.8s linear both}
.channel-22-break.is-break-animating[data-variant="full"] .c22-ideas-contact{animation:c22-direct-bridge 8.8s linear both}
.channel-22-break.is-break-animating[data-variant="full"] .c22-ideas .c22-second{animation:c22-direct-second 8.8s linear both}
.channel-22-break.is-break-animating[data-variant="full"] .c22-ideas .c22-ending,
.channel-22-break.is-break-animating[data-variant="half"] .c22-half .c22-ending{animation:c22-direct-logo38 8.8s linear both}
.channel-22-break.is-break-animating[data-variant="full"] .c22-ideas .c22-switch,
.channel-22-break.is-break-animating[data-variant="half"] .c22-half .c22-switch{animation:c22-direct-switch 8.8s linear both}
.channel-22-break.is-break-animating[data-variant="full"] .c22-ideas .c22-signoff,
.channel-22-break.is-break-animating[data-variant="half"] .c22-half .c22-signoff{animation:c22-direct-signoff 8.8s linear both}
.channel-22-break.is-break-animating[data-variant="full"] .c22-ideas .c22-ending .c22-logo-art,
.channel-22-break.is-break-animating[data-variant="half"] .c22-half .c22-ending .c22-logo-art{animation:c22-logo38-collapse 8.8s linear both}
.channel-22-break.is-break-animating[data-variant="full"] .c22-ideas .c22-signoff .c22-logo-art,
.channel-22-break.is-break-animating[data-variant="half"] .c22-half .c22-signoff .c22-logo-art{animation:c22-logo39-punch 8.8s cubic-bezier(.16,1,.3,1) both}
.channel-22-break.is-break-animating[data-variant="full"] .c22-ideas .c22-switch-beam,
.channel-22-break.is-break-animating[data-variant="half"] .c22-half .c22-switch-beam{animation:c22-beam-long 8.8s linear both}
.channel-22-break.is-break-animating[data-variant="full"] .c22-ideas .c22-switch-ring,
.channel-22-break.is-break-animating[data-variant="half"] .c22-half .c22-switch-ring{animation:c22-ring-long 8.8s cubic-bezier(.16,1,.3,1) both}
.channel-22-break.is-break-animating[data-variant="full"] .c22-contact-signal{animation:c22-contact-pulse 1.2s ease-in-out infinite}
.channel-22-break.is-break-animating[data-variant="full"] .c22-ideas-first strong{animation:c22-ideas-smooth 8.8s cubic-bezier(.16,1,.3,1) both}
.channel-22-break.is-break-animating[data-variant="half"] .c22-half-pitch{animation:c22-half-pitch 8.8s linear both}
.channel-22-break.is-break-animating[data-variant="half"] .c22-half-pitch strong{animation:c22-half-pitch-copy 8.8s cubic-bezier(.16,1,.3,1) both}
.channel-22-break.is-break-animating[data-variant="half"] .c22-half-pitch,
.channel-22-break.is-break-animating[data-variant="half"] .c22-half-pitch strong,
.channel-22-break.is-break-animating[data-variant="half"] .c22-half .c22-ending,
.channel-22-break.is-break-animating[data-variant="half"] .c22-half .c22-switch,
.channel-22-break.is-break-animating[data-variant="half"] .c22-half .c22-signoff,
.channel-22-break.is-break-animating[data-variant="half"] .c22-half .c22-ending .c22-logo-art,
.channel-22-break.is-break-animating[data-variant="half"] .c22-half .c22-signoff .c22-logo-art,
.channel-22-break.is-break-animating[data-variant="half"] .c22-half .c22-switch-beam,
.channel-22-break.is-break-animating[data-variant="half"] .c22-half .c22-switch-ring{animation-duration:5.6s}

.channel-22-break.is-break-animating[data-variant="act"] .c22-act .c22-first{animation:c22-act-direct-first 7.4s linear both}
.channel-22-break.is-break-animating[data-variant="act"] .c22-act .c22-second{animation:c22-act-direct-second 7.4s linear both}
.channel-22-break.is-break-animating[data-variant="act"] .c22-act .c22-ending{animation:c22-act-direct-logo38 7.4s linear both}
.channel-22-break.is-break-animating[data-variant="act"] .c22-act .c22-switch{animation:c22-act-direct-switch 7.4s linear both}
.channel-22-break.is-break-animating[data-variant="act"] .c22-act .c22-signoff{animation:c22-act-direct-signoff 7.4s linear both}
.channel-22-break.is-break-animating[data-variant="act"] .c22-act .c22-ending .c22-logo-art{animation:c22-act-logo38-collapse 7.4s linear both}
.channel-22-break.is-break-animating[data-variant="act"] .c22-act .c22-signoff .c22-logo-art{animation:c22-act-logo39-punch 7.4s cubic-bezier(.16,1,.3,1) both}
.channel-22-break.is-break-animating[data-variant="act"] .c22-act .c22-switch-beam{animation:c22-beam-short 7.4s linear both}
.channel-22-break.is-break-animating[data-variant="act"] .c22-act .c22-switch-ring{animation:c22-ring-short 7.4s cubic-bezier(.16,1,.3,1) both}
.channel-22-break.is-break-animating[data-variant="act"] .c22-burst{animation:c22-direct-burst 7.4s cubic-bezier(.16,1,.3,1) both}
.channel-22-break.is-break-animating[data-variant="act"] .c22-offer-bar{animation:c22-offer-bar-slam 7.4s cubic-bezier(.16,1,.3,1) both}
.channel-22-break.is-break-animating[data-variant="act"] .c22-act-second strong{animation:c22-offer-copy-slam 7.4s cubic-bezier(.16,1,.3,1) both}

.channel-22-break.is-break-animating .c22-lines{animation:c22-lines .18s linear infinite}
.channel-22-break.is-break-animating .c22-roll{animation:c22-roll 3.15s linear infinite}
.channel-22-break.is-break-animating[data-variant="full"] .c22-ideas .c22-rgb-flicker,
.channel-22-break.is-break-animating[data-variant="half"] .c22-half .c22-rgb-flicker{animation:c22-chroma 8.8s steps(1,end) both}
.channel-22-break.is-break-animating[data-variant="half"] .c22-half .c22-rgb-flicker{animation-duration:5.6s}
.channel-22-break.is-break-animating[data-variant="act"] .c22-act .c22-rgb-flicker{animation:c22-chroma 7.4s steps(1,end) both}
.channel-22-break.is-break-paused,
.channel-22-break.is-break-paused *{animation-play-state:paused!important}

@keyframes c22-contact-pulse{0%,100%{transform:scale(.92);opacity:.58}50%{transform:scale(1.02);opacity:1}}
@keyframes c22-ideas-smooth{0%{opacity:0;transform:translateX(-.9cqw) scaleX(1.035)}2%{opacity:1;transform:translateX(.28cqw) scaleX(.985)}5%{opacity:1;transform:translateX(-.12cqw) scaleX(1.008)}8%,22%{opacity:1;transform:translateX(0) scaleX(1)}24%,100%{opacity:0;transform:translateX(.18cqw) scaleX(1)}}
@keyframes c22-direct-first{0%,23%{opacity:1;visibility:visible}24%,100%{opacity:0;visibility:hidden}}
@keyframes c22-direct-bridge{0%,23%{opacity:0;visibility:hidden}24%,44%{opacity:1;visibility:visible}45%,100%{opacity:0;visibility:hidden}}
@keyframes c22-direct-second{0%,44%{opacity:0;visibility:hidden}45%,63%{opacity:1;visibility:visible}64%,100%{opacity:0;visibility:hidden}}
@keyframes c22-direct-logo38{0%,63%{opacity:0;visibility:hidden}64%,81%{opacity:1;visibility:visible}82%,100%{opacity:0;visibility:hidden}}
@keyframes c22-direct-switch{0%,75%{opacity:0;visibility:hidden}76%,89%{opacity:1;visibility:visible}90%,100%{opacity:0;visibility:hidden}}
@keyframes c22-direct-signoff{0%,81%{opacity:0;visibility:hidden}82%,99%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes c22-logo38-collapse{0%,63%{opacity:0;transform:scale(.94)}65%{opacity:.45;transform:scale(.98);filter:brightness(1.8) blur(.4px)}68%,76%{opacity:1;transform:scale(1);filter:brightness(1) blur(0) drop-shadow(0 0 7px rgba(216,186,18,.28))}79%{opacity:1;transform:scaleX(1.08) scaleY(.08);filter:brightness(5) blur(.5px) drop-shadow(0 0 18px rgba(246,239,215,.9))}81%,100%{opacity:0;transform:scaleX(1.2) scaleY(.02)}}
@keyframes c22-logo39-punch{0%,81%{opacity:0;transform:scale(1.24);filter:brightness(3) blur(2px)}83%{opacity:.18;transform:scale(1.18);filter:brightness(2.5) blur(1.2px)}86%{opacity:1;transform:scale(.96);filter:brightness(1.15) blur(0) drop-shadow(0 0 15px rgba(216,186,18,.7))}89%,98%{opacity:1;transform:scale(1);filter:brightness(1) blur(0) drop-shadow(0 0 8px rgba(238,231,206,.28))}100%{opacity:0;transform:scale(1)}}
@keyframes c22-beam-long{0%,75%{opacity:0;transform:scaleX(.04) scaleY(.6)}77%{opacity:.72;transform:scaleX(.12) scaleY(1)}79%{opacity:1;transform:scaleX(1) scaleY(1)}82%{opacity:.92;transform:scaleX(1) scaleY(70)}85%,100%{opacity:0;transform:scaleX(1) scaleY(80)}}
@keyframes c22-ring-long{0%,75%{opacity:0;transform:scale(.1)}78%{opacity:1;transform:scale(.35)}83%{opacity:.95;transform:scale(3.6)}88%,100%{opacity:0;transform:scale(5)}}
@keyframes c22-half-pitch{0%,63%{opacity:1;visibility:visible}64%,100%{opacity:0;visibility:hidden}}
@keyframes c22-half-pitch-copy{0%{transform:scale(.94);opacity:.2}2%{transform:scale(1.018);opacity:1}4%,62%{transform:scale(1);opacity:1}63%,100%{transform:scale(1);opacity:0}}
@keyframes c22-act-direct-first{0%,34%{opacity:1;visibility:visible}35%,100%{opacity:0;visibility:hidden}}
@keyframes c22-act-direct-second{0%,34%{opacity:0;visibility:hidden}35%,60%{opacity:1;visibility:visible}61%,100%{opacity:0;visibility:hidden}}
@keyframes c22-act-direct-logo38{0%,60%{opacity:0;visibility:hidden}61%,81%{opacity:1;visibility:visible}82%,100%{opacity:0;visibility:hidden}}
@keyframes c22-act-direct-switch{0%,74%{opacity:0;visibility:hidden}75%,89%{opacity:1;visibility:visible}90%,100%{opacity:0;visibility:hidden}}
@keyframes c22-act-direct-signoff{0%,81%{opacity:0;visibility:hidden}82%,99%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes c22-act-logo38-collapse{0%,60%{opacity:0;transform:scale(.94)}62%{opacity:.45;transform:scale(.98);filter:brightness(1.8) blur(.4px)}65%,75%{opacity:1;transform:scale(1);filter:brightness(1) blur(0) drop-shadow(0 0 7px rgba(216,186,18,.28))}79%{opacity:1;transform:scaleX(1.08) scaleY(.08);filter:brightness(5) blur(.5px) drop-shadow(0 0 18px rgba(246,239,215,.9))}81%,100%{opacity:0;transform:scaleX(1.2) scaleY(.02)}}
@keyframes c22-act-logo39-punch{0%,81%{opacity:0;transform:scale(1.24);filter:brightness(3) blur(2px)}83%{opacity:.18;transform:scale(1.18);filter:brightness(2.5) blur(1.2px)}86%{opacity:1;transform:scale(.96);filter:brightness(1.15) blur(0) drop-shadow(0 0 15px rgba(216,186,18,.7))}89%,98%{opacity:1;transform:scale(1);filter:brightness(1) blur(0) drop-shadow(0 0 8px rgba(238,231,206,.28))}100%{opacity:0;transform:scale(1)}}
@keyframes c22-beam-short{0%,74%{opacity:0;transform:scaleX(.04) scaleY(.6)}76%{opacity:.72;transform:scaleX(.12) scaleY(1)}79%{opacity:1;transform:scaleX(1) scaleY(1)}82%{opacity:.92;transform:scaleX(1) scaleY(70)}85%,100%{opacity:0;transform:scaleX(1) scaleY(80)}}
@keyframes c22-ring-short{0%,74%{opacity:0;transform:scale(.1)}77%{opacity:1;transform:scale(.35)}83%{opacity:.95;transform:scale(3.6)}88%,100%{opacity:0;transform:scale(5)}}
@keyframes c22-direct-burst{0%{transform:scale(.72) rotate(-8deg);opacity:.2}5%,33%{transform:scale(1) rotate(0);opacity:1}35%,100%{transform:scale(1.02);opacity:0}}
@keyframes c22-offer-bar-slam{0%,34%{opacity:0;transform:translateX(125%) rotate(-3deg)}35%{opacity:1}40%{opacity:1;transform:translateX(-3%) rotate(-3deg)}43%,60%{opacity:1;transform:translateX(0) rotate(-3deg)}61%,100%{opacity:0;transform:translateX(-5%) rotate(-3deg)}}
@keyframes c22-offer-copy-slam{0%,35%{opacity:0;transform:translateX(115%)}40%{opacity:1;transform:translateX(-4%)}43%,60%{opacity:1;transform:translateX(0)}61%,100%{opacity:0;transform:translateX(-4%)}}
@keyframes c22-lines{from{transform:translateY(0)}to{transform:translateY(3px)}}
@keyframes c22-roll{from{transform:translateY(-120%)}to{transform:translateY(850%)}}
@keyframes c22-chroma{0%,18%,21%,48%,51%,77%,80%,100%{transform:none;opacity:.11}19%,20%,49%,50%,78%,79%{transform:translateX(2px);opacity:.26}}

.studio-broadcast-window .studio-broadcast-player{clip-path:inset(0);transform:translateZ(0)}
.studio-broadcast-window .studio-broadcast-video,
.studio-broadcast-window .studio-autoplay-cover{
  inset:0;
  width:100%;
  height:100%;
  max-width:100%;
  object-fit:contain!important;
  object-position:center!important;
  transform:none;
}

@media(prefers-reduced-motion:reduce){
  .channel-22-break .c22-lines,
  .channel-22-break .c22-rgb-flicker,
  .channel-22-break .c22-roll,
  .channel-22-break .c22-switch{display:none}
  .channel-22-break .c22-shot{animation:none!important;opacity:0!important;visibility:hidden!important}
  .channel-22-break .c22-second{opacity:1!important;visibility:visible!important}
  .channel-22-break .c22-half-pitch{opacity:1!important;visibility:visible!important}
  .channel-22-break .c22-offer-bar,
  .channel-22-break .c22-act-second strong{animation:none!important;opacity:1!important;transform:none!important}
}