body {
  background-color: #fff;
  color: #333;
  padding: 0;
  margin: 0;
}
body > header > div,
body > nav > div,
body > main section > div,
body > footer > div,
body > small > div {
  padding: 3.2rem 2.6rem;
}
@media screen and (min-width: 750px) {
  body > header > div,
  body > nav > div,
  body > main section > div,
  body > footer > div,
  body > small > div {
    padding: 4rem;
    width: 100%;
    box-sizing: border-box;
  }
}
@media screen and (min-width: 900px) {
  body > header > div,
  body > nav > div,
  body > main section > div,
  body > footer > div,
  body > small > div {
    width: 85%;
    margin: auto;
    max-width: 1280px;
  }
}
body > header > div p:last-child,
body > nav > div p:last-child,
body > main section > div p:last-child,
body > footer > div p:last-child,
body > small > div p:last-child {
  margin-bottom: 0;
}
body > header > div {
  padding-top: 2rem;
  padding-bottom: 2rem;
}
body article {
  width: auto;
}

header {
  background-color: #eee;
  color: #666;
}
header > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header > div .logo > a > img {
  display: flex;
  height: 2rem;
}
@media screen and (min-width: 900px) {
  header > div .logo > a > img {
    height: 2.4rem;
  }
}

#hero {
  overflow: hidden;
  position: relative;
  display: flex;
}
#hero > picture > img {
  object-fit: cover;
  position: absolute;
  width: 100vw;
  height: 100%;
}
#hero > div {
  background-color: rgba(0, 0, 0, 0.7);
  padding: 4rem;
  margin: auto 6rem;
  border-radius: 0.5rem;
  position: relative;
}
@media only screen and (min-width: 750px) {
  #hero > div {
    margin: auto 10% auto 40%;
    padding: 4rem;
  }
}
#hero > div p {
  color: #fff;
  font-weight: 100;
  margin: 0;
  line-height: 1.35em;
}
#hero + section {
  background: linear-gradient(180deg, rgba(51, 51, 51, 0) 0, rgba(51, 51, 51, 0.5) 8rem, rgb(51, 51, 51) 20rem);
  position: relative;
  margin-top: -10rem;
}
@media only screen and (min-width: 750px) {
  #hero + section {
    margin-top: -20rem;
  }
}

#hero {
  background-color: pink;
  aspect-ratio: 16/16;
}
@media only screen and (min-width: 600px) {
  #hero {
    aspect-ratio: 16/14;
  }
}
@media only screen and (min-width: 750px) {
  #hero {
    aspect-ratio: 16/12;
  }
}
@media only screen and (min-width: 900px) {
  #hero {
    aspect-ratio: 16/8;
  }
}
@media only screen and (min-width: 1200px) {
  #hero {
    aspect-ratio: 16/7;
  }
}
@media only screen and (min-width: 1500px) {
  #hero {
    aspect-ratio: 16/6;
  }
}

#navigation {
  position: absolute;
  background-color: #eee;
  margin-top: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 1;
  transition: all 100ms ease-in-out;
  transform: scaleY(0);
  transform-origin: top;
}
#navigation.navigation-visible {
  transform: scaleY(1);
}
#navigation:after {
  content: "";
  height: 2rem;
  width: 100%;
  position: absolute;
  bottom: -2rem;
  background: linear-gradient(rgba(0, 0, 0, 0.25), transparent);
}
#navigation > div {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 2rem;
}
@media only screen and (min-width: 600px) {
  #navigation > div {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 900px) {
  #navigation > div {
    grid-template-columns: repeat(4, 1fr);
  }
}
#navigation > div > div {
  background-color: pink;
  padding: 2rem;
  border-radius: 0.5rem;
}
#navigation > div > div > strong a {
  display: block;
  font-weight: 700;
  font-size: 1.8rem;
  text-decoration: none;
  padding-bottom: 0.5rem;
}
#navigation > div > div > ul {
  margin: 0;
  padding: 0;
  line-height: 1.8em;
}
#navigation > div > div > ul > li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#navigation > div > div > ul > li > a {
  text-decoration: none;
  font-size: 1.4rem;
}

#navigation-toggle-container {
  margin: 0;
  padding: 0;
}
#navigation-toggle-container > li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#navigation-toggle-container > li > a {
  text-indent: -999rem;
  width: 4.2rem;
  height: 4.2rem;
  background-color: #333;
  border-radius: 0.5rem;
  padding: 9px;
  box-sizing: border-box;
  font-size: 0;
  line-height: 0;
  display: flex;
  flex-direction: column;
}
#navigation-toggle-container > li > a > span {
  display: block;
  background-color: #eee;
  border-radius: 0.5rem;
  height: 3px;
  width: 100%;
}
#navigation-toggle-container > li > a:before, #navigation-toggle-container > li > a:after {
  content: "";
  background-color: #eee;
  display: block;
  height: 3px;
  border-radius: 0.5rem;
}
#navigation-toggle-container > li > a:before {
  margin-bottom: 6px;
  margin-top: 1px;
}
#navigation-toggle-container > li > a:after {
  margin-top: 6px;
  margin-bottom: 1px;
}
#navigation-toggle-container > li > a:hover > span {
  display: block;
  background-color: #fff;
}
#navigation-toggle-container > li > a:hover:before, #navigation-toggle-container > li > a:hover:after {
  background-color: #fff;
}

body > footer {
  background-color: #666;
  color: #eee;
}
body > footer > div {
  display: grid;
}
@media screen and (min-width: 900px) {
  body > footer > div {
    grid-template-columns: 0.75fr 0.75fr 1.5fr;
    gap: 4rem;
  }
}
body > footer > div > section {
  border-top: 0.5px solid rgba(255, 255, 255, 0.15);
  white-space: nowrap;
  padding: 2rem 0;
  margin: 0;
}
@media screen and (min-width: 900px) {
  body > footer > div > section {
    padding: 0 0 0 4rem;
    border-top: none;
    border-left: 0.5px solid rgba(255, 255, 255, 0.15);
  }
}
body > footer > div > section:first-child {
  border: none;
  padding-top: 0;
}
@media screen and (min-width: 900px) {
  body > footer > div > section:first-child {
    padding: 0;
  }
}
body > footer > div > section ul {
  padding: 0;
  margin: 0;
}
body > footer > div > section ul li {
  padding: 0;
  list-style: none;
}
body > footer > div a {
  color: #eee;
  margin: 1rem 0;
  padding: 1rem 0;
  display: block;
}
body > footer > div a:hover {
  color: #fff;
}

body > small {
  display: block;
}
body > small > div {
  padding-top: 4rem;
  padding-bottom: 5rem;
}
body > small > div p {
  width: 75%;
}
body > small > div a {
  color: #666;
}
body > small > div a:hover {
  color: #333;
  text-decoration: underline;
}
body > small > div ul {
  padding: 0;
  margin: 0 0 8rem;
  font-size: 1.6rem;
}
@media screen and (min-width: 900px) {
  body > small > div ul {
    margin: 0;
    display: flex;
  }
}
body > small > div ul > li {
  margin: 0 0 1rem;
  list-style: none;
}
@media screen and (min-width: 900px) {
  body > small > div ul > li {
    margin: 0;
  }
  body > small > div ul > li:before {
    content: "|";
    margin: 0 2rem;
  }
  body > small > div ul > li:first-child:before {
    content: "";
    margin: 0;
  }
}

.cta,
.cta:visited {
  background-color: #333;
  color: #eee;
  padding: 2.4rem 3rem;
  display: inline-block;
  text-decoration: none;
  border-radius: 0.5rem;
  font-weight: bold;
  transition: all 250ms ease-in-out;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  line-height: inherit;
}
@media only screen and (min-width: 750px) {
  .cta,
  .cta:visited {
    padding: 2rem 2.4rem;
    width: auto;
    text-align: unset;
  }
}
@media only screen and (min-width: 900px) {
  .cta,
  .cta:visited {
    padding: 1.6rem 2.4rem;
  }
}
.cta:hover,
.cta:visited:hover {
  background-color: #222;
  color: #fff;
}

.cta-strip {
  padding: 2rem;
  text-align: center;
  overflow: hidden;
}
.cta-strip > .cta {
  padding: 2rem 3.2rem 1.4rem 8rem;
  text-transform: uppercase;
  background-repeat: no-repeat;
  background-size: 3.4rem;
  background-position: 3.2rem;
  font-size: 1.8rem;
}

.cta.cta-branded {
  padding: 1.8rem 2.8rem 1.4rem 7.2rem;
  text-transform: uppercase;
  background-repeat: no-repeat;
  background-size: 3.6rem;
  background-position: 2rem;
}

.cta-inline {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 750px) {
  .cta-inline {
    display: flex;
    grid-template-columns: unset;
  }
}
.cta-inline li {
  list-style: none;
  padding: 0;
  margin: 0;
}

.cta-light,
.cta-light:visited {
  background-color: #eee;
  color: #333;
}
.cta-light:hover,
.cta-light:visited:hover {
  background-color: #fff;
  color: #111;
}

.cta-outline,
.cta-outline:visited {
  box-sizing: border-box;
  color: #333;
  border: 1px solid #333;
  background-color: transparent;
}
.cta-outline:hover,
.cta-outline:visited:hover {
  color: #000;
  border-color: #000;
  background-color: transparent;
}

.cta-outline--inverted,
.cta-outline--inverted:visited {
  color: #ccc;
  border-color: #ccc;
}
.cta-outline--inverted:hover,
.cta-outline--inverted:visited:hover {
  color: #fff;
  border-color: #fff;
}

.cta-background--white,
.cta-background--white:visited {
  background-color: #fff;
}
.cta-background--white:hover,
.cta-background--white:visited:hover {
  background-color: #fff;
}

.cta-background--lighten,
.cta-background--lighten:visited {
  background-color: rgba(255, 255, 255, 0.1);
}
.cta-background--lighten:hover,
.cta-background--lighten:visited:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

#discord-strip {
  background-color: #222;
}
#discord-strip .cta,
#discord-strip .cta:visited {
  background-color: #000;
}
#discord-strip .cta:hover,
#discord-strip .cta:visited:hover {
  background-color: #111;
}

html {
  font-size: 10px;
  font-family: "Montserrat", sans-serif;
}
html body {
  font-size: 1.6rem;
}
@media screen and (min-width: 900px) {
  html body {
    font-size: 1.8rem;
  }
}
html body h1,
html body h2,
html body h3 {
  font-weight: 100;
  font-family: "Lemon Milk Regular";
}
html body h1:first-child,
html body h2:first-child,
html body h3:first-child {
  margin: 0 0 2rem;
}
html body h1 {
  margin: 0 0 3rem;
  font-size: clamp(3.6rem, 6vw, 5rem);
  line-height: 1.15em;
}
@media screen and (min-width: 750px) {
  html body h1 {
    font-size: clamp(4rem, 6.8vw, 8rem);
    line-height: 1.15em;
  }
}
html body h1 > span {
  font-size: clamp(5.2rem, 10vw, 7rem);
  display: block;
  padding-bottom: 3rem;
}
@media screen and (min-width: 750px) {
  html body h1 > span {
    font-size: clamp(6rem, 10vw, 12rem);
    display: block;
    padding-bottom: 3rem;
  }
}
html body h1 + p {
  font-size: 2rem;
  line-height: 1.5em;
}
@media screen and (min-width: 900px) {
  html body h1 + p {
    font-size: 2.2rem;
  }
}
html body h2 {
  font-size: 3.2rem;
  line-height: 1.25em;
  margin-top: 3rem;
}
@media screen and (min-width: 900px) {
  html body h2 {
    font-size: 5rem;
    margin-bottom: 2rem;
  }
}
html body h3 {
  font-size: 2.4rem;
  line-height: 1em;
  margin-top: 2rem;
}
html body h3 > sup {
  position: relative;
  font-size: 1.4rem;
  line-height: 0;
  top: 1px;
}
@media screen and (min-width: 900px) {
  html body h3 {
    font-size: 2.6rem;
    margin-bottom: 2rem;
  }
}
html body p {
  line-height: 1.8em;
}
html body em {
  display: inline-block;
  padding: 0.8rem 0.6rem 0.6rem;
  background-color: #eae5e1;
  border-radius: 0.5rem;
  line-height: 0.9em;
}

.obscure {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  width: 0;
}

.larger {
  font-size: larger;
}

.important-notice {
  background-color: #458e6e;
  color: #c7e4d7;
  border-radius: 0.5rem;
  padding: 2rem 2rem 2rem 7.6rem;
  position: relative;
}
.important-notice > a,
.important-notice > a:visited {
  color: #fff;
}
.important-notice > em {
  background-color: #38745a;
  color: #fff;
}
.important-notice:before {
  content: "i";
  position: absolute;
  left: 2rem;
  top: 2rem;
  width: 4rem;
  height: 4rem;
  background-color: #38745a;
  border-radius: 50%;
  align-content: center;
  color: #c7e4d7;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 700;
}

.inset {
  padding-left: 2rem;
  border-left: 1rem solid #ddd;
}

.align-right {
  text-align: right;
}

fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
fieldset legend {
  display: contents;
}
fieldset ul {
  display: grid;
  gap: 1rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

label {
  line-height: 1.2em;
}

input[type=checkbox] {
  display: none;
}
input[type=checkbox] + label {
  display: flex;
  gap: 1rem;
  align-items: center;
}
input[type=checkbox] + label:before {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  display: inline-block;
  border-radius: 0.25rem;
  border: 0.1rem solid #000;
  background-color: #fff;
}
input[type=checkbox]:checked + label:before {
  background-size: cover;
  background-image: url("data:image/webp;base64,UklGRvoCAABXRUJQVlA4WAoAAAAQAAAAfwAAfwAAQUxQSI4CAAABkGNt2/IoD1K6W1xwjWekorQWFjLu3rGScd8DWxgXNJ7gJP/TRP73/76v5UTEBOA/+DueGy7Cn9eM9pzk5ysGe2aR5PZZYz2pse7WGUOlqmy4fcVIbWx2/4qB0mx+75Jxkmx195JhElZL3LlolE7aeew2SPy3LTxyGSP2izYf3jZE9CdtP7hthMgPCu7fMsDzHxStvNFeu0Xht7prsyibDULz6Rpls0FoPlWlbC4Ezaf/UTYbguY7KZxxQ/MdFM56oPlnFM55ofmnllDeB82nLMp+8UDzKQp/c0PzCQpnPNB83BLKeKH5mEXZShiaj9Yo++MuVH23ftoZaQoX/FC1k1x0RJLCxQBU7SDJeQckKVwKQdUU686JxSlcDkHVyM96nBWKU7gchqopNrkpErWEci6omrCa4YZApEbZghuqJiw2v27b8ypli16oGqux1TWbnv6jbMkLVVNVtj5rS/wvZb95oGqKtq7akKhR9ts1qJqkzcstxauULYegasKyi0stxP5RthKGqgmL9i82Ff1L2e93oGq8Rsn5JiJ/KPvjHlR9UaHsZoPOKmW/+qHsqfdCXK/TWaXstwBUHhLiGoDIP8pmglB7WIirCP6gbCYE1UeEuPCBstkw1O8Vkj6+DR32K/TRBT0OKPPRDV0OKZL3Q5/DShTvQ6dDChTuQ6/djst5oNs+h+W90O+Eowo+6HjSQSU/9DzsmK9e6HrYIZnb0PeII7Iu6HzUATk39D4mlvdA991CX25C/z0iRR9M2CdQ9MOM/baVgjDlgE3lEMw5Y0slDJMO21D0wqwjLZV8MO1oC+UAzDvWVCUIEw81kQ3CzF0NMi6YuqdO1g1z95IseWDyPv65D7N3v8R/5gNWUDggRgAAAHAGAJ0BKoAAgAA+kUihTKWkIyIgiACwEglpbuF0kABPbYi8QVHPbEXiCo57Yi8QVHPbEXiCo57Yi8QTYAD+/1JPYoAAAAA=");
}

input[type=text],
input[type=password],
select,
textarea {
  padding: 1.2rem;
  margin: 6px 0 0;
  border-radius: 0.5rem;
  border: none;
  font: inherit;
}
@media screen and (min-width: 750px) {
  input[type=text],
  input[type=password],
  select,
  textarea {
    padding: 1rem;
  }
}

button.cta {
  background-color: #aaa;
  color: #222;
}
button.cta:hover {
  background-color: #ccc;
  color: #000;
}

form .form-panel {
  padding: 0;
}
@media screen and (min-width: 750px) {
  form .form-panel {
    padding: 3rem 6rem;
    background-color: #333;
    border-radius: 0.5rem;
  }
}
form .form-container {
  display: grid;
  gap: 1.6rem;
}
form .form-container .form-field {
  display: grid;
  align-items: center;
  gap: 0.5rem;
}

.form-error-hint {
  font-size: 1.2rem;
  line-height: 1.2em;
  color: pink;
}

.form-error-field {
  outline: 3px solid hotpink;
  background-color: pink;
}

.grid {
  display: grid;
  gap: 4rem;
}
.grid > section {
  padding: 2rem;
  background-color: #eee;
}
.grid > section fieldset {
  padding: 0;
  margin: 0;
  background-color: none;
}
@media screen and (min-width: 750px) {
  .grid.two-columns {
    grid-template-columns: 1fr 1fr;
  }
}

table {
  background-color: #555;
  color: #bbb;
  font-size: smaller;
  width: 100%;
  text-align: left;
  border-radius: 1rem;
}
table > tbody > tr > th {
  font-size: larger;
  font-weight: 700;
  padding: 1rem 2rem;
  background-color: #444;
  color: #fff;
}
table > tbody > tr > td {
  padding: 0.6rem 2rem;
  background-color: #333;
}
table > tbody > tr:first-child > th:first-child {
  border-top-left-radius: 0.8rem;
}
table > tbody > tr:first-child > th:last-child {
  border-top-right-radius: 0.8rem;
}
table > tbody > tr:last-child > td:first-child {
  border-bottom-left-radius: 0.8rem;
}
table > tbody > tr:last-child > td:last-child {
  border-bottom-right-radius: 0.8rem;
}

section.accordion {
  background-color: #999;
}
section.accordion.dark {
  background-color: #888;
}
section.accordion h2 {
  margin: 0;
}
section.accordion > div > div {
  display: grid;
  gap: 1.6rem;
  width: 100%;
}
section.accordion > div > div details {
  background-color: #fff;
  color: #333;
  border-radius: 0.5rem;
}
section.accordion > div > div details > summary {
  cursor: pointer;
  background-color: #eee;
  font-size: 1.8rem;
  outline: none;
  margin: 0;
  padding: 1.4rem 6.4rem 1.4rem 2.4rem;
  border-radius: 0.5rem;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAM1BMVEUAAABmZmZlZWVmZmZmZmZnZ2dmZmZnZ2dmZmZlZWVmZmZnZ2dmZmZmZmZmZmZmZmZmZmYJHPvPAAAAEHRSTlMA3x/7WlRVoI+r8W08FsHAeXSAiAAAALdJREFUWMPt0LsOwjAQBVEnJonJA/b/vxYKB0tMk5EQlW+1zZliU19f3w+3LbtH+7Kd5xKRb9ZPOeL+8a1g/LtQfSsYXwsl6vJ83c/5VCWt0Qrex5oegYLw8UzjgILww5ha4eInpy+PgvQsWM+C9SxYz4L1LFjPgvUsWM+C9SxYz4L1LFjPgvUseM8CvSvQ2wK8LcDbArwo0LsCvSvQ2wK9L9D7Ar0vNO8L8LoAL3eUcqS+vr5/7AWdLSfVguwYogAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-size: 2rem;
  background-position: calc(100% - 2.4rem) center;
  list-style: none;
  line-height: 1.8em;
}
section.accordion > div > div details > summary::marker, section.accordion > div > div details > summary::-webkit-details-marker {
  display: none;
}
section.accordion > div > div details > section {
  padding: 2rem 2.4rem;
}
section.accordion > div > div details > section h3 {
  border-top: 1px solid #ddd;
  color: #444;
  margin-bottom: 0;
  padding-top: 2rem;
  font-size: 1.6rem;
  font-weight: 700;
  font-family: inherit;
}
@media screen and (min-width: 900px) {
  section.accordion > div > div details > section h3 {
    font-size: 2rem;
  }
}
section.accordion > div > div details > section h3:first-child {
  border-top: none;
  padding-top: 0;
}
section.accordion > div > div details > section p:first-child {
  margin-top: 0;
}
section.accordion > div > div details[open] > summary {
  border-radius: 0.5rem 0.5rem 0 0;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAANlBMVEUAAABmZmZmZmZmZmZnZ2dmZmZlZWVnZ2dmZmZlZWVlZWVlZWVmZmZmZmZmZmZmZmZmZmZmZmZKx8pLAAAAEXRSTlMA3h7hIVpTVKCPVqvxwWw8FoWigwYAAAC2SURBVFjD7dQ7DsIwFAXRR/jEJv/9bxZRICuaJkMQ1budizOyXDhyudxftta6nvHdZduut3MeBelRkB4F7VnwvhW8Z8H7VrCeBetZcJ67dF/4+wN3cD4CBelRkJ4F61mwngXrWbCeBetZsJ4F61mwngXrWfA+okfBeBasZ8F7FuhlYe/7OLDn/peb4FVhihFeFcao8KpQIwrf7/hLDu9DaV4Umo8ozbvC8DnMZQm9pcyRy+V+txfAfi3RIIVlSQAAAABJRU5ErkJggg==");
}

.contact-us-container {
  background-color: #ffeb4f;
}

.google-map {
  padding: 0;
  margin: 0;
}
.google-map > div {
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: unset;
  width: 100%;
  align-items: center;
}
.google-map > div > div {
  width: 100%;
  max-width: 30rem;
  padding: 4rem;
}
.google-map > div > div#google-map-container {
  padding: 0;
  min-height: 50rem;
  max-width: unset;
}

.google-map-marker {
  background-color: #fff;
  color: #333;
  font-size: 16px;
  border-radius: 0.5rem;
  padding: 10px;
  font-family: "Arcon";
  position: relative;
  left: calc(20px + 50%);
}

.panel-grid {
  background-color: #ddd;
}
.panel-grid > div > div {
  display: grid;
  gap: 2rem;
}
.panel-grid > div > div > figure {
  background-color: #f6f6f6;
  border-radius: 0.5rem;
  margin: 0;
}
.panel-grid > div > div > figure picture {
  display: flex;
}
.panel-grid > div > div > figure picture > img {
  width: 100%;
  border-radius: 0.5rem 0.5rem 0 0;
}
.panel-grid > div > div > figure picture + div {
  padding: 2rem;
}
.panel-grid > div > div > figure picture + div h3,
.panel-grid > div > div > figure picture + div p {
  color: #222;
}
.panel-grid > div > div > figure picture + div h3 {
  font-family: unset;
  font-size: 2rem;
  margin: 0 0 2rem;
  font-weight: 700;
  line-height: 1.4em;
}
.panel-grid > div > div > figure picture + div p {
  margin: 0;
  font-size: 1.4rem;
}
.panel-grid > div > div > figure figcaption {
  color: #000;
  font-size: 1.8rem;
  margin: 2rem;
}
@media screen and (min-width: 900px) {
  .panel-grid > div > div > figure figcaption {
    font-size: 2rem;
  }
}
.panel-grid.panel-grid-inverted {
  background-color: #fff;
}

@media screen and (min-width: 750px) {
  .panel-grid-3 > div > div {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 750px) and (min-width: 750px) {
  .panel-grid-4 > div > div {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 750px) and (min-width: 900px) {
  .panel-grid-4 > div > div {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 750px) and (min-width: 600px) {
  .panel-grid-5 > div > div {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 750px) and (min-width: 750px) {
  .panel-grid-5 > div > div {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (min-width: 750px) and (min-width: 900px) {
  .panel-grid-5 > div > div {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (min-width: 750px) and (min-width: 1050px) {
  .panel-grid-5 > div > div {
    grid-template-columns: repeat(5, 1fr);
  }
}
#social-media {
  color: #ccc;
  display: flex;
  align-items: center;
}
#social-media section > ul {
  padding: 0;
  margin: 0;
}
#social-media section > ul > li {
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 1.2rem;
}
@media only screen and (min-width: 900px) {
  #social-media section > ul > li {
    font-size: 2rem;
  }
}
#social-media section > ul > li a {
  display: block;
  background-repeat: no-repeat;
  background-position: 1.8rem center;
  background-size: 3.2rem;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 0.5rem;
  transition: background-color 0.25s linear;
  padding: 1.8rem 2rem 1.2rem 6.6rem;
  background-color: #111;
}
#social-media section > ul > li a:hover {
  background-color: #000;
}
#social-media section > ul > li:last-child {
  margin: 0;
}

a.discord {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAArlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8tivQqAAAAOXRSTlMA/fkLBBT26u7heQ8H8jvl05/BkzUbqVUmsINx3c3Jt1sxIRjaxZpHvCpoHaSHQvB/bItfUEst12QRFUtgAAAGeklEQVR42uzYaY+iQBAG4GqwGwRFlBtvBGVmvBl16///sVXEUccDZ3Q72YTnm0mFqn67EhUoFAqFQqFQKPwPVFfr+XZHwi0lr9ZARFLr2H5Pc1V4Afrm+I0Z7sw2nmKW4C53qEu4V40mzprCU0TXGYaYkjf2woUHWMn4awZsDZ0ncqDmXMcUK8fNs+4lUaV0YH2krAGlqlg5meG9W2aY0X3zdzEMpvUqpmbhcAp7FZEOPlxzlDQnRt3rNlKxNzYmSrIyXYuK2RVpxkbGDBuPBiX4ITryMEXktmKlvVUaTBN/HOuygFcJ292bO2Y2BV1EMsFMd/WzFETTPrRv9Cq7xGn/jxFJ+ADSspVVoO5uxOkeR/A0ER5VCpYMd0i14ey6B5+GTvAnJK/Z383wGVfJIR8jKD14fOeweu0EQHTfPRl/Qej4u0M7ETuMEPYeCiGoZ1HWmhWwEm+Gv9dW3krwXhYwMw4g11Tft2dDC6Z1CZ/Eug5Q4xjCCnKY7X2tPlL/dAjBpxESzi2tc3iSrsF9SlrJDLPZEgi+BBGkpebL2Qc/LwDc2sz9FiP4OoJkKDrJIsgPQG7ojOBrsXIkPxDBOtpn9uL2Zw9tm3BbU8B/TlDgpqCLHMQu3JIw5IAt4AZ1jFzYFK4blZGL2idctyTIhwFXvUXISbsP1yyqyAlrwhWqjdx4FC5NQ+SmvIJLEwG5IUu4QGPkqGHBd04ZOZJ68J1BkKchfEMbyFUngHNODbmSEq43kH8HagM5iwZwatVCzsoOnPIZciYs4USli9zFFTjq68hdqMHRQkLuZAWO6gTzMLlWq0nVvEJSlbZ1MsN8NnwRo9z24bBnBu5UiWVyr/0sUkZvQb9nbPJH6FA40MKcY80mFmRGMbvzTsKBzMCX8sJqjR5dARJO4UhcCrf61+nlH/38JchfgXANpyqKcONXhgqn3HZOrjZkxA7ewzQ4R69/cdgfcM6U8a72IbD13/bMtTtRGAjDAwlXuYiKwuIFdL3hvUVr/v8f27XptutJGGjXc7ofeD6HZDKZzMwb8BA4EuDgacMQhD85VQRBDzipgQ7bgEBey04I8UMwrsB5Qq/MDwICmegz0wMBkuDloAucGI1Bj4KAthCGTTYgkqkMY/JmJ+oofwYiNBEd1QIRDa8xbY2bOUQb6BZIGAjjrhREWjHDsDw+mYG6iUiVvODbgVTuBXWi8HhAZZzcACFsii8Y4O54HkQjZSU1oBDGpZjgxXNhR0HPSQMRepKlARFtxFDGzs3KF/yy9qDWNYxDEFnrjFUmubXFUGxHMrF4cUyJoU7OcPzbR0u/oncTEwHNZYYSMQTGDMcYAMDVYDi26IC2LFgy8d1RYThmcpMEbpWZe7iHLOo9/2WVasd9AqALtbJ5uz9earslDQm591O13FP7DrQmSrWOOwPnrdtjcvTuFD7Yr1glSmcGYUepISLsC3Ba5z7isclAA06UjFgNRhGsR6wOnR8DL+st88DC42WbL3uZV9iCX+W89GBfVxe77fnYYtVY43G7ttDyl7wWfhtGCieTfSPGCexvNcC0YXeQSkyVPRpd9ivssIOuKxV5fZ89FmtiSQxwu7BwpXXy+txWH7n9+fNOFu3uAgK3pF+cLiz1UcsPd9qzdB03kBvAhYa39fVHLG9113BVWZkBZWu4BYC3sFz2TyjusLsGYpcZF0BeGm1q0gKIjiPz6yehGnM7vMnp0kx4AiwRBCEFcIqt7ypf2bzuB8vbBJfSunw4UrwtfynIawXOJ4aufm511ewkIfyG5Gapg7Zww8EqVxBRXl7z2FdVpd7iinqYHzM+uTcpH/dHc4RzZGLjuKHwilZ05wdFUSoWV1Qrztf8G7pe6Eg38i6opytsSn8XwRvOdLCbIOlBMUbBydOAQ70Ae9RbbeCdWR/dlNkv3jUypa3LOenG45/+R8HQTau92v5IezOHUuCE+Qo9sv5du0/wn3aq7j/9NZ5Sh5BWGF28/XJQ7Pe9SzQjxHHohyJIY1/Hltd3BO4gqcVQEgck0FdAgBwZipUSQUZlqJJ90uBTbFBh3r/ItqOl5TI1nkI1dVVBOy3ZjRMlw5JPMvg0nlXi/WTqQBnkYrdlGXMJn4cOVNlWkjUBDBKlfRd7gKqPkwglvp9GBCoJvdP2J/JUWZv7Ijjc5r2wrvfC7GwHnbeUt53BF5nGPItYncA+ZyGFhoaGhoaGhoaG/5Ff1O/sQcBw1Y0AAAAASUVORK5CYII=");
}
a.steam {
  background-image: url("data:image/png;base64,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");
}
a.youtube {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAMAAAD04JH5AAAAq1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////Nr6iZAAAAOHRSTlMA6QJR/PnL4iVAC8K51sivmgXaYhQQB+bTf3Ur9O3evaWMh2jPs597WBinkW4xHgTxlVxIO6xLNqZP58sAAAPBSURBVHja7dppU6MwAMbxlALlvgqlUNrS+z6t+nz/T7aJbldddXYhSN7we+U4k/Q/GEhkShqNRqPRaDQaje9ITM+IQu2gP6xnaTKd7C7eMt8+uouFZVmm4zhq/4VKfzTprxYL93GbL73LbjJN0tn6ST9om8jonSSqwAf70YB+4mrnmmo/6LQyRb7Df5LvlKzVCfqq6e5W++vDIPL/FXLa3FZWP1bwI5TYtlb6xiff6elejB8XL/Ue+YqkLWXUQt5qJ/JJbx2jNq3up4tgrBTUSEkM8oGfZqiVkny8BusWajbskneOc9TOHry7/S8Q4OKTu4MNAUY6uVvJEGFCfjMWEGIckVd6ACECnbzqniHE+X4nTsGDfxFIWwiyMAgTWhDE1AhzUCFI/1lif4GHEQRptV8C1i0IosxYwGmmQJSU7clRAmGmEduKdxDGY7fBYIliZBtVcdnD+HmLgrpdFdWw2mwrclGQTgarGFUYX9lx0EJBNFu6eQr4OXsasHeKB1DRwwLc1JTthXaJAObIvxTsKZ3H65QKYLRpC1w6Hp3FHZYOIMbzBTyGLp1knJUNYKK2hfKyMZ3CVHgC2FKYoyzFpBOonAFE0pJh2QCVjp+DK4AxBh7KmdPRff4A9lQYo4w+HWvzBzDhdYTibDoyqCaAnI6r4kshoANHnAFvelqOgkZ0WIc74I2hF1wKnUoDmKg7EhtApDDtCA0g0mYpMkAK9x0IDDCenMKLcFRdQO/gophRlQG+Ns1Q0Ki6R7G0mcUozK4sIGo7KMHm3I7fjmZ5+e1YlXkDfG2ioBSZHUgc3hPRcRagJMVhZ8KMKyBcOygtY2dC68wREN1ycDhbdI48Lh0gDSYZeMQ5nWUXlA3Q9gH4BDv2qnxeLiBsm+A1T9ibYrNMQE/PZXBT2b/nTwsU9ETI83SICpjsdfXtEQXpx9RGJaw1e1OboxjZc1GRxRNby17RAFQmP7DVPIEwuw1bz6kMURKDPc6uZwgi730W0I4hSNaVWIAeQJDRg0QozYQg6oAwPReCjDfkhQdBcp+8SBUIoaTkVbsFIVp/DhYqRGBr8JXkQYitT367DiFAtid3xhgCmCH5oyvgEgxn5I0hYBU8GuSdjYOaOUfygTZHrewD+cug1oVoDsgnxlRBTZRJSL7g3x5rSZBd3Sdf87XEGeJHDdVk4JPvSVKoX1NvrAbxWWbATWbOcaCOl+lV30jSf32j92SE2q09SyaX5da1TNXutArq2KppudvlZZLM2jctNE50WtJoNBqNRqPRaHz2C/MXPqiI3o3TAAAAAElFTkSuQmCC");
}

.split-content {
  padding: 0;
  margin: 0;
}
@media only screen and (min-width: 750px) {
  .split-content {
    height: 50rem;
  }
}
@media only screen and (min-width: 900px) {
  .split-content {
    height: 54rem;
  }
}
.split-content > figure {
  margin: 0;
}
@media only screen and (min-width: 750px) {
  .split-content > figure {
    display: flex;
    align-items: center;
  }
}
.split-content > figure picture {
  width: 50%;
}
.split-content > figure picture img {
  width: 100%;
}
@media only screen and (min-width: 750px) {
  .split-content > figure picture img {
    display: block;
    object-fit: cover;
    float: right;
    height: 50rem;
  }
}
@media only screen and (min-width: 900px) {
  .split-content > figure picture img {
    height: 54rem;
  }
}
.split-content > figure figcaption {
  box-sizing: border-box;
  padding: 3.2rem 2.6rem;
}
@media only screen and (min-width: 750px) {
  .split-content > figure figcaption {
    width: 50%;
  }
}
@media only screen and (min-width: 900px) {
  .split-content > figure figcaption {
    padding: 4rem;
  }
}
@media only screen and (min-width: 1050px) {
  .split-content > figure figcaption {
    padding: 4rem 10% 4rem 8rem;
  }
}
@media only screen and (min-width: 750px) {
  .split-content > figure figcaption div {
    max-width: 55rem;
    float: left;
  }
}
@media only screen and (min-width: 900px) {
  .split-content > figure figcaption div h2 {
    font-size: 4rem;
  }
}
.split-content > figure figcaption div h2 > span {
  display: block;
  font-size: 5rem;
}
@media only screen and (min-width: 900px) {
  .split-content > figure figcaption div h2 > span {
    font-size: 6rem;
  }
}
.split-content > figure figcaption div p {
  margin: 3rem 0;
}
.split-content > figure figcaption div p:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 750px) {
  .split-content:nth-child(even) > figure {
    flex-direction: row-reverse;
  }
  .split-content:nth-child(even) > figure img {
    float: left;
  }
  .split-content:nth-child(even) > figure figcaption {
    text-align: right;
  }
}
@media only screen and (min-width: 750px) and (min-width: 1050px) {
  .split-content:nth-child(even) > figure figcaption {
    padding: 4rem 8rem 4rem 10%;
  }
}
@media only screen and (min-width: 750px) {
  .split-content:nth-child(even) > figure figcaption div {
    float: right;
  }
}

.split--accessibility-management {
  background-color: #eee;
}
.split--accessibility-management a,
.split--accessibility-management a:visited {
  background: #333;
}
.split--accessibility-management a:hover {
  background: #666;
}

.split--website-health-monitoring {
  background-color: #ccc;
}
.split--website-health-monitoring a,
.split--website-health-monitoring a:visited {
  background: #333;
}
.split--website-health-monitoring a:hover {
  background: #666;
}

.split--interaction-compliance {
  background-color: #ddd;
}
.split--interaction-compliance a,
.split--interaction-compliance a:visited {
  background: #333;
}
.split--interaction-compliance a:hover {
  background: #666;
}

.youtube-playlist-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 1.6rem;
  margin: 0;
  padding: 0;
}
.youtube-playlist-container > li {
  gap: 2rem;
  list-style: none;
  margin: 0;
  padding: 1rem;
  background-color: #fff;
  border-radius: 0.5rem;
}
#youtube-strip {
  background-color: #cc0000;
}
#youtube-strip > a.cta.youtube {
  background-color: #ff0000;
}
#youtube-strip > a.cta.youtube:hover {
  background-color: #ee0000;
}

#events-list ul {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}
#events-list ul > li {
  padding: 0;
  margin: 0;
  list-style: none;
}
#events-list ul > li > a {
  padding: 2rem;
  background-color: #eee;
  border-radius: 0.5rem;
  display: block;
}