@font-face {
  font-family: "OKVideo Onest";
  font-style: normal;
  font-display: block;
  font-weight: 100 900;
  src: url("/assets/fonts/onest/onest-cyrillic-wght-normal.68e5e01d6265bd68.woff2") format("woff2");
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: "OKVideo Onest";
  font-style: normal;
  font-display: block;
  font-weight: 100 900;
  src: url("/assets/fonts/onest/onest-latin-wght-normal.052df74533250c2e.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: "OKVideo Noto Sans";
  font-style: normal;
  font-display: block;
  font-weight: 400;
  src: url("/assets/fonts/noto-sans/noto-sans-cyrillic-400-normal.05af9e705d3b63ae.woff2") format("woff2");
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: "OKVideo Noto Sans";
  font-style: normal;
  font-display: block;
  font-weight: 600;
  src: url("/assets/fonts/noto-sans/noto-sans-cyrillic-600-normal.b9e717b1a40cfc81.woff2") format("woff2");
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: "OKVideo Noto Sans";
  font-style: normal;
  font-display: block;
  font-weight: 700;
  src: url("/assets/fonts/noto-sans/noto-sans-cyrillic-700-normal.0980b97224d9130c.woff2") format("woff2");
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: "OKVideo Noto Sans";
  font-style: normal;
  font-display: block;
  font-weight: 800;
  src: url("/assets/fonts/noto-sans/noto-sans-cyrillic-800-normal.b90fa23a17f891d6.woff2") format("woff2");
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: "OKVideo Noto Sans";
  font-style: normal;
  font-display: block;
  font-weight: 900;
  src: url("/assets/fonts/noto-sans/noto-sans-cyrillic-900-normal.768249e133801418.woff2") format("woff2");
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: "OKVideo Noto Sans";
  font-style: normal;
  font-display: block;
  font-weight: 400;
  src: url("/assets/fonts/noto-sans/noto-sans-latin-400-normal.09aee8065d25508f.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: "OKVideo Noto Sans";
  font-style: normal;
  font-display: block;
  font-weight: 600;
  src: url("/assets/fonts/noto-sans/noto-sans-latin-600-normal.79e274470d1c5a01.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: "OKVideo Noto Sans";
  font-style: normal;
  font-display: block;
  font-weight: 700;
  src: url("/assets/fonts/noto-sans/noto-sans-latin-700-normal.e77bfe1db912f687.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: "OKVideo Noto Sans";
  font-style: normal;
  font-display: block;
  font-weight: 800;
  src: url("/assets/fonts/noto-sans/noto-sans-latin-800-normal.a5650ea2e07952bc.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: "OKVideo Noto Sans";
  font-style: normal;
  font-display: block;
  font-weight: 900;
  src: url("/assets/fonts/noto-sans/noto-sans-latin-900-normal.b4dfe78967356bc4.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* OKVideo GFX Studio v3. Bundled/project fonts; the broadcast surface is transparent. */
html.gfx-surface-document,
html.gfx-surface-document body {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  background: transparent !important;
}

html.gfx-surface-document body {
  color: #f7fbff;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

.gfx-renderer-frame,
.gfx-renderer-frame * {
  box-sizing: border-box;
}

.gfx-renderer-frame {
  /* One legacy design pixel is 1/1080 of the frame's short edge. Pixel terms
     remain only as floors for small cabinet/embedded preview containers. */
  --gfx-signal: #73f2c3;
  --gfx-signal-cool: #70d7ff;
  --gfx-ink: #f7fbff;
  --gfx-muted: #c3d0dc;
  --gfx-panel: rgba(6, 13, 20, 0.94);
  --gfx-panel-soft: rgba(10, 21, 31, 0.86);
  --gfx-safe-start: max(env(safe-area-inset-left, 0px), clamp(max(24px, 2.222222cqmin), 5cqw, max(96px, 8.888889cqmin)));
  --gfx-safe-end: max(env(safe-area-inset-right, 0px), clamp(max(24px, 2.222222cqmin), 5cqw, max(96px, 8.888889cqmin)));
  --gfx-safe-top: max(env(safe-area-inset-top, 0px), clamp(max(24px, 2.222222cqmin), 8.2cqh, max(90px, 8.333333cqmin)));
  --gfx-safe-bottom: max(env(safe-area-inset-bottom, 0px), clamp(max(24px, 2.222222cqmin), 8.2cqh, max(90px, 8.333333cqmin)));
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  isolation: isolate;
  container-type: size;
  pointer-events: none;
  background: transparent;
}

.gfx-renderer-stage {
  position: absolute;
  inset: 0;
  overflow: hidden;
  contain: layout paint style;
}

.gfx-test-pattern {
  position: absolute;
  z-index: 10;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: transparent;
}

.gfx-test-pattern-bars {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.gfx-test-pattern-bars-100 > :nth-child(1) { background: #ffffff; }
.gfx-test-pattern-bars-100 > :nth-child(2) { background: #ffff00; }
.gfx-test-pattern-bars-100 > :nth-child(3) { background: #00ffff; }
.gfx-test-pattern-bars-100 > :nth-child(4) { background: #00ff00; }
.gfx-test-pattern-bars-100 > :nth-child(5) { background: #ff00ff; }
.gfx-test-pattern-bars-100 > :nth-child(6) { background: #ff0000; }
.gfx-test-pattern-bars-100 > :nth-child(7) { background: #0000ff; }
.gfx-test-pattern-bars-50 > :nth-child(1) { background: #808080; }
.gfx-test-pattern-bars-50 > :nth-child(2) { background: #808000; }
.gfx-test-pattern-bars-50 > :nth-child(3) { background: #008080; }
.gfx-test-pattern-bars-50 > :nth-child(4) { background: #008000; }
.gfx-test-pattern-bars-50 > :nth-child(5) { background: #800080; }
.gfx-test-pattern-bars-50 > :nth-child(6) { background: #800000; }
.gfx-test-pattern-bars-50 > :nth-child(7) { background: #000080; }

.gfx-test-pattern-guides {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  shape-rendering: geometricPrecision;
}

.gfx-test-pattern-guide-shadow,
.gfx-test-pattern-guide-line {
  fill: none;
  vector-effect: non-scaling-stroke;
}

.gfx-test-pattern-guide-shadow {
  stroke: #000000;
  stroke-width: max(6px, .555556cqmin);
}

.gfx-test-pattern-guide-line {
  stroke: #ffffff;
  stroke-width: max(2px, .185185cqmin);
}

.gfx-test-pattern-center {
  position: absolute;
  inset: 50% auto auto 50%;
  width: clamp(max(34px, 3.148148cqmin), 6cqw, max(116px, 10.740741cqmin));
  aspect-ratio: 1;
  border: max(2px, .185185cqmin) solid #ffffff;
  border-radius: 50%;
  box-shadow: 0 0 0 max(3px, .277778cqmin) #000000;
  transform: translate(-50%, -50%);
}

.gfx-test-pattern-center::before,
.gfx-test-pattern-center::after {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  background: #ffffff;
  box-shadow: 0 0 0 max(2px, .185185cqmin) #000000;
  transform: translate(-50%, -50%);
}

.gfx-test-pattern-center::before { width: 140%; height: max(2px, .185185cqmin); }
.gfx-test-pattern-center::after { width: max(2px, .185185cqmin); height: 140%; }

.gfx-test-pattern-safe-frame {
  position: absolute;
  inset: var(--gfx-safe-top) var(--gfx-safe-end) var(--gfx-safe-bottom)
    var(--gfx-safe-start);
  border: max(2px, .185185cqmin) solid #ffffff;
  box-shadow: 0 0 0 max(3px, .277778cqmin) #000000, inset 0 0 0 max(1px, .092593cqmin) #000000;
}

.gfx-signal-bug {
  position: absolute;
  z-index: 3;
  inset-inline-end: var(--gfx-safe-end);
  inset-block-start: var(--gfx-safe-top);
  max-width: min(34cqw, calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end)));
  padding: clamp(max(10px, .925926cqmin), 1.1cqw, max(21px, 1.944444cqmin)) clamp(max(15px, 1.388889cqmin), 1.65cqw, max(32px, 2.962963cqmin));
  overflow: hidden;
  border: max(1px, .092593cqmin) solid rgba(176, 213, 231, 0.28);
  border-radius: clamp(max(8px, .740741cqmin), .8cqw, max(15px, 1.388889cqmin));
  color: var(--gfx-ink);
  font-family: var(--gfx-font-family, ui-sans-serif, system-ui, sans-serif);
  background: linear-gradient(135deg, var(--gfx-panel), var(--gfx-panel-soft));
  box-shadow: 0 clamp(max(8px, .740741cqmin), 1.4cqh, max(16px, 1.481481cqmin)) clamp(max(22px, 2.037037cqmin), 3cqw, max(58px, 5.37037cqmin)) rgba(0,0,0,.38);
  opacity: 0;
  transform: translate3d(clamp(max(12px, 1.111111cqmin), 1.4cqw, max(27px, 2.5cqmin)), 0, 0);
  transition: opacity 180ms linear, transform 360ms cubic-bezier(.2,.78,.16,1);
}

.gfx-signal-bug::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: clamp(max(4px, .37037cqmin), .38cqw, max(8px, .740741cqmin));
  background: linear-gradient(180deg, var(--gfx-signal-cool), var(--gfx-signal));
}

.gfx-signal-bug[data-visible="true"] {
  opacity: 1;
  transform: translate3d(0,0,0);
}

.gfx-signal-bug[data-exiting="true"] {
  opacity: 0;
  transform: translate3d(clamp(max(12px, 1.111111cqmin), 1.4cqw, max(27px, 2.5cqmin)),0,0);
}

.gfx-signal-bug .gfx-signal-bug-headline {
  margin: 0;
  overflow-wrap: anywhere;
  font-size: clamp(max(16px, 1.481481cqmin), 1.45cqw, max(28px, 2.592593cqmin));
  font-weight: 850;
  letter-spacing: .025em;
  line-height: 1.2;
}
.gfx-signal-bug[data-density="compact"] {
  padding: clamp(max(9px, .833333cqmin), .85cqw, max(16px, 1.481481cqmin)) clamp(max(14px, 1.296296cqmin), 1.3cqw, max(25px, 2.314815cqmin));
}
.gfx-signal-bug[data-density="compact"] .gfx-signal-bug-headline {
  font-size: clamp(max(13px, 1.203704cqmin), 1.15cqw, max(22px, 2.037037cqmin));
}

.gfx-signal-bug > * { position: relative; z-index: 1; }

.gfx-signal-bug[data-template="clean"] {
  --gfx-ink: #07121c;
  --gfx-muted: #3f5362;
  --gfx-signal: #06b6d4;
  --gfx-signal-cool: #2563eb;
  color: var(--gfx-ink);
  border: 0;
  border-radius: 0;
  background: rgba(250,253,255,.97);
  box-shadow: 0 max(14px, 1.296296cqmin) max(42px, 3.888889cqmin) rgba(4,15,27,.2);
  transform: none;
  clip-path: inset(0 100% 0 0);
  transition: opacity 160ms linear, transform 260ms ease, clip-path 440ms cubic-bezier(.22,.72,.2,1);
}
.gfx-signal-bug[data-template="clean"][data-visible="true"] { clip-path: inset(0); }
.gfx-signal-bug[data-template="clean"][data-exiting="true"] {
  transform: none;
  clip-path: inset(0 0 0 100%);
  transition-duration: 120ms, 180ms, 240ms;
}

.gfx-signal-bug[data-template="editorial"] {
  --gfx-ink: #17130f;
  --gfx-muted: #665c50;
  --gfx-signal: #b42318;
  --gfx-signal-cool: #d97706;
  color: var(--gfx-ink);
  border: 0;
  border-radius: 0;
  background: rgba(255,252,245,.97);
  box-shadow: 0 max(18px, 1.666667cqmin) max(46px, 4.259259cqmin) rgba(48,35,23,.2);
  transform: translate3d(0, clamp(min(-24px, -2.222222cqmin), -2.2cqh, min(-12px, -1.111111cqmin)), 0);
  transition: opacity 180ms linear, transform 480ms cubic-bezier(.18,.7,.18,1);
}
.gfx-signal-bug[data-template="editorial"]::before {
  inset: auto 0 0;
  width: auto;
  height: clamp(max(5px, .462963cqmin), .4cqw, max(8px, .740741cqmin));
  background: linear-gradient(90deg, var(--gfx-signal), var(--gfx-signal-cool));
}
.gfx-signal-bug[data-template="editorial"][data-visible="true"] { transform: none; }
.gfx-signal-bug[data-template="editorial"][data-exiting="true"] {
  transform: translate3d(0, clamp(max(8px, .740741cqmin), 1.2cqh, max(14px, 1.296296cqmin)), 0);
  transition-duration: 120ms, 220ms;
}

.gfx-signal-bug[data-template="ribbon"] {
  --gfx-ink: #ffffff;
  --gfx-muted: #dbeafe;
  --gfx-signal: #fbbf24;
  --gfx-signal-cool: #fb7185;
  color: var(--gfx-ink);
  border: 0;
  border-radius: 0;
  background: linear-gradient(105deg, rgba(30,58,138,.98), rgba(76,29,149,.96));
  box-shadow: 0 max(16px, 1.481481cqmin) max(42px, 3.888889cqmin) rgba(15,23,42,.3);
  transform: scaleX(.28);
  transform-origin: right center;
  transition: opacity 140ms linear, transform 520ms cubic-bezier(.12,.82,.18,1);
}
.gfx-signal-bug[data-template="ribbon"]::before {
  width: 24%;
  background: linear-gradient(135deg, #f43f5e, #f59e0b);
}
.gfx-signal-bug[data-template="ribbon"][data-visible="true"] { transform: scaleX(1); }
.gfx-signal-bug[data-template="ribbon"][data-exiting="true"] {
  transform: scaleX(.45);
  transition-duration: 100ms, 220ms;
}

.gfx-signal-bug[data-template="glass"] {
  --gfx-ink: #ffffff;
  --gfx-muted: #dceaf4;
  --gfx-signal: #a7f3d0;
  --gfx-signal-cool: #bae6fd;
  color: var(--gfx-ink);
  border-color: rgba(255,255,255,.34);
  border-radius: clamp(max(18px, 1.666667cqmin), 2cqw, max(38px, 3.518519cqmin));
  background: rgba(18,35,48,.72);
  box-shadow: 0 max(20px, 1.851852cqmin) max(62px, 5.740741cqmin) rgba(2,10,18,.38), inset 0 max(1px, .092593cqmin) rgba(255,255,255,.24);
  backdrop-filter: blur(max(18px, 1.666667cqmin)) saturate(1.25);
  transform: scale(.88);
  transition: opacity 220ms linear, transform 600ms cubic-bezier(.16,.78,.16,1);
}
.gfx-signal-bug[data-template="glass"][data-visible="true"] { transform: scale(1); }
.gfx-signal-bug[data-template="glass"][data-exiting="true"] {
  transform: scale(1.035);
  transition-duration: 140ms, 220ms;
}

.gfx-signal-bug[data-template="neon"] {
  --gfx-ink: #f8faff;
  --gfx-muted: #c4c9e8;
  --gfx-signal: #22d3ee;
  --gfx-signal-cool: #e879f9;
  color: var(--gfx-ink);
  border-color: rgba(34,211,238,.62);
  border-radius: 0;
  background: linear-gradient(100deg, rgba(5,8,26,.98), rgba(22,8,38,.96));
  box-shadow: 0 0 max(34px, 3.148148cqmin) rgba(232,121,249,.2), inset 0 0 max(24px, 2.222222cqmin) rgba(34,211,238,.08);
  transform: translate3d(clamp(max(10px, .925926cqmin), 1cqw, max(19px, 1.759259cqmin)), 0, 0);
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  transition: opacity 120ms steps(2,end), transform 420ms cubic-bezier(.16,.9,.18,1), clip-path 500ms steps(7,end);
}
.gfx-signal-bug[data-template="neon"][data-visible="true"] {
  transform: none;
  clip-path: polygon(0 0, 90% 0, 100% 28%, 100% 100%, 10% 100%, 0 72%);
}
.gfx-signal-bug[data-template="neon"][data-exiting="true"] {
  transform: translate3d(clamp(max(10px, .925926cqmin), 1cqw, max(19px, 1.759259cqmin)), 0, 0);
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  transition-duration: 80ms, 180ms, 220ms;
}

.gfx-signal-bug[data-template="mono"] {
  --gfx-ink: #f5ffe8;
  --gfx-muted: #c7d8b0;
  --gfx-signal: #a3e635;
  --gfx-signal-cool: #f5ffe8;
  color: var(--gfx-ink);
  border: max(2px, .185185cqmin) solid var(--gfx-ink);
  border-radius: 0;
  background: #11150d;
  box-shadow: max(8px, .740741cqmin) max(8px, .740741cqmin) 0 rgba(163,230,53,.78);
  transform: translate3d(clamp(max(8px, .740741cqmin), .7cqw, max(14px, 1.296296cqmin)), clamp(max(8px, .740741cqmin), .8cqh, max(12px, 1.111111cqmin)), 0);
  transition: opacity 90ms steps(2,end), transform 280ms steps(4,end);
}
.gfx-signal-bug[data-template="mono"][data-visible="true"] { transform: none; }
.gfx-signal-bug[data-template="mono"][data-exiting="true"] {
  transform: translate3d(clamp(min(-12px, -1.111111cqmin), -.7cqw, min(-7px, -.648148cqmin)), clamp(min(-10px, -.925926cqmin), -.7cqh, min(-6px, -.555556cqmin)), 0);
  transition-duration: 80ms, 160ms;
}

.gfx-signal-bug[data-template="warm"] {
  --gfx-ink: #fff8ed;
  --gfx-muted: #f6d8c4;
  --gfx-signal: #fb923c;
  --gfx-signal-cool: #fda4af;
  color: var(--gfx-ink);
  border-color: rgba(255,248,237,.18);
  border-radius: max(999px, 92.5cqmin);
  background: linear-gradient(110deg, rgba(74,18,35,.98), rgba(88,28,25,.96));
  box-shadow: 0 max(18px, 1.666667cqmin) max(52px, 4.814815cqmin) rgba(55,12,24,.34);
  transform: scale(.72);
  transform-origin: right center;
  transition: opacity 200ms linear, transform 560ms cubic-bezier(.12,.76,.16,1);
}
.gfx-signal-bug[data-template="warm"]::before {
  border-radius: max(999px, 92.5cqmin) 0 0 max(999px, 92.5cqmin);
  background: linear-gradient(180deg, var(--gfx-signal-cool), var(--gfx-signal));
}
.gfx-signal-bug[data-template="warm"][data-visible="true"] { transform: scale(1); }
.gfx-signal-bug[data-template="warm"][data-exiting="true"] {
  transform: scale(.86);
  transition-duration: 120ms, 220ms;
}

.gfx-signal-bug[data-template="column"] {
  --gfx-ink: #f5f7fb;
  --gfx-muted: #aeb9cc;
  --gfx-signal: #3155e7;
  --gfx-signal-cool: #ffb84d;
  color: var(--gfx-ink);
  border-radius: 0;
  border-inline-end: clamp(max(7px, .648148cqmin), .55cqw, max(11px, 1.018519cqmin)) solid var(--gfx-signal);
  background: rgba(13,17,27,.96);
  transform: translate3d(clamp(max(14px, 1.296296cqmin), 1.5cqw, max(29px, 2.685185cqmin)), 0, 0);
  transition: opacity 160ms linear, transform 460ms cubic-bezier(.14,.8,.18,1);
}
.gfx-signal-bug[data-template="column"]::before { inset: 0 0 0 auto; background: var(--gfx-signal-cool); }
.gfx-signal-bug[data-template="column"][data-visible="true"] { transform: none; }
.gfx-signal-bug[data-template="column"][data-exiting="true"] {
  transform: translate3d(clamp(max(14px, 1.296296cqmin), 1.5cqw, max(29px, 2.685185cqmin)), 0, 0);
  transition-duration: 100ms, 190ms;
}

.gfx-signal-bug[data-template="deco"] {
  --gfx-ink: #fff8e8;
  --gfx-muted: #d8cdb9;
  --gfx-signal: #d6a84b;
  --gfx-signal-cool: #2d8c83;
  color: var(--gfx-ink);
  border: max(1px, .092593cqmin) solid rgba(214,168,75,.58);
  border-radius: 0;
  background: #153935;
  box-shadow: inset 0 0 0 max(5px, .462963cqmin) rgba(9,35,33,.92), 0 max(18px, 1.666667cqmin) max(54px, 5cqmin) rgba(0,0,0,.3);
  transform: scale(.62);
  transition: opacity 180ms linear, transform 540ms cubic-bezier(.15,.82,.18,1);
}
.gfx-signal-bug[data-template="deco"]::before {
  inset: auto 50% 0;
  width: clamp(max(12px, 1.111111cqmin), 1cqw, max(20px, 1.851852cqmin));
  aspect-ratio: 1;
  height: auto;
  background: var(--gfx-signal);
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
  transform: translateX(-50%);
}
.gfx-signal-bug[data-template="deco"][data-visible="true"] { transform: scale(1); }
.gfx-signal-bug[data-template="deco"][data-exiting="true"] {
  transform: scale(.8);
  transition-duration: 110ms, 210ms;
}

.gfx-signal-bug[data-template="cutout"] {
  --gfx-ink: #18212c;
  --gfx-muted: #47566a;
  --gfx-signal: #ff5d4d;
  --gfx-signal-cool: #2864dc;
  color: var(--gfx-ink);
  border: 0;
  border-radius: clamp(max(3px, .277778cqmin), .25cqw, max(5px, .462963cqmin));
  background: #fff8e7;
  box-shadow: clamp(max(8px, .740741cqmin), .65cqw, max(12px, 1.111111cqmin)) clamp(max(8px, .740741cqmin), .8cqh, max(12px, 1.111111cqmin)) 0 #2864dc;
  transform: translate3d(0, clamp(min(-22px, -2.037037cqmin), -2cqh, min(-12px, -1.111111cqmin)), 0) scale(.96);
  transition: opacity 140ms linear, transform 500ms cubic-bezier(.18,.78,.15,1);
}
.gfx-signal-bug[data-template="cutout"]::before {
  inset: 0 auto auto clamp(max(16px, 1.481481cqmin), 1.5cqw, max(29px, 2.685185cqmin));
  width: 34%;
  height: clamp(max(7px, .648148cqmin), .55cqw, max(11px, 1.018519cqmin));
  background: var(--gfx-signal);
}
.gfx-signal-bug[data-template="cutout"][data-visible="true"] { transform: none; }
.gfx-signal-bug[data-template="cutout"][data-exiting="true"] {
  transform: translate3d(0, clamp(min(-14px, -1.296296cqmin), -1.2cqh, min(-8px, -.740741cqmin)), 0) scale(.98);
  transition-duration: 100ms, 190ms;
}

.gfx-signal-bug[data-template="spotlight"] {
  --gfx-ink: #fffdf8;
  --gfx-muted: #d8d4cd;
  --gfx-signal: #ffcc63;
  --gfx-signal-cool: #69a7ff;
  color: var(--gfx-ink);
  border-color: rgba(255,204,99,.32);
  border-radius: max(999px, 92.5cqmin);
  background: rgba(8,12,24,.94);
  box-shadow: 0 max(18px, 1.666667cqmin) max(70px, 6.481481cqmin) rgba(0,0,0,.42);
  transform: scale(.78);
  transition: opacity 240ms linear, transform 620ms cubic-bezier(.14,.78,.16,1);
}
.gfx-signal-bug[data-template="spotlight"]::before {
  inset: 50% auto auto clamp(max(10px, .925926cqmin), .8cqw, max(16px, 1.481481cqmin));
  width: clamp(max(8px, .740741cqmin), .65cqw, max(13px, 1.203704cqmin));
  aspect-ratio: 1;
  height: auto;
  border-radius: 50%;
  background: var(--gfx-signal);
  box-shadow: 0 0 clamp(max(18px, 1.666667cqmin), 2cqw, max(38px, 3.518519cqmin)) rgba(255,204,99,.58);
  transform: translateY(-50%);
}
.gfx-signal-bug[data-template="spotlight"][data-visible="true"] { transform: scale(1); }
.gfx-signal-bug[data-template="spotlight"][data-exiting="true"] {
  transform: scale(.9);
  transition-duration: 140ms, 230ms;
}

.gfx-logo-bug {
  display: grid;
  place-items: center;
  width: min(24cqw, max(420px, 38.888889cqmin));
  min-width: clamp(max(112px, 10.37037cqmin), 10cqw, max(192px, 17.777778cqmin));
  min-height: clamp(max(72px, 6.666667cqmin), 7cqh, max(126px, 11.666667cqmin));
  padding: clamp(max(10px, .925926cqmin), 1.1cqw, max(21px, 1.944444cqmin));
}
.gfx-logo-bug[data-density="compact"] {
  width: min(18cqw, max(320px, 29.62963cqmin));
  min-height: clamp(max(56px, 5.185185cqmin), 5.5cqh, max(100px, 9.259259cqmin));
  padding: clamp(max(7px, .648148cqmin), .8cqw, max(15px, 1.388889cqmin));
}
.gfx-logo-bug[data-asset-ready="false"] { visibility: hidden; }
.gfx-logo-bug-image {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: min(18cqh, max(220px, 20.37037cqmin));
  object-fit: contain;
}

.gfx-sponsor-mark {
  display: grid;
  gap: clamp(max(3px, .277778cqmin), .45cqh, max(6px, .555556cqmin));
  width: min(32cqw, calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end)));
  padding: clamp(max(12px, 1.111111cqmin), 1.2cqw, max(23px, 2.12963cqmin)) clamp(max(18px, 1.666667cqmin), 1.8cqw, max(35px, 3.240741cqmin));
}
.gfx-sponsor-mark-label,
.gfx-sponsor-mark-name { margin: 0; max-width: 100%; overflow-wrap: anywhere; }
.gfx-sponsor-mark-label { color: var(--gfx-signal); font-size: clamp(max(10px, .925926cqmin), .85cqw, max(16px, 1.481481cqmin)); font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.gfx-sponsor-mark-name { color: var(--gfx-ink); font-size: clamp(max(17px, 1.574074cqmin), 1.65cqw, max(32px, 2.962963cqmin)); font-weight: 820; letter-spacing: -.015em; line-height: 1.08; }
.gfx-sponsor-mark[data-density="compact"] { width: min(40cqw, calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end))); }
.gfx-sponsor-mark[data-density="compact"] .gfx-sponsor-mark-name { font-size: clamp(max(14px, 1.296296cqmin), 1.35cqw, max(26px, 2.407407cqmin)); }

.gfx-signal-lower-third {
  z-index: 2;
  position: absolute;
  inset-inline-start: var(--gfx-safe-start);
  inset-block-end: var(--gfx-safe-bottom);
  display: grid;
  grid-template-columns: clamp(max(12px, 1.111111cqmin), 1.1cqw, max(22px, 2.037037cqmin)) minmax(0, 1fr);
  align-items: stretch;
  width: min(76cqw, calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end)));
  max-height: calc(100cqh - var(--gfx-safe-bottom) - clamp(max(24px, 2.222222cqmin), 6cqh, max(72px, 6.666667cqmin)));
  color: var(--gfx-ink);
  font-family: var(--gfx-font-family, ui-sans-serif, system-ui, sans-serif);
  opacity: 0;
  transform: translate3d(0, clamp(max(12px, 1.111111cqmin), 2.4cqh, max(28px, 2.592593cqmin)), 0);
  clip-path: inset(0 100% 0 0 round clamp(max(10px, .925926cqmin), 1.25cqw, max(24px, 2.222222cqmin)));
  transition:
    opacity 180ms linear,
    transform 430ms cubic-bezier(0.2, 0.78, 0.16, 1),
    clip-path 520ms cubic-bezier(0.2, 0.78, 0.16, 1);
  will-change: opacity, transform, clip-path;
}

.gfx-signal-lower-third[data-visible="true"] {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  clip-path: inset(0 0 0 0 round clamp(max(10px, .925926cqmin), 1.25cqw, max(24px, 2.222222cqmin)));
}

.gfx-signal-lower-third[data-exiting="true"] {
  opacity: 0;
  transform: translate3d(clamp(min(-28px, -2.592593cqmin), -2.2cqw, min(-12px, -1.111111cqmin)), 0, 0);
  clip-path: inset(0 0 0 100% round clamp(max(10px, .925926cqmin), 1.25cqw, max(24px, 2.222222cqmin)));
  transition-duration: 210ms, 320ms, 360ms;
}

.gfx-speaker-topic .gfx-signal-copy {
  display: grid;
  gap: clamp(max(7px, .648148cqmin), 1.05cqh, max(12px, 1.111111cqmin));
  width: min(76cqw, calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end)));
}

.gfx-speaker-topic-name,
.gfx-speaker-topic-meta,
.gfx-speaker-topic-label,
.gfx-speaker-topic-text {
  margin: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.gfx-speaker-topic-name {
  color: var(--gfx-ink);
  font-size: clamp(max(25px, 2.314815cqmin), 3.25cqw, max(62px, 5.740741cqmin));
  font-weight: 800;
  letter-spacing: -.028em;
  line-height: 1.02;
  text-wrap: balance;
}

.gfx-speaker-topic-meta {
  color: var(--gfx-muted);
  font-size: clamp(max(15px, 1.388889cqmin), 1.55cqw, max(30px, 2.777778cqmin));
  font-weight: 560;
  line-height: 1.16;
}

.gfx-speaker-topic-meta[hidden] {
  display: none;
}

.gfx-speaker-topic-label {
  margin-block-start: clamp(max(6px, .555556cqmin), .8cqh, max(9px, .833333cqmin));
  color: var(--gfx-signal);
  font-size: clamp(max(11px, 1.018519cqmin), 1cqw, max(19px, 1.759259cqmin));
  font-weight: 820;
  letter-spacing: .13em;
  line-height: 1;
  text-transform: uppercase;
}

.gfx-speaker-topic-text {
  color: var(--gfx-ink);
  font-size: clamp(max(19px, 1.759259cqmin), 2.15cqw, max(41px, 3.796296cqmin));
  font-weight: 650;
  letter-spacing: -.015em;
  line-height: 1.08;
  text-wrap: pretty;
}

.gfx-speaker-topic[data-density="compact"] .gfx-signal-copy {
  gap: clamp(max(5px, .462963cqmin), .7cqh, max(8px, .740741cqmin));
  padding-block: clamp(max(12px, 1.111111cqmin), 1.65cqw, max(32px, 2.962963cqmin));
}

.gfx-speaker-topic[data-density="compact"] .gfx-speaker-topic-name {
  font-size: clamp(max(21px, 1.944444cqmin), 2.5cqw, max(48px, 4.444444cqmin));
}

.gfx-speaker-topic[data-density="compact"] .gfx-speaker-topic-meta {
  font-size: clamp(max(13px, 1.203704cqmin), 1.25cqw, max(24px, 2.222222cqmin));
}

.gfx-speaker-topic[data-density="compact"] .gfx-speaker-topic-text {
  font-size: clamp(max(16px, 1.481481cqmin), 1.65cqw, max(32px, 2.962963cqmin));
}

.gfx-info-card .gfx-signal-copy {
  width: min(68cqw, calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end)));
  padding-inline-start: clamp(max(24px, 2.222222cqmin), 3.2cqw, max(62px, 5.740741cqmin));
  border-inline-start: clamp(max(5px, .462963cqmin), .55cqw, max(11px, 1.018519cqmin)) solid var(--gfx-signal);
}

.gfx-info-card .gfx-signal-headline {
  font-size: clamp(max(27px, 2.5cqmin), 3.8cqw, max(72px, 6.666667cqmin));
  max-width: 24ch;
}

.gfx-info-card .gfx-signal-detail { max-width: 54ch; }

.gfx-signal-accent {
  position: relative;
  min-height: 100%;
  overflow: hidden;
  border-radius: clamp(max(10px, .925926cqmin), 1.25cqw, max(24px, 2.222222cqmin)) 0 0 clamp(max(10px, .925926cqmin), 1.25cqw, max(24px, 2.222222cqmin));
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.34), transparent 24%),
    linear-gradient(180deg, var(--gfx-signal-cool), var(--gfx-signal));
  box-shadow:
    0 0 clamp(max(14px, 1.296296cqmin), 1.8cqw, max(34px, 3.148148cqmin)) rgba(112, 215, 255, 0.25),
    0 0 clamp(max(20px, 1.851852cqmin), 2.8cqw, max(54px, 5cqmin)) rgba(115, 242, 195, 0.16);
}

.gfx-signal-accent::before {
  content: "";
  position: absolute;
  inset-inline-start: 50%;
  inset-block-start: clamp(max(10px, .925926cqmin), 1.15cqw, max(22px, 2.037037cqmin));
  width: clamp(max(5px, .462963cqmin), 0.42cqw, max(8px, .740741cqmin));
  aspect-ratio: 1;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 0 clamp(max(7px, .648148cqmin), 0.8cqw, max(15px, 1.388889cqmin)) rgba(255, 255, 255, 0.9);
  transform: translateX(-50%);
}

.gfx-signal-copy {
  min-width: 0;
  padding:
    clamp(max(15px, 1.388889cqmin), 2.1cqw, max(40px, 3.703704cqmin))
    clamp(max(20px, 1.851852cqmin), 2.8cqw, max(54px, 5cqmin))
    clamp(max(17px, 1.574074cqmin), 2.35cqw, max(45px, 4.166667cqmin));
  overflow: visible;
  border: max(1px, .092593cqmin) solid rgba(176, 213, 231, 0.2);
  border-inline-start: 0;
  border-radius: 0 clamp(max(10px, .925926cqmin), 1.25cqw, max(24px, 2.222222cqmin)) clamp(max(10px, .925926cqmin), 1.25cqw, max(24px, 2.222222cqmin)) 0;
  background:
    linear-gradient(112deg, rgba(115, 242, 195, 0.08), transparent 40%),
    linear-gradient(180deg, var(--gfx-panel), var(--gfx-panel-soft));
  box-shadow:
    0 clamp(max(12px, 1.111111cqmin), 2.2cqh, max(24px, 2.222222cqmin)) clamp(max(28px, 2.592593cqmin), 4.5cqw, max(86px, 7.962963cqmin)) rgba(0, 0, 0, 0.44),
    inset 0 max(1px, .092593cqmin) 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(max(12px, 1.111111cqmin)) saturate(1.08);
}

.gfx-signal-full-screen {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  padding:
    var(--gfx-safe-top)
    var(--gfx-safe-end)
    var(--gfx-safe-bottom)
    var(--gfx-safe-start);
  overflow: hidden;
  color: var(--gfx-ink);
  font-family: var(--gfx-font-family, ui-sans-serif, system-ui, sans-serif);
  background-color: #071018;
  background-image:
    radial-gradient(circle at 16% 20%, rgba(112, 215, 255, 0.22), transparent 31%),
    radial-gradient(circle at 84% 78%, rgba(115, 242, 195, 0.17), transparent 34%),
    linear-gradient(135deg, #050b11 0%, #0a1822 47%, #071018 100%);
  opacity: 0;
  transition: opacity 300ms linear;
  will-change: opacity;
}

.gfx-signal-full-screen::before,
.gfx-signal-full-screen::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.gfx-signal-full-screen::before {
  inset: clamp(max(34px, 3.148148cqmin), 6.4cqh, max(69px, 6.388889cqmin)) clamp(max(34px, 3.148148cqmin), 4.4cqw, max(84px, 7.777778cqmin));
  border: max(1px, 0.08cqw) solid rgba(176, 213, 231, 0.18);
  background:
    linear-gradient(90deg, var(--gfx-signal), var(--gfx-signal-cool))
      0 0 / min(16cqw, max(300px, 27.777778cqmin)) max(3px, 0.42cqh) no-repeat,
    linear-gradient(270deg, var(--gfx-signal-cool), var(--gfx-signal))
      100% 100% / min(16cqw, max(300px, 27.777778cqmin)) max(3px, 0.42cqh) no-repeat;
}

.gfx-signal-full-screen::after {
  inset-inline-end: clamp(max(44px, 4.074074cqmin), 7.2cqw, max(138px, 12.777778cqmin));
  inset-block-start: clamp(max(44px, 4.074074cqmin), 10.2cqh, max(110px, 10.185185cqmin));
  width: clamp(max(8px, .740741cqmin), 0.7cqw, max(14px, 1.296296cqmin));
  aspect-ratio: 1;
  border-radius: 50%;
  background: #ffffff;
  box-shadow:
    0 0 clamp(max(12px, 1.111111cqmin), 1.2cqw, max(23px, 2.12963cqmin)) rgba(255, 255, 255, 0.82),
    0 0 clamp(max(36px, 3.333333cqmin), 4.2cqw, max(81px, 7.5cqmin)) rgba(112, 215, 255, 0.4);
}

.gfx-signal-full-screen[data-visible="true"] {
  opacity: 1;
}

.gfx-signal-full-screen[data-exiting="true"] {
  opacity: 0;
  transition-duration: 260ms;
}

.gfx-signal-full-screen-copy {
  position: relative;
  z-index: 1;
  width: min(78cqw, calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end)));
  max-height: calc(100cqh - var(--gfx-safe-top) - var(--gfx-safe-bottom));
  padding: clamp(max(30px, 2.777778cqmin), 5.2cqw, max(100px, 9.259259cqmin)) clamp(max(34px, 3.148148cqmin), 6.4cqw, max(123px, 11.388889cqmin));
  overflow: visible;
  border-inline-start: clamp(max(7px, .648148cqmin), 0.72cqw, max(14px, 1.296296cqmin)) solid var(--gfx-signal);
  background:
    linear-gradient(112deg, rgba(115, 242, 195, 0.075), transparent 42%),
    rgba(5, 13, 20, 0.7);
  box-shadow:
    0 clamp(max(16px, 1.481481cqmin), 3cqh, max(32px, 2.962963cqmin)) clamp(max(42px, 3.888889cqmin), 7cqw, max(134px, 12.407407cqmin)) rgba(0, 0, 0, 0.42),
    inset 0 0 0 max(1px, .092593cqmin) rgba(176, 213, 231, 0.13);
}

.gfx-signal-full-screen-headline,
.gfx-signal-full-screen-subtitle {
  margin: 0;
  max-width: 100%;
  overflow: visible;
  overflow-wrap: anywhere;
  word-break: normal;
  hyphens: manual;
}

.gfx-signal-full-screen-headline {
  color: var(--gfx-ink);
  font-size: clamp(max(46px, 4.259259cqmin), 5.7cqw, max(109px, 10.092593cqmin));
  font-weight: 790;
  line-height: 0.98;
  letter-spacing: -0.036em;
  text-wrap: balance;
}

.gfx-signal-full-screen-subtitle {
  margin-block-start: clamp(max(16px, 1.481481cqmin), 2.6cqh, max(28px, 2.592593cqmin));
  max-width: 78%;
  color: var(--gfx-muted);
  font-size: clamp(max(22px, 2.037037cqmin), 2.2cqw, max(42px, 3.888889cqmin));
  font-weight: 520;
  line-height: 1.18;
  letter-spacing: -0.012em;
  text-wrap: pretty;
}

.gfx-signal-full-screen-subtitle[hidden] {
  display: none;
}

.gfx-signal-full-screen[data-density="compact"] .gfx-signal-full-screen-copy {
  width: min(84cqw, calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end)));
  padding: clamp(max(24px, 2.222222cqmin), 3.2cqw, max(61px, 5.648148cqmin)) clamp(max(30px, 2.777778cqmin), 4.6cqw, max(88px, 8.148148cqmin));
}

.gfx-signal-full-screen[data-density="compact"] .gfx-signal-full-screen-headline {
  font-size: clamp(max(38px, 3.518519cqmin), 3.9cqw, max(75px, 6.944444cqmin));
  line-height: 1.02;
}

.gfx-signal-full-screen[data-density="compact"] .gfx-signal-full-screen-subtitle {
  max-width: 90%;
  font-size: clamp(max(19px, 1.759259cqmin), 1.55cqw, max(30px, 2.777778cqmin));
  line-height: 1.2;
}

.gfx-signal-full-screen[data-overflow="true"] .gfx-signal-full-screen-copy {
  outline: max(1px, 0.1cqw) solid rgba(255, 183, 77, 0.92);
  outline-offset: max(2px, 0.18cqw);
}

.gfx-now-next .gfx-signal-full-screen-copy {
  display: grid;
  width: min(84cqw, calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end)));
  gap: clamp(max(18px, 1.666667cqmin), 2.8cqh, max(30px, 2.777778cqmin));
  padding: clamp(max(26px, 2.407407cqmin), 3.6cqw, max(69px, 6.388889cqmin)) clamp(max(30px, 2.777778cqmin), 4.8cqw, max(92px, 8.518519cqmin));
}

.gfx-now-next-heading {
  margin: 0;
  color: var(--gfx-signal);
  font-size: clamp(max(13px, 1.203704cqmin), 1.2cqw, max(23px, 2.12963cqmin));
  font-weight: 840;
  letter-spacing: .16em;
  line-height: 1;
  text-transform: uppercase;
}

.gfx-now-next-row {
  display: grid;
  grid-template-columns: minmax(clamp(max(92px, 8.518519cqmin), 10cqw, max(192px, 17.777778cqmin)), .22fr) minmax(0, 1fr);
  gap: clamp(max(18px, 1.666667cqmin), 3.1cqw, max(60px, 5.555556cqmin));
  align-items: start;
  min-width: 0;
  padding-block: clamp(max(15px, 1.388889cqmin), 2.2cqh, max(24px, 2.222222cqmin));
  border-block-start: max(1px, .092593cqmin) solid rgba(176, 213, 231, .22);
}

.gfx-now-next-meta,
.gfx-now-next-copy {
  min-width: 0;
}

.gfx-now-next-label,
.gfx-now-next-time,
.gfx-now-next-title,
.gfx-now-next-detail {
  margin: 0;
  overflow-wrap: anywhere;
}

.gfx-now-next-label {
  color: var(--gfx-muted);
  font-size: clamp(max(12px, 1.111111cqmin), 1cqw, max(19px, 1.759259cqmin));
  font-weight: 760;
  letter-spacing: .11em;
  line-height: 1.1;
  text-transform: uppercase;
}

.gfx-now-next-time {
  margin-block-start: clamp(max(8px, .740741cqmin), 1.1cqh, max(12px, 1.111111cqmin));
  color: var(--gfx-signal-cool);
  font-size: clamp(max(22px, 2.037037cqmin), 2.3cqw, max(44px, 4.074074cqmin));
  font-weight: 820;
  letter-spacing: -.02em;
  line-height: 1;
}

.gfx-now-next-time[hidden],
.gfx-now-next-detail[hidden] {
  display: none;
}

.gfx-now-next-title {
  color: var(--gfx-ink);
  font-size: clamp(max(30px, 2.777778cqmin), 3.35cqw, max(64px, 5.925926cqmin));
  font-weight: 790;
  letter-spacing: -.032em;
  line-height: 1.02;
  text-wrap: balance;
}

.gfx-now-next-detail {
  margin-block-start: clamp(max(8px, .740741cqmin), 1.3cqh, max(14px, 1.296296cqmin));
  color: var(--gfx-muted);
  font-size: clamp(max(17px, 1.574074cqmin), 1.65cqw, max(32px, 2.962963cqmin));
  font-weight: 520;
  line-height: 1.16;
}

.gfx-now-next[data-density="compact"] .gfx-signal-full-screen-copy {
  gap: clamp(max(10px, .925926cqmin), 1.6cqh, max(17px, 1.574074cqmin));
  padding: clamp(max(21px, 1.944444cqmin), 2.8cqw, max(54px, 5cqmin)) clamp(max(26px, 2.407407cqmin), 3.7cqw, max(71px, 6.574074cqmin));
}

.gfx-now-next[data-density="compact"] .gfx-now-next-row {
  padding-block: clamp(max(10px, .925926cqmin), 1.4cqh, max(15px, 1.388889cqmin));
}

.gfx-now-next[data-density="compact"] .gfx-now-next-title {
  font-size: clamp(max(25px, 2.314815cqmin), 2.55cqw, max(49px, 4.537037cqmin));
  line-height: 1.04;
}

.gfx-now-next[data-density="compact"] .gfx-now-next-detail {
  font-size: clamp(max(15px, 1.388889cqmin), 1.35cqw, max(26px, 2.407407cqmin));
}

.gfx-speakers-panel .gfx-signal-full-screen-copy {
  display: grid;
  align-content: center;
  gap: clamp(max(18px, 1.666667cqmin), 2.6cqh, max(32px, 2.962963cqmin));
  width: min(86cqw, calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end)));
}

.gfx-speakers-panel-title {
  margin: 0;
  max-width: 24ch;
  color: var(--gfx-ink);
  font-size: clamp(max(30px, 2.777778cqmin), 4.1cqw, max(78px, 7.222222cqmin));
  font-weight: 820;
  letter-spacing: -.035em;
  line-height: 1.02;
  overflow-wrap: anywhere;
  text-wrap: balance;
}

.gfx-speakers-panel-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(max(10px, .925926cqmin), 1.4cqw, max(26px, 2.407407cqmin));
}

.gfx-speakers-panel-person {
  display: grid;
  align-content: center;
  gap: clamp(max(5px, .462963cqmin), .6cqh, max(9px, .833333cqmin));
  min-height: clamp(max(92px, 8.518519cqmin), 14cqh, max(152px, 14.074074cqmin));
  padding: clamp(max(13px, 1.203704cqmin), 1.65cqw, max(30px, 2.777778cqmin));
  border: max(1px, .092593cqmin) solid color-mix(in srgb, var(--gfx-signal) 30%, transparent);
  border-radius: clamp(max(10px, .925926cqmin), 1.15cqw, max(22px, 2.037037cqmin));
  background: color-mix(in srgb, var(--gfx-panel) 88%, transparent);
}

.gfx-speakers-panel-name,
.gfx-speakers-panel-meta {
  margin: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}

.gfx-speakers-panel-name {
  color: var(--gfx-ink);
  font-size: clamp(max(21px, 1.944444cqmin), 2.35cqw, max(45px, 4.166667cqmin));
  font-weight: 780;
  letter-spacing: -.02em;
  line-height: 1.04;
}

.gfx-speakers-panel-meta {
  color: var(--gfx-muted);
  font-size: clamp(max(13px, 1.203704cqmin), 1.25cqw, max(24px, 2.222222cqmin));
  line-height: 1.16;
}

.gfx-speakers-panel-meta[hidden] { display: none; }

.gfx-speakers-panel[data-density="compact"] .gfx-signal-full-screen-copy {
  gap: clamp(max(12px, 1.111111cqmin), 1.7cqh, max(22px, 2.037037cqmin));
}

.gfx-speakers-panel[data-density="compact"] .gfx-speakers-panel-title {
  font-size: clamp(max(26px, 2.407407cqmin), 3.35cqw, max(64px, 5.925926cqmin));
}

.gfx-speakers-panel[data-density="compact"] .gfx-speakers-panel-person {
  min-height: clamp(max(80px, 7.407407cqmin), 12cqh, max(126px, 11.666667cqmin));
  padding: clamp(max(10px, .925926cqmin), 1.25cqw, max(23px, 2.12963cqmin));
}

.gfx-speakers-panel[data-density="compact"] .gfx-speakers-panel-name {
  font-size: clamp(max(18px, 1.666667cqmin), 1.9cqw, max(36px, 3.333333cqmin));
}

.gfx-schedule-item .gfx-signal-full-screen-copy { display: grid; gap: clamp(max(12px, 1.111111cqmin), 2cqh, max(24px, 2.222222cqmin)); }
.gfx-schedule-item-meta { display: flex; flex-wrap: wrap; gap: clamp(max(8px, .740741cqmin), 1cqw, max(18px, 1.666667cqmin)); color: var(--gfx-signal-cool); font-size: clamp(max(16px, 1.481481cqmin), 1.55cqw, max(30px, 2.777778cqmin)); font-weight: 760; }
.gfx-schedule-item-meta span { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.gfx-schedule-item-meta span:empty { display: none; }
.gfx-schedule-item-title { margin: 0; color: var(--gfx-ink); font-size: clamp(max(34px, 3.148148cqmin), 5.1cqw, max(96px, 8.888889cqmin)); font-weight: 820; letter-spacing: -.038em; line-height: 1; overflow-wrap: anywhere; text-wrap: balance; }
.gfx-schedule-item-speakers { margin: 0; max-width: 64ch; color: var(--gfx-muted); font-size: clamp(max(17px, 1.574074cqmin), 1.8cqw, max(34px, 3.148148cqmin)); line-height: 1.2; overflow-wrap: anywhere; }
.gfx-schedule-item-speakers[hidden] { display: none; }
.gfx-schedule-item[data-density="compact"] .gfx-schedule-item-title { font-size: clamp(max(27px, 2.5cqmin), 3.7cqw, max(71px, 6.574074cqmin)); }
.gfx-schedule-item[data-density="compact"] .gfx-schedule-item-speakers { font-size: clamp(max(14px, 1.296296cqmin), 1.35cqw, max(26px, 2.407407cqmin)); }

.gfx-full-screen-card .gfx-signal-full-screen-copy { display: grid; align-content: center; gap: clamp(max(14px, 1.296296cqmin), 2cqh, max(24px, 2.222222cqmin)); max-width: min(78cqw, max(1320px, 122.222222cqmin)); }
.gfx-full-screen-card-kicker { margin: 0; color: var(--gfx-signal-cool); font-size: clamp(max(14px, 1.296296cqmin), 1.45cqw, max(28px, 2.592593cqmin)); font-weight: 820; letter-spacing: .11em; overflow-wrap: anywhere; text-transform: uppercase; }
.gfx-full-screen-card-kicker,
.gfx-full-screen-card-headline,
.gfx-full-screen-card-detail,
.gfx-service-card-headline,
.gfx-service-card-detail { min-width: 0; width: 100%; }
.gfx-full-screen-card-kicker[hidden], .gfx-full-screen-card-detail[hidden] { display: none; }
.gfx-full-screen-card-headline { margin: 0; max-width: 22ch; color: var(--gfx-ink); font-size: clamp(max(38px, 3.518519cqmin), 6cqw, max(114px, 10.555556cqmin)); font-weight: 840; letter-spacing: -.044em; line-height: .98; overflow-wrap: anywhere; text-wrap: balance; }
.gfx-full-screen-card-detail { margin: 0; max-width: 62ch; color: var(--gfx-muted); font-size: clamp(max(17px, 1.574074cqmin), 1.75cqw, max(34px, 3.148148cqmin)); line-height: 1.24; overflow-wrap: anywhere; text-wrap: pretty; }
.gfx-full-screen-card[data-density="compact"] .gfx-full-screen-card-headline { font-size: clamp(max(30px, 2.777778cqmin), 4.5cqw, max(86px, 7.962963cqmin)); }
.gfx-full-screen-card[data-density="compact"] .gfx-full-screen-card-detail { font-size: clamp(max(14px, 1.296296cqmin), 1.35cqw, max(26px, 2.407407cqmin)); }

.gfx-service-card .gfx-signal-full-screen-copy { display: grid; align-content: center; justify-items: start; gap: clamp(max(15px, 1.388889cqmin), 2.2cqh, max(28px, 2.592593cqmin)); max-width: min(76cqw, max(1260px, 116.666667cqmin)); }
.gfx-service-card-mode { margin: 0; padding: .48em .78em; border: max(1px, .092593cqmin) solid color-mix(in srgb, var(--gfx-signal-cool) 58%, transparent); border-radius: max(999px, 92.5cqmin); color: var(--gfx-signal-cool); font-size: clamp(max(12px, 1.111111cqmin), 1.2cqw, max(23px, 2.12963cqmin)); font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.gfx-service-card[data-mode="break"] .gfx-service-card-mode { border-color: color-mix(in srgb, #ffd36e 62%, transparent); color: #ffd36e; }
.gfx-service-card[data-mode="closing"] .gfx-service-card-mode { border-color: color-mix(in srgb, #ff7a88 62%, transparent); color: #ff9aa4; }
.gfx-service-card-headline { margin: 0; max-width: 21ch; color: var(--gfx-ink); font-size: clamp(max(40px, 3.703704cqmin), 6.4cqw, max(122px, 11.296296cqmin)); font-weight: 850; letter-spacing: -.046em; line-height: .96; overflow-wrap: anywhere; text-wrap: balance; }
.gfx-service-card-detail { margin: 0; max-width: 58ch; color: var(--gfx-muted); font-size: clamp(max(17px, 1.574074cqmin), 1.8cqw, max(35px, 3.240741cqmin)); line-height: 1.22; overflow-wrap: anywhere; text-wrap: pretty; }
.gfx-service-card-detail[hidden] { display: none; }
.gfx-service-card[data-density="compact"] .gfx-service-card-headline { font-size: clamp(max(31px, 2.87037cqmin), 4.7cqw, max(90px, 8.333333cqmin)); }
.gfx-service-card[data-density="compact"] .gfx-service-card-detail { font-size: clamp(max(14px, 1.296296cqmin), 1.4cqw, max(27px, 2.5cqmin)); }

.gfx-qr-code .gfx-signal-full-screen-copy {
  display: grid;
  grid-template-columns: minmax(240px, 38cqw) minmax(0, 1fr);
  align-items: center;
  gap: clamp(max(28px, 2.592593cqmin), 5cqw, max(96px, 8.888889cqmin));
}
.gfx-qr-code-figure {
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  width: min(38cqw, 62cqh);
  margin: 0;
  padding: clamp(max(14px, 1.296296cqmin), 1.4cqw, max(28px, 2.592593cqmin));
  border-radius: clamp(max(16px, 1.481481cqmin), 1.5cqw, max(30px, 2.777778cqmin));
  background: #fff;
  box-shadow: 0 max(18px, 1.666667cqmin) max(60px, 5.555556cqmin) rgba(0, 0, 0, .28);
}
.gfx-qr-code-symbol { display: block; width: 100%; height: 100%; color: #05080b; }
.gfx-qr-code-copy { display: grid; gap: clamp(max(14px, 1.296296cqmin), 2cqh, max(24px, 2.222222cqmin)); min-width: 0; }
.gfx-qr-code-eyebrow { margin: 0; color: var(--gfx-signal-cool); font-size: clamp(max(14px, 1.296296cqmin), 1.45cqw, max(28px, 2.592593cqmin)); font-weight: 780; letter-spacing: .09em; text-transform: uppercase; }
.gfx-qr-code-caption { margin: 0; color: var(--gfx-ink); font-size: clamp(max(30px, 2.777778cqmin), 4.2cqw, max(80px, 7.407407cqmin)); font-weight: 820; letter-spacing: -.036em; line-height: 1.02; overflow-wrap: anywhere; text-wrap: balance; }
.gfx-qr-code-url { margin: 0; color: var(--gfx-muted); font-size: clamp(max(14px, 1.296296cqmin), 1.35cqw, max(26px, 2.407407cqmin)); line-height: 1.18; overflow-wrap: anywhere; }
.gfx-qr-code[data-density="compact"] .gfx-qr-code-caption { font-size: clamp(max(25px, 2.314815cqmin), 3.35cqw, max(64px, 5.925926cqmin)); }
.gfx-qr-code[data-density="compact"] .gfx-qr-code-url { font-size: clamp(max(12px, 1.111111cqmin), 1.05cqw, max(20px, 1.851852cqmin)); }

.gfx-signal-kicker,
.gfx-signal-headline,
.gfx-signal-detail {
  margin: 0;
  max-width: 100%;
  white-space: normal;
  overflow: visible;
  overflow-wrap: anywhere;
  word-break: normal;
  hyphens: manual;
}

.gfx-signal-kicker {
  margin-block-end: clamp(max(4px, .37037cqmin), 0.62cqh, max(7px, .648148cqmin));
  color: var(--gfx-signal);
  font-size: clamp(max(11px, 1.018519cqmin), 1.18cqw, max(23px, 2.12963cqmin));
  font-weight: 760;
  line-height: 1.16;
  letter-spacing: 0.105em;
  text-transform: uppercase;
}

.gfx-signal-headline {
  color: var(--gfx-ink);
  font-size: clamp(max(22px, 2.037037cqmin), 3.15cqw, max(60px, 5.555556cqmin));
  font-weight: 790;
  line-height: 1.04;
  letter-spacing: -0.026em;
  text-wrap: balance;
}

.gfx-signal-detail {
  margin-block-start: clamp(max(6px, .555556cqmin), 0.9cqh, max(10px, .925926cqmin));
  color: var(--gfx-muted);
  font-size: clamp(max(13px, 1.203704cqmin), 1.52cqw, max(29px, 2.685185cqmin));
  font-weight: 510;
  line-height: 1.22;
  letter-spacing: -0.006em;
  text-wrap: pretty;
}

.gfx-signal-kicker[hidden],
.gfx-signal-detail[hidden] {
  display: none;
}

.gfx-signal-lower-third[data-density="compact"] {
  width: min(82cqw, calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end)));
}

.gfx-signal-lower-third[data-density="compact"] .gfx-signal-copy {
  padding-block: clamp(max(12px, 1.111111cqmin), 1.65cqw, max(32px, 2.962963cqmin));
}

.gfx-signal-lower-third[data-density="compact"] .gfx-signal-headline {
  font-size: clamp(max(19px, 1.759259cqmin), 2.65cqw, max(51px, 4.722222cqmin));
  line-height: 1.08;
}

.gfx-signal-lower-third[data-density="compact"] .gfx-signal-detail {
  font-size: clamp(max(12px, 1.111111cqmin), 1.3cqw, max(25px, 2.314815cqmin));
}

.gfx-signal-lower-third[data-overflow="true"] .gfx-signal-copy {
  outline: max(1px, 0.1cqw) solid rgba(255, 183, 77, 0.92);
  outline-offset: max(2px, 0.18cqw);
}

/* Studio v2 template library. The shared semantic DOM stays identical while
   every direction has its own composition, palette, edge language and motion. */
.gfx-signal-lower-third[data-template="clean"],
.gfx-signal-full-screen[data-template="clean"] {
  --gfx-ink: #07121c;
  --gfx-muted: #3f5362;
  --gfx-signal: #06b6d4;
  --gfx-signal-cool: #2563eb;
}

.gfx-signal-lower-third[data-template="clean"] {
  grid-template-columns: clamp(max(6px, .555556cqmin), 0.48cqw, max(9px, .833333cqmin)) minmax(0, 1fr);
  width: min(68cqw, calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end)));
  clip-path: inset(0 100% 0 0);
}

.gfx-signal-lower-third[data-template="clean"][data-visible="true"] {
  clip-path: inset(0 0 0 0);
}

.gfx-signal-lower-third[data-template="clean"] .gfx-signal-accent {
  border-radius: 0;
  background: linear-gradient(180deg, #22d3ee, #2563eb);
  box-shadow: none;
}

.gfx-signal-lower-third[data-template="clean"] .gfx-signal-copy {
  border: 0;
  border-radius: 0;
  background: rgba(250, 253, 255, 0.97);
  box-shadow: 0 max(14px, 1.296296cqmin) max(42px, 3.888889cqmin) rgba(4, 15, 27, 0.2);
  backdrop-filter: none;
}

.gfx-signal-full-screen[data-template="clean"] {
  background:
    linear-gradient(rgba(7, 18, 28, 0.045) max(1px, .092593cqmin), transparent max(1px, .092593cqmin)) 0 0 / max(64px, 5.925926cqmin) max(64px, 5.925926cqmin),
    linear-gradient(90deg, rgba(7, 18, 28, 0.045) max(1px, .092593cqmin), transparent max(1px, .092593cqmin)) 0 0 / max(64px, 5.925926cqmin) max(64px, 5.925926cqmin),
    #f7fbfd;
}

.gfx-signal-full-screen[data-template="clean"]::before {
  border-color: rgba(7, 18, 28, 0.13);
}

.gfx-signal-full-screen[data-template="clean"] .gfx-signal-full-screen-copy {
  border-inline-start: 0;
  border-block-start: clamp(max(7px, .648148cqmin), 0.55cqw, max(11px, 1.018519cqmin)) solid #06b6d4;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 max(30px, 2.777778cqmin) max(100px, 9.259259cqmin) rgba(15, 40, 58, 0.13);
}

.gfx-signal-lower-third[data-template="editorial"],
.gfx-signal-full-screen[data-template="editorial"] {
  --gfx-ink: #17130f;
  --gfx-muted: #665c50;
  --gfx-signal: #b42318;
  --gfx-signal-cool: #d97706;
}

.gfx-signal-lower-third[data-template="editorial"] {
  grid-template-columns: minmax(0, 1fr);
  width: min(72cqw, calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end)));
  transform: translate3d(0, max(34px, 3.148148cqmin), 0);
}

.gfx-signal-lower-third[data-template="editorial"][data-visible="true"] {
  transform: translate3d(0, 0, 0);
}

.gfx-signal-lower-third[data-template="editorial"] .gfx-signal-accent {
  display: none;
}

.gfx-signal-lower-third[data-template="editorial"] .gfx-signal-copy {
  padding-inline-start: clamp(max(28px, 2.592593cqmin), 3.4cqw, max(65px, 6.018519cqmin));
  border: 0;
  border-block-end: clamp(max(6px, .555556cqmin), 0.48cqw, max(10px, .925926cqmin)) solid #b42318;
  border-radius: 0;
  background: linear-gradient(90deg, rgba(255, 252, 245, 0.98), rgba(255, 252, 245, 0.9));
  box-shadow: 0 max(22px, 2.037037cqmin) max(60px, 5.555556cqmin) rgba(48, 35, 23, 0.22);
}

.gfx-signal-lower-third[data-template="editorial"] .gfx-signal-headline,
.gfx-signal-full-screen[data-template="editorial"] .gfx-signal-full-screen-headline {
  font-weight: 640;
  letter-spacing: -0.04em;
}

.gfx-signal-full-screen[data-template="editorial"] {
  background:
    radial-gradient(circle at 86% 16%, rgba(180, 35, 24, 0.12), transparent 24%),
    #f4efe6;
}

.gfx-signal-full-screen[data-template="editorial"]::before {
  border-color: rgba(23, 19, 15, 0.18);
  background: linear-gradient(90deg, #b42318, #d97706) 0 0 / 22cqw max(5px, .462963cqmin) no-repeat;
}

.gfx-signal-full-screen[data-template="editorial"] .gfx-signal-full-screen-copy {
  border-inline-start: 0;
  border-block-end: max(8px, .740741cqmin) solid #b42318;
  background: rgba(255, 252, 245, 0.72);
  box-shadow: none;
}

.gfx-signal-lower-third[data-template="ribbon"],
.gfx-signal-full-screen[data-template="ribbon"] {
  --gfx-ink: #ffffff;
  --gfx-muted: #dbeafe;
  --gfx-signal: #fbbf24;
  --gfx-signal-cool: #fb7185;
}

.gfx-signal-lower-third[data-template="ribbon"] {
  inset-inline-start: 0;
  inset-block-end: clamp(max(34px, 3.148148cqmin), 4.8cqh, max(52px, 4.814815cqmin));
  grid-template-columns: min(18cqw, max(340px, 31.481481cqmin)) minmax(0, 1fr);
  width: 100cqw;
  clip-path: inset(0 100% 0 0);
}

.gfx-signal-lower-third[data-template="ribbon"][data-visible="true"] {
  clip-path: inset(0 0 0 0);
}

.gfx-signal-lower-third[data-template="ribbon"] .gfx-signal-accent {
  border-radius: 0;
  background:
    linear-gradient(135deg, rgba(255,255,255,.2), transparent 50%),
    linear-gradient(135deg, #f43f5e, #f59e0b);
  box-shadow: none;
}

.gfx-signal-lower-third[data-template="ribbon"] .gfx-signal-copy {
  border: 0;
  border-radius: 0;
  background: linear-gradient(100deg, rgba(30, 58, 138, 0.97), rgba(49, 46, 129, 0.96));
  box-shadow: 0 max(18px, 1.666667cqmin) max(45px, 4.166667cqmin) rgba(15, 23, 42, 0.3);
  backdrop-filter: none;
}

.gfx-signal-lower-third[data-template="ribbon"] .gfx-signal-kicker {
  color: #fbbf24;
}

.gfx-signal-full-screen[data-template="ribbon"] {
  background:
    linear-gradient(118deg, transparent 55%, rgba(251, 191, 36, 0.18) 55%),
    linear-gradient(135deg, #1e3a8a, #312e81 60%, #4c1d95);
}

.gfx-signal-full-screen[data-template="ribbon"] .gfx-signal-full-screen-copy {
  width: min(88cqw, max(1500px, 138.888889cqmin));
  border-inline-start-color: #fbbf24;
  background: rgba(23, 37, 84, 0.52);
}

.gfx-signal-lower-third[data-template="glass"],
.gfx-signal-full-screen[data-template="glass"] {
  --gfx-ink: #ffffff;
  --gfx-muted: #dceaf4;
  --gfx-signal: #a7f3d0;
  --gfx-signal-cool: #bae6fd;
}

.gfx-signal-lower-third[data-template="glass"] {
  grid-template-columns: minmax(0, 1fr);
  width: min(70cqw, calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end)));
  transform: translate3d(0, max(18px, 1.666667cqmin), 0) scale(0.975);
}

.gfx-signal-lower-third[data-template="glass"][data-visible="true"] {
  transform: translate3d(0, 0, 0) scale(1);
}

.gfx-signal-lower-third[data-template="glass"] .gfx-signal-accent { display: none; }
.gfx-signal-lower-third[data-template="glass"] .gfx-signal-copy {
  border: max(1px, .092593cqmin) solid rgba(255,255,255,.34);
  border-radius: clamp(max(18px, 1.666667cqmin), 2cqw, max(38px, 3.518519cqmin));
  background:
    radial-gradient(circle at 8% 0%, rgba(167, 243, 208, 0.2), transparent 30%),
    rgba(18, 35, 48, 0.72);
  box-shadow: 0 max(24px, 2.222222cqmin) max(80px, 7.407407cqmin) rgba(2, 10, 18, 0.42), inset 0 max(1px, .092593cqmin) rgba(255,255,255,.24);
  backdrop-filter: blur(max(24px, 2.222222cqmin)) saturate(1.35);
}

.gfx-signal-full-screen[data-template="glass"] {
  background:
    radial-gradient(circle at 20% 22%, #1d4ed8 0, transparent 36%),
    radial-gradient(circle at 78% 72%, #047857 0, transparent 34%),
    #07111f;
}

.gfx-signal-full-screen[data-template="glass"] .gfx-signal-full-screen-copy {
  border: max(1px, .092593cqmin) solid rgba(255,255,255,.24);
  border-inline-start: max(1px, .092593cqmin) solid rgba(255,255,255,.24);
  border-radius: clamp(max(24px, 2.222222cqmin), 3cqw, max(58px, 5.37037cqmin));
  background: rgba(9, 22, 35, 0.58);
  backdrop-filter: blur(max(30px, 2.777778cqmin)) saturate(1.3);
}

.gfx-signal-lower-third[data-template="neon"],
.gfx-signal-full-screen[data-template="neon"] {
  --gfx-ink: #f8faff;
  --gfx-muted: #c4c9e8;
  --gfx-signal: #22d3ee;
  --gfx-signal-cool: #e879f9;
}

.gfx-signal-lower-third[data-template="neon"] {
  grid-template-columns: clamp(max(7px, .648148cqmin), .5cqw, max(10px, .925926cqmin)) minmax(0, 1fr);
  width: min(73cqw, calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end)));
  clip-path: polygon(0 0, 94% 0, 100% 24%, 100% 100%, 6% 100%, 0 76%);
}

.gfx-signal-lower-third[data-template="neon"] .gfx-signal-accent {
  border-radius: 0;
  background: linear-gradient(#22d3ee, #e879f9);
  box-shadow: 0 0 max(26px, 2.407407cqmin) rgba(34,211,238,.62);
}

.gfx-signal-lower-third[data-template="neon"] .gfx-signal-copy {
  border: max(1px, .092593cqmin) solid rgba(34,211,238,.46);
  border-radius: 0;
  background: linear-gradient(100deg, rgba(5, 8, 26, .97), rgba(22, 8, 38, .94));
  box-shadow: 0 0 max(34px, 3.148148cqmin) rgba(232,121,249,.2), inset 0 0 max(30px, 2.777778cqmin) rgba(34,211,238,.08);
}

.gfx-signal-full-screen[data-template="neon"] {
  background:
    linear-gradient(rgba(34,211,238,.07) max(1px, .092593cqmin), transparent max(1px, .092593cqmin)) 0 0 / max(70px, 6.481481cqmin) max(70px, 6.481481cqmin),
    linear-gradient(90deg, rgba(232,121,249,.07) max(1px, .092593cqmin), transparent max(1px, .092593cqmin)) 0 0 / max(70px, 6.481481cqmin) max(70px, 6.481481cqmin),
    #050716;
}

.gfx-signal-full-screen[data-template="neon"] .gfx-signal-full-screen-copy {
  clip-path: polygon(0 0, 94% 0, 100% 18%, 100% 100%, 6% 100%, 0 82%);
  border-inline-start-color: #22d3ee;
  background: rgba(7, 10, 31, .82);
  box-shadow: 0 0 max(70px, 6.481481cqmin) rgba(34,211,238,.16), inset 0 0 0 max(1px, .092593cqmin) rgba(232,121,249,.28);
}

.gfx-signal-lower-third[data-template="mono"],
.gfx-signal-full-screen[data-template="mono"] {
  --gfx-ink: #f5ffe8;
  --gfx-muted: #c7d8b0;
  --gfx-signal: #a3e635;
  --gfx-signal-cool: #f5ffe8;
}

.gfx-signal-lower-third[data-template="mono"] {
  grid-template-columns: clamp(max(10px, .925926cqmin), .75cqw, max(15px, 1.388889cqmin)) minmax(0, 1fr);
  width: min(68cqw, calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end)));
}

.gfx-signal-lower-third[data-template="mono"] .gfx-signal-accent {
  border-radius: 0;
  background: #a3e635;
  box-shadow: none;
}

.gfx-signal-lower-third[data-template="mono"] .gfx-signal-copy {
  border: max(2px, .185185cqmin) solid #f5ffe8;
  border-inline-start: 0;
  border-radius: 0;
  background: #11150d;
  box-shadow: max(12px, 1.111111cqmin) max(12px, 1.111111cqmin) 0 rgba(163,230,53,.82);
  backdrop-filter: none;
}

.gfx-signal-lower-third[data-template="mono"] .gfx-signal-headline,
.gfx-signal-full-screen[data-template="mono"] .gfx-signal-full-screen-headline {
  letter-spacing: -0.05em;
}

.gfx-signal-full-screen[data-template="mono"] {
  background: #10140d;
}

.gfx-signal-full-screen[data-template="mono"]::before {
  border: max(2px, .185185cqmin) solid rgba(245,255,232,.68);
  background: linear-gradient(90deg, #a3e635, #a3e635) 0 0 / 26cqw max(8px, .740741cqmin) no-repeat;
}

.gfx-signal-full-screen[data-template="mono"] .gfx-signal-full-screen-copy {
  border: max(2px, .185185cqmin) solid #f5ffe8;
  border-inline-start: max(14px, 1.296296cqmin) solid #a3e635;
  background: #11150d;
  box-shadow: max(18px, 1.666667cqmin) max(18px, 1.666667cqmin) 0 rgba(163,230,53,.3);
}

.gfx-signal-lower-third[data-template="warm"],
.gfx-signal-full-screen[data-template="warm"] {
  --gfx-ink: #fff8ed;
  --gfx-muted: #f6d8c4;
  --gfx-signal: #fb923c;
  --gfx-signal-cool: #fda4af;
}

.gfx-signal-lower-third[data-template="warm"] {
  grid-template-columns: clamp(max(14px, 1.296296cqmin), 1cqw, max(20px, 1.851852cqmin)) minmax(0, 1fr);
  width: min(72cqw, calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end)));
}

.gfx-signal-lower-third[data-template="warm"] .gfx-signal-accent {
  border-radius: max(999px, 92.5cqmin) 0 0 max(999px, 92.5cqmin);
  background: linear-gradient(180deg, #fda4af, #fb923c);
  box-shadow: 0 0 max(36px, 3.333333cqmin) rgba(251,146,60,.3);
}

.gfx-signal-lower-third[data-template="warm"] .gfx-signal-copy {
  border-color: rgba(255,248,237,.18);
  border-radius: 0 max(999px, 92.5cqmin) max(999px, 92.5cqmin) 0;
  background:
    radial-gradient(circle at 100% 0, rgba(251,146,60,.2), transparent 36%),
    linear-gradient(110deg, rgba(74, 18, 35, .97), rgba(88, 28, 25, .94));
  box-shadow: 0 max(22px, 2.037037cqmin) max(70px, 6.481481cqmin) rgba(55, 12, 24, .36);
}

.gfx-signal-full-screen[data-template="warm"] {
  background:
    radial-gradient(circle at 76% 20%, rgba(251,146,60,.28), transparent 32%),
    linear-gradient(135deg, #3f1024, #571c19 58%, #31101b);
}

.gfx-signal-full-screen[data-template="warm"] .gfx-signal-full-screen-copy {
  border-inline-start-color: #fb923c;
  border-radius: 0 max(72px, 6.666667cqmin) max(72px, 6.666667cqmin) 0;
  background: rgba(62, 15, 32, .72);
  box-shadow: 0 max(32px, 2.962963cqmin) max(100px, 9.259259cqmin) rgba(30, 7, 16, .4);
}

/* Column: an asymmetric right-hand information rail. */
.gfx-signal-lower-third[data-template="column"],
.gfx-signal-full-screen[data-template="column"] {
  --gfx-ink: #f5f7fb;
  --gfx-muted: #aeb9cc;
  --gfx-signal: #3155e7;
  --gfx-signal-cool: #ffb84d;
}

.gfx-signal-lower-third[data-template="column"] {
  inset-inline-start: auto;
  inset-inline-end: var(--gfx-safe-end);
  grid-template-columns: minmax(0, 1fr) clamp(max(9px, .833333cqmin), .72cqw, max(14px, 1.296296cqmin));
  width: min(56cqw, calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end)));
  clip-path: inset(0 0 0 100%);
  transform: translate3d(clamp(max(14px, 1.296296cqmin), 1.8cqw, max(34px, 3.148148cqmin)), 0, 0);
}

.gfx-signal-lower-third[data-template="column"][data-visible="true"] {
  clip-path: inset(0);
  transform: translate3d(0, 0, 0);
}

.gfx-signal-lower-third[data-template="column"][data-exiting="true"] {
  clip-path: inset(0 100% 0 0);
  transform: translate3d(clamp(max(10px, .925926cqmin), 1.2cqw, max(23px, 2.12963cqmin)), 0, 0);
}

.gfx-signal-lower-third[data-template="column"] .gfx-signal-accent {
  grid-column: 2;
  grid-row: 1;
  border-radius: 0;
  background: linear-gradient(180deg, #3155e7 0 72%, #ffb84d 72%);
  box-shadow: none;
}

.gfx-signal-lower-third[data-template="column"] .gfx-signal-accent::before {
  inset: clamp(max(12px, 1.111111cqmin), 1.2cqw, max(23px, 2.12963cqmin)) auto auto 50%;
  width: clamp(max(4px, .37037cqmin), .36cqw, max(7px, .648148cqmin));
  background: #fff7e8;
  box-shadow: 0 0 0 clamp(max(3px, .277778cqmin), .24cqw, max(5px, .462963cqmin)) rgba(10, 16, 32, .42);
  transform: translateX(-50%);
}

.gfx-signal-lower-third[data-template="column"] .gfx-signal-copy {
  grid-column: 1;
  grid-row: 1;
  padding-inline: clamp(max(24px, 2.222222cqmin), 3.2cqw, max(61px, 5.648148cqmin));
  border: max(1px, .092593cqmin) solid rgba(174, 185, 204, .22);
  border-inline-end: 0;
  border-radius: 0;
  background:
    linear-gradient(90deg, rgba(49, 85, 231, .08), transparent 38%),
    rgba(10, 16, 32, .94);
  box-shadow: 0 max(20px, 1.851852cqmin) max(64px, 5.925926cqmin) rgba(3, 7, 18, .38);
  backdrop-filter: blur(max(10px, .925926cqmin)) saturate(1.08);
  text-align: end;
}

.gfx-signal-lower-third[data-template="column"] .gfx-signal-kicker,
.gfx-signal-lower-third[data-template="column"] .gfx-signal-headline,
.gfx-signal-lower-third[data-template="column"] .gfx-signal-detail {
  text-align: end;
}

.gfx-signal-lower-third[data-template="column"] .gfx-signal-kicker {
  color: #ffb84d;
  letter-spacing: .055em;
}

.gfx-signal-lower-third[data-template="column"][data-density="compact"] {
  width: min(68cqw, calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end)));
}

.gfx-signal-full-screen[data-template="column"] {
  background:
    linear-gradient(rgba(255, 255, 255, .055) max(1px, .092593cqmin), transparent max(1px, .092593cqmin))
      0 0 / 100% clamp(max(60px, 5.555556cqmin), 8cqh, max(86px, 7.962963cqmin)),
    linear-gradient(90deg, #3155e7 0 30cqw, #0a1020 30cqw);
}

.gfx-signal-full-screen[data-template="column"]::before {
  inset: 0 auto 0 30cqw;
  width: max(1px, .1cqw);
  border: 0;
  background: rgba(245, 247, 251, .52);
  opacity: 0;
  transform: scaleY(.15);
  transform-origin: bottom;
  transition: opacity 280ms ease, transform 520ms cubic-bezier(.2, .78, .16, 1);
}

.gfx-signal-full-screen[data-template="column"]::after {
  inset: var(--gfx-safe-top) auto auto calc(30cqw - clamp(max(7px, .648148cqmin), .62cqw, max(12px, 1.111111cqmin)));
  width: clamp(max(14px, 1.296296cqmin), 1.25cqw, max(24px, 2.222222cqmin));
  border-radius: max(2px, .185185cqmin);
  background: #ffb84d;
  box-shadow: 0 0 max(30px, 2.777778cqmin) rgba(255, 184, 77, .35);
  opacity: 0;
  transform: scale(.5);
  transition: opacity 220ms ease 120ms, transform 360ms cubic-bezier(.2, .78, .16, 1) 120ms;
}

.gfx-signal-full-screen[data-template="column"][data-visible="true"]::before,
.gfx-signal-full-screen[data-template="column"][data-visible="true"]::after {
  opacity: 1;
  transform: none;
}

.gfx-signal-full-screen[data-template="column"] .gfx-signal-full-screen-copy {
  justify-self: end;
  width: min(61cqw, calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end)));
  margin-inline-end: clamp(0px, 2cqw, max(38px, 3.518519cqmin));
  padding-inline: clamp(max(40px, 3.703704cqmin), 5.4cqw, max(104px, 9.62963cqmin));
  border: max(1px, .092593cqmin) solid rgba(174, 185, 204, .16);
  border-inline-start: 0;
  border-inline-end: clamp(max(8px, .740741cqmin), .72cqw, max(14px, 1.296296cqmin)) solid #3155e7;
  background:
    linear-gradient(270deg, rgba(49, 85, 231, .12), transparent 38%),
    rgba(8, 15, 29, .72);
  box-shadow: 0 max(34px, 3.148148cqmin) max(110px, 10.185185cqmin) rgba(2, 6, 16, .32);
  text-align: end;
  opacity: 0;
  transform: translate3d(clamp(max(16px, 1.481481cqmin), 2cqw, max(38px, 3.518519cqmin)), 0, 0);
  transition: opacity 260ms ease 100ms, transform 480ms cubic-bezier(.2, .78, .16, 1) 80ms;
}

.gfx-signal-full-screen[data-template="column"][data-visible="true"] .gfx-signal-full-screen-copy {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.gfx-signal-full-screen[data-template="column"] .gfx-signal-full-screen-headline,
.gfx-signal-full-screen[data-template="column"] .gfx-signal-full-screen-subtitle {
  margin-inline-start: auto;
  text-align: end;
}

.gfx-signal-full-screen[data-template="column"][data-density="compact"] .gfx-signal-full-screen-copy {
  width: min(70cqw, calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end)));
}

/* Deco: a formal, symmetrical architectural frame. */
.gfx-signal-lower-third[data-template="deco"],
.gfx-signal-full-screen[data-template="deco"] {
  --gfx-ink: #f8f0df;
  --gfx-muted: #cfc3a8;
  --gfx-signal: #c9a75d;
  --gfx-signal-cool: #d9c483;
}

.gfx-signal-lower-third[data-template="deco"] {
  inset-inline-start: 50%;
  grid-template-columns: minmax(0, 1fr);
  width: min(66cqw, calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end)));
  clip-path: inset(0 50% 0 50%);
  transform: translate3d(-50%, clamp(max(12px, 1.111111cqmin), 1.8cqh, max(20px, 1.851852cqmin)), 0);
}

.gfx-signal-lower-third[data-template="deco"][data-visible="true"] {
  clip-path: inset(0);
  transform: translate3d(-50%, 0, 0);
}

.gfx-signal-lower-third[data-template="deco"][data-exiting="true"] {
  clip-path: inset(0 50% 0 50%);
  transform: translate3d(-50%, clamp(max(8px, .740741cqmin), 1.2cqh, max(13px, 1.203704cqmin)), 0);
}

.gfx-signal-lower-third[data-template="deco"] .gfx-signal-accent {
  position: absolute;
  z-index: 3;
  inset: clamp(min(-8px, -.740741cqmin), -.65cqw, min(-4px, -.37037cqmin)) auto auto 50%;
  width: clamp(max(15px, 1.388889cqmin), 1.3cqw, max(25px, 2.314815cqmin));
  height: clamp(max(15px, 1.388889cqmin), 1.3cqw, max(25px, 2.314815cqmin));
  min-height: 0;
  border: max(1px, .092593cqmin) solid #f8f0df;
  border-radius: 0;
  background: #c9a75d;
  box-shadow: 0 0 0 clamp(max(4px, .37037cqmin), .34cqw, max(7px, .648148cqmin)) #090b0c;
  transform: translateX(-50%) rotate(45deg) scale(.3);
  transition: transform 420ms cubic-bezier(.2, .78, .16, 1) 160ms;
}

.gfx-signal-lower-third[data-template="deco"][data-visible="true"] .gfx-signal-accent {
  transform: translateX(-50%) rotate(45deg) scale(1);
}

.gfx-signal-lower-third[data-template="deco"] .gfx-signal-accent::before {
  display: none;
}

.gfx-signal-lower-third[data-template="deco"] .gfx-signal-copy {
  position: relative;
  grid-column: 1;
  padding: clamp(max(24px, 2.222222cqmin), 2.8cqw, max(54px, 5cqmin)) clamp(max(34px, 3.148148cqmin), 4.2cqw, max(81px, 7.5cqmin));
  border: max(1px, .092593cqmin) solid rgba(201, 167, 93, .82);
  border-radius: 0;
  clip-path: polygon(max(18px, 1.666667cqmin) 0, calc(100% - max(18px, 1.666667cqmin)) 0, 100% max(18px, 1.666667cqmin), 100% calc(100% - max(18px, 1.666667cqmin)), calc(100% - max(18px, 1.666667cqmin)) 100%, max(18px, 1.666667cqmin) 100%, 0 calc(100% - max(18px, 1.666667cqmin)), 0 max(18px, 1.666667cqmin));
  background:
    radial-gradient(circle at 50% 0, rgba(16, 58, 53, .38), transparent 50%),
    rgba(9, 11, 12, .97);
  box-shadow: 0 max(24px, 2.222222cqmin) max(80px, 7.407407cqmin) rgba(0, 0, 0, .42);
  text-align: center;
}

.gfx-signal-lower-third[data-template="deco"] .gfx-signal-copy::before {
  content: "";
  position: absolute;
  inset: clamp(max(7px, .648148cqmin), .62cqw, max(12px, 1.111111cqmin));
  border: max(1px, .092593cqmin) solid rgba(201, 167, 93, .42);
  pointer-events: none;
}

.gfx-signal-lower-third[data-template="deco"] .gfx-signal-copy > * {
  position: relative;
  z-index: 1;
  text-align: center;
}

.gfx-signal-lower-third[data-template="deco"] .gfx-signal-kicker {
  color: #d9c483;
  letter-spacing: .055em;
}

.gfx-signal-lower-third[data-template="deco"][data-density="compact"] {
  width: min(76cqw, calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end)));
}

.gfx-signal-full-screen[data-template="deco"] {
  background:
    radial-gradient(circle at 50% 42%, rgba(16, 58, 53, .5), transparent 42%),
    linear-gradient(135deg, #090b0c, #0d1211 54%, #080a0b);
}

.gfx-signal-full-screen[data-template="deco"]::before {
  inset: clamp(max(34px, 3.148148cqmin), 6.4cqh, max(69px, 6.388889cqmin)) clamp(max(40px, 3.703704cqmin), 5.2cqw, max(100px, 9.259259cqmin));
  border: max(1px, .092593cqmin) solid rgba(201, 167, 93, .78);
  background:
    linear-gradient(90deg, #c9a75d, #c9a75d) 50% 0 / min(18cqw, max(345px, 31.944444cqmin)) max(2px, .24cqh) no-repeat,
    linear-gradient(90deg, #c9a75d, #c9a75d) 50% 100% / min(18cqw, max(345px, 31.944444cqmin)) max(2px, .24cqh) no-repeat;
  box-shadow:
    inset 0 0 0 clamp(max(7px, .648148cqmin), .62cqw, max(12px, 1.111111cqmin)) #090b0c,
    inset 0 0 0 clamp(max(8px, .740741cqmin), .72cqw, max(14px, 1.296296cqmin)) rgba(201, 167, 93, .38);
  opacity: 0;
  transform: scale(.965);
  transition: opacity 300ms ease, transform 540ms cubic-bezier(.2, .78, .16, 1);
}

.gfx-signal-full-screen[data-template="deco"]::after {
  inset: calc(var(--gfx-safe-top) - clamp(max(4px, .37037cqmin), .35cqw, max(7px, .648148cqmin))) auto auto 50%;
  width: clamp(max(17px, 1.574074cqmin), 1.45cqw, max(28px, 2.592593cqmin));
  border: max(1px, .092593cqmin) solid #f8f0df;
  border-radius: 0;
  background: #c9a75d;
  box-shadow: 0 0 0 clamp(max(5px, .462963cqmin), .42cqw, max(8px, .740741cqmin)) #090b0c;
  opacity: 0;
  transform: translateX(-50%) rotate(45deg) scale(.3);
  transition: opacity 220ms ease 160ms, transform 420ms cubic-bezier(.2, .78, .16, 1) 140ms;
}

.gfx-signal-full-screen[data-template="deco"][data-visible="true"]::before {
  opacity: 1;
  transform: scale(1);
}

.gfx-signal-full-screen[data-template="deco"][data-visible="true"]::after {
  opacity: 1;
  transform: translateX(-50%) rotate(45deg) scale(1);
}

.gfx-signal-full-screen[data-template="deco"] .gfx-signal-full-screen-copy {
  width: min(74cqw, calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end)));
  padding-inline: clamp(max(42px, 3.888889cqmin), 6.4cqw, max(123px, 11.388889cqmin));
  border: 0;
  background: transparent;
  box-shadow: none;
  text-align: center;
  opacity: 0;
  transform: translate3d(0, clamp(max(10px, .925926cqmin), 1.5cqh, max(16px, 1.481481cqmin)), 0);
  transition: opacity 300ms ease 120ms, transform 480ms cubic-bezier(.2, .78, .16, 1) 100ms;
}

.gfx-signal-full-screen[data-template="deco"] .gfx-signal-full-screen-copy::before {
  content: "";
  position: absolute;
  inset: 0 24% auto;
  height: max(1px, .092593cqmin);
  background: linear-gradient(90deg, transparent, #c9a75d 20% 80%, transparent);
}

.gfx-signal-full-screen[data-template="deco"][data-visible="true"] .gfx-signal-full-screen-copy {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.gfx-signal-full-screen[data-template="deco"] .gfx-signal-full-screen-headline,
.gfx-signal-full-screen[data-template="deco"] .gfx-signal-full-screen-subtitle {
  margin-inline: auto;
  text-align: center;
}

.gfx-signal-full-screen[data-template="deco"] .gfx-signal-full-screen-headline {
  font-weight: 650;
  letter-spacing: -.015em;
}

/* Cutout: a bright, deliberately offset paper collage. */
.gfx-signal-lower-third[data-template="cutout"],
.gfx-signal-full-screen[data-template="cutout"] {
  --gfx-ink: #111827;
  --gfx-muted: #495163;
  --gfx-signal: #3855e8;
  --gfx-signal-cool: #ff6b35;
}

.gfx-signal-lower-third[data-template="cutout"] {
  grid-template-columns: minmax(0, 1fr);
  width: min(68cqw, calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end)));
}

.gfx-signal-lower-third[data-template="cutout"] .gfx-signal-accent {
  position: absolute;
  z-index: 4;
  inset: clamp(min(-9px, -.833333cqmin), -.72cqw, min(-5px, -.462963cqmin)) auto auto clamp(max(30px, 2.777778cqmin), 4cqw, max(77px, 7.12963cqmin));
  width: clamp(max(58px, 5.37037cqmin), 6.4cqw, max(123px, 11.388889cqmin));
  height: clamp(max(16px, 1.481481cqmin), 1.7cqw, max(33px, 3.055556cqmin));
  min-height: 0;
  border-radius: max(1px, .092593cqmin);
  background: rgba(255, 210, 63, .94);
  box-shadow: 0 max(3px, .277778cqmin) max(9px, .833333cqmin) rgba(17, 24, 39, .18);
  opacity: 0;
  transform: translate3d(0, min(-12px, -1.111111cqmin), 0) rotate(-7deg) scaleX(.5);
  transition: opacity 180ms ease 150ms, transform 360ms cubic-bezier(.2, .78, .16, 1) 130ms;
}

.gfx-signal-lower-third[data-template="cutout"][data-visible="true"] .gfx-signal-accent {
  opacity: 1;
  transform: translate3d(0, 0, 0) rotate(-4deg) scaleX(1);
}

.gfx-signal-lower-third[data-template="cutout"] .gfx-signal-accent::before {
  display: none;
}

.gfx-signal-lower-third[data-template="cutout"] .gfx-signal-copy {
  position: relative;
  z-index: 2;
  grid-column: 1;
  isolation: isolate;
  overflow: visible;
  border: 0;
  border-radius: max(2px, .185185cqmin);
  background: #f7f1df;
  box-shadow:
    clamp(min(-12px, -1.111111cqmin), -.65cqw, min(-6px, -.555556cqmin)) clamp(max(7px, .648148cqmin), .7cqw, max(14px, 1.296296cqmin)) 0 #ff6b35,
    clamp(max(7px, .648148cqmin), .7cqw, max(14px, 1.296296cqmin)) clamp(min(-10px, -.925926cqmin), -.52cqw, min(-5px, -.462963cqmin)) 0 #3855e8,
    0 max(20px, 1.851852cqmin) max(64px, 5.925926cqmin) rgba(17, 24, 39, .25);
  backdrop-filter: none;
}

.gfx-signal-lower-third[data-template="cutout"] .gfx-signal-copy::before,
.gfx-signal-lower-third[data-template="cutout"] .gfx-signal-copy::after {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity 220ms ease 80ms, transform 440ms cubic-bezier(.2, .78, .16, 1) 60ms;
}

.gfx-signal-lower-third[data-template="cutout"] .gfx-signal-copy::before {
  inset: 0 auto auto 0;
  width: 30%;
  height: clamp(max(5px, .462963cqmin), .45cqw, max(9px, .833333cqmin));
  background: #ff6b35;
  transform: scaleX(.25);
  transform-origin: left;
}

.gfx-signal-lower-third[data-template="cutout"] .gfx-signal-copy::after {
  inset: auto 0 0 auto;
  width: 34%;
  height: clamp(max(5px, .462963cqmin), .45cqw, max(9px, .833333cqmin));
  background: #3855e8;
  transform: scaleX(.25);
  transform-origin: right;
}

.gfx-signal-lower-third[data-template="cutout"][data-visible="true"] .gfx-signal-copy::before {
  opacity: 1;
  transform: scaleX(1);
}

.gfx-signal-lower-third[data-template="cutout"][data-visible="true"] .gfx-signal-copy::after {
  opacity: 1;
  transform: scaleX(1);
}

.gfx-signal-lower-third[data-template="cutout"] .gfx-signal-copy > * {
  position: relative;
  z-index: 2;
}

.gfx-signal-lower-third[data-template="cutout"] .gfx-signal-kicker {
  width: fit-content;
  padding: clamp(max(3px, .277778cqmin), .34cqw, max(7px, .648148cqmin)) clamp(max(7px, .648148cqmin), .72cqw, max(14px, 1.296296cqmin));
  color: #ffffff;
  background: #3855e8;
  letter-spacing: .045em;
}

.gfx-signal-lower-third[data-template="cutout"] .gfx-signal-detail {
  color: #495163;
}

.gfx-signal-lower-third[data-template="cutout"][data-density="compact"] {
  width: min(78cqw, calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end)));
}

.gfx-signal-full-screen[data-template="cutout"] {
  place-items: center start;
  background:
    linear-gradient(rgba(17, 24, 39, .045) max(1px, .092593cqmin), transparent max(1px, .092593cqmin)) 0 0 / 100% max(54px, 5cqmin),
    #f7f1df;
}

.gfx-signal-full-screen[data-template="cutout"]::before {
  inset: 0 auto auto 0;
  width: 44cqw;
  height: 54cqh;
  border: 0;
  clip-path: polygon(3% 8%, 96% 0, 100% 88%, 10% 100%, 0 52%);
  background: #3855e8;
  opacity: 0;
  transform: scale(.82);
  transform-origin: top left;
  transition: opacity 240ms ease, transform 520ms cubic-bezier(.2, .78, .16, 1);
}

.gfx-signal-full-screen[data-template="cutout"]::after {
  inset: auto 0 0 auto;
  width: 38cqw;
  border-radius: 50%;
  background: #ff6b35;
  box-shadow: -9cqw -4cqh 0 #ffd23f;
  opacity: 0;
  transform: scale(.78);
  transform-origin: bottom right;
  transition: opacity 240ms ease 80ms, transform 560ms cubic-bezier(.2, .78, .16, 1) 60ms;
}

.gfx-signal-full-screen[data-template="cutout"][data-visible="true"]::before {
  opacity: 1;
  transform: scale(1);
}

.gfx-signal-full-screen[data-template="cutout"][data-visible="true"]::after {
  opacity: 1;
  transform: scale(1);
}

.gfx-signal-full-screen[data-template="cutout"] .gfx-signal-full-screen-copy {
  justify-self: start;
  width: min(70cqw, calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end)));
  margin-inline-start: clamp(0px, 3cqw, max(58px, 5.37037cqmin));
  isolation: isolate;
  border: 0;
  background: rgba(255, 250, 238, .97);
  box-shadow:
    clamp(max(12px, 1.111111cqmin), 1.6cqw, max(31px, 2.87037cqmin)) clamp(max(12px, 1.111111cqmin), 1.6cqw, max(31px, 2.87037cqmin)) 0 #ffd23f,
    0 max(38px, 3.518519cqmin) max(110px, 10.185185cqmin) rgba(17, 24, 39, .2);
  opacity: 0;
  transform: translate3d(0, clamp(max(16px, 1.481481cqmin), 2.6cqh, max(28px, 2.592593cqmin)), 0);
  transition: opacity 260ms ease 120ms, transform 460ms cubic-bezier(.2, .78, .16, 1) 100ms;
}

.gfx-signal-full-screen[data-template="cutout"] .gfx-signal-full-screen-copy::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0 auto auto clamp(max(38px, 3.518519cqmin), 5cqw, max(96px, 8.888889cqmin));
  width: clamp(max(80px, 7.407407cqmin), 10cqw, max(192px, 17.777778cqmin));
  height: clamp(max(7px, .648148cqmin), .65cqw, max(12px, 1.111111cqmin));
  background: rgba(255, 107, 53, .9);
}

.gfx-signal-full-screen[data-template="cutout"][data-visible="true"] .gfx-signal-full-screen-copy {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.gfx-signal-full-screen[data-template="cutout"] .gfx-signal-full-screen-headline,
.gfx-signal-full-screen[data-template="cutout"] .gfx-signal-full-screen-subtitle {
  position: relative;
  z-index: 1;
  color: #111827;
  text-align: start;
}

.gfx-signal-full-screen[data-template="cutout"] .gfx-signal-full-screen-subtitle {
  color: #495163;
}

.gfx-signal-full-screen[data-template="cutout"][data-density="compact"] .gfx-signal-full-screen-copy {
  width: min(82cqw, calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end)));
}

/* Spotlight: a cinematic light field with no conventional card. */
.gfx-signal-lower-third[data-template="spotlight"],
.gfx-signal-full-screen[data-template="spotlight"] {
  --gfx-ink: #fff7e6;
  --gfx-muted: #d7cab3;
  --gfx-signal: #ffb100;
  --gfx-signal-cool: #6d4aff;
}

.gfx-signal-lower-third[data-template="spotlight"] {
  grid-template-columns: clamp(max(72px, 6.666667cqmin), 7.2cqw, max(138px, 12.777778cqmin)) minmax(0, 1fr);
  align-items: center;
  width: min(72cqw, calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end)));
}

.gfx-signal-lower-third[data-template="spotlight"] .gfx-signal-accent {
  align-self: center;
  width: clamp(max(72px, 6.666667cqmin), 7.2cqw, max(138px, 12.777778cqmin));
  height: clamp(max(72px, 6.666667cqmin), 7.2cqw, max(138px, 12.777778cqmin));
  min-height: 0;
  border: max(1px, .092593cqmin) solid rgba(255, 247, 230, .34);
  border-radius: 50%;
  background:
    radial-gradient(circle at 38% 34%, #fff7e6 0 4%, #ffcf61 11%, #ffb100 38%, #6d4aff 100%);
  box-shadow: 0 0 max(54px, 5cqmin) rgba(255, 177, 0, .34), 0 0 max(90px, 8.333333cqmin) rgba(109, 74, 255, .16);
  opacity: 0;
  transform: scale(.68);
  transition: opacity 240ms ease 80ms, transform 520ms cubic-bezier(.2, .78, .16, 1) 60ms;
}

.gfx-signal-lower-third[data-template="spotlight"][data-visible="true"] .gfx-signal-accent {
  opacity: 1;
  transform: scale(1);
}

.gfx-signal-lower-third[data-template="spotlight"] .gfx-signal-accent::before {
  inset: 50% auto auto 50%;
  width: 18%;
  background: #ffffff;
  box-shadow: 0 0 max(18px, 1.666667cqmin) rgba(255, 255, 255, .9);
  transform: translate(-50%, -50%);
}

.gfx-signal-lower-third[data-template="spotlight"] .gfx-signal-copy {
  position: relative;
  padding-inline-start: clamp(max(28px, 2.592593cqmin), 3.4cqw, max(65px, 6.018519cqmin));
  border: 0;
  border-radius: 0;
  background: linear-gradient(90deg, rgba(7, 7, 8, .94), rgba(7, 7, 8, .74) 72%, transparent);
  box-shadow: none;
  backdrop-filter: blur(max(5px, .462963cqmin));
  opacity: 0;
  transition: opacity 260ms ease 120ms;
}

.gfx-signal-lower-third[data-template="spotlight"] .gfx-signal-copy::before {
  content: "";
  position: absolute;
  inset: auto 18% 0 0;
  height: max(2px, .22cqh);
  background: linear-gradient(90deg, #ffb100, rgba(255, 177, 0, 0));
}

.gfx-signal-lower-third[data-template="spotlight"][data-visible="true"] .gfx-signal-copy {
  opacity: 1;
}

.gfx-signal-lower-third[data-template="spotlight"] .gfx-signal-kicker {
  color: #ffcf61;
  letter-spacing: .05em;
}

.gfx-signal-lower-third[data-template="spotlight"][data-density="compact"] {
  width: min(82cqw, calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end)));
}

.gfx-signal-full-screen[data-template="spotlight"] {
  place-items: end start;
  background:
    radial-gradient(circle at 72% 36%, rgba(109, 74, 255, .12), transparent 34%),
    #070708;
}

.gfx-signal-full-screen[data-template="spotlight"]::before {
  inset: clamp(max(24px, 2.222222cqmin), 8cqh, max(86px, 7.962963cqmin)) 0 auto auto;
  width: min(50cqw, max(960px, 88.888889cqmin));
  aspect-ratio: 1;
  border: max(1px, .092593cqmin) solid rgba(255, 247, 230, .24);
  border-radius: 50%;
  background:
    radial-gradient(circle at 36% 32%, #fff7e6 0 3%, #ffd77a 10%, #ffb100 38%, #6d4aff 76%, #171020 100%);
  box-shadow: 0 0 max(100px, 9.259259cqmin) rgba(255, 177, 0, .16), 0 0 max(180px, 16.666667cqmin) rgba(109, 74, 255, .16);
  opacity: 0;
  transform: scale(.72);
  transform-origin: center;
  transition: opacity 300ms ease, transform 620ms cubic-bezier(.2, .78, .16, 1);
}

.gfx-signal-full-screen[data-template="spotlight"]::after {
  inset: 0 0 0 38cqw;
  width: auto;
  aspect-ratio: auto;
  border-radius: 0;
  clip-path: polygon(66% 0, 100% 0, 100% 100%, 0 100%);
  background: linear-gradient(125deg, transparent 26%, rgba(255, 177, 0, .09) 66%, rgba(109, 74, 255, .14));
  box-shadow: none;
  opacity: 0;
  transform: scaleX(.85);
  transform-origin: right;
  transition: opacity 320ms ease 80ms, transform 600ms cubic-bezier(.2, .78, .16, 1) 60ms;
}

.gfx-signal-full-screen[data-template="spotlight"][data-visible="true"]::before {
  opacity: 1;
  transform: scale(1);
}

.gfx-signal-full-screen[data-template="spotlight"][data-visible="true"]::after {
  opacity: 1;
  transform: scaleX(1);
}

.gfx-signal-full-screen[data-template="spotlight"] .gfx-signal-full-screen-copy {
  align-self: end;
  justify-self: start;
  width: min(66cqw, calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end)));
  margin-block-end: clamp(0px, 4cqh, max(43px, 3.981481cqmin));
  padding: clamp(max(28px, 2.592593cqmin), 4.2cqw, max(81px, 7.5cqmin)) clamp(max(34px, 3.148148cqmin), 5cqw, max(96px, 8.888889cqmin));
  border: 0;
  background: linear-gradient(90deg, rgba(7, 7, 8, .94), rgba(7, 7, 8, .7) 72%, transparent);
  box-shadow: none;
  opacity: 0;
  transform: translate3d(0, clamp(max(12px, 1.111111cqmin), 2cqh, max(22px, 2.037037cqmin)), 0);
  transition: opacity 260ms ease 120ms, transform 460ms cubic-bezier(.2, .78, .16, 1) 100ms;
}

.gfx-signal-full-screen[data-template="spotlight"] .gfx-signal-full-screen-copy::before {
  content: "";
  position: absolute;
  inset: 0 auto auto clamp(max(34px, 3.148148cqmin), 5cqw, max(96px, 8.888889cqmin));
  width: min(14cqw, max(269px, 24.907407cqmin));
  height: max(3px, .35cqh);
  background: linear-gradient(90deg, #ffb100, #6d4aff);
}

.gfx-signal-full-screen[data-template="spotlight"][data-visible="true"] .gfx-signal-full-screen-copy {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.gfx-signal-full-screen[data-template="spotlight"] .gfx-signal-full-screen-subtitle {
  max-width: 86%;
}

.gfx-signal-full-screen[data-template="spotlight"][data-density="compact"] .gfx-signal-full-screen-copy {
  width: min(76cqw, calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end)));
}

.gfx-ticker,
.gfx-ticker[data-density="compact"] {
  width: calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end));
}

.gfx-ticker .gfx-signal-copy,
.gfx-ticker[data-density="compact"] .gfx-signal-copy {
  display: flex;
  align-items: center;
  gap: clamp(max(14px, 1.296296cqmin), 1.8cqw, max(34px, 3.148148cqmin));
  min-width: 0;
  min-height: clamp(max(58px, 5.37037cqmin), 8.5cqh, max(92px, 8.518519cqmin));
  padding: clamp(max(12px, 1.111111cqmin), 1.35cqw, max(26px, 2.407407cqmin)) clamp(max(18px, 1.666667cqmin), 2.2cqw, max(42px, 3.888889cqmin));
  overflow: hidden;
}

.gfx-ticker-label {
  flex: none;
  color: var(--gfx-signal);
  font-size: clamp(max(12px, 1.111111cqmin), 1.2cqw, max(23px, 2.12963cqmin));
  font-weight: 850;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.gfx-ticker-label[hidden] { display: none; }
.gfx-ticker-viewport { min-width: 0; flex: 1 1 auto; overflow: hidden; }
.gfx-ticker-track {
  display: flex;
  width: max-content;
  animation: gfx-ticker-left var(--gfx-ticker-duration, 24s) linear infinite;
  animation-play-state: paused;
  will-change: transform;
}
.gfx-ticker[data-visible="true"] .gfx-ticker-track { animation-play-state: running; }
.gfx-ticker[data-direction="right"] .gfx-ticker-track { animation-name: gfx-ticker-right; }
.gfx-ticker-copy {
  flex: none;
  box-sizing: border-box;
  padding-inline-end: clamp(max(80px, 7.407407cqmin), 10cqw, max(192px, 17.777778cqmin));
  color: var(--gfx-ink);
  font-size: clamp(max(19px, 1.759259cqmin), 2.25cqw, max(43px, 3.981481cqmin));
  font-weight: 720;
  letter-spacing: -.012em;
  line-height: 1.1;
  white-space: nowrap;
}

@keyframes gfx-ticker-left {
  from { transform: translate3d(0, 0, 0); }
  to { transform: translate3d(-50%, 0, 0); }
}

@keyframes gfx-ticker-right {
  from { transform: translate3d(-50%, 0, 0); }
  to { transform: translate3d(0, 0, 0); }
}

@container (max-aspect-ratio: 4 / 5) {
  .gfx-renderer-stage {
    --gfx-safe-start: max(env(safe-area-inset-left, 0px), 7cqw);
    --gfx-safe-end: max(env(safe-area-inset-right, 0px), 7cqw);
    --gfx-safe-top: max(env(safe-area-inset-top, 0px), 5cqh);
    --gfx-safe-bottom: max(env(safe-area-inset-bottom, 0px), 6cqh);
  }

  .gfx-signal-bug {
    inset-inline-end: 7cqw;
    inset-block-start: 5cqh;
    width: auto;
    max-width: 60cqw;
    padding: clamp(max(14px, 1.296296cqmin), 2.4cqw, max(26px, 2.407407cqmin)) clamp(max(18px, 1.666667cqmin), 3.4cqw, max(37px, 3.425926cqmin));
  }

  .gfx-signal-bug .gfx-signal-bug-headline {
    font-size: clamp(max(18px, 1.666667cqmin), 3.4cqw, max(37px, 3.425926cqmin));
  }

  .gfx-logo-bug {
    width: min(46cqw, max(360px, 33.333333cqmin));
    min-width: 0;
    min-height: clamp(max(84px, 7.777778cqmin), 9cqh, max(154px, 14.259259cqmin));
  }

  .gfx-logo-bug-image { max-height: min(14cqh, max(210px, 19.444444cqmin)); }

  .gfx-sponsor-mark,
  .gfx-sponsor-mark[data-density="compact"] {
    width: min(72cqw, calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end)));
  }

  .gfx-signal-lower-third,
  .gfx-signal-lower-third[data-density="compact"] {
    inset-inline-start: max(env(safe-area-inset-left, 0px), 7cqw);
    inset-block-end: max(env(safe-area-inset-bottom, 0px), 8cqh);
    width: 86cqw;
    max-height: 72cqh;
  }

  .gfx-signal-lower-third[data-template],
  .gfx-signal-lower-third[data-template][data-density="compact"] {
    width: 86cqw;
  }

  .gfx-signal-lower-third[data-template] .gfx-signal-copy {
    width: auto;
    max-width: none;
  }

  .gfx-signal-lower-third[data-template="editorial"],
  .gfx-signal-lower-third[data-template="glass"] {
    grid-template-columns: minmax(0, 1fr);
  }

  .gfx-signal-lower-third[data-template="editorial"] .gfx-signal-copy,
  .gfx-signal-lower-third[data-template="glass"] .gfx-signal-copy {
    grid-column: 1;
  }

  .gfx-signal-copy {
    padding: clamp(max(18px, 1.666667cqmin), 4.4cqw, max(44px, 4.074074cqmin));
  }

  .gfx-signal-kicker {
    font-size: clamp(max(12px, 1.111111cqmin), 2.7cqw, max(24px, 2.222222cqmin));
  }

  .gfx-signal-headline,
  .gfx-signal-lower-third[data-density="compact"] .gfx-signal-headline {
    font-size: clamp(max(24px, 2.222222cqmin), 6.4cqw, max(54px, 5cqmin));
  }

  .gfx-signal-detail,
  .gfx-signal-lower-third[data-density="compact"] .gfx-signal-detail {
    font-size: clamp(max(14px, 1.296296cqmin), 3.3cqw, max(29px, 2.685185cqmin));
  }

  .gfx-signal-full-screen-copy,
  .gfx-signal-full-screen[data-density="compact"] .gfx-signal-full-screen-copy {
    width: calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end));
    max-height: calc(100cqh - var(--gfx-safe-top) - var(--gfx-safe-bottom));
    padding: clamp(max(28px, 2.592593cqmin), 7cqw, max(76px, 7.037037cqmin)) clamp(max(24px, 2.222222cqmin), 6cqw, max(65px, 6.018519cqmin));
  }

  .gfx-signal-full-screen-headline,
  .gfx-signal-full-screen[data-density="compact"] .gfx-signal-full-screen-headline {
    font-size: clamp(max(36px, 3.333333cqmin), 7cqw, max(76px, 7.037037cqmin));
  }

  .gfx-signal-full-screen-subtitle,
  .gfx-signal-full-screen[data-density="compact"] .gfx-signal-full-screen-subtitle {
    max-width: 100%;
    font-size: clamp(max(18px, 1.666667cqmin), 3.5cqw, max(38px, 3.518519cqmin));
  }

  .gfx-now-next .gfx-signal-full-screen-copy,
  .gfx-speakers-panel .gfx-signal-full-screen-copy,
  .gfx-schedule-item .gfx-signal-full-screen-copy,
  .gfx-full-screen-card .gfx-signal-full-screen-copy,
  .gfx-service-card .gfx-signal-full-screen-copy,
  .gfx-qr-code .gfx-signal-full-screen-copy {
    width: calc(100cqw - var(--gfx-safe-start) - var(--gfx-safe-end));
    padding: clamp(max(24px, 2.222222cqmin), 5.4cqw, max(58px, 5.37037cqmin));
  }

  .gfx-now-next .gfx-signal-full-screen-copy { gap: clamp(max(14px, 1.296296cqmin), 1.5cqh, max(29px, 2.685185cqmin)); }
  .gfx-now-next-row {
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(max(8px, .740741cqmin), 1cqh, max(19px, 1.759259cqmin));
    padding-block: clamp(max(12px, 1.111111cqmin), 1.3cqh, max(25px, 2.314815cqmin));
  }
  .gfx-now-next-time { margin-block-start: clamp(max(5px, .462963cqmin), .6cqh, max(12px, 1.111111cqmin)); font-size: clamp(max(22px, 2.037037cqmin), 4.2cqw, max(45px, 4.166667cqmin)); }
  .gfx-now-next-title,
  .gfx-now-next[data-density="compact"] .gfx-now-next-title { font-size: clamp(max(27px, 2.5cqmin), 5.5cqw, max(59px, 5.462963cqmin)); }
  .gfx-now-next-detail,
  .gfx-now-next[data-density="compact"] .gfx-now-next-detail { font-size: clamp(max(16px, 1.481481cqmin), 3cqw, max(32px, 2.962963cqmin)); }

  .gfx-speakers-panel .gfx-signal-full-screen-copy { gap: clamp(max(12px, 1.111111cqmin), 1.1cqh, max(21px, 1.944444cqmin)); }
  .gfx-speakers-panel-title,
  .gfx-speakers-panel[data-density="compact"] .gfx-speakers-panel-title { font-size: clamp(max(28px, 2.592593cqmin), 4.8cqw, max(52px, 4.814815cqmin)); }
  .gfx-speakers-panel-grid { grid-template-columns: minmax(0, 1fr); gap: clamp(max(8px, .740741cqmin), .7cqh, max(14px, 1.296296cqmin)); }
  .gfx-speakers-panel-person,
  .gfx-speakers-panel[data-density="compact"] .gfx-speakers-panel-person {
    min-height: 0;
    gap: clamp(max(5px, .462963cqmin), .4cqh, max(8px, .740741cqmin));
    padding: clamp(max(12px, 1.111111cqmin), 2cqw, max(22px, 2.037037cqmin));
  }
  .gfx-speakers-panel-name,
  .gfx-speakers-panel[data-density="compact"] .gfx-speakers-panel-name { font-size: clamp(max(20px, 1.851852cqmin), 3.1cqw, max(34px, 3.148148cqmin)); }
  .gfx-speakers-panel-meta { font-size: clamp(max(13px, 1.203704cqmin), 1.9cqw, max(21px, 1.944444cqmin)); }

  .gfx-schedule-item-meta { font-size: clamp(max(15px, 1.388889cqmin), 2.8cqw, max(30px, 2.777778cqmin)); }
  .gfx-schedule-item-title,
  .gfx-schedule-item[data-density="compact"] .gfx-schedule-item-title { font-size: clamp(max(30px, 2.777778cqmin), 6.4cqw, max(69px, 6.388889cqmin)); }
  .gfx-schedule-item-speakers,
  .gfx-schedule-item[data-density="compact"] .gfx-schedule-item-speakers { font-size: clamp(max(16px, 1.481481cqmin), 3cqw, max(32px, 2.962963cqmin)); }

  .gfx-full-screen-card-kicker { font-size: clamp(max(14px, 1.296296cqmin), 2.8cqw, max(30px, 2.777778cqmin)); }
  .gfx-full-screen-card-headline,
  .gfx-full-screen-card[data-density="compact"] .gfx-full-screen-card-headline { max-width: 100%; font-size: clamp(max(34px, 3.148148cqmin), 7cqw, max(76px, 7.037037cqmin)); }
  .gfx-full-screen-card-detail,
  .gfx-full-screen-card[data-density="compact"] .gfx-full-screen-card-detail { max-width: 100%; font-size: clamp(max(17px, 1.574074cqmin), 3.2cqw, max(35px, 3.240741cqmin)); }

  .gfx-service-card-mode { font-size: clamp(max(13px, 1.203704cqmin), 2.5cqw, max(27px, 2.5cqmin)); }
  .gfx-service-card-headline,
  .gfx-service-card[data-density="compact"] .gfx-service-card-headline { max-width: 100%; font-size: clamp(max(34px, 3.148148cqmin), 7cqw, max(76px, 7.037037cqmin)); }
  .gfx-service-card-detail,
  .gfx-service-card[data-density="compact"] .gfx-service-card-detail { max-width: 100%; font-size: clamp(max(17px, 1.574074cqmin), 3.2cqw, max(35px, 3.240741cqmin)); }

  .gfx-qr-code .gfx-signal-full-screen-copy {
    grid-template-columns: minmax(0, 1fr);
    justify-items: center;
    gap: clamp(max(22px, 2.037037cqmin), 2.4cqh, max(46px, 4.259259cqmin));
    text-align: center;
  }
  .gfx-qr-code-figure { width: min(52cqw, 32cqh); }
  .gfx-qr-code-copy { justify-items: center; }
  .gfx-qr-code-eyebrow { font-size: clamp(max(14px, 1.296296cqmin), 2.7cqw, max(29px, 2.685185cqmin)); }
  .gfx-qr-code-caption,
  .gfx-qr-code[data-density="compact"] .gfx-qr-code-caption { font-size: clamp(max(28px, 2.592593cqmin), 5.6cqw, max(60px, 5.555556cqmin)); }
  .gfx-qr-code-url,
  .gfx-qr-code[data-density="compact"] .gfx-qr-code-url { font-size: clamp(max(13px, 1.203704cqmin), 2.4cqw, max(26px, 2.407407cqmin)); }
}

/* Curated alignment overrides template typography without moving safe-area plates. */
[data-alignment="start"] .gfx-scene-copy,
[data-alignment="start"] .gfx-scene-copy *,
.gfx-signal-bug[data-alignment="start"] { text-align: start !important; }
[data-alignment="center"] .gfx-scene-copy,
[data-alignment="center"] .gfx-scene-copy *,
.gfx-signal-bug[data-alignment="center"] { text-align: center !important; }
[data-alignment="end"] .gfx-scene-copy,
[data-alignment="end"] .gfx-scene-copy *,
.gfx-signal-bug[data-alignment="end"] { text-align: end !important; }

/* The original eight studio directions keep one semantic DOM but no longer
   share one generic fade/slide. Motion stays on compositor-friendly opacity,
   transform and clip-path properties so the overlay remains encoder-safe. */
:is(
  [data-template="signal"],
  [data-template="clean"],
  [data-template="editorial"],
  [data-template="ribbon"],
  [data-template="glass"],
  [data-template="neon"],
  [data-template="mono"],
  [data-template="warm"]
) {
  --gfx-choreo-enter: translate3d(0, clamp(max(12px, 1.111111cqmin), 1.8cqh, max(20px, 1.851852cqmin)), 0);
  --gfx-choreo-exit: translate3d(clamp(max(12px, 1.111111cqmin), 1.4cqw, max(27px, 2.5cqmin)), 0, 0);
  --gfx-choreo-duration: 480ms;
  --gfx-choreo-ease: cubic-bezier(.16,.84,.2,1);
}

:is(
  [data-template="signal"],
  [data-template="clean"],
  [data-template="editorial"],
  [data-template="ribbon"],
  [data-template="glass"],
  [data-template="neon"],
  [data-template="mono"],
  [data-template="warm"]
) .gfx-scene-copy > :not(.gfx-motion-node) {
  opacity: 0;
  transform: var(--gfx-choreo-enter);
  transition:
    opacity 210ms linear,
    transform var(--gfx-choreo-duration) var(--gfx-choreo-ease);
}

:is(
  [data-template="signal"],
  [data-template="clean"],
  [data-template="editorial"],
  [data-template="ribbon"],
  [data-template="glass"],
  [data-template="neon"],
  [data-template="mono"],
  [data-template="warm"]
) .gfx-scene-copy > :nth-child(1):not(.gfx-motion-node) { transition-delay: 90ms; }

:is(
  [data-template="signal"],
  [data-template="clean"],
  [data-template="editorial"],
  [data-template="ribbon"],
  [data-template="glass"],
  [data-template="neon"],
  [data-template="mono"],
  [data-template="warm"]
) .gfx-scene-copy > :nth-child(2):not(.gfx-motion-node) { transition-delay: 160ms; }

:is(
  [data-template="signal"],
  [data-template="clean"],
  [data-template="editorial"],
  [data-template="ribbon"],
  [data-template="glass"],
  [data-template="neon"],
  [data-template="mono"],
  [data-template="warm"]
) .gfx-scene-copy > :nth-child(3):not(.gfx-motion-node) { transition-delay: 230ms; }

:is(
  [data-template="signal"],
  [data-template="clean"],
  [data-template="editorial"],
  [data-template="ribbon"],
  [data-template="glass"],
  [data-template="neon"],
  [data-template="mono"],
  [data-template="warm"]
)[data-visible="true"] .gfx-scene-copy > :not(.gfx-motion-node) {
  opacity: 1;
  transform: none;
}

:is(
  [data-template="signal"],
  [data-template="clean"],
  [data-template="editorial"],
  [data-template="ribbon"],
  [data-template="glass"],
  [data-template="neon"],
  [data-template="mono"],
  [data-template="warm"]
)[data-exiting="true"] .gfx-scene-copy > :not(.gfx-motion-node) {
  opacity: 0;
  transform: var(--gfx-choreo-exit);
  transition-delay: 0ms;
  transition-duration: 150ms, 280ms;
}

/* Signal: the live rail rises first, followed by calm vertical copy steps. */
.gfx-signal-lower-third[data-template="signal"] .gfx-signal-accent {
  transform: scaleY(.08);
  transform-origin: center bottom;
  transition: transform 440ms cubic-bezier(.16,.84,.2,1);
}
.gfx-signal-lower-third[data-template="signal"][data-visible="true"] .gfx-signal-accent {
  transform: scaleY(1);
}
.gfx-signal-lower-third[data-template="signal"][data-exiting="true"] .gfx-signal-accent {
  transform: scaleY(0);
  transform-origin: center top;
  transition-duration: 240ms;
}

/* Clean: a precise horizontal scan reveals each semantic line. */
.gfx-signal-lower-third[data-template="clean"],
.gfx-signal-full-screen[data-template="clean"] {
  --gfx-choreo-enter: translate3d(clamp(min(-28px, -2.592593cqmin), -1.8cqw, min(-14px, -1.296296cqmin)), 0, 0);
  --gfx-choreo-exit: translate3d(clamp(max(14px, 1.296296cqmin), 1.8cqw, max(34px, 3.148148cqmin)), 0, 0);
  --gfx-choreo-duration: 420ms;
  --gfx-choreo-ease: cubic-bezier(.22,.72,.2,1);
}
.gfx-signal-lower-third[data-template="clean"] .gfx-signal-accent {
  transform: scaleY(0);
  transform-origin: center bottom;
  transition: transform 360ms cubic-bezier(.22,.72,.2,1) 60ms;
}
.gfx-signal-lower-third[data-template="clean"][data-visible="true"] .gfx-signal-accent {
  transform: scaleY(1);
}
.gfx-signal-lower-third[data-template="clean"] .gfx-scene-copy > :not(.gfx-motion-node),
.gfx-signal-full-screen[data-template="clean"] .gfx-scene-copy > :not(.gfx-motion-node) {
  clip-path: inset(0 100% 0 0);
  transition-property: opacity, transform, clip-path;
  transition-duration: 150ms, var(--gfx-choreo-duration), 460ms;
  transition-timing-function: linear, var(--gfx-choreo-ease), var(--gfx-choreo-ease);
}
.gfx-signal-lower-third[data-template="clean"][data-visible="true"] .gfx-scene-copy > :not(.gfx-motion-node),
.gfx-signal-full-screen[data-template="clean"][data-visible="true"] .gfx-scene-copy > :not(.gfx-motion-node) {
  clip-path: inset(0 0 0 0);
}
.gfx-signal-lower-third[data-template="clean"][data-exiting="true"] .gfx-scene-copy > :not(.gfx-motion-node),
.gfx-signal-full-screen[data-template="clean"][data-exiting="true"] .gfx-scene-copy > :not(.gfx-motion-node) {
  clip-path: inset(0 0 0 100%);
}
.gfx-signal-full-screen[data-template="clean"] .gfx-signal-full-screen-copy {
  transform: scaleX(.92);
  transform-origin: left center;
  transition: transform 540ms cubic-bezier(.22,.72,.2,1);
}
.gfx-signal-full-screen[data-template="clean"][data-visible="true"] .gfx-signal-full-screen-copy {
  transform: scaleX(1);
}
.gfx-signal-full-screen[data-template="clean"][data-exiting="true"] .gfx-signal-full-screen-copy {
  transform: scaleX(.94);
  transform-origin: right center;
  transition-duration: 300ms;
}

/* Editorial: page-like lift plus a rule drawn from the reading edge. */
.gfx-signal-lower-third[data-template="editorial"],
.gfx-signal-full-screen[data-template="editorial"] {
  --gfx-choreo-enter: translate3d(0, clamp(max(22px, 2.037037cqmin), 3.2cqh, max(36px, 3.333333cqmin)), 0) rotate(-.65deg);
  --gfx-choreo-exit: translate3d(0, clamp(min(-22px, -2.037037cqmin), -2.2cqh, min(-12px, -1.111111cqmin)), 0) rotate(.35deg);
  --gfx-choreo-duration: 560ms;
  --gfx-choreo-ease: cubic-bezier(.18,.7,.18,1);
}
.gfx-signal-lower-third[data-template="editorial"] .gfx-signal-copy {
  position: relative;
  border-block-end-color: transparent;
}
.gfx-signal-lower-third[data-template="editorial"] .gfx-signal-copy::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: clamp(max(6px, .555556cqmin), .48cqw, max(10px, .925926cqmin));
  background: linear-gradient(90deg, var(--gfx-signal), var(--gfx-signal-cool));
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 620ms cubic-bezier(.18,.7,.18,1) 80ms;
}
.gfx-signal-lower-third[data-template="editorial"][data-visible="true"] .gfx-signal-copy::after {
  transform: scaleX(1);
}
.gfx-signal-lower-third[data-template="editorial"][data-exiting="true"] .gfx-signal-copy::after {
  transform: scaleX(0);
  transform-origin: right center;
  transition-delay: 0ms;
  transition-duration: 260ms;
}
.gfx-signal-full-screen[data-template="editorial"]::before {
  transform: scaleX(.05);
  transform-origin: left top;
  transition: transform 680ms cubic-bezier(.18,.7,.18,1) 70ms;
}
.gfx-signal-full-screen[data-template="editorial"][data-visible="true"]::before {
  transform: scaleX(1);
}
.gfx-signal-full-screen[data-template="editorial"][data-exiting="true"]::before {
  transform: scaleX(0);
  transform-origin: right top;
  transition-delay: 0ms;
  transition-duration: 280ms;
}

/* Ribbon: the band arrives as one sweep while lines meet from both sides. */
.gfx-signal-lower-third[data-template="ribbon"],
.gfx-signal-full-screen[data-template="ribbon"] {
  --gfx-choreo-enter: translate3d(clamp(max(36px, 3.333333cqmin), 4cqw, max(76px, 7.037037cqmin)), 0, 0);
  --gfx-choreo-exit: translate3d(clamp(min(-54px, -5cqmin), -3.5cqw, min(-28px, -2.592593cqmin)), 0, 0);
  --gfx-choreo-duration: 500ms;
  --gfx-choreo-ease: cubic-bezier(.12,.82,.18,1);
}
.gfx-signal-lower-third[data-template="ribbon"] .gfx-signal-accent {
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 520ms cubic-bezier(.12,.82,.18,1);
}
.gfx-signal-lower-third[data-template="ribbon"][data-visible="true"] .gfx-signal-accent {
  transform: scaleX(1);
}
.gfx-signal-lower-third[data-template="ribbon"] .gfx-scene-copy > :nth-child(odd):not(.gfx-motion-node) {
  transform: scaleX(.72);
  transform-origin: left center;
}
.gfx-signal-lower-third[data-template="ribbon"] .gfx-scene-copy > :nth-child(even):not(.gfx-motion-node) {
  transform: scaleX(.72);
  transform-origin: right center;
}
.gfx-signal-lower-third[data-template="ribbon"][data-visible="true"] .gfx-scene-copy > :not(.gfx-motion-node) {
  transform: none;
}
.gfx-signal-full-screen[data-template="ribbon"] .gfx-signal-full-screen-copy {
  transform: translate3d(clamp(min(-90px, -8.333333cqmin), -5cqw, min(-48px, -4.444444cqmin)), 0, 0) skewX(-2deg);
  transition: transform 620ms cubic-bezier(.12,.82,.18,1);
}
.gfx-signal-full-screen[data-template="ribbon"][data-visible="true"] .gfx-signal-full-screen-copy {
  transform: none;
}
.gfx-signal-full-screen[data-template="ribbon"][data-exiting="true"] .gfx-signal-full-screen-copy {
  transform: translate3d(clamp(max(40px, 3.703704cqmin), 4cqw, max(76px, 7.037037cqmin)), 0, 0) skewX(1deg);
  transition-duration: 300ms;
}

/* Glass: depth focus with one restrained light pass, never a looping effect. */
.gfx-signal-lower-third[data-template="glass"],
.gfx-signal-full-screen[data-template="glass"] {
  --gfx-choreo-enter: translate3d(0, clamp(max(16px, 1.481481cqmin), 2.2cqh, max(24px, 2.222222cqmin)), 0) scale(.94);
  --gfx-choreo-exit: translate3d(0, clamp(min(-18px, -1.666667cqmin), -1.8cqh, min(-10px, -.925926cqmin)), 0) scale(.97);
  --gfx-choreo-duration: 620ms;
  --gfx-choreo-ease: cubic-bezier(.16,.78,.16,1);
}
.gfx-signal-lower-third[data-template="glass"] .gfx-signal-copy,
.gfx-signal-full-screen[data-template="glass"] .gfx-signal-full-screen-copy {
  position: relative;
  overflow: hidden;
}
.gfx-signal-lower-third[data-template="glass"] .gfx-signal-copy::after,
.gfx-signal-full-screen[data-template="glass"] .gfx-signal-full-screen-copy::after {
  content: "";
  position: absolute;
  z-index: 2;
  inset-block: 0;
  inset-inline-start: 0;
  width: 14%;
  background: linear-gradient(110deg, transparent, rgba(255,255,255,.24), transparent);
  opacity: 0;
  transform: translate3d(-110%, 0, 0);
  pointer-events: none;
}
.gfx-signal-lower-third[data-template="glass"][data-visible="true"] .gfx-signal-copy::after,
.gfx-signal-full-screen[data-template="glass"][data-visible="true"] .gfx-signal-full-screen-copy::after {
  animation: gfx-glass-sheen 760ms cubic-bezier(.2,.72,.16,1) 150ms both;
}
.gfx-signal-lower-third[data-template="glass"][data-exiting="true"] .gfx-signal-copy::after,
.gfx-signal-full-screen[data-template="glass"][data-exiting="true"] .gfx-signal-full-screen-copy::after {
  opacity: 0;
  animation: none;
}
.gfx-signal-full-screen[data-template="glass"] .gfx-signal-full-screen-copy {
  transform: scale(.9);
  transition: transform 680ms cubic-bezier(.16,.78,.16,1);
}
.gfx-signal-full-screen[data-template="glass"][data-visible="true"] .gfx-signal-full-screen-copy {
  transform: scale(1);
}
.gfx-signal-full-screen[data-template="glass"][data-exiting="true"] .gfx-signal-full-screen-copy {
  transform: scale(1.025);
  transition-duration: 300ms;
}

/* Neon: the circuit frame resolves before its content powers on. */
.gfx-signal-lower-third[data-template="neon"],
.gfx-signal-full-screen[data-template="neon"] {
  --gfx-choreo-enter: translate3d(clamp(min(-30px, -2.777778cqmin), -2cqw, min(-16px, -1.481481cqmin)), clamp(max(8px, .740741cqmin), 1cqh, max(12px, 1.111111cqmin)), 0);
  --gfx-choreo-exit: translate3d(clamp(max(18px, 1.666667cqmin), 2.4cqw, max(46px, 4.259259cqmin)), 0, 0);
  --gfx-choreo-duration: 420ms;
  --gfx-choreo-ease: cubic-bezier(.16,.9,.18,1);
}
.gfx-signal-lower-third[data-template="neon"] .gfx-signal-accent {
  transform: scaleY(0);
  transform-origin: center bottom;
  transition: transform 320ms steps(5, end) 40ms;
}
.gfx-signal-lower-third[data-template="neon"][data-visible="true"] .gfx-signal-accent {
  transform: scaleY(1);
}
.gfx-signal-lower-third[data-template="neon"] .gfx-scene-copy > :not(.gfx-motion-node),
.gfx-signal-full-screen[data-template="neon"] .gfx-scene-copy > :not(.gfx-motion-node) {
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  transition-property: opacity, transform, clip-path;
  transition-duration: 100ms, var(--gfx-choreo-duration), 380ms;
  transition-timing-function: steps(2, end), var(--gfx-choreo-ease), steps(5, end);
}
.gfx-signal-lower-third[data-template="neon"][data-visible="true"] .gfx-scene-copy > :not(.gfx-motion-node),
.gfx-signal-full-screen[data-template="neon"][data-visible="true"] .gfx-scene-copy > :not(.gfx-motion-node) {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.gfx-signal-lower-third[data-template="neon"][data-exiting="true"] .gfx-scene-copy > :not(.gfx-motion-node),
.gfx-signal-full-screen[data-template="neon"][data-exiting="true"] .gfx-scene-copy > :not(.gfx-motion-node) {
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}
.gfx-signal-full-screen[data-template="neon"] .gfx-signal-full-screen-copy {
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  transform: translate3d(clamp(min(-24px, -2.222222cqmin), -1.8cqw, min(-12px, -1.111111cqmin)), 0, 0);
  transition: clip-path 560ms steps(7, end), transform 560ms cubic-bezier(.16,.9,.18,1);
}
.gfx-signal-full-screen[data-template="neon"][data-visible="true"] .gfx-signal-full-screen-copy {
  clip-path: polygon(0 0, 94% 0, 100% 18%, 100% 100%, 6% 100%, 0 82%);
  transform: none;
}
.gfx-signal-full-screen[data-template="neon"][data-exiting="true"] .gfx-signal-full-screen-copy {
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  transform: translate3d(clamp(max(18px, 1.666667cqmin), 2.4cqw, max(46px, 4.259259cqmin)), 0, 0);
  transition-duration: 260ms;
}

/* Mono: a deliberate broadcast cut in discrete mechanical steps. */
.gfx-signal-lower-third[data-template="mono"],
.gfx-signal-full-screen[data-template="mono"] {
  --gfx-choreo-enter: translate3d(clamp(min(-22px, -2.037037cqmin), -1.4cqw, min(-12px, -1.111111cqmin)), clamp(max(14px, 1.296296cqmin), 1.8cqh, max(20px, 1.851852cqmin)), 0);
  --gfx-choreo-exit: translate3d(clamp(max(16px, 1.481481cqmin), 1.8cqw, max(34px, 3.148148cqmin)), clamp(max(12px, 1.111111cqmin), 1.4cqh, max(16px, 1.481481cqmin)), 0);
  --gfx-choreo-duration: 320ms;
  --gfx-choreo-ease: steps(4, end);
}
.gfx-signal-lower-third[data-template="mono"] .gfx-signal-accent {
  transform: scaleY(0);
  transform-origin: center top;
  transition: transform 260ms steps(3, end);
}
.gfx-signal-lower-third[data-template="mono"][data-visible="true"] .gfx-signal-accent {
  transform: scaleY(1);
}
.gfx-signal-full-screen[data-template="mono"] .gfx-signal-full-screen-copy {
  transform: translate3d(clamp(min(-24px, -2.222222cqmin), -1.6cqw, min(-14px, -1.296296cqmin)), clamp(min(-24px, -2.222222cqmin), -2.2cqh, min(-14px, -1.296296cqmin)), 0);
  transition: transform 360ms steps(4, end);
}
.gfx-signal-full-screen[data-template="mono"][data-visible="true"] .gfx-signal-full-screen-copy {
  transform: none;
}
.gfx-signal-full-screen[data-template="mono"][data-exiting="true"] .gfx-signal-full-screen-copy {
  transform: translate3d(clamp(max(14px, 1.296296cqmin), 1.2cqw, max(24px, 2.222222cqmin)), clamp(max(14px, 1.296296cqmin), 1.8cqh, max(20px, 1.851852cqmin)), 0);
  transition-duration: 220ms;
}

/* Warm: the rounded capsule blooms from its live edge, then settles. */
.gfx-signal-lower-third[data-template="warm"],
.gfx-signal-full-screen[data-template="warm"] {
  --gfx-choreo-enter: translate3d(clamp(min(-20px, -1.851852cqmin), -1.4cqw, min(-12px, -1.111111cqmin)), 0, 0) scale(.965);
  --gfx-choreo-exit: translate3d(0, clamp(max(14px, 1.296296cqmin), 2cqh, max(24px, 2.222222cqmin)), 0) scale(.98);
  --gfx-choreo-duration: 580ms;
  --gfx-choreo-ease: cubic-bezier(.12,.76,.16,1);
}
.gfx-signal-lower-third[data-template="warm"] .gfx-signal-accent {
  transform: scale(.12);
  transform-origin: center center;
  transition: transform 520ms cubic-bezier(.12,.76,.16,1);
}
.gfx-signal-lower-third[data-template="warm"][data-visible="true"] .gfx-signal-accent {
  transform: scale(1);
}
.gfx-signal-full-screen[data-template="warm"] .gfx-signal-full-screen-copy {
  transform: translate3d(clamp(min(-36px, -3.333333cqmin), -2.2cqw, min(-18px, -1.666667cqmin)), 0, 0) scaleX(.88);
  transform-origin: left center;
  transition: transform 680ms cubic-bezier(.12,.76,.16,1);
}
.gfx-signal-full-screen[data-template="warm"][data-visible="true"] .gfx-signal-full-screen-copy {
  transform: none;
}
.gfx-signal-full-screen[data-template="warm"][data-exiting="true"] .gfx-signal-full-screen-copy {
  transform: translate3d(clamp(max(18px, 1.666667cqmin), 1.8cqw, max(34px, 3.148148cqmin)), 0, 0) scaleX(.94);
  transform-origin: right center;
  transition-duration: 300ms;
}

/* Complex scenes expose stable semantic motion roles. The scene determines
   the reading order while the selected studio direction still owns the plate. */
.gfx-motion-node {
  opacity: 0;
  transform: translate3d(0, clamp(min(-18px, -1.666667cqmin), -1.6cqh, min(-10px, -.925926cqmin)), 0);
  transition:
    opacity 180ms linear var(--gfx-motion-delay, 90ms),
    transform 480ms cubic-bezier(.16,.82,.18,1) var(--gfx-motion-delay, 90ms);
}

[data-visible="true"] .gfx-motion-node {
  opacity: 1;
  transform: none;
}

[data-exiting="true"] .gfx-motion-node {
  opacity: 0;
  transform: translate3d(0, clamp(min(-12px, -1.111111cqmin), -1.2cqh, min(-7px, -.648148cqmin)), 0);
  transition-delay: 0ms;
  transition-duration: 120ms, 160ms;
}

[data-motion-role="bug-copy"],
[data-motion-role="sponsor-label"],
[data-motion-role="now-next-heading"],
[data-motion-role="speakers-heading"] {
  transform: translate3d(clamp(min(-24px, -2.222222cqmin), -1.5cqw, min(-12px, -1.111111cqmin)), 0, 0);
}

[data-motion-role="next-row"] {
  transform: scaleX(.94);
  transform-origin: right center;
}

[data-motion-role="sponsor-name"] {
  transform: scaleX(.9);
  transform-origin: right center;
}

[data-motion-role="now-row"] {
  transform: translate3d(clamp(min(-34px, -3.148148cqmin), -1.8cqw, min(-14px, -1.296296cqmin)), 0, 0);
}

[data-motion-role="speaker-card"] {
  transform: scale(.975);
}

[data-motion-role="schedule-meta"],
[data-motion-role="ticker-label"] {
  transform: scaleX(.35);
  transform-origin: left center;
}

[data-motion-role="service-mode"] {
  transform: scale(.72);
  transform-origin: left center;
}

[data-motion-role="logo"] {
  transform: scale(.9);
}

.gfx-qr-code .gfx-motion-node[data-motion-role="qr-frame"] {
  transform: none;
  transition: opacity 190ms linear var(--gfx-motion-delay, 90ms);
}

[data-motion-role="qr-eyebrow"],
[data-motion-role="qr-caption"],
[data-motion-role="qr-url"] {
  transform: translate3d(clamp(min(-38px, -3.518519cqmin), -2cqw, min(-18px, -1.666667cqmin)), 0, 0);
}

[data-motion-role="ticker-window"] {
  transform: none;
  clip-path: inset(0 100% 0 0);
  transition:
    opacity 140ms linear var(--gfx-motion-delay, 90ms),
    clip-path 520ms cubic-bezier(.16,.82,.18,1) var(--gfx-motion-delay, 90ms);
}

[data-visible="true"] [data-motion-role="ticker-window"] {
  clip-path: inset(0 0 0 0);
}

[data-exiting="true"] [data-motion-role="ticker-window"] {
  clip-path: inset(0 0 0 100%);
  transition-delay: 0ms;
  transition-duration: 120ms, 160ms;
}

.gfx-speakers-panel .gfx-speakers-panel-grid,
.gfx-qr-code .gfx-qr-code-copy {
  opacity: 1;
  transform: none;
  clip-path: none;
  transition: none;
}

/* Motion presets remain renderer-owned and the OS reduced-motion gate stays stronger. */
[data-motion="gentle"],
[data-motion="gentle"] *,
[data-motion="gentle"]::before,
[data-motion="gentle"]::after,
[data-motion="gentle"] *::before,
[data-motion="gentle"] *::after {
  transition-delay: 0s !important;
  transition-duration: 280ms !important;
}
[data-motion="gentle"] .gfx-signal-accent,
[data-motion="gentle"] .gfx-signal-accent::before { animation: none !important; }
[data-motion="gentle"][data-template="glass"] .gfx-signal-copy::after,
[data-motion="gentle"][data-template="glass"] .gfx-signal-full-screen-copy::after {
  display: none;
}
[data-motion="none"],
[data-motion="none"] *,
[data-motion="none"]::before,
[data-motion="none"]::after,
[data-motion="none"] *::before,
[data-motion="none"] *::after {
  animation: none !important;
  transition: none !important;
}
[data-motion="none"].gfx-ticker .gfx-signal-copy {
  align-items: flex-start;
  max-height: none;
}
[data-motion="none"].gfx-ticker .gfx-ticker-track {
  width: 100%;
  transform: none !important;
}
[data-motion="none"].gfx-ticker .gfx-ticker-copy {
  width: 100%;
  padding-inline-end: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}
[data-motion="none"].gfx-ticker .gfx-ticker-copy + .gfx-ticker-copy { display: none; }
[data-motion="none"][data-template="glass"] .gfx-signal-copy::after,
[data-motion="none"][data-template="glass"] .gfx-signal-full-screen-copy::after {
  display: none;
}

@media (prefers-reduced-motion: no-preference) {
  :is(
    .gfx-signal-lower-third[data-template="signal"],
    .gfx-signal-lower-third[data-template="clean"],
    .gfx-signal-lower-third[data-template="ribbon"],
    .gfx-signal-lower-third[data-template="neon"],
    .gfx-signal-lower-third[data-template="mono"],
    .gfx-signal-lower-third[data-template="warm"]
  )[data-visible="true"] .gfx-signal-accent::before {
    animation: gfx-signal-marker 7.2s ease-in-out 1.1s infinite;
  }
}

@media (prefers-reduced-motion: reduce) {
  .gfx-signal-lower-third,
  .gfx-signal-lower-third[data-exiting="true"],
  .gfx-signal-bug,
  .gfx-signal-bug[data-exiting="true"],
  .gfx-signal-full-screen,
  .gfx-signal-full-screen[data-exiting="true"] {
    transition: none;
    transform: none;
    clip-path: none;
    filter: none;
  }

  .gfx-signal-accent {
    animation: none !important;
  }

  .gfx-motion-node {
    opacity: 1;
    transform: none;
    clip-path: none;
    animation: none !important;
    transition: none !important;
  }

  :is(
    [data-template="signal"],
    [data-template="clean"],
    [data-template="editorial"],
    [data-template="ribbon"],
    [data-template="glass"],
    [data-template="neon"],
    [data-template="mono"],
    [data-template="warm"]
  ) .gfx-scene-copy > *,
  .gfx-signal-lower-third[data-template="signal"] .gfx-signal-accent,
  .gfx-signal-lower-third[data-template="clean"] .gfx-signal-accent,
  .gfx-signal-lower-third[data-template="ribbon"] .gfx-signal-accent,
  .gfx-signal-lower-third[data-template="neon"] .gfx-signal-accent,
  .gfx-signal-lower-third[data-template="mono"] .gfx-signal-accent,
  .gfx-signal-lower-third[data-template="warm"] .gfx-signal-accent,
  .gfx-signal-full-screen[data-template="clean"] .gfx-signal-full-screen-copy,
  .gfx-signal-full-screen[data-template="ribbon"] .gfx-signal-full-screen-copy,
  .gfx-signal-full-screen[data-template="glass"] .gfx-signal-full-screen-copy,
  .gfx-signal-full-screen[data-template="mono"] .gfx-signal-full-screen-copy,
  .gfx-signal-full-screen[data-template="warm"] .gfx-signal-full-screen-copy {
    opacity: 1;
    transform: none;
    transition: none !important;
  }

  .gfx-signal-lower-third[data-template="clean"] .gfx-scene-copy > *,
  .gfx-signal-full-screen[data-template="clean"] .gfx-scene-copy > *,
  .gfx-signal-lower-third[data-template="neon"] .gfx-scene-copy > *,
  .gfx-signal-full-screen[data-template="neon"] .gfx-scene-copy > * {
    clip-path: none;
  }

  .gfx-signal-full-screen[data-template="neon"] .gfx-signal-full-screen-copy {
    clip-path: polygon(0 0, 94% 0, 100% 18%, 100% 100%, 6% 100%, 0 82%);
    transform: none;
    transition: none !important;
  }

  .gfx-signal-lower-third[data-template="editorial"] .gfx-signal-copy::after,
  .gfx-signal-full-screen[data-template="editorial"]::before {
    transform: scaleX(1);
    transition: none !important;
  }

  .gfx-signal-lower-third[data-template="glass"] .gfx-signal-copy::after,
  .gfx-signal-full-screen[data-template="glass"] .gfx-signal-full-screen-copy::after {
    display: none;
  }

  .gfx-ticker .gfx-signal-copy {
    align-items: flex-start;
    max-height: none;
  }

  .gfx-ticker-track {
    width: 100%;
    animation: none !important;
    transform: none !important;
  }

  .gfx-ticker-copy {
    width: 100%;
    padding-inline-end: 0;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .gfx-ticker-copy + .gfx-ticker-copy { display: none; }

  .gfx-signal-full-screen[data-template="column"]::before,
  .gfx-signal-full-screen[data-template="column"]::after,
  .gfx-signal-full-screen[data-template="column"] .gfx-signal-full-screen-copy,
  .gfx-signal-full-screen[data-template="deco"]::before,
  .gfx-signal-full-screen[data-template="deco"] .gfx-signal-full-screen-copy,
  .gfx-signal-lower-third[data-template="cutout"] .gfx-signal-accent,
  .gfx-signal-full-screen[data-template="cutout"] .gfx-signal-full-screen-copy,
  .gfx-signal-lower-third[data-template="spotlight"] .gfx-signal-accent,
  .gfx-signal-lower-third[data-template="spotlight"] .gfx-signal-copy,
  .gfx-signal-full-screen[data-template="spotlight"]::before,
  .gfx-signal-full-screen[data-template="spotlight"]::after,
  .gfx-signal-full-screen[data-template="spotlight"] .gfx-signal-full-screen-copy {
    opacity: 1;
    transition: none !important;
    transform: none;
  }

  .gfx-signal-lower-third[data-template="deco"] .gfx-signal-accent,
  .gfx-signal-full-screen[data-template="deco"]::after {
    opacity: 1;
    transition: none !important;
    transform: translateX(-50%) rotate(45deg) scale(1);
  }

  .gfx-signal-lower-third[data-template="deco"],
  .gfx-signal-lower-third[data-template="deco"][data-exiting="true"] {
    transform: translate3d(-50%, 0, 0);
  }

  .gfx-signal-lower-third[data-template="cutout"] .gfx-signal-copy::before {
    opacity: 1;
    transition: none !important;
    transform: scaleX(1);
  }

  .gfx-signal-lower-third[data-template="cutout"] .gfx-signal-copy::after {
    opacity: 1;
    transition: none !important;
    transform: scaleX(1);
  }

  .gfx-signal-full-screen[data-template="cutout"]::before {
    opacity: 1;
    transition: none !important;
    transform: scale(1);
  }

  .gfx-signal-full-screen[data-template="cutout"]::after {
    opacity: 1;
    transition: none !important;
    transform: scale(1);
  }
}

@container (max-aspect-ratio: 4 / 5) {
  .gfx-signal-lower-third[data-template="deco"],
  .gfx-signal-lower-third[data-template="deco"][data-visible="true"],
  .gfx-signal-lower-third[data-template="deco"][data-exiting="true"] {
    transform: none;
  }
}

@keyframes gfx-signal-marker {
  0%, 88%, 100% { opacity: .72; transform: translateX(-50%) scale(1); }
  93% { opacity: 1; transform: translateX(-50%) scale(1.32); }
}

@keyframes gfx-glass-sheen {
  0% { opacity: 0; transform: translate3d(-110%, 0, 0); }
  18%, 78% { opacity: .85; }
  100% { opacity: 0; transform: translate3d(610%, 0, 0); }
}

.gfx-signal-bug[data-palette="aqua"],
.gfx-signal-lower-third[data-palette="aqua"],
.gfx-signal-full-screen[data-palette="aqua"],
.gfx-logo-bug[data-palette="aqua"] {
  --gfx-signal: #22d3ee;
  --gfx-signal-cool: #2563eb;
}
.gfx-signal-bug[data-palette="amber"],
.gfx-signal-lower-third[data-palette="amber"],
.gfx-signal-full-screen[data-palette="amber"],
.gfx-logo-bug[data-palette="amber"] {
  --gfx-signal: #fbbf24;
  --gfx-signal-cool: #f97316;
}
.gfx-signal-bug[data-palette="violet"],
.gfx-signal-lower-third[data-palette="violet"],
.gfx-signal-full-screen[data-palette="violet"],
.gfx-logo-bug[data-palette="violet"] {
  --gfx-signal: #a78bfa;
  --gfx-signal-cool: #e879f9;
}
.gfx-signal-bug[data-palette="crimson"],
.gfx-signal-lower-third[data-palette="crimson"],
.gfx-signal-full-screen[data-palette="crimson"],
.gfx-logo-bug[data-palette="crimson"] {
  --gfx-signal: #fb7185;
  --gfx-signal-cool: #ef4444;
}
.gfx-logo-bug:not([data-palette="template"]) {
  border: max(1px, .12cqw) solid color-mix(in srgb, var(--gfx-signal) 68%, transparent);
  border-radius: clamp(max(10px, .925926cqmin), 1.2cqw, max(23px, 2.12963cqmin));
  background: color-mix(in srgb, var(--gfx-signal-cool) 13%, rgba(5, 10, 20, .72));
  box-shadow: 0 0 clamp(max(18px, 1.666667cqmin), 2.4cqw, max(46px, 4.259259cqmin)) color-mix(in srgb, var(--gfx-signal) 22%, transparent);
}
/* Keep this final sentinel in the immutable stylesheet: renderer ACK checks it. */
.gfx-renderer-frame {
  --gfx-renderer-assets-ready: signal-v1-ready;
}