PageSourceSearch

https://unitedwizardsofthecoast.com/

html unitedwizardsofthecoast.com collected 2026-10-04 20:48:09 UTC 48,424 bytes, 1,457 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#" x-data="{ keyboardNavigation: false, isTouchDevice: false }" x-init="isTouchDevice = &#039;ontouchstart&#039; in window || navigator.maxTouchPoints &gt; 0" @keyup.tab.window="keyboardNavigation = true" @mousemove="if (keyboardNavigation) keyboardNavigation = false">
3  <head>
4    <meta charset="utf-8" />
5<noscript><style>form.antibot > * { display: none !important; } form.antibot noscript { display: block !important; }</style>
6</noscript><meta name="description" content="United Wizards of the Coast is the union of workers behind Magic: The Gathering Arena, organizing in partnership with the Communications Workers of America." />
7<link rel="canonical" href="https://unitedwizardsofthecoast.com/" />
8<meta property="og:site_name" content="United Wizards of the Coast" />
9<meta property="og:url" content="https://unitedwizardsofthecoast.com/" />
10<meta property="og:title" content="United Wizards of the Coast" />
11<meta property="og:description" content="United Wizards of the Coast is the union of workers behind Magic: The Gathering Arena, organizing in partnership with the Communications Workers of America." />
12<meta name="twitter:card" content="summary_large_image" />
13<meta name="twitter:title" content="United Wizards of the Coast | United Wizards of the Coast" />
14<meta name="twitter:description" content="United Wizards of the Coast is the union of workers behind Magic: The Gathering Arena, organizing in partnership with the Communications Workers of America." />
15<meta name="Generator" content="Drupal 11 (https://www.drupal.org)" />
16<meta name="MobileOptimized" content="width" />
17<meta name="HandheldFriendly" content="true" />
18<meta name="viewport" content="width=device-width, initial-scale=1.0" />
19<style>:root {--uh-font-size: 14px; --uh-font-body: Roboto, sans-serif; --uh-font-header: Inter, sans-serif; --uh-color-white: 255 255 255; --uh-color-gray: 66 66 66; --uh-color-black: 0 0 0; --uh-color-primary: 213 36 36; --uh-color-primary-dark: 187 28 4; --uh-color-secondary: 0 86 179; --uh-color-secondary-dark: 35 35 35; --uh-color-accent-1: 213 36 36; --uh-color-accent-1-dark: 0 86 179; --uh-color-accent-2: 199 32 47; --uh-color-accent-2-dark: 187 25 4; --uh-color-neutral-1: 225 225 225; --uh-color-neutral-2: 238 238 238; }</style>
20<script type="application/ld+json">{
21    "@context": "https://schema.org",
22    "@type": "WebSite",
23    "name": "United Wizards of the Coast",
24    "url": "https://unitedwizardsofthecoast.com"
25}</script>
25
26<link rel="icon" href="/sites/default/files/2026-04/favicon_0.ico" type="image/vnd.microsoft.icon" />
27<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" />
28<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&amp;display=swap" />
29<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&amp;display=swap" />
30<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&amp;display=swap" />
31<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&amp;display=swap" />
32
33    <title>United Wizards of the Coast</title>
34    <link rel="stylesheet" media="all" href="/sites/default/files/css/css_ksjylXITQa5ISn3jhzT2cf1VoMlVboMTei54UQZkU8c.css?delta=0&amp;language=en&amp;theme=uh_tw&amp;include=eJxLrSjJyczL1k8pKi1IzNFLhXB1iiuLS1Jz9ZMSi1N1SjPiS8r1C_KLS3TTc_KTEnN0i0sqgarSAdLhF5w" />
35<link rel="stylesheet" media="all" href="/sites/default/files/css/css_phQXvrRF0sXDR14pFA3EaVEwZO4cOVHn3yrZWotQWZk.css?delta=1&amp;language=en&amp;theme=uh_tw&amp;include=eJxLrSjJyczL1k8pKi1IzNFLhXB1iiuLS1Jz9ZMSi1N1SjPiS8r1C_KLS3TTc_KTEnN0i0sqgarSAdLhF5w" />
36<style>.sr-only {
37  position: absolute;
38  width: 1px;
39  height: 1px;
40  padding: 0;
41  margin: -1px;
42  overflow: hidden;
43  clip: rect(0, 0, 0, 0);
44  white-space: nowrap;
45  border-width: 0;
46}
47.absolute {
48  position: absolute;
49}
50.relative {
51  position: relative;
52}
53.right-0 {
54  right: 0px;
55}
56.right-3 {
57  right: 0.75rem;
58}
59.top-10 {
60  top: 2.5rem;
61}
62.top-3 {
63  top: 0.75rem;
64}
65.z-0 {
66  z-index: 0;
67}
68.z-10 {
69  z-index: 10;
70}
71.z-50 {
72  z-index: 50;
73}
74.col-span-1 {
75  grid-column: span 1 / span 1;
76}
77.col-span-12 {
78  grid-column: span 12 / span 12;
79}
80.mx-0 {
81  margin-left: 0px;
82  margin-right: 0px;
83}
84.mx-1 {
85  margin-left: 0.25rem;
86  margin-right: 0.25rem;
87}
88.mx-auto {
89  margin-left: auto;
90  margin-right: auto;
91}
92.my-2 {
93  margin-top: 0.5rem;
94  margin-bottom: 0.5rem;
95}
96.my-4 {
97  margin-top: 1rem;
98  margin-bottom: 1rem;
99}
100.my-6 {
101  margin-top: 1.5rem;
102  margin-bottom: 1.5rem;
103}
104.mb-10 {
105  margin-bottom: 2.5rem;
106}
107.mb-2 {
108  margin-bottom: 0.5rem;
109}
110.mb-4 {
111  margin-bottom: 1rem;
112}
113.mb-6 {
114  margin-bottom: 1.5rem;
115}
116.mr-1 {
117  margin-right: 0.25rem;
118}
119.mr-2 {
120  margin-right: 0.5rem;
121}
122.mr-3 {
123  margin-right: 0.75rem;
124}
125.mt-1 {
126  margin-top: 0.25rem;
127}
128.mt-12 {
129  margin-top: 3rem;
130}
131.mt-4 {
132  margin-top: 1rem;
133}
134.mt-6 {
135  margin-top: 1.5rem;
136}
137.block {
138  display: block;
139}
140.inline-block {
141  display: inline-block;
142}
143.inline {
144  display: inline;
145}
146.flex {
147  display: flex;
148}
149.inline-flex {
150  display: inline-flex;
151}
152.grid {
153  display: grid;
154}
155.hidden {
156  display: none;
157}
158.h-0 {
159  height: 0px;
160}
161.h-5 {
162  height: 1.25rem;
163}
164.h-6 {
165  height: 1.5rem;
166}
167.h-7 {
168  height: 1.75rem;
169}
170.h-8 {
171  height: 2rem;
172}
173.h-full {
174  height: 100%;
175}
176.min-h-1\/4screen {
177  min-height: 25vh;
178}
179.min-h-3\/4screen {
180  min-height: 75vh;
181}
182.w-5 {
183  width: 1.25rem;
184}
185.w-6 {
186  width: 1.5rem;
187}
188.w-7 {
189  width: 1.75rem;
190}
191.w-8 {
192  width: 2rem;
193}
194.w-80 {
195  width: 20rem;
196}
197.w-auto {
198  width: auto;
199}
200.w-full {
201  width: 100%;
202}
203.max-w-7xl {
204  max-width: 80rem;
205}
206.max-w-md {
207  max-width: 28rem;
208}
209.max-w-none {
210  max-width: none;
211}
212.flex-1 {
213  flex: 1 1 0%;
214}
215.flex-none {
216  flex: none;
217}
218.flex-shrink-0 {
219  flex-shrink: 0;
220}
221.shrink-0 {
222  flex-shrink: 0;
223}
224.flex-grow {
225  flex-grow: 1;
226}
227.grow {
228  flex-grow: 1;
229}
230.origin-bottom-left {
231  transform-origin: bottom left;
232}
233.rotate-45 {
234  --tw-rotate: 45deg;
235  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
236}
237.transform {
238  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
239}
240.cursor-pointer {
241  cursor: pointer;
242}
243.scroll-mt-28 {
244  scroll-margin-top: 7rem;
245}
246.grid-cols-1 {
247  grid-template-columns: repeat(1, minmax(0, 1fr));
248}
249.grid-cols-12 {
250  grid-template-columns: repeat(12, minmax(0, 1fr));
251}
252.grid-cols-2 {
253  grid-template-columns: repeat(2, minmax(0, 1fr));
254}
255.flex-row {
256  flex-direction: row;
257}
258.flex-col {
259  flex-direction: column;
260}
261.flex-wrap {
262  flex-wrap: wrap;
263}
264.items-center {
265  align-items: center;
266}
267.justify-start {
268  justify-content: flex-start;
269}
270.justify-end {
271  justify-content: flex-end;
272}
273.justify-center {
274  justify-content: center;
275}
276.justify-between {
277  justify-content: space-between;
278}
279.gap-1 {
280  gap: 0.25rem;
281}
282.gap-2 {
283  gap: 0.5rem;
284}
285.gap-4 {
286  gap: 1rem;
287}
288.space-x-1 > :not([hidden]) ~ :not([hidden]) {
289  --tw-space-x-reverse: 0;
290  margin-right: calc(0.25rem * var(--tw-space-x-reverse));
291  margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
292}
293.divide-x > :not([hidden]) ~ :not([hidden]) {
294  --tw-divide-x-reverse: 0;
295  border-right-width: calc(1px * var(--tw-divide-x-reverse));
296  border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
297}
298.self-center {
299  align-self: center;
300}
301.overflow-hidden {
302  overflow: hidden;
303}
304.whitespace-nowrap {
305  white-space: nowrap;
306}
307.rounded-2xl {
308  border-radius: 1rem;
309}
310.rounded-md {
311  border-radius: 0.375rem;
312}
313.border-0 {
314  border-width: 0px;
315}
316.border-t {
317  border-top-width: 1px;
318}
319.border-t-2 {
320  border-top-width: 2px;
321}
322.border-none {
323  border-style: none;
324}
325.border-gray-300 {
326  --tw-border-opacity: 1;
327  border-color: rgb(209 213 219 / var(--tw-border-opacity));
328}
329.border-uh-neutral-2 {
330  --tw-border-opacity: 1;
331  border-color: rgb(var(--uh-color-neutral-2) / var(--tw-border-opacity));
332}
333.border-opacity-20 {
334  --tw-border-opacity: 0.2;
335}
336.bg-uh-accent-1 {
337  --tw-bg-opacity: 1;
338  background-color: rgb(var(--uh-color-accent-1) / var(--tw-bg-opacity));
339}
340.bg-uh-black {
341  --tw-bg-opacity: 1;
342  background-color: rgb(var(--uh-color-black) / var(--tw-bg-opacity));
343}
344.bg-uh-black\/5 {
345  background-color: rgb(var(--uh-color-black) / 0.05);
346}
347.bg-uh-gray {
348  --tw-bg-opacity: 1;
349  background-color: rgb(var(--uh-color-gray) / var(--tw-bg-opacity));
350}
351.bg-uh-neutral-1 {
352  --tw-bg-opacity: 1;
353  background-color: rgb(var(--uh-color-neutral-1) / var(--tw-bg-opacity));
354}
355.bg-uh-neutral-2 {
356  --tw-bg-opacity: 1;
357  background-color: rgb(var(--uh-color-neutral-2) / var(--tw-bg-opacity));
358}
359.bg-uh-primary {
360  --tw-bg-opacity: 1;
361  background-color: rgb(var(--uh-color-primary) / var(--tw-bg-opacity));
362}
363.bg-uh-white {
364  --tw-bg-opacity: 1;
365  background-color: rgb(var(--uh-color-white) / var(--tw-bg-opacity));
366}
367.bg-opacity-25 {
368  --tw-bg-opacity: 0.25;
369}
370.bg-cover {
371  background-size: cover;
372}
373.bg-center {
374  background-position: center;
375}
376.p-2 {
377  padding: 0.5rem;
378}
379.p-4 {
380  padding: 1rem;
381}
382.p-8 {
383  padding: 2rem;
384}
385.px-0 {
386  padding-left: 0px;
387  padding-right: 0px;
388}
389.px-16 {
390  padding-left: 4rem;
391  padding-right: 4rem;
392}
393.px-4 {
394  padding-left: 1rem;
395  padding-right: 1rem;
396}
397.py-12 {
398  padding-top: 3rem;
399  padding-bottom: 3rem;
400}
401.py-2 {
402  padding-top: 0.5rem;
403  padding-bottom: 0.5rem;
404}
405.pb-0 {
406  padding-bottom: 0px;
407}
408.pb-12 {
409  padding-bottom: 3rem;
410}
411.pb-2 {
412  padding-bottom: 0.5rem;
413}
414.pl-2 {
415  padding-left: 0.5rem;
416}
417.pl-4 {
418  padding-left: 1rem;
419}
420.pr-4 {
421  padding-right: 1rem;
422}
423.pt-0 {
424  padding-top: 0px;
425}
426.pt-0\.5 {
427  padding-top: 0.125rem;
428}
429.pt-12 {
430  padding-top: 3rem;
431}
432.pt-2 {
433  padding-top: 0.5rem;
434}
435.pt-6 {
436  padding-top: 1.5rem;
437}
438.pt-8 {
439  padding-top: 2rem;
440}
441.text-center {
442  text-align: center;
443}
444.font-header {
445  font-family: var(--uh-font-header);
446}
447.text-2xl {
448  font-size: 1.5rem;
449  line-height: 2rem;
450}
451.text-3xl {
452  font-size: 1.875rem;
453  line-height: 2.25rem;
454}
455.text-4xl {
456  font-size: 2.25rem;
457  line-height: 2.5rem;
458}
459.text-elg {
460  font-size: 1.125em;
461}
462.text-esm {
463  font-size: 0.85em;
464}
465.text-sm {
466  font-size: 0.875rem;
467}
468.text-xl {
469  font-size: 1.25rem;
470}
471.text-xs {
472  font-size: 0.75rem;
473}
474.font-bold {
475  font-weight: 700;
476}
477.font-light {
478  font-weight: 300;
479}
480.font-medium {
481  font-weight: 500;
482}
483.font-semibold {
484  font-weight: 600;
485}
486.uppercase {
487  text-transform: uppercase;
488}
489.capitalize {
490  text-transform: capitalize;
491}
492.leading-none {
493  line-height: 1;
494}
495.text-gray-600 {
496  --tw-text-opacity: 1;
497  color: rgb(75 85 99 / var(--tw-text-opacity));
498}
499.text-uh-black {
500  --tw-text-opacity: 1;
501  color: rgb(var(--uh-color-black) / var(--tw-text-opacity));
502}
503.text-uh-neutral-2 {
504  --tw-text-opacity: 1;
505  color: rgb(var(--uh-color-neutral-2) / var(--tw-text-opacity));
506}
507.text-uh-primary-dark {
508  --tw-text-opacity: 1;
509  color: rgb(var(--uh-color-primary-dark) / var(--tw-text-opacity));
510}
511.text-uh-white {
512  --tw-text-opacity: 1;
513  color: rgb(var(--uh-color-white) / var(--tw-text-opacity));
514}
515.underline {
516  text-decoration-line: underline;
517}
518.antialiased {
519  -webkit-font-smoothing: antialiased;
520  -moz-osx-font-smoothing: grayscale;
521}
522.opacity-100 {
523  opacity: 1;
524}
525.opacity-70 {
526  opacity: 0.7;
527}
528.shadow-lg {
529  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
530  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
531  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
532}
533.shadow-sm {
534  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
535  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
536  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
537}
538.transition-colors {
539  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
540  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
541  transition-duration: 150ms;
542}
543.duration-300 {
544  transition-duration: 300ms;
545}
546.first\:pl-0:first-child {
547  padding-left: 0px;
548}
549.hover\:bg-uh-accent-1-dark:hover {
550  --tw-bg-opacity: 1;
551  background-color: rgb(var(--uh-color-accent-1-dark) / var(--tw-bg-opacity));
552}
553.hover\:bg-uh-black\/10:hover {
554  background-color: rgb(var(--uh-color-black) / 0.1);
555}
556.hover\:bg-uh-black\/5:hover {
557  background-color: rgb(var(--uh-color-black) / 0.05);
558}
559.hover\:bg-uh-primary:hover {
560  --tw-bg-opacity: 1;
561  background-color: rgb(var(--uh-color-primary) / var(--tw-bg-opacity));
562}
563.hover\:bg-uh-secondary:hover {
564  --tw-bg-opacity: 1;
565  background-color: rgb(var(--uh-color-secondary) / var(--tw-bg-opacity));
566}
567.hover\:text-uh-accent-1:hover {
568  --tw-text-opacity: 1;
569  color: rgb(var(--uh-color-accent-1) / var(--tw-text-opacity));
570}
571.hover\:opacity-100:hover {
572  opacity: 1;
573}
574.hover\:opacity-80:hover {
575  opacity: 0.8;
576}
577.hover\:transition-colors:hover {
578  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
579  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
580  transition-duration: 150ms;
581}
582.hover\:transition-opacity:hover {
583  transition-property: opacity;
584  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
585  transition-duration: 150ms;
586}
587.focus\:border-branding-outer-space:focus {
588  --tw-border-opacity: 1;
589  border-color: rgb(55 58 58 / var(--tw-border-opacity));
590}
591.focus\:ring-branding-outer-space:focus {
592  --tw-ring-opacity: 1;
593  --tw-ring-color: rgb(55 58 58 / var(--tw-ring-opacity));
594}
595.prose-headings\:text-uh-neutral-2 :is(:where(h1, h2, h3, h4, h5, h6, th):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
596  --tw-text-opacity: 1;
597  color: rgb(var(--uh-color-neutral-2) / var(--tw-text-opacity));
598}
599.prose-strong\:text-uh-neutral-2 :is(:where(strong):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
600  --tw-text-opacity: 1;
601  color: rgb(var(--uh-color-neutral-2) / var(--tw-text-opacity));
602}
603.prose-img\:my-1 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
604  margin-top: 0.25rem;
605  margin-bottom: 0.25rem;
606}
607.prose-img\:mr-1 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
608  margin-right: 0.25rem;
609}
610.prose-img\:w-20 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
611  width: 5rem;
612}
613.prose-img\:opacity-60 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
614  opacity: 0.6;
615}
616.prose-img\:invert :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
617  --tw-invert: invert(100%);
618  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
619}
620@media (min-width: 640px) {
621  .sm\:grid-cols-1 {
622    grid-template-columns: repeat(1, minmax(0, 1fr));
623  }
624  .sm\:px-6 {
625    padding-left: 1.5rem;
626    padding-right: 1.5rem;
627  }}
628
629@media (min-width: 768px) {
630  .md\:sticky {
631    position: sticky;
632  }
633  .md\:top-0 {
634    top: 0px;
635  }
636  .md\:col-span-5 {
637    grid-column: span 5 / span 5;
638  }
639  .md\:col-span-7 {
640    grid-column: span 7 / span 7;
641  }
642  .md\:flex {
643    display: flex;
644  }
645  .md\:hidden {
646    display: none;
647  }
648  .md\:w-2\/3 {
649    width: 66.666667%;
650  }
651  .md\:flex-none {
652    flex: none;
653  }
654  .md\:grid-cols-1 {
655    grid-template-columns: repeat(1, minmax(0, 1fr));
656  }
657  .md\:grid-cols-3 {
658    grid-template-columns: repeat(3, minmax(0, 1fr));
659  }
660  .md\:grid-cols-5 {
661    grid-template-columns: repeat(5, minmax(0, 1fr));
662  }
663  .md\:justify-end {
664    justify-content: flex-end;
665  }
666  .md\:gap-8 {
667    gap: 2rem;
668  }
669  .md\:px-1 {
670    padding-left: 0.25rem;
671    padding-right: 0.25rem;
672  }
673  .md\:px-2 {
674    padding-left: 0.5rem;
675    padding-right: 0.5rem;
676  }
677  .md\:px-4 {
678    padding-left: 1rem;
679    padding-right: 1rem;
680  }
681  .md\:px-5 {
682    padding-left: 1.25rem;
683    padding-right: 1.25rem;
684  }
685  .md\:text-sm {
686    font-size: 0.875rem;
687  }
688  .md\:prose-img\:w-28 :is(:where(img):not(:where([class~="not-prose"],[class~="not-prose"] *))) {
689    width: 7rem;
690  }}
691
692@media (min-width: 1024px) {
693  .lg\:absolute {
694    position: absolute;
695  }
696  .lg\:inset-0 {
697    inset: 0px;
698  }
699  .lg\:w-1\/2 {
700    width: 50%;
701  }
702  .lg\:w-3\/4 {
703    width: 75%;
704  }
705  .lg\:p-12 {
706    padding: 3rem;
707  }
708  .lg\:px-0 {
709    padding-left: 0px;
710    padding-right: 0px;
711  }
712  .lg\:px-8 {
713    padding-left: 2rem;
714    padding-right: 2rem;
715  }
716  .lg\:py-16 {
717    padding-top: 4rem;
718    padding-bottom: 4rem;
719  }}
720
721@media (min-width: 1280px) {
722  .xl\:text-center {
723    text-align: center;
724  }}
725
726</style>
726<script src="/sites/default/files/tailwindcss_utility/tailwind.js"></script>
726<script src="/themes/custom/uh_tw/build/tailwind-config-cdn.js"></script>
726<script>tailwind.config.safelist = tailwind.config.safelist.concat(["[&_a]:!px-4","[&amp;_a]:!px-4","not-prose","prose-a:hover:text-uh-neutral-1","prose-a:text-uh-white"]);</script>
726
727<link rel="stylesheet" media="all" href="/sites/default/files/css/css_IdAaSrhrnSS9uK8USk3rRnJYWOLqXvIBJlnBIANU3zY.css?delta=3&amp;language=en&amp;theme=uh_tw&amp;include=eJxLrSjJyczL1k8pKi1IzNFLhXB1iiuLS1Jz9ZMSi1N1SjPiS8r1C_KLS3TTc_KTEnN0i0sqgarSAdLhF5w" />
728
729    
729<script src="/libraries/fontawesome/js/brands.min.js?v=6.4.2" defer></script>
vendor: 1 bytes, line 729
729
730<script src="/libraries/fontawesome/js/regular.min.js?v=6.4.2" defer></script>
vendor: 1 bytes, line 730
730
731<script src="/libraries/fontawesome/js/solid.min.js?v=6.4.2" defer></script>
vendor: 1 bytes, line 731
731
732<script src="/libraries/fontawesome/js/fontawesome.min.js?v=6.4.2" defer></script>
732
733
734  </head>
735  <body class="hide-gin-toolbar group/uh-site">
736        <a href="#main-content" class="visually-hidden focusable">
737      Skip to main content
738    </a>
739    
740      <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
741    
742  
743<div class="w-full mx-auto text-uh-black">
744    
745  
746
747  <div id="site-header" class="md:grid-cols-5 font-semibold relative z-50 inline" x-data="{ open: false }">
748    
749
750
751<!-- national menu -->
752<!-- ./national menu -->
753
754<div class="md:col-span-5 block md:flex bg-uh-accent-1 py-2 text-uh-white z-10 shadow-lg md:px-4 text-esm md:sticky md:top-0">
755  <!-- site logo -->
756  <div class="pl-4 md:px-1 md:flex-none site-branding py-2 self-center font-header font-bold uppercase text-elg mr-3">
757     
758<div class="flex justify-center w-full">
759
760      <!-- mobile menu button -->
761    <div class="absolute z-10 right-3 top-3 md:hidden">
762            <button type="button" class="inline-flex items-center justify-center p-2 rounded-md" aria-controls="mobile-menu" x-on:click="open = !open" aria-expanded="false" x-bind:aria-expanded="open.toString()">
763        <span class="sr-only">Open main menu</span>
764        <svg x-description="Icon when menu is closed. Heroicon name: outline/menu" x-state:on="Menu open" x-state:off="Menu closed" class="block w-6 h-6" :class="{ 'hidden': open, 'block': !(open) }" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
765          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
766        </svg>
767        <svg x-description="Icon when menu is open. Heroicon name: outline/x" x-state:on="Menu open" x-state:off="Menu closed" class="hidden w-6 h-6" :class="{ 'block': open, 'hidden': !(open) }" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
768          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
769        </svg>
770      </button>
771          </div>
772    <!-- ./mobile menu button -->
773  
774  <a class="flex items-center" href="/">
775    			<div class="site-name text-3xl uppercase shrink-0  py-2 ">
776		            <div class="label">United Wizards of the Coast</div>
777      
778	</div>
779	  </a>
780
781</div>
782
783
784
785  </div>
786  <!-- ./site logo -->
787
788  <!-- site menu -->
789  <div class="relative grow flex items-center md:px-2">
790    
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808<div class="hidden md:flex flex-row w-full z-10 text-xs font-header uppercase font-medium md:justify-end" x-data="{search_open : false}">
809
810      <div class="flex-grow">
811    
812
813
814  <ul class="site-menu flex container mx-0 w-auto flex-row item-center flex-wrap bg-uh-accent-1 text-uh-white justify-end">
815                          <li class="menu-item    flex hover:bg-uh-black/10   ">
816    <a href="/about" class="flex p-2 whitespace-nowrap justify-between " data-drupal-link-system-path="node/1013507">About</a>
817    </li>
818                    <li class="menu-item    flex hover:bg-uh-black/10   ">
819    <a href="/news" class="flex p-2 whitespace-nowrap justify-between " data-drupal-link-system-path="node/1013506">News</a>
820    </li>
821                    <li class="menu-item    flex hover:bg-uh-black/10   ">
822    <a href="/contact-us" class="flex p-2 whitespace-nowrap justify-between ">Contact Us</a>
823    </li>
824                    <li class="menu-item    flex hover:bg-uh-black/10   ">
825    <a href="/support-us" class="flex p-2 whitespace-nowrap justify-between ">Support Us</a>
826    </li>
827                    <li class="menu-item    flex hover:bg-uh-black/10   ">
828    <a href="/know-your-rights" class="flex p-2 whitespace-nowrap justify-between " data-drupal-link-system-path="node/1013723">Rights</a>
829    </li>
830      </ul>
831
832  </div>
833    
834        
835  <div class='relative flex flex-row items-center' x-on:click.away="search_open = false">
836    <i x-on:click="search_open = !search_open; $nextTick(() => $refs.autoFocus.focus());" class="cursor-pointer fa-lg fas fa-search mr-2 mt-1 text-sm hover:transition-opacity opacity-100 hover:opacity-80" aria-haspopup="true" x-bind:aria-expanded="search_open" aria-expanded="true"></i><span class="sr-only">Search</span>
837
838        <div x-show="search_open" x-cloak class="absolute top-10 right-0 flex flex-col w-80">
839      <div class='flex flex-col items-end pr-2'>
840          <div class="w-7 overflow-hidden inline-block">
841    <div class="h-5 w-5 bg-uh-white rotate-45 transform origin-bottom-left">
842      <div class="w-full h-full bg-uh-black/5, [&amp;_a]:!px-4"></div>
843    </div>
844  </div>
845  
846      </div>
847      <div class="bg-uh-white">
848        <div class="p-4 w-full h-full bg-uh-black/5, [&amp;_a]:!px-4">
849          <form action="/search" method="get">
850            <div class="flex">
851              <label class="sr-only" for="desktop-search-site">Search site</label>
852              
853<input type="search" placeholder="Search" id="desktop-search-site" name="keywords" x-ref="autoFocus" class="p-2 mr-1 text-sm text-uh-primary-dark max-w-md 
853shadow-sm focus:ring-branding-outer-space focus:border-branding-outer-space w-full block border-gray-300 p-2 md:text-sm" />
854
855
856              
857
858  <button class="px-16 py-2 inline-block border-0 font-bold text-uh-white transition-colors duration-300 bg-uh-accent-1 hover:bg-uh-secondary uppercase font-header"><i class="fa-lg fas fa-search"></i><span class="sr-only">Search</span></button>
859
860
861
862            </div>
863          </form>
864        </div>
865      </div>
866    </div>
867    
868  </div>
869  
870</div>
871
872
873
874
875
876                                                                            <ul class="block w-full bg-uh-accent-1 text-uh-white border-0 menu md:hidden mobile-site-menu text-sm pt-2 border-t-2" x-description="Mobile menu, show/hide based on menu state." id="mobile-menu" x-show="open" style="display: none;">
877
878      <li class="menu-item    relative" >
879
880          <a href="/about" class="flex px-4 py-2 hover:bg-uh-black/5" data-drupal-link-system-path="node/1013507">About</a>
881      
882      
883        </li>
884      <li class="menu-item    relative" >
885
886          <a href="/news" class="flex px-4 py-2 hover:bg-uh-black/5" data-drupal-link-system-path="node/1013506">News</a>
887      
888      
889        </li>
890      <li class="menu-item    relative" >
891
892          <a href="/contact-us" class="flex px-4 py-2 hover:bg-uh-black/5">Contact Us</a>
893      
894      
895        </li>
896      <li class="menu-item    relative" >
897
898          <a href="/support-us" class="flex px-4 py-2 hover:bg-uh-black/5">Support Us</a>
899      
900      
901        </li>
902      <li class="menu-item    relative" >
903
904          <a href="/know-your-rights" class="flex px-4 py-2 hover:bg-uh-black/5" data-drupal-link-system-path="node/1013723">Rights</a>
905      
906      
907        </li>
908  
909  
910    <div class="p-4 w-full h-full bg-uh-black/5, [&amp;_a]:!px-4">
911  <form action="/search" method="get">
912    <div class="flex rounded-2xl overflow-hidden">
913      <label class="sr-only" for="mobile-search-site">Search site</label>
914      <input x-ref="autoFocus" id="mobile-search-site" class="flex-grow p-2 text-sm text-uh-primary-dark border-none" type="search" placeholder="Search Site" name="keywords">
915      <button class="bg-uh-accent-1 hover:bg-uh-accent-1-dark text-uh-white text-sm p-2 pl-4 pr-4">
916        <i class="fa-lg fas fa-search"></i><span class="sr-only">Search</span>
917      </button>
918    </div>
919  </form>
920</div>
921
922  
923</ul>
924
925
926
927
928  </div>
929  <div class="relative hidden flex-none md:flex items-center md:px-2">
930  	
931
932  <div  class="flex my-2 space-x-1">
933
934                  <a href="https://bsky.app/profile/uwotc-official.bsky.social/post/3mkieqwr3cn26" class="hover:transition-opacity opacity-100 hover:opacity-80">
935          <i class="items-center justify-center mx-1 text-sm fa-brands fa-bluesky"></i>
936          <span class="sr-only">Bluesky</span>
937        </a>
938                        <a href="https://www.tiktok.com/@uwotc_cwa" class="hover:transition-opacity opacity-100 hover:opacity-80">
939          <i class="items-center justify-center mx-1 text-sm fa-brands fa-tiktok"></i>
940          <span class="sr-only">TikTok</span>
941        </a>
942                        <a href="https://www.instagram.com/uwotc_official/" class="hover:transition-opacity opacity-100 hover:opacity-80">
943          <i class="items-center justify-center mx-1 text-sm fa-brands fa-instagram"></i>
944          <span class="sr-only">Instagram</span>
945        </a>
946                        <a href="https://www.facebook.com/uwotc" class="hover:transition-opacity opacity-100 hover:opacity-80">
947          <i class="items-center justify-center mx-1 text-sm fa-brands fa-facebook-f"></i>
948          <span class="sr-only">Facebook</span>
949        </a>
950                        <a href="https://x.com/uwotc_official" class="hover:transition-opacity opacity-100 hover:opacity-80">
951          <i class="items-center justify-center mx-1 text-sm fa-brands fa-x-twitter"></i>
952          <span class="sr-only">Twitter / X</span>
953        </a>
954          
955  </div>
956
957
958
959  </div>
960  <!-- ./site menu -->
961</div>
962
963
964
965  </div>
966
967  
968      <div>
969    
970  </div>
971
972  
973    <div>
974    <div data-drupal-messages-fallback class="hidden"></div>
975
976  </div>
977
978
979    <main class="z-0">
980    <a id="main-content" tabindex="-1"></a>    <div class="md:flex  pb-0">
981
982            <div id="page-content" class="grid w-full grid-cols-1 page-content">
983          <div>
984    <div id="block-uh-tw-content">
985  
986    
987      <div class="group site--full site--site">
988
989    
990        
991
992    <div>
993        
994    
995    <div class="layout layout--onecol layout--onecol--100 layout-edge-to-edge pt-0 pb-0 px-0">
996        <div  class="layout__region layout__region--content mx-auto w-full">
997      <div id="" class="scroll-mt-28">
998  
999    
1000      
1001
1002<div class="grid grid-cols-1 sm:grid-cols-1 md:grid-cols-1">
1003  <article class="plug col-span-1 flex flex-1">
1004  <div class="w-full h-0">
1005  
1006      <span class="hidden"></span>
1007  
1008  </div>
1009    <div class="layout layout--viewmode w-full flex flex-shrink-0">
1010    <div  class="relative layout__region layout__region--content w-full flex flex-wrap">
1011      <div id="plug_hero_teaser" class="flex w-full flex-wrap">
1012  
1013    
1014
1015      
1016	<div class="hero-plug-teaser flex flex-wrap flex-row min-h-3/4screen w-full">
1017
1018	<div class="w-full lg:w-1/2 relative min-h-1/4screen">
1019      <div class="lg:absolute lg:inset-0 overflow-hidden flex bg-cover uh-bg-image bg-center">
1020        <div><div><div class="layout layout--onecol layout--onecol--100 scroll-mt-28 pt-0 pb-0 px-0" id=""><div class="container px-4 mx-auto lg:px-0"><div  class="layout__region layout__region--content mx-auto w-full"><div id="" class="scroll-mt-28 flex w-full flex-wrap"><div class="w-full text-sm not-prose"><picture><source srcset="/sites/default/files/styles/featured_image/public/2026-04/uwotc-logo-color-alt.hero__3.png.webp?h=3d43c187&amp;itok=uqD7rN6_ 1x" media="all and (min-width: 1280px)" type="image/webp" width="1440" height="960"/><source srcset="/sites/default/files/styles/featured_image_medium/public/2026-04/uwotc-logo-color-alt.hero__3.png.webp?h=3d43c187&amp;itok=x8z8umVw 1x, /sites/default/files/styles/featured_image_large_2x/public/2026-04/uwotc-logo-color-alt.hero__3.png.webp?itok=3AVsV6T1 2x" media="all and (min-width: 1024px) and (max-width: 1279px)" type="image/webp" width="900" height="600"/><source srcset="/sites/default/files/styles/featured_image_small/public/2026-04/uwotc-logo-color-alt.hero__3.png.webp?h=3d43c187&amp;itok=6ZT6uqRi 1x, /sites/default/files/styles/featured_image_medium_2x/public/2026-04/uwotc-logo-color-alt.hero__3.png.webp?itok=DDo-cGMX 2x" type="image/webp" width="600" height="400"/><img loading="lazy" width="600" height="400" src="/sites/default/files/styles/featured_image_small/public/2026-04/uwotc-logo-color-alt.hero__3.png.webp?h=3d43c187&amp;itok=6ZT6uqRi" alt="A raised purple fist catching a star bordered by a yellow frame reading &quot;United Wizards of the Coast - CWA&quot;" /></picture></div></div></div></div></div></div></div>
1021      </div>
1022      
1023	</div>
1024
1025	<div class="w-full lg:w-1/2 min-h-1/4screen justify-start flex items-center p-8 lg:p-12 text-uh-black bg-uh-neutral-1 ">
1026        <div class="relative">
1027			<h1 class="text-4xl">
1028				United Wizards of the Coast
1029			</h1>
1030			<p class="font-bold"><h2>Building the game industry we want to see.</h2><p>United Wizards of the Coast is the union of workers behind <em>MTG Arena</em> and Wizards Customer Support, organizing in partnership with the <a href="https://cwa-union.org">Communications Workers of America</a>.</p></p>
1031            		</div>
1032	</div>
1033
1034</div>
1035
1036
1037  </div>
1038
1039    </div>
1040  </div>
1041</article>
1042
1043</div>
1044
1045
1046  </div>
1047
1048    </div>
1049      </div>
1050  
1051
1052    
1053          
1054    <div class="layout layout--onecol layout--onecol--75 scroll-mt-28 pt-12 pb-12 px-0 bg-uh-neutral-2" id="">
1055          <div class="container px-4 mx-auto lg:px-0">
1056        <div  class="layout__region layout__region--content mx-auto lg:w-3/4">
1057      <div>
1058  
1059      
1060<h2 class="w-full mt-4 mb-2 w-full">News</h2>
1061
1062
1063    
1064      
1065
1066<div class="grid grid-cols-1 sm:grid-cols-1 md:grid-cols-1">
1067  
1068        <article class="node node-teaser col-span-1">
1069    <div class="w-full">
1070    
1071        <span class="hidden"><span>We have a union</span>
1072</span>
1073    
1074    </div>
1075      <div class="layout layout--viewmode w-full flex flex-shrink-0">
1076    <div  class="relative layout__region layout__region--content w-full flex flex-wrap">
1077      <div id="article_teaser" class="flex w-full flex-wrap">
1078  
1079    
1080
1081      
1082<div class="grid grid-cols-12 gap-4 w-full mb-10 flex flex-wrap article-teaser">
1083  
1084  <div class="col-span-12 md:col-span-5 bg-uh-primary hidden p-4 md:flex flex-wrap text-uh-white">
1085        <div class="relative  font-light w-full mb-6">
1086            <span class="text-xl block"><time datetime="2026-06-23T17:11:19-04:00" title="Tuesday, June 23, 2026 - 17:11">23</time></span>
1087            <span class="text-sm uppercase block"><time datetime="2026-06-23T17:11:19-04:00" title="Tuesday, June 23, 2026 - 17:11">Jun, 2026</time></span>
1088        </div>
1089        <div class="text-2xl font-bold capitalize self-center w-full">
1090            <a href="/news" hreflang="en">News</a>
1091        </div>
1092  </div>
1093
1094  <div class="col-span-12 md:col-span-7">
1095        <div class="relative md:px-5">
1096            <div class="md:hidden">
1097    
1098                <div class="relative text-gray-600 font-light w-full mb-4">
1099                    <span class="text-xl block"><time datetime="2026-06-23T17:11:19-04:00" title="Tuesday, June 23, 2026 - 17:11">23</time></span>
1100                    <span class="text-sm uppercase block"><time datetime="2026-06-23T17:11:19-04:00" title="Tuesday, June 23, 2026 - 17:11">Jun, 2026</time></span>
1101                </div>
1102
1103                <span class="block text-xs font-medium uppercase">
1104                    <a href="/news" hreflang="en">News</a>
1105                </span>
1106            </div>
1107          <h3>
1108              <a href="/news/2026-06-23-we-have-a-union" rel="bookmark">We have a union</a>
1109          </h3>
1110          <p class="prose"><p><span>Today is a momentous day for the workers of Arena! After months of planning, waiting and organizing, our dream is finally a reality; the votes have been counted, and our union of UWOTC-CWA has been officially elected.</span></p><p><span>From this day forward, we have a union!</span></p></p>
1111          <p class="my-4">
1112              <a href="/news/2026-06-23-we-have-a-union" rel="bookmark" class="opacity-70 hover:opacity-100 hover:text-uh-accent-1 transition-colors duration-300">
1113                    <span class="sr-only">We have a union</span>
1114                  <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1115                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 9l3 3m0 0l-3 3m3-3H8m13 0a9 9 0 11-18 0 9 9 0 0118 0z" />
1116                  </svg>
1117              </a>
1118          </p>
1119
1120      </div>
1121  </div>
1122</div>
1123
1124
1125  </div>
1126
1127    </div>
1128  </div>
1129
1130</article>
1131
1132  
1133
1134        <article class="node node-teaser col-span-1">
1135    <div class="w-full">
1136    
1137        <span class="hidden"><span>Layoff Protections</span>
1138</span>
1139    
1140    </div>
1141      <div class="layout layout--viewmode w-full flex flex-shrink-0">
1142    <div  class="relative layout__region layout__region--content w-full flex flex-wrap">
1143      <div id="article_teaser" class="flex w-full flex-wrap">
1144  
1145    
1146
1147      
1148<div class="grid grid-cols-12 gap-4 w-full mb-10 flex flex-wrap article-teaser">
1149  
1150  <div class="col-span-12 md:col-span-5 bg-uh-primary hidden p-4 md:flex flex-wrap text-uh-white">
1151        <div class="relative  font-light w-full mb-6">
1152            <span class="text-xl block"><time datetime="2026-05-28T16:39:12-04:00" title="Thursday, May 28, 2026 - 16:39">28</time></span>
1153            <span class="text-sm uppercase block"><time datetime="2026-05-28T16:39:12-04:00" title="Thursday, May 28, 2026 - 16:39">May, 2026</time></span>
1154        </div>
1155        <div class="text-2xl font-bold capitalize self-center w-full">
1156            <a href="/news" hreflang="en">News</a>
1157        </div>
1158  </div>
1159
1160  <div class="col-span-12 md:col-span-7">
1161        <div class="relative md:px-5">
1162            <div class="md:hidden">
1163    
1164                <div class="relative text-gray-600 font-light w-full mb-4">
1165                    <span class="text-xl block"><time datetime="2026-05-28T16:39:12-04:00" title="Thursday, May 28, 2026 - 16:39">28</time></span>
1166                    <span class="text-sm uppercase block"><time datetime="2026-05-28T16:39:12-04:00" title="Thursday, May 28, 2026 - 16:39">May, 2026</time></span>
1167                </div>
1168
1169                <span class="block text-xs font-medium uppercase">
1170                    <a href="/news" hreflang="en">News</a>
1171                </span>
1172            </div>
1173          <h3>
1174              <a href="/news/2026-05-28-layoff-protections" rel="bookmark">Layoff Protections</a>
1175          </h3>
1176          <p class="prose"><p dir="ltr"><span>UWOTC-CWA is seeking layoff protections for our members. Corporations are often short-term profit seeking entities beholden only to shareholders. We believe that this is detrimental to the health and well-being of our workforce.&nbsp;</span></p></p>
1177          <p class="my-4">
1178              <a href="/news/2026-05-28-layoff-protections" rel="bookmark" class="opacity-70 hover:opacity-100 hover:text-uh-accent-1 transition-colors duration-300">
1179                    <span class="sr-only">Layoff Protections</span>
1180                  <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1181                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 9l3 3m0 0l-3 3m3-3H8m13 0a9 9 0 11-18 0 9 9 0 0118 0z" />
1182                  </svg>
1183              </a>
1184          </p>
1185
1186      </div>
1187  </div>
1188</div>
1189
1190
1191  </div>
1192
1193    </div>
1194  </div>
1195
1196</article>
1197
1198  
1199
1200        <article class="node node-teaser col-span-1">
1201    <div class="w-full">
1202    
1203        <span class="hidden"><span>Side Projects</span>
1204</span>
1205    
1206    </div>
1207      <div class="layout layout--viewmode w-full flex flex-shrink-0">
1208    <div  class="relative layout__region layout__region--content w-full flex flex-wrap">
1209      <div id="article_teaser" class="flex w-full flex-wrap">
1210  
1211    
1212
1213      
1214<div class="grid grid-cols-12 gap-4 w-full mb-10 flex flex-wrap article-teaser">
1215  
1216  <div class="col-span-12 md:col-span-5 bg-uh-primary hidden p-4 md:flex flex-wrap text-uh-white">
1217        <div class="relative  font-light w-full mb-6">
1218            <span class="text-xl block"><time datetime="2026-05-26T16:08:27-04:00" title="Tuesday, May 26, 2026 - 16:08">26</time></span>
1219            <span class="text-sm uppercase block"><time datetime="2026-05-26T16:08:27-04:00" title="Tuesday, May 26, 2026 - 16:08">May, 2026</time></span>
1220        </div>
1221        <div class="text-2xl font-bold capitalize self-center w-full">
1222            <a href="/news" hreflang="en">News</a>
1223        </div>
1224  </div>
1225
1226  <div class="col-span-12 md:col-span-7">
1227        <div class="relative md:px-5">
1228            <div class="md:hidden">
1229    
1230                <div class="relative text-gray-600 font-light w-full mb-4">
1231                    <span class="text-xl block"><time datetime="2026-05-26T16:08:27-04:00" title="Tuesday, May 26, 2026 - 16:08">26</time></span>
1232                    <span class="text-sm uppercase block"><time datetime="2026-05-26T16:08:27-04:00" title="Tuesday, May 26, 2026 - 16:08">May, 2026</time></span>
1233                </div>
1234
1235                <span class="block text-xs font-medium uppercase">
1236                    <a href="/news" hreflang="en">News</a>
1237                </span>
1238            </div>
1239          <h3>
1240              <a href="/news/2026-05-26-side-projects" rel="bookmark">Side Projects</a>
1241          </h3>
1242          <p class="prose"><p dir="ltr"><span>UWOTC-CWA is seeking clarity around permitted side projects for workers. Current approval processes for side projects often receive blanket denials or go unanswered for long periods. Workers should be free to confidently engage in work clearly outside of scope.</span></p></p>
1243          <p class="my-4">
1244              <a href="/news/2026-05-26-side-projects" rel="bookmark" class="opacity-70 hover:opacity-100 hover:text-uh-accent-1 transition-colors duration-300">
1245                    <span class="sr-only">Side Projects</span>
1246                  <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
1247                      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 9l3 3m0 0l-3 3m3-3H8m13 0a9 9 0 11-18 0 9 9 0 0118 0z" />
1248                  </svg>
1249              </a>
1250          </p>
1251
1252      </div>
1253  </div>
1254</div>
1255
1256
1257  </div>
1258
1259    </div>
1260  </div>
1261
1262</article>
1263
1264  
1265
1266</div>
1267
1268
1269
1270    <a class="px-16 py-2 inline-block border-0 font-bold text-uh-white transition-colors duration-300 bg-uh-accent-1 hover:bg-uh-secondary uppercase font-header" role="button" href="/news">View more</a>
1271
1272
1273
1274  </div>
1275
1276    </div>
1277          </div>
1278      </div>
1279  
1280
1281    
1282    </div>
1283
1284</div>
1285
1286  </div>
1287
1288  </div>
1289
1290      </div>
1291            
1292    </div>
1293  </main>
1294  
1295  
1296
1297</div>
1298<footer class="w-full antialiased footer" role="contentinfo">
1299  <div class="footer">
1300      <div>
1301    <div id="site_footer">
1302  
1303    
1304      
1305
1306<footer class="bg-uh-gray text-uh-white">
1307  <div class="max-w-7xl mx-auto py-12 px-4 sm:px-6 lg:py-16 lg:px-8">
1308
1309    <div class="grid grid-cols-2 md:grid-cols-3 md:gap-8">
1310        <div class="col-span-1">
1311        <h3>Get in touch</h3>
1312        <div class="text-uh-neutral-2 text-sm prose prose-inverse prose-a:text-uh-white prose-a:hover:text-uh-neutral-1 prose-img:w-20 md:prose-img:w-28 prose-img:mr-1 prose-img:my-1 max-w-none prose-img:invert prose-strong:text-uh-neutral-2 prose-headings:text-uh-neutral-2 prose-img:opacity-60">
1313            
1314        </div>
1315
1316        <div class="my-6 footer-logo">
1317          <a class="block w-full" href="/">
1318  
1319</a>
1320        </div>
1321      </div>
1322  
1323          <div class="col-span-1">
1324        <h3>Quick Links</h3>
1325        <div class="w-full text-uh-neutral-2 text-sm">
1326          
1327
1328
1329    
1330      <ul class="menu justify-end w-full footer-menu relative border-0">
1331                <li class="menu-item block">
1332                <a href="/about" class="py-2 block" data-drupal-link-system-path="node/1013507">About</a>
1333      </li>
1334                <li class="menu-item block">
1335                <a href="/news" class="py-2 block" data-drupal-link-system-path="node/1013506">News</a>
1336      </li>
1337                <li class="menu-item block">
1338                <a href="/contact-us" class="py-2 block">Contact Us</a>
1339      </li>
1340                <li class="menu-item block">
1341                <a href="/support-us" class="py-2 block">Support Us</a>
1342      </li>
1343                <li class="menu-item block">
1344                <a href="/know-your-rights" class="py-2 block" data-drupal-link-system-path="node/1013723">Rights</a>
1345      </li>
1346        </ul>
1347  
1348
1349
1350
1351
1352
1353        </div>
1354      </div>
1355  
1356        <div class="col-span-1">
1357
1358        <div class="w-full">
1359          <form action="/search" method="get">
1360            <div class="flex gap-1 [&_a]:!px-4">
1361              <label class="sr-only" for="footer-search-site">Search site</label>
1362              
1363<input type="search" placeholder="Search" id="footer-search-site" name="keywords" class="w-full text-uh-primary-dark shadow-sm focus:ring-branding-outer-space focus:border-branding-outer-space w-full block border-gray-300 p-2 md:text-sm" />
1364
1365
1366              
1367
1368  <button class="px-16 py-2 inline-block border-0 font-bold text-uh-white transition-colors duration-300 bg-uh-accent-1 hover:bg-uh-secondary uppercase font-header"><i class="fa-lg fas fa-search"></i><span class="sr-only">Search</span></button>
1369
1370
1371
1372            </div>
1373          </form>
1374        </div>
1375
1376        <div class="mt-6 social-media-links">
1377          <h3>Connect with us </h3>
1378          
1379  <div  class="flex my-2 space-x-1">
1380
1381                  <a href="https://bsky.app/profile/uwotc-official.bsky.social/post/3mkieqwr3cn26" class="text-uh-white rounded-2xl w-7 h-7 duration-300 text-center pt-0.5 hover:transition-colors bg-uh-accent-1 hover:bg-uh-primary">
1382          <i class="items-center justify-center mx-1 text-sm fa-brands fa-bluesky"></i>
1383          <span class="sr-only">Bluesky</span>
1384        </a>
1385                        <a href="https://www.tiktok.com/@uwotc_cwa" class="text-uh-white rounded-2xl w-7 h-7 duration-300 text-center pt-0.5 hover:transition-colors bg-uh-accent-1 hover:bg-uh-primary">
1386          <i class="items-center justify-center mx-1 text-sm fa-brands fa-tiktok"></i>
1387          <span class="sr-only">TikTok</span>
1388        </a>
1389                        <a href="https://www.instagram.com/uwotc_official/" class="text-uh-white rounded-2xl w-7 h-7 duration-300 text-center pt-0.5 hover:transition-colors bg-uh-accent-1 hover:bg-uh-primary">
1390          <i class="items-center justify-center mx-1 text-sm fa-brands fa-instagram"></i>
1391          <span class="sr-only">Instagram</span>
1392        </a>
1393                        <a href="https://www.facebook.com/uwotc" class="text-uh-white rounded-2xl w-7 h-7 duration-300 text-center pt-0.5 hover:transition-colors bg-uh-accent-1 hover:bg-uh-primary">
1394          <i class="items-center justify-center mx-1 text-sm fa-brands fa-facebook-f"></i>
1395          <span class="sr-only">Facebook</span>
1396        </a>
1397                        <a href="https://x.com/uwotc_official" class="text-uh-white rounded-2xl w-7 h-7 duration-300 text-center pt-0.5 hover:transition-colors bg-uh-accent-1 hover:bg-uh-primary">
1398          <i class="items-center justify-center mx-1 text-sm fa-brands fa-x-twitter"></i>
1399          <span class="sr-only">Twitter / X</span>
1400        </a>
1401          
1402  </div>
1403        </div>
1404
1405        <div class="mt-6 w-full">
1406          
1407        </div>
1408
1409      </div>
1410  
1411    </div>
1412
1413       <div class="mt-12 border-t border-uh-neutral-2 border-opacity-20 pt-8">
1414      <div class="md:w-2/3">            <div class="footer-text user-content"><p style="font-size:0.8rem;"><span>© United Wizards of the Coast and ©</span><a href="https://cwa-union.org/"><span>Communications Workers of America</span></a><span>, AFL-CIO, CLC. All Rights Reserved. </span><a href="https://cwa-union.org/privacy">Privacy Policy</a></p></div>
1415      </div>
1416    </div>
1417   
1418            <ul class="menu flex gap-2 divide-x text-xs underline leading-none mt-4">
1419                  <li class="block pl-2 first:pl-0">
1420            <a href="/login">Log In</a>
1421          </li>
1422              </ul>
1423      
1424  </div>
1425  <div class="px-4 sm:px-6 pt-6 pb-2 lg:px-8 bg-opacity-25 bg-uh-black">
1426    <p class="text-xs text-uh-neutral-2 xl:text-center">
1427      &copy; 2026 All rights reserved.
1428    </p>
1429  </div>
1430</footer>
1431
1432
1433
1434  </div>
1435
1436  </div>
1437
1438  </div>
1439</footer>
1440
1441
1442  </div>
1443
1444    
1444<script>dataLayer = [{"site_name":"United Wizards of the Coast","site_id":"536"}]</script>
vendor: 1 bytes, line 1444
1444
1445<script>
vendor: 327 bytes, lines 1445-1449
1445(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
1446new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
1447j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
1448'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
1449})(window,document,'script','dataLayer','
1449GTM-KS2LNK
vendor: 3 bytes, line 1449
1449');
1449</script>
1449
1450<noscript aria-hidden="true"><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KS2LNK"
1451 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
1452    
1452<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"group\/536","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"data":{"extlink":{"extTarget":false,"extTargetAppendNewWindowDisplay":true,"extTargetAppendNewWindowLabel":"(opens in a new window)","extTargetNoOverride":false,"extNofollow":true,"extTitleNoOverride":false,"extNoreferrer":false,"extFollowNoOverride":true,"extClass":"0","extLabel":"(link is external)","extImgClass":false,"extSubdomains":true,"extExclude":"","extInclude":"","extCssExclude":"","extCssInclude":"","extCssExplicit":"","extAlert":false,"extAlertText":"This link will take you to an external web site. We are not responsible for their content.","extHideIcons":false,"mailtoClass":"0","telClass":"tel","mailtoLabel":"(link sends email)","telLabel":"(link is a phone number)","extUseFontAwesome":true,"extIconPlacement":"append","extPreventOrphan":false,"extFaLinkClasses":"fa fa-external-link","extFaMailtoClasses":"fa fa-envelope-o","extAdditionalLinkClasses":"","extAdditionalMailtoClasses":"","extAdditionalTelClasses":"","extFaTelClasses":"fa fa-phone","allowedDomains":["actionnetwork.org"],"extExcludeNoreferrer":""}},"user":{"uid":0,"permissionsHash":"c33af418f0bee237f906d6fb384875649351e75affdaab1b6f0c19b6230923a9"}}</script>
vendor: 1 bytes, line 1452
1452
1453<script src="/sites/default/files/js/js_AdTG2rXnHqHOFc6ubkA0-wlq7oLiJx2CyyLstcqwWAo.js?scope=footer&amp;delta=0&amp;language=en&amp;theme=uh_tw&amp;include=eJx9ykEOgCAMBdELETiSqeGLjbWQFtTju3Djit1M8vB0YT1SttFIIr4NW9VON7yeSL-OfpW4Gmn2KTGUIWRT41U4h7Evzh2JpLHiBcStODU"></script>
1453
1454
1455  
1455<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"500e29b636ee49f5a75812893bfac70a","r":1,"spa":2}' crossorigin="anonymous"></script>
1455
1456</body>
1457</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.