:root {
  --cc-mono-01: #21002c;
  --cc-blend-04: #d5384f;
  --buttons-secondary-purple: #7b58cf;
  --alice-blue: #d7ebf3;
  --cc-blend-01: #873089;
  --cc-mono-05: #7a6680;
  --light-green: #5be085;
  --steel-blue: white;
  --button-hover-link-hover: #5935b2;
  --cc-mono-06: #908095;
  --primary-purple: #2f2a6b;
  --borders-secondary-grey: #dbdbdb;
  --cc-blend-06: #e58a42;
  --cc-blend-02: #a13376;
  --cc-blend-05: #dd6149;
  --cc-blend-07: #eeb43c;
  --text: #2f2a6b;
  --borders: #f4f0ff;
  --cc-blend-03: #b83563;
  --dark-slate-blue: #194763;
  --cc-blend-08: #f7de36;
  --white: white;
  --cc-mono-02: #371941;
  --cc-mono-03: #4d3356;
  --cc-mono-04: #644c6b;
  --cc-mono-07: #a699ab;
  --cc-mono-08: #bcb2c0;
  --cc-mono-09: #d3ccd5;
  --cc-mono-10: #e9e5ea;
  --cc-mono-11: #f4f2f4;
  --form-placeholder: #b2a9cf;
  --white-2: #fafafa;
  --form-input: #f8f5ff;
  --cc-emphasis-text: Merriweather, serif;
  --cc-brand-font: Ubuntu, Helvetica, sans-serif;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

body {
  color: var(--cc-mono-01);
  background-color: #fff;
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1.25;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.3;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.4;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.4;
}

h5 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.4;
}

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.4;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--cc-mono-01);
  text-decoration: none;
}

a:hover {
  color: var(--cc-blend-04);
}

ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 2.5rem;
}

ol {
  margin-top: 0;
  margin-bottom: 1rem;
  padding-left: 2.5rem;
}

img {
  max-width: 100%;
  display: inline-block;
}

label {
  margin-bottom: .5rem;
  font-size: .875rem;
  font-weight: 600;
}

blockquote {
  border-left: .25rem solid var(--buttons-secondary-purple);
  margin-bottom: 0;
  padding: 1rem 1.5rem;
  font-size: 1.25rem;
  line-height: 22px;
}

figure {
  margin-bottom: 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

.layout2-tab-link {
  color: #2f2a6b;
  text-align: center;
  background-color: #0000;
  border-bottom: .125rem solid #f4f0ff;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  padding: 1.5rem;
  display: flex;
}

.layout2-tab-link.w--current {
  border-bottom-color: var(--cc-blend-01);
  color: var(--cc-blend-01);
  background-color: #0000;
}

.text-size-large {
  font-size: 1.5rem;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.messaging-pillars-item {
  text-decoration: none;
}

.nav-component {
  background-color: #fff;
  justify-content: space-between;
  padding: .75rem 2.5rem;
  display: none;
}

.faq-component {
  grid-column-gap: 0rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.styleguide-title-wrapper {
  background-image: linear-gradient(270deg, var(--cc-blend-01), var(--cc-mono-01));
  color: #fff;
  border-radius: .25rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.faq-title-column {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.text-size-small {
  margin-bottom: 2rem;
  padding-left: 0;
  font-size: .875rem;
}

.text-size-small.padding-bottom.padding-small {
  letter-spacing: .2em;
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 700;
}

.text-size-small.text-color-green {
  color: var(--light-green);
  margin-bottom: 0;
  padding-left: 0;
  font-weight: 400;
}

.text-size-small.text-color-red {
  color: var(--cc-blend-04);
  padding-left: 0;
}

.text-size-small.margin-custom2 {
  margin-right: 5rem;
}

.styleguide-tag {
  background-color: var(--alice-blue);
  color: var(--buttons-secondary-purple);
  text-align: center;
  border-radius: .25rem;
  margin-bottom: 1rem;
  padding: .25rem .75rem;
  font-weight: 600;
  display: inline-block;
}

.layout2-content-wrapper {
  grid-column-gap: 4rem;
  grid-row-gap: 2rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  align-items: center;
  display: grid;
}

.styleguide-spacing-component {
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 4rem;
  margin-bottom: 4rem;
  display: grid;
}

.messaging-pillars-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: .5rem 1rem .5rem 2rem;
  display: grid;
  overflow: hidden;
}

.text-color-white {
  color: #fff;
}

.changelog-content-wrapper {
  padding-left: 0;
  padding-right: 0;
}

.text-size-xlarge {
  font-size: 2rem;
}

.icon-large {
  height: 3rem;
}

.item-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.max-width-medium {
  width: 100%;
  max-width: 64rem;
}

.nav2-dropdown-link {
  background-color: #fff;
  padding: .75rem 1.25rem;
  font-size: .875rem;
  transition: color .1s;
}

.nav2-dropdown-link:hover, .nav2-dropdown-link.w--current {
  color: var(--buttons-secondary-purple);
}

.max-width-xsmall {
  width: 100%;
  max-width: 32rem;
}

.layout2-image {
  object-fit: cover;
  border-radius: .5rem;
  width: 100%;
  height: auto;
}

.layout2-tabs-menu {
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  font-weight: 600;
  display: flex;
  overflow: hidden;
}

.styleguide-divider {
  background-image: linear-gradient(to bottom, var(--alice-blue), var(--alice-blue) 50%, var(--alice-blue));
  color: #2f2a6b;
  letter-spacing: .15rem;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  height: 2rem;
  font-size: .78rem;
  font-weight: 600;
  display: flex;
}

.text-align-center {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.button-secondary {
  border: .125rem solid var(--steel-blue);
  color: var(--steel-blue);
  text-align: center;
  background-color: #0000;
  border-radius: 2rem;
  justify-content: center;
  align-items: center;
  padding: .75rem 1.5rem;
  font-weight: 600;
  text-decoration: none;
  transition: color .1s, background-color .1s;
}

.button-secondary:hover {
  border-color: var(--button-hover-link-hover);
  background-color: var(--button-hover-link-hover);
  color: #fff;
}

.button-secondary.is-inverted {
  color: #fff;
  border-color: #fff;
}

.button-secondary.is-inverted:hover {
  border-color: var(--button-hover-link-hover);
}

.form-message-success {
  background-color: var(--alice-blue);
  color: var(--buttons-secondary-purple);
  border-radius: .5rem;
  margin-top: 1rem;
  padding: 1.25rem;
  font-weight: 600;
}

.changelog-item {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-bottom: 1px solid var(--cc-mono-06);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  display: grid;
}

.styleguide-spacing-wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: 1rem;
  background-color: #f4f0ff;
  border-radius: .25rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  display: grid;
  overflow: hidden;
}

.styleguide-component-header {
  z-index: 10;
  background-color: var(--primary-purple);
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 6rem 2.5rem;
  display: flex;
}

.page-padding {
  padding-left: 4rem;
  padding-right: 4rem;
}

.page-padding.margin-custom1 {
  padding-left: 3rem;
  padding-right: 11rem;
}

.faq-question-column {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.messaging-pillars-component {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center stretch;
  width: 100%;
  display: grid;
}

.form-checkbox {
  border-style: solid;
  border-color: var(--borders-secondary-grey);
  cursor: pointer;
  background-color: #fff;
  border-radius: .25rem;
  width: 1rem;
  height: 1rem;
  margin: .2rem 0 0 -1.25rem;
}

.form-checkbox.w--redirected-checked {
  border: .1875rem solid var(--buttons-secondary-purple);
  background-color: var(--buttons-secondary-purple);
  border-radius: .25rem;
  width: 1rem;
  height: 1rem;
  margin: .2rem 0 0 -1.25rem;
}

.form-checkbox.w--redirected-focus {
  box-shadow: none;
  width: 1rem;
  height: 1rem;
  margin: .2rem 0 0 -1.25rem;
}

.form-message-error {
  color: #dd2b0e;
  background-color: #dd2b0e1a;
  border-radius: .5rem;
  margin-top: 1rem;
  padding: 1.25rem;
  font-weight: 600;
}

.button {
  background-color: var(--steel-blue);
  background-image: linear-gradient(90deg, var(--cc-blend-01), var(--cc-blend-04) 50%, var(--cc-blend-06));
  color: #fff;
  text-align: center;
  border: .125rem #0000;
  border-radius: 2rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  transition: border-color .1s, background-color .1s;
  display: flex;
}

.button:hover {
  border-style: none;
  border-color: var(--cc-blend-01);
  background-color: var(--cc-blend-01);
  background-image: linear-gradient(90deg, var(--cc-blend-02), var(--cc-blend-05) 50%, var(--cc-blend-07));
  color: #fff;
}

.button.button-big {
  height: auto;
  padding: 1rem 2rem;
}

.button.is-inverted {
  color: var(--text);
  background-color: #fff;
  border-color: #fff;
}

.button.is-inverted:hover {
  border-color: var(--button-hover-link-hover);
  background-color: var(--button-hover-link-hover);
  color: #fff;
}

.layout2-tab-pane {
  padding-top: 4rem;
}

.max-width-small {
  width: 100%;
  max-width: 48rem;
}

.form-checkbox-wrapper {
  margin-bottom: 0;
  padding-left: 1.25rem;
}

.layout1-component {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: block;
}

.colour-panel {
  border-radius: .5rem;
  height: 8rem;
  padding: .75rem;
  font-family: Ubuntu, Helvetica, sans-serif;
}

.colour-panel.ccblend01 {
  background-color: var(--cc-blend-01);
  align-items: center;
  display: block;
}

.colour-panel.is-accent {
  background-color: var(--cc-blend-07);
}

.colour-panel.is-text-color {
  background-color: var(--text);
  color: var(--cc-mono-01);
}

.colour-panel.ccblend04 {
  background-color: var(--cc-blend-04);
}

.colour-panel.ccblend02 {
  background-color: var(--cc-blend-02);
}

.colour-panel.is-border-color {
  background-color: var(--borders);
}

.colour-panel.is-primary {
  background-color: var(--cc-blend-01);
}

.colour-panel.is-secondary-border-color {
  background-color: var(--borders-secondary-grey);
}

.colour-panel.is-placeholder-text-color {
  background-color: #b2a9cf;
}

.colour-panel.ccblend03 {
  background-color: var(--cc-blend-03);
}

.colour-panel.secondary-01 {
  background-color: var(--cc-blend-07);
}

.colour-panel.neutral-01 {
  background-color: #0c0c0c;
}

.colour-panel.neutral-02 {
  background-color: #303030;
}

.colour-panel.neutral-03 {
  background-color: #5f5f5f;
}

.colour-panel.neutral-04 {
  background-color: #969696;
}

.colour-panel.secondary-02 {
  background-color: var(--cc-blend-02);
}

.colour-panel.secondary-03 {
  background-color: var(--light-green);
}

.colour-panel.secondary-04 {
  background-color: var(--dark-slate-blue);
}

.colour-panel.ccblend05 {
  background-color: var(--cc-blend-05);
}

.colour-panel.ccblend06 {
  background-color: var(--cc-blend-06);
}

.colour-panel.ccblend07 {
  background-color: var(--cc-blend-07);
}

.colour-panel.ccblend08 {
  background-color: var(--cc-blend-08);
}

.colour-panel.violet {
  background-color: var(--cc-blend-01);
  color: var(--white);
  height: 100%;
  font-weight: 300;
}

.colour-panel.violet:hover {
  color: var(--white);
}

.colour-panel.purple {
  background-color: var(--cc-blend-02);
  color: var(--white);
  height: 100%;
  font-weight: 300;
}

.colour-panel.purple:hover {
  color: var(--white);
}

.colour-panel.cerise {
  background-color: var(--cc-blend-03);
  color: var(--white);
  height: 100%;
  font-weight: 300;
}

.colour-panel.cerise:hover {
  color: var(--white);
}

.colour-panel.red {
  background-color: var(--cc-blend-04);
  color: var(--white);
  height: 100%;
  font-weight: 300;
}

.colour-panel.red:hover {
  color: var(--white);
}

.colour-panel.scarlet {
  background-color: var(--cc-blend-05);
  color: var(--white);
  height: 100%;
  font-weight: 300;
}

.colour-panel.scarlet:hover {
  color: var(--white);
}

.colour-panel.orange {
  background-color: var(--cc-blend-06);
  color: var(--white);
  height: 100%;
  font-weight: 300;
}

.colour-panel.orange:hover {
  color: var(--white);
}

.colour-panel.yellow {
  background-color: var(--cc-blend-07);
  color: var(--white);
  height: 100%;
  font-weight: 300;
}

.colour-panel.yellow:hover {
  color: var(--white);
}

.colour-panel.lemon {
  background-color: var(--cc-blend-08);
  color: var(--white);
  height: 100%;
  font-weight: 300;
}

.colour-panel.lemon:hover {
  color: var(--white);
}

.colour-panel.mono01 {
  background-color: var(--cc-mono-01);
  color: var(--white);
  height: 100%;
  font-weight: 300;
}

.colour-panel.mono01:hover {
  color: var(--white);
}

.colour-panel.mono02 {
  background-color: var(--cc-mono-02);
  color: var(--white);
  height: 100%;
  font-weight: 300;
}

.colour-panel.mono02:hover {
  color: var(--white);
}

.colour-panel.mono03 {
  background-color: var(--cc-mono-03);
  color: var(--white);
  height: 100%;
  font-weight: 300;
}

.colour-panel.mono03:hover {
  color: var(--white);
}

.colour-panel.mono04 {
  background-color: var(--cc-mono-04);
  color: var(--white);
  height: 100%;
  font-weight: 300;
}

.colour-panel.mono04:hover {
  color: var(--white);
}

.colour-panel.mono05 {
  background-color: var(--cc-mono-05);
  color: var(--white);
  height: 100%;
  font-weight: 300;
}

.colour-panel.mono05:hover {
  color: var(--white);
}

.colour-panel.mono06 {
  background-color: var(--cc-mono-06);
  color: var(--white);
  height: 100%;
  font-weight: 300;
}

.colour-panel.mono06:hover {
  color: var(--white);
}

.colour-panel.mono07 {
  background-color: var(--cc-mono-07);
  color: var(--white);
  height: 100%;
  font-weight: 300;
}

.colour-panel.mono07:hover {
  color: var(--white);
}

.colour-panel.mono08 {
  background-color: var(--cc-mono-08);
  color: var(--white);
  height: 100%;
  font-weight: 300;
}

.colour-panel.mono08:hover {
  color: var(--white);
}

.colour-panel.mono09 {
  background-color: var(--cc-mono-09);
  color: var(--cc-mono-01);
  height: 100%;
  font-weight: 300;
}

.colour-panel.mono09:hover {
  color: var(--cc-mono-01);
}

.colour-panel.mono10 {
  border: 1px solid var(--cc-mono-09);
  background-color: var(--cc-mono-10);
  color: var(--cc-mono-01);
  height: 100%;
  font-weight: 300;
}

.colour-panel.mono10:hover {
  color: var(--cc-mono-01);
}

.colour-panel.mono11 {
  border: 1px none var(--cc-mono-09);
  background-color: var(--cc-mono-11);
  color: var(--cc-mono-01);
  height: 100%;
  font-weight: 300;
}

.colour-panel.mono11:hover {
  color: var(--cc-mono-01);
}

.colour-panel.mono09-copy {
  background-color: var(--cc-mono-09);
  color: var(--cc-mono-01);
  height: 100%;
  font-weight: 300;
}

.colour-panel.mono09-copy:hover {
  color: var(--cc-mono-01);
}

.colour-panel.mono12 {
  background-color: var(--white);
  color: var(--cc-mono-01);
  height: 100%;
  font-weight: 300;
}

.colour-panel.mono12:hover {
  color: var(--cc-mono-01);
}

.styleguide-div-filler {
  background-color: #f4f0ff;
  border-radius: .25rem;
  height: 2rem;
}

.max-width-large {
  width: 100%;
  max-width: 80rem;
}

.max-width-xlarge {
  width: 100%;
  max-width: 90rem;
}

.max-width-xxsmall {
  width: 100%;
  max-width: 20rem;
}

.max-width-xxlarge {
  width: 100%;
  max-width: 98rem;
}

.text-weight-semibold {
  font-weight: 600;
}

.styleguide-grid {
  grid-column-gap: 4rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: .4fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  margin-top: 4rem;
  margin-bottom: 4rem;
  display: grid;
}

.color-class-label {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  opacity: .5;
  background-color: #fff;
  border-radius: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 6.6em;
  margin-right: .5rem;
  padding: .25rem .75rem;
  font-weight: 600;
  display: flex;
}

.color-class-label:hover {
  opacity: 100;
}

.styleguide-type-wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: .75rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
}

.styleguide-grid-right {
  grid-column-gap: 0rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.nav3-menu {
  align-items: center;
  font-weight: 600;
  display: flex;
}

.text-style-subheading {
  letter-spacing: .125rem;
  text-transform: uppercase;
}

.layout2-number-wrapper {
  background-color: var(--cc-blend-01);
  color: var(--buttons-secondary-purple);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  margin-bottom: 1rem;
  display: flex;
}

.icon-xlarge {
  height: 4rem;
}

.text-size-medium {
  font-size: 1.25rem;
}

.heading-small {
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.4;
}

.changelog-info-wrapper {
  grid-column-gap: .75rem;
  grid-row-gap: 0rem;
  color: var(--cc-mono-06);
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  align-items: center;
  margin-bottom: 1rem;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 300;
  display: grid;
}

.heading-medium {
  letter-spacing: -.02em;
  margin-bottom: 2rem;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 2rem;
  font-weight: 300;
}

.heading-medium.cc-mono-11 {
  color: var(--cc-mono-11);
  font-size: 2rem;
}

.heading-medium.cc-mono-11.padding-top-50 {
  padding-top: 50px;
  font-size: 2rem;
}

.heading-medium.cc-mono-11.padding-top-50.paading-bottom-30 {
  padding-bottom: 30px;
}

.heading-medium.cc-mono-11.padding-top-30 {
  padding-top: 30px;
}

.heading-medium.padding-top {
  padding-top: 20px;
  line-height: 1.4;
}

.heading-medium.margin-top.margin-large.contentdividertop {
  border-top: 1px dotted var(--cc-mono-01);
  margin-bottom: .125rem;
  padding-top: 3rem;
}

.heading-large {
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 3.3rem;
  font-weight: 300;
  line-height: 1.3;
}

.text-color-accent {
  color: var(--cc-blend-07);
}

.expander {
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 2rem;
  display: flex;
  position: relative;
}

.expander.text-color-white {
  mix-blend-mode: screen;
}

.expander-vertical {
  background-color: var(--cc-mono-03);
  width: .125rem;
  height: 1.25rem;
  position: absolute;
}

.expander-horizontal {
  background-color: var(--cc-mono-03);
  width: 1.25rem;
  height: .125rem;
}

.messaging-pillars-title-wrapper {
  background-color: var(--cc-mono-09);
  cursor: pointer;
  border-radius: 2rem;
  justify-content: space-between;
  align-items: center;
  height: 4rem;
  padding-left: 2rem;
  padding-right: 1.5rem;
  font-weight: 600;
  display: flex;
}

.faq-title-wrapper {
  border: .125rem solid var(--alice-blue);
  border-radius: .5rem;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 4rem;
  display: flex;
  overflow: hidden;
}

.faq-item {
  text-decoration: none;
}

.form-checkbox-label {
  margin-bottom: 0;
  margin-left: .25rem;
  font-size: 1rem;
}

.form-radio-wrapper {
  margin-bottom: 0;
  padding-left: 1.25rem;
}

.form-radio {
  border: 1px solid var(--borders-secondary-grey);
  cursor: pointer;
  background-color: #fff;
  width: 1rem;
  height: 1rem;
  margin: .2rem 0 0 -1.25rem;
}

.form-radio.w--redirected-checked {
  border: .125rem solid var(--buttons-secondary-purple);
  background-color: var(--buttons-secondary-purple);
  width: 1rem;
  height: 1rem;
  box-shadow: inset 0 0 0 .125rem #fff;
}

.form-radio.w--redirected-focus {
  width: 1rem;
  height: 1rem;
  box-shadow: inset 0 0 0 .125rem #fff;
}

.form-radio-label {
  margin-left: .25rem;
  font-size: 1rem;
}

.footer4-component {
  border-top: 1px none var(--alice-blue);
  background-color: var(--button-hover-link-hover);
  color: #fff;
  flex-direction: column;
  align-items: center;
  position: fixed;
  inset: auto 0% 0%;
}

.footer4-bottom {
  background-color: var(--cc-mono-01);
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.footer4-info-wrapper {
  justify-content: flex-end;
  align-items: center;
  height: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.footer4-link {
  color: #fff;
  padding: 0 20px 0 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: .875rem;
  font-weight: 300;
}

.footer4-link:hover {
  color: var(--cc-blend-07);
}

.footer4-bottom-link-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  display: none;
}

.section-home-header {
  background-image: linear-gradient(0deg, var(--cc-mono-01), var(--cc-mono-01));
}

.home-header-component {
  color: var(--text);
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  min-height: 100vh;
  display: flex;
}

.heading-xsmall {
  font-size: 1.1rem;
  font-weight: 600;
}

.heading-xsmall.text-color-white {
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 300;
}

.icon-wrapper {
  background-color: var(--alice-blue);
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 100%;
  margin-right: 2rem;
  display: flex;
}

.protected-wrap {
  background-image: linear-gradient(to bottom, var(--cc-mono-01), var(--cc-blend-01));
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.protected-content {
  background-color: var(--white);
  border-radius: .5rem;
  flex-direction: column;
  width: 30rem;
  margin-bottom: 0;
  padding: 4rem;
  display: flex;
}

.protected-form {
  grid-column-gap: 0rem;
  grid-row-gap: 1rem;
  text-align: center;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.form-input {
  color: #b2a9cf;
  background-color: #d7ebf34d;
  border-style: none;
  border-width: 0;
  border-radius: 4rem;
  height: 3.5rem;
  margin-bottom: 0;
  padding: .5rem 1.5rem;
  font-size: 1rem;
}

.form-input:focus {
  box-shadow: inset 0 0 0 .125rem var(--cc-blend-01);
  color: var(--cc-blend-01);
}

.form-input::placeholder {
  color: var(--primary-purple);
  font-size: 1rem;
}

.form-input.text-area {
  border-radius: 1.25rem;
  height: 7rem;
}

.form-input.nested-button {
  margin-bottom: 0;
  margin-right: -4rem;
  padding-right: 5.5rem;
}

.error-message {
  color: #db3b21;
  background-color: #0000;
  border-radius: .25rem;
  width: 100%;
  margin-top: 0;
  padding: 0;
}

._404-content {
  grid-row-gap: 1rem;
  text-align: center;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  width: 32rem;
  display: grid;
}

._404-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.images {
  object-fit: fill;
  border-radius: 1rem;
  width: 100%;
  max-height: none;
  display: block;
}

.images.padding-bottom.padding-large {
  padding-bottom: 4rem;
}

.images.padding-bottom.padding-large.rounded {
  border-radius: 40px;
}

.images.padding-bottom.padding-top.padding-large.rounded {
  border-radius: 100px;
}

.images.margin-top.margin-bottom {
  border-radius: 2rem;
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.images.margin-top.margin-large {
  border-radius: 2rem;
}

.images.margin-bottom.margin-large {
  border-radius: 0;
}

.images.margin-bottom.margin-large.rounded {
  border-radius: 40px;
}

.images.margin-bottom.margin-top {
  margin-top: 2rem;
}

.text-rich-text h1, .text-rich-text h2 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.text-rich-text h3, .text-rich-text h4 {
  margin-top: .75rem;
  margin-bottom: .75rem;
}

.text-rich-text h6, .text-rich-text h5 {
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.text-rich-text p {
  margin-bottom: 1rem;
}

.text-rich-text figure {
  margin: 2rem 0;
}

.text-rich-text img {
  object-fit: cover;
  border-radius: .5rem;
  width: 100%;
  height: 24rem;
}

.text-rich-text figcaption {
  opacity: .5;
  text-align: center;
  margin-top: .5rem;
}

.text-rich-text blockquote {
  border-left-width: .25rem;
  border-left-color: var(--buttons-secondary-purple);
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 1rem 1.5rem;
  font-size: 1.25rem;
}

.text-rich-text a {
  color: var(--buttons-secondary-purple);
}

.text-rich-text a:hover {
  color: var(--button-hover-link-hover);
}

.text-rich-text li {
  margin-bottom: .5rem;
}

.text-rich-text ul {
  margin-bottom: 1rem;
}

.main-wrapper {
  grid-template-rows: auto auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  height: auto;
  display: block;
}

.container-small {
  width: 100%;
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}

.container-medium {
  width: 100%;
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
}

.text-style-muted {
  opacity: .5;
}

.layout2-title-wrapper {
  margin-bottom: .5rem;
}

.gallery1-lightbox {
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  display: block;
}

.gallery1-image {
  object-fit: cover;
  border-radius: .5rem;
  width: 100%;
}

.layout3-component {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.typography-item {
  border: .125rem solid var(--white);
  background-color: var(--white);
  text-align: center;
  border-radius: .5rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.typography-item.secondary {
  border-style: none;
  border-color: var(--white);
  background-color: var(--white);
}

.layout3-icon-wrapper {
  background-color: var(--alice-blue);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: flex;
}

.contact-info-wrapper {
  flex-direction: column;
  order: 1;
  justify-content: flex-start;
  padding-top: 0;
  padding-left: 4rem;
  padding-right: 4rem;
  display: flex;
}

.contact-form {
  grid-column-gap: 0rem;
  grid-row-gap: 1.5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

.contact-form-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white);
  border: .125rem solid #f4f0ff;
  border-radius: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  width: 75%;
  margin-bottom: 0;
  padding: 4rem;
}

.contact-component {
  border-radius: 0;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: flex;
  overflow: hidden;
}

.nav3-container {
  justify-content: space-between;
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.align-center {
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.faq-category-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.neste-form-input {
  width: 100%;
  display: flex;
}

.icon-1x1-small {
  width: 1.5rem;
  height: 1.5rem;
}

.text-style-link {
  color: var(--form-placeholder);
  cursor: pointer;
  transition: color .2s cubic-bezier(.86, 0, .07, 1);
}

.text-style-link:hover {
  color: var(--cc-blend-07);
}

.text-style-link.padding-bottom.padding-xsmall {
  color: var(--cc-mono-06);
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 300;
}

.text-style-link.padding-bottom.padding-xsmall:hover, .changelog-title-link:hover {
  color: var(--cc-blend-07);
}

.gallery1-component {
  grid-column-gap: 0rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  grid-auto-columns: 1fr;
  max-width: 100%;
}

.gallery1-row {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: 16rem;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 16rem;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}

.text-weight-bold {
  font-weight: 700;
}

.text-weight-normal {
  font-weight: 400;
}

.text-weight-light {
  font-weight: 300;
}

.text-weight-xlight {
  font-weight: 200;
}

.text-style-italic {
  font-style: italic;
}

.text-style-strikethrough {
  text-decoration: line-through;
}

.text-style-allcaps {
  text-transform: uppercase;
}

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

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

.color-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.color-grid.margin-top.margin-huge {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.color-grid.margin-top.margin-xlarge {
  grid-template-rows: auto auto auto;
  margin-bottom: 4rem;
}

.color-grid.margin-top.margin-medium {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.styleguide-button-list {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: start;
  align-items: center;
  display: grid;
}

.styleguide-button-list.inverted {
  background-color: var(--primary-purple);
  border-radius: .25rem;
  padding: 1rem;
}

.styleguide-form-wrapper {
  margin-bottom: 0;
}

.styleguide-form {
  grid-column-gap: 0rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  display: grid;
}

.form-field-wrapper {
  width: 100%;
}

.styleguide-icon-list {
  grid-column-gap: 1rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  display: grid;
}

.styleguide-icon-wrapper {
  flex-direction: column;
  grid-template-rows: max-content;
  grid-template-columns: 1fr;
  grid-auto-rows: 1fr;
  grid-auto-columns: 1fr;
  place-items: flex-start start;
  display: flex;
}

.icon-xsmall {
  height: 1rem;
}

.icon-small {
  height: 1.5rem;
}

.icon-medium {
  height: 2rem;
}

.icon-1x1-xlarge {
  width: 4rem;
  height: 4rem;
}

.icon-1x1-large {
  width: 3rem;
  height: 3rem;
}

.icon-1x1-medium {
  width: 2rem;
  height: 2rem;
}

.icon-1x1-xsmall {
  width: 1rem;
  height: 1rem;
}

.social-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.margin-xlarge {
  margin: 4rem;
}

.margin-xxlarge {
  margin: 5rem;
}

.margin-xhuge {
  margin: 8rem;
}

.margin-tiny {
  margin: .125rem;
}

.margin-xsmall {
  margin: .5rem;
}

.margin-huge {
  margin: 6rem;
}

.margin-large {
  margin: 3rem;
}

.margin-xxhuge {
  margin: 12rem;
}

.margin-0 {
  margin: 0;
}

.margin-xxsmall {
  margin: .25rem;
}

.margin-custom3 {
  margin: 0;
}

.margin-small {
  margin: 1rem;
}

.margin-medium {
  margin: 2rem;
}

.margin-custom2, .margin-custom1 {
  margin: 0;
}

.padding-xsmall {
  padding: .5rem;
}

.padding-large {
  flex-direction: column;
  align-items: flex-start;
  padding: 3rem;
  display: flex;
}

.padding-small {
  padding: 1rem;
}

.padding-medium {
  padding: 2rem;
}

.padding-custom2, .padding-0 {
  padding: 0;
}

.padding-xxlarge {
  padding: 5rem;
}

.padding-xhuge {
  padding: 8rem;
}

.padding-custom1 {
  padding: 0;
}

.padding-tiny {
  padding: .125rem;
}

.padding-huge {
  padding: 6rem;
}

.padding-xxsmall {
  padding: .25rem;
}

.padding-custom3 {
  padding: 0;
}

.padding-xlarge {
  padding: 4rem;
}

.padding-xxhuge {
  padding: 12rem;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-right {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.margin-right.margin-small {
  margin-bottom: -.4rem;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.padding-top {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-top.padding-large {
  align-items: stretch;
  padding-top: 4rem;
}

.padding-bottom {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

.padding-vertical.padding-large {
  align-items: stretch;
}

.styleguide_spacing-label {
  background-color: var(--buttons-secondary-purple);
  color: #fff;
  text-align: center;
  border-radius: .25rem;
  width: 100%;
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.styleguide_width-wrapper {
  grid-column-gap: 0rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
}

.styleguide_container-wrapper {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: flex;
}

.fs-styleguide_button-row {
  grid-column-gap: 0rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
}

.text-weight-medium {
  font-weight: 500;
}

.heading-xlarge {
  font-family: Inter, sans-serif;
  font-size: 4rem;
  line-height: 1.25;
}

.heading-xlarge.text-color-white {
  color: var(--steel-blue);
}

.heading-xlarge.text-color-white.padding-bottom.padding-small {
  color: var(--white);
  letter-spacing: -.04em;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 300;
}

.text-style-nowrap {
  white-space: nowrap;
}

.text-style-quote {
  margin-bottom: 0;
  padding: 1rem 1.5rem;
  font-size: 1.25rem;
}

.background-color-black {
  background-color: #000;
}

.background-color-white {
  background-color: #fff;
}

.background-color-grey {
  background-color: var(--cc-mono-11);
}

.brand-logo-svg {
  width: 18em;
}

.section-left-menu {
  background-image: linear-gradient(180deg, var(--cc-mono-01), var(--cc-mono-02));
  width: auto;
  height: 100vh;
  display: block;
  position: sticky;
  inset: 0% auto 0% 0%;
}

.brand-logo-svg-small {
  width: 12em;
}

.brand-logo-svg-small.padding-bottom.padding-large {
  width: 14em;
}

.section-left-positioning {
  flex-direction: column;
  align-items: flex-start;
  width: auto;
  margin-left: 33px;
  padding-left: 0;
  display: flex;
}

.section-left-style {
  flex-direction: column;
  align-items: flex-start;
  margin-left: 33px;
  padding-top: 0;
  padding-left: 0;
  display: flex;
}

.section-right-content {
  background-color: #0000;
  flex-direction: row;
  justify-content: flex-end;
  width: auto;
  height: auto;
  margin-left: 0;
  margin-right: 1rem;
  display: block;
  position: static;
  inset: 0%;
}

.brand-story {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: block;
}

.brand-story.margin-bottom.margin-xxhuge {
  margin-bottom: 4rem;
}

.brand-story.margin-bottom.withinsectionmargin {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.mission {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: block;
}

.h1 {
  color: var(--cc-mono-01);
  letter-spacing: -.03em;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 3rem;
  font-weight: 300;
}

.h1.exbold {
  font-size: 5rem;
  font-weight: 700;
}

.h1.exbold.secondary {
  color: var(--cc-mono-01);
  font-family: Merriweather, serif;
  font-style: italic;
  font-weight: 400;
}

.h1.semibold {
  font-size: 5rem;
  font-weight: 500;
}

.h1.semibold.secondary {
  color: var(--cc-mono-01);
  font-family: Merriweather, serif;
  font-style: italic;
  font-weight: 300;
}

.h1.medium {
  font-size: 5rem;
  font-weight: 400;
}

.h1.normal {
  font-size: 5rem;
  font-weight: 300;
}

.h1.text-color-white {
  color: var(--white-2);
}

.values, .messaging-pillars {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: block;
}

.messaging-pillars.margin-bottom {
  margin-bottom: 4rem;
}

.main-wrapper-full {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  height: auto;
  display: grid;
}

.do-bar {
  background-color: var(--light-green);
  height: 4px;
  margin-top: 1.5rem;
  margin-bottom: .5rem;
}

.do-bar-wrapper.padding-top.padding-small {
  padding-top: 0;
}

.list {
  margin-top: 1.2rem;
  padding-left: 3rem;
  list-style-type: disc;
}

.paragraph {
  line-height: 1.5;
}

.dont-bar-wrapper.padding-top.padding-small {
  padding-top: 3rem;
}

.dont-bar {
  background-color: var(--cc-blend-04);
  height: 4px;
  margin-top: 1.5rem;
  margin-bottom: .5rem;
}

.list-item {
  margin-bottom: 1rem;
}

.horizontal-divider {
  background-color: #2375da80;
  height: 1px;
}

.logo {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: block;
}

.logo.margin-bottom.margin-xxhuge {
  margin-bottom: 8rem;
}

.logo-don-t {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: block;
}

.dont-component {
  grid-column-gap: 2rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  width: 100%;
  display: grid;
}

.logo-dont-item {
  text-decoration: none;
}

.dont-wrapper {
  background-color: var(--cc-mono-09);
  cursor: pointer;
  border-radius: 2rem;
  justify-content: space-between;
  align-items: center;
  height: 4rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 600;
  display: flex;
}

.dont-items {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: .5rem 1rem;
  display: grid;
  overflow: hidden;
}

.typography {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: block;
}

.item-list-4-column {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.item-list-4-column.margin-top.margin-huge {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
}

.elements, .color {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: block;
}

.color.margin-bottom.margin-xxhuge {
  align-self: stretch;
}

.elements-don-t {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: block;
}

.elements-don-t-component {
  grid-column-gap: 2rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  width: 100%;
  display: grid;
}

.elements-don-t-item {
  text-decoration: none;
}

.tone-of-voice {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: block;
}

.tone-of-voice-item {
  text-decoration: none;
}

.examples {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: block;
}

.examples.margin-bottom.margin-xxhuge {
  align-self: stretch;
}

.back-to-top-container {
  display: block;
  position: static;
}

.back-to-top-button-wrapper {
  z-index: 10;
  background-color: var(--cc-blend-04);
  border: 1px #e78232;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 54px;
  height: 54px;
  display: flex;
  position: fixed;
  bottom: 70px;
  right: 20px;
}

.button-circle {
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-circle:hover {
  opacity: .75;
}

.button-circle.color {
  width: 54px;
  height: 54px;
}

.button-circle-icon {
  width: 25px;
  height: 25px;
  margin-right: 0;
}

.collection-list {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  max-width: 100%;
  display: grid;
}

.section-left-assets {
  flex-direction: column;
  align-items: flex-start;
  margin-left: 33px;
  padding-top: 0;
  padding-left: 0;
  display: flex;
}

.menu-item {
  flex: 0 auto;
  width: 13em;
  text-decoration: none;
}

.menu-title-wrapper {
  cursor: pointer;
  background-color: #0000;
  border-radius: 0;
  justify-content: space-between;
  align-items: center;
  height: 3rem;
  padding-left: 0;
  padding-right: 0;
  font-weight: 600;
  display: flex;
}

.menu-wrapper {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.photography {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: block;
}

.collection-list-wrapper {
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  display: block;
}

.collection-item {
  max-width: 100%;
}

.download {
  border-radius: 1rem;
}

.download.margin-top.margin-large {
  margin-top: 6rem;
}

.business-card, .presentation, .letterhead {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: block;
}

.section-contact {
  background-image: linear-gradient(to bottom, var(--cc-mono-01), var(--cc-blend-01));
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.close-button {
  position: absolute;
  inset: 5% 5% auto auto;
}

.success-message {
  color: var(--cc-blend-01);
}

.section-landing {
  border-left: 1px solid var(--cc-mono-04);
  background-image: linear-gradient(0deg, var(--cc-mono-02), var(--cc-mono-01));
  height: 100vh;
}

.dispaly-h1 {
  color: var(--cc-mono-11);
  letter-spacing: -.04em;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 3rem;
  font-weight: 300;
}

.dispaly-h1.one-word, .dispaly-h1.vision {
  color: var(--cc-blend-01);
  margin-bottom: 3rem;
  font-size: 12rem;
  line-height: 1;
}

.icon {
  margin-right: 0;
  transform: rotate(-180deg);
}

.dropdown-list {
  position: fixed;
}

.dropdown-list.w--open {
  background-color: var(--alice-blue);
  width: 120px;
  margin-bottom: -143px;
  margin-left: -12px;
  padding-left: 0;
  position: absolute;
  bottom: 184px;
}

.dropdown {
  position: relative;
}

.h2, .h3, .h4, .h5, .h6, .divider-text {
  color: var(--steel-blue);
}

.section-examples {
  background-image: linear-gradient(to bottom, var(--cc-mono-01), var(--cc-mono-01));
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
  inset: 0%;
}

.link-block {
  display: block;
}

.text-span {
  color: var(--cc-mono-06);
  font-family: Merriweather, serif;
  font-style: italic;
  font-weight: 300;
}

.emphasis-merriweather {
  font-family: Merriweather, serif;
  font-style: italic;
  font-weight: 300;
}

.emphasis-merriweather.cc-blend-07 {
  color: var(--cc-blend-07);
}

.emphasis-merriweather.cc-blend-06 {
  color: var(--cc-blend-06);
  letter-spacing: -.03em;
}

.emphasis-merriweather.cc-blend-05 {
  color: var(--cc-blend-05);
}

.emphasis-merriweather.cc-blend-04 {
  color: var(--cc-blend-04);
  letter-spacing: -.01em;
}

.emphasis-merriweather.cc-blend-01 {
  color: var(--cc-blend-01);
  letter-spacing: -.03em;
}

.emphasis-merriweather.cc-blend-03 {
  color: var(--cc-blend-03);
  letter-spacing: -.03em;
}

.emphasis-merriweather.cc-blend-02 {
  letter-spacing: -.03em;
}

.margin-left {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
}

.margin-left.margin-small {
  align-self: auto;
  margin: 0 0 0 1rem;
}

.continue.margin-top.margin-large {
  margin-top: 6rem;
}

.continue.margin-top.margin-medium {
  width: 15rem;
}

.div-block {
  min-width: 42px;
  max-width: 42px;
  min-height: 11px;
  max-height: 11px;
}

.buttonarrow {
  min-width: 42px;
  max-width: 42px;
  min-height: 10px;
  max-height: 10px;
  margin-left: 20px;
}

.code-embed {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.continuebutton {
  background-color: var(--cc-blend-05);
  background-image: linear-gradient(90deg, var(--cc-blend-01), var(--cc-blend-04) 50%, var(--cc-blend-06));
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 184px;
  height: 50px;
  display: flex;
}

.continuebutton:hover {
  background-image: linear-gradient(90deg, var(--cc-blend-02), var(--cc-blend-05) 50%, var(--cc-blend-07));
}

.buttontext {
  color: var(--white);
  flex-flow: row;
  justify-content: center;
  align-self: auto;
  align-items: center;
  font-family: Ubuntu, Helvetica, sans-serif;
  display: flex;
}

.buttontext.yellow {
  color: var(--cc-blend-07);
}

.link-block-2 {
  margin-top: 30px;
}

.heading-uppercase {
  letter-spacing: -.02em;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 2rem;
  font-weight: 300;
}

.heading-uppercase.cc-mono-11 {
  color: var(--cc-mono-11);
}

.heading-uppercase.cc-mono-11.padding-top-50 {
  padding-top: 50px;
}

.heading-uppercase.cc-mono-11.padding-top-50.padding-bottom-30 {
  padding-bottom: 30px;
}

.heading-uppercase.cc-mono-11.padding-top-30 {
  padding-top: 30px;
}

.heading-uppercase.cc-mono-6 {
  color: var(--cc-mono-06);
  letter-spacing: .15em;
  padding-top: 60px;
  padding-bottom: 20px;
  font-size: 1.2rem;
  font-weight: 500;
}

.heading-uppercase.cc-mono-6.nopadding {
  padding-top: 0;
}

.heading-uppercase.cc-white {
  color: var(--cc-mono-01);
  letter-spacing: .15em;
  padding-top: 60px;
  padding-bottom: 20px;
  font-size: 1.6rem;
  font-weight: 500;
}

.heading-uppercase.cc-white.nopadding {
  opacity: .5;
  color: var(--white);
  padding-top: 0;
}

.paragraph-2 {
  font-family: Ubuntu, Helvetica, sans-serif;
}

.paragraph-3 {
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
}

.paragraph-3.margintop {
  margin-top: 2rem;
  font-size: 1.4rem;
  line-height: 1.4;
}

.paragraph-4 {
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 300;
}

.emphasis-ubuntu {
  font-weight: 500;
}

.emphasis-ubuntu.cc-blend-04 {
  color: var(--cc-blend-04);
}

.emphasis-ubuntu.cc-blend-01 {
  color: var(--cc-blend-01);
}

.emphasis-ubuntu.cc-blend-03 {
  color: var(--cc-blend-03);
}

.emphasis-ubuntu.cc-blend-06 {
  color: var(--cc-blend-06);
}

.emphasis-ubuntu.cc-blend-07 {
  color: var(--cc-blend-07);
}

.emphasis-ubuntu.cc-mono-6 {
  color: var(--cc-mono-06);
}

.emphasis-ubuntu.highlight {
  background-color: var(--cc-blend-08);
  color: var(--white);
  border-radius: 6px;
}

.emphasis-ubuntu.italic {
  font-style: italic;
}

.text-block-2 {
  font-family: Merriweather, serif;
  font-size: 3rem;
}

.callquote {
  margin-bottom: 0;
  font-family: Merriweather, serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
}

.text-span-2 {
  color: var(--cc-blend-03);
}

.text-span-3 {
  color: var(--cc-blend-06);
}

.text-span-4 {
  color: var(--cc-blend-04);
}

.text-span-5 {
  color: var(--cc-blend-01);
}

.paragraph-5, .paragraph-6, .paragraph-7, .paragraph-8, .paragraph-9, .paragraph-10 {
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 300;
}

.grid {
  grid-template: "Area Area-2 Area-3 Area-4 Area-5"
                 ". . . . ."
                 / 1fr 1fr 1fr 1fr 1fr;
  margin-top: 59px;
  margin-bottom: 50px;
}

.sectionlabel {
  color: var(--white);
  background-color: #fff0;
  border-radius: .5rem;
  justify-content: flex-start;
  padding: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 300;
  display: inline-block;
}

.guidelines-section-number {
  color: var(--cc-blend-01);
  letter-spacing: -.06em;
  margin-left: 13px;
  font-size: 7rem;
  line-height: 1;
}

.guidelines-section-number.cc-blend-02 {
  color: var(--cc-blend-02);
}

.guidelines-section-number.cc-blend-03 {
  color: var(--cc-blend-03);
}

.guidelines-section-number.cc-blend-04 {
  color: var(--cc-blend-04);
}

.guidelines-section-number.cc-blend-05 {
  color: var(--cc-blend-05);
}

.guidelines-section-name {
  color: var(--cc-mono-06);
  text-transform: none;
  padding-left: 16px;
  font-size: 2.2rem;
  font-weight: 300;
  line-height: 1;
}

.guidelines-section {
  background-color: var(--white);
  border-radius: 2.4rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  padding: 1rem .75rem 2.4rem;
  display: flex;
}

.guidelines-section:hover {
  background-color: var(--cc-mono-01);
}

.guidelines-section.ccblend01 {
  background-color: var(--cc-blend-01);
  align-items: center;
  display: flex;
}

.guidelines-section.is-accent {
  background-color: var(--cc-blend-07);
}

.guidelines-section.is-text-color {
  background-color: var(--text);
  color: var(--cc-mono-01);
}

.guidelines-section.ccblend04 {
  background-color: var(--cc-blend-04);
}

.guidelines-section.ccblend02 {
  background-color: var(--cc-blend-02);
}

.guidelines-section.is-border-color {
  background-color: var(--borders);
}

.guidelines-section.is-primary {
  background-color: var(--cc-blend-01);
}

.guidelines-section.is-secondary-border-color {
  background-color: var(--borders-secondary-grey);
}

.guidelines-section.is-placeholder-text-color {
  background-color: #b2a9cf;
}

.guidelines-section.ccblend03 {
  background-color: var(--cc-blend-03);
}

.guidelines-section.secondary-01 {
  background-color: var(--cc-blend-07);
}

.guidelines-section.neutral-01 {
  background-color: #0c0c0c;
}

.guidelines-section.neutral-02 {
  background-color: #303030;
}

.guidelines-section.neutral-03 {
  background-color: #5f5f5f;
}

.guidelines-section.neutral-04 {
  background-color: #969696;
}

.guidelines-section.secondary-02 {
  background-color: var(--cc-blend-02);
}

.guidelines-section.secondary-03 {
  background-color: var(--light-green);
}

.guidelines-section.secondary-04 {
  background-color: var(--dark-slate-blue);
}

.guidelines-section.ccblend05 {
  background-color: var(--cc-blend-05);
}

.guidelines-section.ccblend06 {
  background-color: var(--cc-blend-06);
}

.guidelines-section.ccblend07 {
  background-color: var(--cc-blend-07);
}

.guidelines-section.ccblend08 {
  background-color: var(--cc-blend-08);
}

.section-contents {
  background-color: var(--cc-mono-10);
}

.text-span-6 {
  color: var(--cc-blend-01);
  font-family: Merriweather, serif;
  font-style: italic;
}

.text-span-7 {
  color: var(--cc-blend-02);
  font-family: Merriweather, serif;
  font-style: italic;
}

.text-span-8 {
  color: var(--cc-blend-03);
  font-family: Merriweather, serif;
  font-style: italic;
}

.text-span-9 {
  color: var(--cc-blend-04);
  font-family: Merriweather, serif;
  font-style: italic;
}

.text-span-10 {
  color: var(--cc-blend-05);
  font-family: Merriweather, serif;
  font-style: italic;
}

.section-one-word {
  background-color: var(--cc-mono-10);
}

.snippet-with-underline-wrapper-copy.padding-top.padding-small {
  padding-top: 0;
}

.snippet-underline {
  background-color: var(--cc-mono-09);
  height: 4px;
  margin-top: 1.5rem;
  margin-bottom: .5rem;
}

.one-word-definition {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  font-family: Ubuntu, Helvetica, sans-serif;
  display: block;
}

.one-word-definition.margin-bottom.margin-xxhuge {
  margin-bottom: 2rem;
}

.accordion-label {
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
}

.cc-blend-05 {
  color: var(--cc-blend-05);
}

.cc-blend-02 {
  color: var(--cc-blend-02);
}

.cc-blend-04 {
  color: var(--cc-blend-04);
}

.text-span-11 {
  color: var(--cc-blend-06);
}

.text-span-12 {
  color: var(--cc-blend-03);
}

.section-left-culture, .section-left-language, .section-left-image {
  flex-direction: column;
  align-items: flex-start;
  margin-left: 33px;
  padding-top: 0;
  padding-left: 0;
  display: flex;
}

.section-vision {
  background-color: var(--cc-mono-10);
}

.section-positioning {
  padding-bottom: 30px;
}

.text-span-13, .text-span-14 {
  color: var(--cc-blend-04);
}

.section-mission {
  padding-bottom: 30px;
}

.text-span-15 {
  color: var(--cc-blend-04);
}

.brand-mission {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: block;
}

.brand-mission.margin-bottom.margin-xxhuge {
  margin-bottom: 4rem;
}

.brand-mission.margin-bottom.withinsectionmargin {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.brand-one-word {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: block;
}

.brand-one-word.margin-bottom.margin-xxhuge {
  margin-bottom: 8rem;
}

.brand-one-word.margin-bottom.withinsectionmargin {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.brand-vision {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: block;
}

.brand-vision.margin-bottom.margin-xxhuge {
  margin-bottom: 4rem;
}

.brand-vision.margin-bottom.withinsectionmargin {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.section-strategy {
  background-color: var(--cc-mono-10);
}

.item-2col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template: "Area Area-2"
  / 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  display: grid;
}

.item-2col.margin-top {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-columns: 1fr 1fr;
}

.item-2col.margin-top.margin-xxlarge {
  grid-template-columns: 1fr 1fr;
}

.paragraph-main-body {
  margin-bottom: 1.2rem;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.4;
}

.paragraph-main-body.margintop {
  margin-top: 2rem;
}

.paragraph-main-body.nopadding {
  margin-bottom: 0;
}

.paragraph-main-body.text-color-white {
  color: var(--cc-mono-06);
}

.div-block-2, .strategydownloadbutton {
  margin-top: 3rem;
}

.section-image {
  border-left: 1px solid var(--cc-mono-04);
  background-image: linear-gradient(0deg, var(--cc-mono-02), var(--cc-mono-01));
  height: 100vh;
}

.imagesectiondivblock {
  justify-content: flex-end;
  width: 100%;
  max-width: 100%;
  margin-top: 5rem;
  display: flex;
}

.section-assets {
  border-left: 1px solid var(--cc-mono-04);
  background-image: linear-gradient(0deg, var(--cc-mono-02), var(--cc-mono-01));
  height: 100vh;
}

.downloadbutton {
  background-image: linear-gradient(90deg, var(--cc-blend-01), var(--cc-blend-04) 50%, var(--cc-blend-06));
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  width: 260px;
  height: 50px;
  font-family: Ubuntu, Helvetica, sans-serif;
  display: flex;
}

.downloadbutton:hover {
  background-image: linear-gradient(90deg, var(--cc-blend-02), var(--cc-blend-05) 50%, var(--cc-blend-07));
}

.downloadbutton.fonts {
  width: 240px;
}

.downloadbutton.illustrations {
  width: 320px;
}

.image {
  vertical-align: baseline;
  justify-content: center;
  align-items: flex-end;
  margin-right: 0;
  display: block;
}

.image.rocket {
  max-width: 70%;
}

.assetimages {
  object-fit: fill;
  border-radius: 2.4rem;
  width: 100%;
  max-height: none;
  display: block;
}

.important-note {
  background-color: var(--cc-mono-10);
  border-radius: 16px;
  width: 100%;
  margin-top: 4rem;
  margin-bottom: 4rem;
  padding: 1rem 2rem;
}

.important-note.nomargin {
  margin-bottom: 0;
}

.important-note.dark {
  background-color: var(--cc-mono-09);
}

.section-identity-system {
  background-color: var(--white);
}

.brand-strategy {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: block;
}

.brand-strategy.margin-bottom.margin-xxhuge {
  margin-bottom: 8rem;
}

.brand-strategy.margin-bottom.withinsectionmargin {
  margin-top: 6rem;
  margin-bottom: 6rem;
}

.section-culture {
  border-left: 1px solid var(--cc-mono-04);
  background-color: var(--cc-blend-04);
  background-image: linear-gradient(0deg, var(--cc-mono-02), var(--cc-mono-01));
  height: 100vh;
}

.section-language {
  border-left: 1px solid var(--cc-mono-04);
  background-color: var(--cc-blend-04);
  background-image: linear-gradient(0deg, var(--cc-blend-04), var(--cc-blend-01) 72%, var(--cc-mono-01));
  height: 100vh;
}

.div-block-3 {
  background-color: var(--cc-mono-02);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 184px;
  height: 50px;
  display: flex;
}

.div-block-3:hover {
  background-color: var(--cc-mono-01);
}

.grid-identitysystem {
  grid-template: "Area Area-2 Area-3"
                 "Area-4 Area-5 Area-6"
                 / 1fr 1fr 1fr;
  margin-top: 59px;
  margin-bottom: 50px;
}

.grid-contents {
  grid-template: "Area Area-2 Area-3 Area-4 Area-5"
  / 1fr 1fr 1fr 1fr 1fr;
  margin-top: 59px;
  margin-bottom: 50px;
}

.identity-system-image {
  border-radius: 40px;
}

.identity-system-caption {
  letter-spacing: -.03em;
  margin-top: 13px;
  margin-bottom: 22px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 2rem;
  font-weight: 500;
}

.section-logo-usage {
  background-color: var(--cc-mono-11);
}

.main-body-subheading {
  margin-bottom: 1.2rem;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5;
}

.main-body-subheading.margin-top.margin-large.contentdividertop {
  border-top: 1px dotted var(--cc-mono-01);
  padding-top: 3rem;
}

.main-body-subheading.margin-top.margin-large.contentdividertop.centered {
  text-align: center;
}

.identitysystemlink:hover {
  box-shadow: 0 13px 17px 0 var(--cc-mono-07);
  opacity: 1;
  mix-blend-mode: normal;
  border-radius: 40px;
}

.link {
  font-family: Merriweather, serif;
  font-style: italic;
  -webkit-text-decoration: underline dashed;
  text-decoration: underline dashed;
}

.link.linkcolourwhite {
  color: var(--cc-mono-11);
}

.link.linkcolourwhite.hoveryellow:hover {
  color: var(--cc-blend-07);
}

.section-logo-usage-2 {
  background-color: var(--cc-mono-10);
}

.gridlogoversions {
  grid-template-rows: auto auto auto;
}

.downloadbutton-assets {
  background-image: linear-gradient(90deg, var(--cc-blend-01), var(--cc-blend-04) 50%, var(--cc-blend-06));
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  width: 260px;
  height: 50px;
  font-family: Ubuntu, Helvetica, sans-serif;
  display: flex;
}

.downloadbutton-assets:hover {
  background-image: linear-gradient(90deg, var(--cc-blend-02), var(--cc-blend-05) 50%, var(--cc-blend-07));
}

.section-logo-usage-3 {
  background-color: var(--cc-mono-11);
}

.section-logo-usage-4 {
  background-color: var(--cc-mono-10);
}

.section-logo-usage-5 {
  background-color: var(--cc-mono-11);
}

.section-colour {
  background-color: var(--cc-mono-10);
}

.colour-pillars-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--cc-blend-01);
  border-radius: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding: .5rem 1rem .5rem 2rem;
  display: grid;
  overflow: hidden;
}

.colour-pillars-title-wrapper {
  background-color: var(--cc-blend-01);
  cursor: pointer;
  border-radius: 1rem;
  justify-content: space-between;
  align-items: center;
  height: 4rem;
  padding-left: 2rem;
  padding-right: 1.5rem;
  font-weight: 600;
  display: flex;
}

.colour-pillars-item {
  text-decoration: none;
}

.colour-panel-label {
  color: var(--cc-mono-01);
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: .8rem;
  font-weight: 700;
  line-height: 1;
}

.colour-panel-label.dark {
  color: var(--white);
}

.cc-panel-hover-text {
  margin-top: 0;
  padding-top: 0;
  display: block;
}

.cc-panel-hover-text.first {
  margin-top: 8px;
}

.text-span-16, .text-span-17, .text-span-18 {
  font-weight: 500;
}

.hex-colour-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 1px dotted #fff;
  justify-content: space-between;
  align-items: center;
  margin-top: 1rem;
  margin-bottom: .25rem;
  padding-top: 0;
  padding-bottom: .5rem;
  display: flex;
}

.hex-colour-block.dark {
  border-bottom-color: var(--cc-mono-01);
}

.colour-panel-title {
  border: 1px #000;
  padding-bottom: .4rem;
  font-size: 1.6rem;
  font-weight: 500;
}

.colour-panel-title.dark {
  border-bottom-style: dotted;
  border-bottom-color: var(--cc-mono-01);
}

.text-block-3 {
  margin-bottom: 0;
  line-height: 1.5;
}

.text-block-3.cc-blend-01 {
  color: var(--cc-blend-01);
}

.process-colour-block {
  padding-top: .25rem;
}

.digital-colour-block {
  border-bottom: 1px dotted #fff;
  margin-bottom: .25rem;
  padding-top: .25rem;
  padding-bottom: .5rem;
}

.digital-colour-block.dark {
  border-bottom-color: var(--cc-mono-01);
}

.image-2 {
  margin-right: 0;
}

.violet {
  font-weight: 500;
}

.color-class-label-violet {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  opacity: .5;
  background-color: #fff;
  border-radius: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 6.6em;
  margin-right: .5rem;
  padding: .25rem .75rem;
  font-weight: 600;
  display: flex;
}

.color-class-label-violet:hover {
  opacity: 100;
}

.mono02 {
  font-weight: 500;
}

.color-class-label-purple {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  opacity: .5;
  background-color: #fff;
  border-radius: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 6.6em;
  margin-right: .5rem;
  padding: .25rem .75rem;
  font-weight: 600;
  display: flex;
}

.color-class-label-purple:hover {
  opacity: 100;
}

.cerise {
  font-weight: 500;
}

.color-class-label-cerise {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  opacity: .5;
  background-color: #fff;
  border-radius: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 6.6em;
  margin-right: .5rem;
  padding: .25rem .75rem;
  font-weight: 600;
  display: flex;
}

.color-class-label-cerise:hover {
  opacity: 100;
}

.red {
  font-weight: 500;
}

.color-class-label-red {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  opacity: .5;
  background-color: #fff;
  border-radius: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 6.6em;
  margin-right: .5rem;
  padding: .25rem .75rem;
  font-weight: 600;
  display: flex;
}

.color-class-label-red:hover {
  opacity: 100;
}

.scarlet {
  font-weight: 500;
}

.color-class-label-scarlet {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  opacity: .5;
  background-color: #fff;
  border-radius: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 6.6em;
  margin-right: .5rem;
  padding: .25rem .75rem;
  font-weight: 600;
  display: flex;
}

.color-class-label-scarlet:hover {
  opacity: 100;
}

.orange {
  font-weight: 500;
}

.color-class-label-orange {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  opacity: .5;
  background-color: #fff;
  border-radius: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 6.6em;
  margin-right: .5rem;
  padding: .25rem .75rem;
  font-weight: 600;
  display: flex;
}

.color-class-label-orange:hover {
  opacity: 100;
}

.yellow {
  font-weight: 500;
}

.color-class-label-yellow {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  opacity: .5;
  background-color: #fff;
  border-radius: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 6.6em;
  margin-right: .5rem;
  padding: .25rem .75rem;
  font-weight: 600;
  display: flex;
}

.color-class-label-yellow:hover {
  opacity: 100;
}

.lemon {
  font-weight: 500;
}

.color-class-label-lemon {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  opacity: .5;
  background-color: #fff;
  border-radius: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 6.6em;
  margin-right: .5rem;
  padding: .25rem .75rem;
  font-weight: 600;
  display: flex;
}

.color-class-label-lemon:hover {
  opacity: 100;
}

.gradientcolour {
  background-image: linear-gradient(90deg, var(--cc-blend-01), var(--cc-blend-04) 50%, var(--cc-blend-07));
  color: var(--white);
  text-align: center;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  height: 84px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 500;
  display: flex;
}

.gradientcolour.subtle1 {
  background-image: linear-gradient(90deg, var(--cc-blend-01), var(--cc-blend-03));
}

.gradientcolour.subtle-2 {
  background-image: linear-gradient(90deg, var(--cc-blend-03), var(--cc-blend-05));
}

.gradientcolour.subtle-3 {
  background-image: linear-gradient(90deg, var(--cc-blend-05), var(--cc-blend-07));
}

.gradientcolour.subtlemono1 {
  border: 1px solid var(--cc-mono-01);
  background-image: linear-gradient(90deg, var(--cc-mono-01), var(--cc-mono-03));
}

.gradientcolour.subtlemono-2 {
  border: 1px solid var(--cc-mono-05);
  background-image: linear-gradient(90deg, var(--cc-mono-05), var(--cc-mono-06));
}

.gradientcolour.subtlemono-3 {
  border: 1px solid var(--cc-mono-08);
  background-image: linear-gradient(90deg, var(--cc-mono-08), var(--cc-mono-10));
}

.gradient-keylines {
  color: var(--white);
  text-align: center;
  justify-content: space-between;
  align-items: center;
  height: 33px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 500;
  display: flex;
}

.left-keyline, .centre-keyline {
  border-left: 1px dotted var(--cc-mono-01);
  width: 1px;
  height: 100%;
}

.right-keyline {
  border-right: 1px dotted var(--cc-mono-01);
  width: 1px;
  height: 100%;
}

.gradient-labels {
  justify-content: space-between;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 500;
  display: flex;
}

.subtlegradientlabel {
  margin-bottom: 6px;
  font-size: 1.2rem;
}

.section-colour-mono {
  background-color: var(--cc-mono-10);
}

.white {
  font-weight: 500;
}

.color-class-label-white {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  opacity: .5;
  background-color: #fff;
  border-radius: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 6.6em;
  margin-right: .5rem;
  padding: .25rem .75rem;
  font-weight: 600;
  display: flex;
}

.color-class-label-white:hover {
  opacity: 100;
}

.mono01 {
  font-weight: 500;
}

.color-class-label-mono01 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  opacity: .5;
  background-color: #fff;
  border-radius: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 6.6em;
  margin-right: .5rem;
  padding: .25rem .75rem;
  font-weight: 600;
  display: flex;
}

.color-class-label-mono01:hover {
  opacity: 100;
}

.color-class-label-mono02 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  opacity: .5;
  background-color: #fff;
  border-radius: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 6.6em;
  margin-right: .5rem;
  padding: .25rem .75rem;
  font-weight: 600;
  display: flex;
}

.color-class-label-mono02:hover {
  opacity: 100;
}

.mono03 {
  font-weight: 500;
}

.color-class-label-mono03 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  opacity: .5;
  background-color: #fff;
  border-radius: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 6.6em;
  margin-right: .5rem;
  padding: .25rem .75rem;
  font-weight: 600;
  display: flex;
}

.color-class-label-mono03:hover {
  opacity: 100;
}

.mono04 {
  font-weight: 500;
}

.color-class-label-mono04 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  opacity: .5;
  background-color: #fff;
  border-radius: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 6.6em;
  margin-right: .5rem;
  padding: .25rem .75rem;
  font-weight: 600;
  display: flex;
}

.color-class-label-mono04:hover {
  opacity: 100;
}

.mono05 {
  font-weight: 500;
}

.color-class-label-mono05 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  opacity: .5;
  background-color: #fff;
  border-radius: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 6.6em;
  margin-right: .5rem;
  padding: .25rem .75rem;
  font-weight: 600;
  display: flex;
}

.color-class-label-mono05:hover {
  opacity: 100;
}

.color-class-label-mono06 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  opacity: .5;
  background-color: #fff;
  border-radius: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 6.6em;
  margin-right: .5rem;
  padding: .25rem .75rem;
  font-weight: 600;
  display: flex;
}

.color-class-label-mono06:hover {
  opacity: 100;
}

.mono06 {
  font-weight: 500;
}

.color-class-label-mono07 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  opacity: .5;
  background-color: #fff;
  border-radius: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 6.6em;
  margin-right: .5rem;
  padding: .25rem .75rem;
  font-weight: 600;
  display: flex;
}

.color-class-label-mono07:hover {
  opacity: 100;
}

.mono07 {
  font-weight: 500;
}

.color-class-label-yellow-copy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  opacity: .5;
  background-color: #fff;
  border-radius: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 6.6em;
  margin-right: .5rem;
  padding: .25rem .75rem;
  font-weight: 600;
  display: flex;
}

.color-class-label-yellow-copy:hover {
  opacity: 100;
}

.mono08 {
  font-weight: 500;
}

.color-class-label-mono08 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  opacity: .5;
  background-color: #fff;
  border-radius: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 6.6em;
  margin-right: .5rem;
  padding: .25rem .75rem;
  font-weight: 600;
  display: flex;
}

.color-class-label-mono08:hover {
  opacity: 100;
}

.color-class-label-mono09 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--cc-mono-01);
  opacity: .5;
  color: var(--white);
  border-radius: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 6.6em;
  margin-right: .5rem;
  padding: .25rem .75rem;
  font-weight: 600;
  display: flex;
}

.color-class-label-mono09:hover {
  opacity: 100;
}

.mono09, .mono10 {
  font-weight: 500;
}

.color-class-label-mono10 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--cc-mono-01);
  opacity: .5;
  color: var(--white);
  border-radius: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 6.6em;
  margin-right: .5rem;
  padding: .25rem .75rem;
  font-weight: 600;
  display: flex;
}

.color-class-label-mono10:hover {
  opacity: 100;
}

.mono11 {
  font-weight: 500;
}

.color-class-label-mono11 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--cc-mono-01);
  opacity: .5;
  color: var(--white);
  border-radius: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 6.6em;
  margin-right: .5rem;
  padding: .25rem .75rem;
  font-weight: 600;
  display: flex;
}

.color-class-label-mono11:hover {
  opacity: 100;
}

.mono12 {
  font-weight: 500;
}

.color-class-label-mono12 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: var(--cc-mono-01);
  opacity: .5;
  color: var(--white);
  border-radius: .5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 6.6em;
  margin-right: .5rem;
  padding: .25rem .75rem;
  font-weight: 600;
  display: flex;
}

.color-class-label-mono12:hover {
  opacity: 100;
}

.section-colour-usage {
  background-color: var(--cc-mono-11);
}

.colour-rules {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2rem;
  margin-bottom: 4rem;
  display: grid;
}

.colour-rules-do {
  background-color: var(--white);
  border-radius: 1rem;
  padding: .75rem 2rem;
}

.rules-panel-title {
  border: 1px #000;
  padding-top: .5rem;
  padding-bottom: .75rem;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
}

.rules-panel-title.dark {
  border-bottom-style: dotted;
  border-bottom-color: var(--cc-mono-01);
}

.rule {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-top: 1px dotted var(--cc-mono-01);
  justify-content: flex-start;
  align-items: center;
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  display: flex;
}

.image-3 {
  margin-right: 0;
}

.cc-mono-6 {
  color: var(--cc-mono-06);
}

.cc-blend-01 {
  color: var(--cc-blend-01);
}

.standardcolourgradient {
  margin-bottom: 0;
  font-size: 1.2rem;
  line-height: 1.2;
}

.standardcolourgradient.cc-blend-01 {
  color: var(--cc-blend-01);
}

.main-body-subheading-large {
  margin-bottom: 1.2rem;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 2.2rem;
  font-weight: 500;
  line-height: 1.5;
}

.main-body-subheading-large.margin-top.margin-large {
  font-size: 2.2rem;
}

.main-body-subheading-large.margin-top.margin-large.contentdividertop {
  border-top: 1px dotted var(--cc-mono-01);
  padding-top: 3rem;
}

.text-span-19, .text-span-20 {
  color: var(--cc-blend-05);
}

.section-typography {
  background-color: var(--cc-mono-10);
}

.text-span-21 {
  color: var(--cc-blend-03);
}

.section-typography-primary {
  background-color: var(--cc-mono-11);
}

.bold-text, .bold-text-2 {
  font-weight: 500;
}

.div-block-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.primary-font-usage {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2rem;
  margin-bottom: 4rem;
  display: grid;
}

.general-rules-panel {
  background-color: var(--white);
  border-radius: 1rem;
  padding: .75rem 2rem;
}

.bold-text-3, .bold-text-4, .bold-text-5, .bold-text-6, .bold-text-7, .bold-text-8 {
  font-weight: 500;
}

.section-typography-tips {
  background-color: var(--cc-mono-10);
}

.text-span-22 {
  color: var(--cc-blend-06);
}

.section-illustration-usage {
  background-color: var(--cc-mono-10);
}

.text-block-4 {
  color: var(--white);
}

.text-span-23 {
  color: var(--cc-blend-05);
}

.illustration-usage-panel {
  background-color: var(--cc-mono-11);
  border-radius: 1rem;
  padding: .75rem 2rem;
}

.illustration-usage-pic {
  justify-content: center;
  height: 11rem;
  display: flex;
}

.recolour-pic {
  margin-top: auto;
  margin-bottom: auto;
}

.div-block-5 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-4 {
  height: 100%;
}

.story-teller-pic {
  max-height: 90%;
  margin-top: auto;
  margin-bottom: auto;
}

.snail-pic {
  max-width: 85%;
  margin-top: auto;
  margin-bottom: auto;
}

.animation-pic {
  max-height: 85%;
  margin-top: auto;
  margin-bottom: auto;
}

.stylistic-consistency-pic {
  max-height: 90%;
  margin-top: auto;
  margin-bottom: auto;
}

.illustration-usage {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2rem;
  margin-bottom: 3rem;
  display: grid;
}

.illustration-dark {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.rounded {
  border-radius: 1rem;
}

.supergraphic2col {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template: "Area Area-2"
  / 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-content: center;
  place-items: stretch start;
  display: grid;
}

.supergraphic2col.margin-top {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-columns: 1fr 1fr;
}

.supergraphic2col.margin-top.margin-xxlarge {
  grid-template-columns: 1.4fr .6fr;
}

.mainsupergraphicimage {
  background-color: var(--cc-mono-10);
  border-radius: 20px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  height: 600px;
  min-height: 100%;
  display: flex;
  position: static;
}

.supergraphic-image {
  text-align: left;
  vertical-align: baseline;
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
  display: inline-flex;
}

.supergraphic-image.rocket {
  max-width: 70%;
}

.flex-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  align-items: stretch;
}

.div-block-6 {
  width: 50%;
}

.main-supergraphic-block {
  background-color: var(--cc-mono-10);
  align-self: flex-end;
  align-items: baseline;
  width: 50%;
  display: block;
}

.image-5 {
  display: block;
}

.supergraphic-intro-2col {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template: "Text-Area Supergraphic-Area"
  / 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.supergraphic-intro-2col.margin-bottom.margin-large {
  margin-bottom: 1.2rem;
}

.supergraphic-intro-pic {
  background-color: var(--cc-mono-01);
  border-radius: 1rem;
  align-items: flex-end;
  margin-bottom: 20px;
  display: flex;
}

.supergraphicimage {
  opacity: .24;
  border-radius: 1rem;
}

.supergraphic-options-grid {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.supergraphic-option-image {
  border-radius: 1rem;
}

.supergraphic-caption {
  letter-spacing: -.03em;
  margin-top: 13px;
  margin-bottom: 22px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
}

.downloadbutton-supergraphic {
  background-image: linear-gradient(90deg, var(--cc-blend-01), var(--cc-blend-04) 50%, var(--cc-blend-06));
  border-radius: 80px;
  justify-content: center;
  align-items: center;
  width: 316px;
  height: 50px;
  font-family: Ubuntu, Helvetica, sans-serif;
  display: flex;
}

.downloadbutton-supergraphic:hover {
  background-image: linear-gradient(90deg, var(--cc-blend-02), var(--cc-blend-05) 50%, var(--cc-blend-07));
}

.footer4-copyright {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  display: grid;
}

.logo-versions {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: block;
}

.versiononea {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.asset-logo-image, .asset-download {
  border-radius: 1rem;
}

.asset-download.margin-top.margin-large {
  margin-top: 6rem;
}

.asset-button {
  background-color: var(--cc-mono-07);
  color: #fff;
  text-align: center;
  border: .125rem #0000;
  border-radius: 1rem;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: .75rem;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 400;
  transition: border-color .1s, background-color .1s;
  display: flex;
}

.asset-button:hover {
  border-style: none;
  border-color: var(--cc-blend-01);
  background-color: var(--cc-blend-01);
  background-image: linear-gradient(90deg, var(--cc-blend-02), var(--cc-blend-05) 50%, var(--cc-blend-07));
  color: #fff;
}

.asset-button.button-big {
  height: auto;
  padding: 1rem 2rem;
}

.asset-button.is-inverted {
  color: var(--text);
  background-color: #fff;
  border-color: #fff;
}

.asset-button.is-inverted:hover {
  border-color: var(--button-hover-link-hover);
  background-color: var(--button-hover-link-hover);
  color: #fff;
}

.text-block-5 {
  text-align: center;
  flex: 0 auto;
}

.file-format-table {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-bottom: 1px dotted var(--cc-mono-01);
  text-align: left;
  grid-template: "File-Icon File-Description File-Colour-Mode File-Usage File-Download"
  / .5fr 1.5fr .5fr 1.5fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  height: 7rem;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  display: grid;
}

.file-format-table.header {
  letter-spacing: .1rem;
  height: 4rem;
  font-size: .9rem;
  font-weight: 700;
}

.file-format-image {
  max-width: none;
  height: 5rem;
}

.file-format-image.small {
  height: 3rem;
}

.file-description, .file-colour-mode {
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
}

.download-asset {
  border-radius: 1rem;
}

.download-asset.margin-top.margin-large {
  margin-top: 6rem;
}

.button-copy {
  background-color: var(--steel-blue);
  background-image: linear-gradient(90deg, var(--cc-blend-01), var(--cc-blend-04) 50%, var(--cc-blend-06));
  color: #fff;
  text-align: center;
  border: .125rem #0000;
  border-radius: 2rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: .75rem;
  padding-bottom: .75rem;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  transition: border-color .1s, background-color .1s;
  display: flex;
}

.button-copy:hover {
  border-style: none;
  border-color: var(--cc-blend-01);
  background-color: var(--cc-blend-01);
  background-image: linear-gradient(90deg, var(--cc-blend-02), var(--cc-blend-05) 50%, var(--cc-blend-07));
  color: #fff;
}

.button-copy.button-big {
  height: auto;
  padding: 1rem 2rem;
}

.button-copy.is-inverted {
  color: var(--text);
  background-color: #fff;
  border-color: #fff;
}

.button-copy.is-inverted:hover {
  border-color: var(--button-hover-link-hover);
  background-color: var(--button-hover-link-hover);
  color: #fff;
}

.button-asset {
  background-color: var(--cc-mono-05);
  color: #fff;
  text-align: center;
  border: .125rem #0000;
  border-radius: 2rem;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 10rem;
  padding: .5rem .75rem .5rem .5rem;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  transition: border-color .1s, background-color .1s;
  display: flex;
}

.button-asset:hover {
  border-style: none;
  border-color: var(--cc-blend-01);
  background-color: var(--cc-blend-01);
  background-image: linear-gradient(90deg, var(--cc-blend-02), var(--cc-blend-05) 50%, var(--cc-blend-07));
  color: #fff;
}

.button-asset.button-big {
  height: auto;
  padding: 1rem 2rem;
}

.button-asset.is-inverted {
  color: var(--text);
  background-color: #fff;
  border-color: #fff;
}

.button-asset.is-inverted:hover {
  border-color: var(--button-hover-link-hover);
  background-color: var(--button-hover-link-hover);
  color: #fff;
}

.section-assets-heart-icon, .section-assets-illustrations {
  background-color: var(--cc-mono-10);
}

.illustration-asset-table {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-bottom: 1px dotted var(--cc-mono-01);
  text-align: left;
  grid-template: "File-Icon File-Description File-Colour-Mode File-Usage File-Download"
                 ". . . . ."
                 ". . . . ."
                 / .5fr .5fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  height: 7rem;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  display: grid;
}

.illustration-asset-table.header {
  letter-spacing: .1rem;
  height: 4rem;
  font-size: .9rem;
  font-weight: 700;
}

.div-block-7 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.illustration-assets-grid {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.illustration-asset-image {
  border-radius: 40px;
}

.illustration-asset-block {
  margin-bottom: 3rem;
}

.illustration-caption {
  border-bottom: 1px dotted var(--cc-mono-01);
  text-align: center;
  letter-spacing: -.03em;
  margin-top: 13px;
  margin-bottom: 0;
  padding-bottom: 20px;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
}

.download-options {
  border-bottom: 1px dotted var(--cc-mono-01);
  justify-content: space-between;
  align-items: center;
  height: 5rem;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 300;
  display: flex;
}

.text-block-6 {
  font-size: .8rem;
  font-weight: 400;
}

.section-assets-business-card, .section-assets-letterhead, .section-assets-banners {
  background-color: var(--cc-mono-10);
}

._2colbuttons {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2rem;
  display: grid;
}

.section-language-story {
  background-color: var(--cc-mono-10);
}

.brand-story-paper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white);
  border-radius: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 4rem;
  display: block;
  box-shadow: 3rem 3rem 2rem #0003;
}

.brand-story-headings {
  letter-spacing: -.05em;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.1;
}

.changelogintropara {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
}

.list-2 {
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  list-style-type: none;
}

.purple-heart-list-item {
  background-image: url('../images/Bullet-03.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto 1.1rem;
  padding-bottom: 0;
  padding-left: 33px;
}

.italic-text {
  color: var(--cc-blend-04);
  font-family: Merriweather, serif;
  font-weight: 300;
}

.brand-story-row {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-bottom: 1px dotted var(--cc-mono-06);
  grid-template-rows: auto;
  grid-template-columns: .7fr 1.3fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  margin-left: 3rem;
  margin-right: 3rem;
  padding-top: 3rem;
  padding-bottom: 2rem;
  display: grid;
}

.brand-story-row.lastrow {
  border: 1px #000;
  padding-bottom: 4rem;
}

.text-span-24 {
  color: var(--cc-blend-04);
  font-style: italic;
}

.tone-of-voice-grid {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
}

.tone-of-voice-characteristics-block {
  background-color: var(--cc-blend-01);
  border-radius: 2rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 400;
}

.tone-of-voice-characteristics-block.panel1 {
  background-color: var(--cc-mono-02);
}

.tone-of-voice-characteristics-block.panel3 {
  background-color: var(--cc-blend-05);
}

.tone-of-voice-characteristics-block.panel4 {
  background-color: var(--cc-blend-04);
}

.tone-of-voice-characteristics-block.principlespanel {
  background-color: var(--cc-mono-03);
}

.tov-characteristic-title {
  color: var(--white);
  text-align: center;
  letter-spacing: -.03rem;
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 2rem;
  font-weight: 400;
}

.bold-text-9 {
  font-size: 2rem;
  font-weight: 400;
}

.tov-characteristic-caption {
  color: var(--white);
  text-align: center;
  letter-spacing: -.03rem;
  margin-top: 0;
  margin-bottom: 2rem;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
}

.section-language-strapline {
  background-color: var(--cc-mono-10);
}

.callout {
  border-top: 1px none var(--cc-mono-06);
  border-bottom: 1px solid var(--cc-mono-01);
  border-left: 8px solid var(--cc-blend-01);
  color: var(--cc-blend-01);
  flex-flow: row;
  margin-top: 3rem;
  margin-bottom: 3rem;
  padding: 0 3rem 3rem;
  font-family: Merriweather, serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
  line-height: 1.3;
  display: block;
}

.language-principles-block {
  background-color: var(--cc-mono-02);
  border-radius: 2rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-weight: 400;
}

.language-principles-block.panel1 {
  background-color: var(--cc-mono-02);
}

.language-principles-block.panel3 {
  background-color: var(--cc-blend-05);
}

.language-principles-block.panel4 {
  background-color: var(--cc-blend-04);
}

.language-principles-block.principlespanel {
  background-color: var(--cc-mono-03);
}

.principle-number {
  color: var(--cc-blend-07);
  text-align: center;
  letter-spacing: -.03rem;
  margin-top: 2rem;
  margin-bottom: 0;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 6rem;
  font-weight: 300;
  line-height: 1;
}

.priniciple-titlle {
  color: var(--white);
  text-align: center;
  letter-spacing: -.03rem;
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 3rem;
  font-weight: 400;
}

.saythis {
  color: var(--cc-blend-01);
  border: 1px #000;
  flex-flow: row;
  font-family: Merriweather, serif;
  font-size: 2.4rem;
  font-style: italic;
  font-weight: 300;
  line-height: 1.3;
  display: block;
}

.say-this-block {
  border-bottom: 1px solid var(--cc-mono-06);
  border-left: 8px solid var(--cc-blend-01);
  margin-top: 2rem;
  margin-bottom: 4rem;
  padding-bottom: 3rem;
  padding-left: 3rem;
  padding-right: 3rem;
  display: flex;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 3.5rem;
  }

  h2 {
    font-size: 2.5rem;
  }

  h3 {
    font-size: 2rem;
  }

  .nav-menu-icon {
    color: var(--alice-blue);
  }

  .nav-component {
    z-index: 999;
    border-style: none none solid;
    border-width: 1px;
    border-color: var(--cc-mono-05);
    background-color: var(--cc-mono-01);
    padding-top: .75rem;
    padding-bottom: .75rem;
    display: flex;
    position: sticky;
    inset: 0% 0% auto;
  }

  .text-size-small.margin-custom2 {
    flex: none;
  }

  .item-list {
    grid-template-columns: repeat(auto-fit, minmax(208px, 1fr));
  }

  .nav2-dropdown-link {
    padding: 1rem;
  }

  .nav2-dropdown-link.w--current {
    color: var(--buttons-secondary-purple);
  }

  .layout2-image {
    height: auto;
  }

  .layout2-tabs-menu {
    flex-wrap: wrap;
  }

  .content-right {
    margin-top: 0;
  }

  .page-padding {
    padding-left: 2.8rem;
    padding-right: 2.8rem;
  }

  .page-padding.margin-custom1 {
    padding-right: 3rem;
  }

  .button {
    width: auto;
  }

  .nav3-menu-button {
    background-color: var(--cc-blend-04);
    color: var(--buttons-secondary-purple);
    border-radius: 100%;
    padding: .75rem;
  }

  .nav3-menu-button:hover {
    background-color: var(--cc-blend-01);
  }

  .nav3-menu-button.w--open {
    background-color: var(--cc-blend-01);
    color: #fff;
  }

  .layout1-component {
    grid-template-columns: 1fr;
  }

  .nav3-menu {
    background-color: var(--cc-mono-01);
    flex: 0 auto;
    justify-content: flex-start;
    position: absolute;
  }

  .heading-small {
    flex: 1;
    font-size: 1.25rem;
  }

  .heading-xsmall {
    font-size: 1.125rem;
    font-weight: 300;
  }

  .layout3-component {
    grid-template-columns: 1fr 1fr;
  }

  .contact-info-wrapper {
    order: 0;
    padding-bottom: 2rem;
    padding-left: 2.5rem;
    padding-right: 5rem;
  }

  .contact-form-wrapper {
    width: 100%;
    padding: 2.5rem;
  }

  .contact-component {
    flex-direction: column;
  }

  .nav3-container {
    align-items: center;
  }

  .faq-category-wrapper {
    grid-template-columns: .75fr 1fr;
  }

  .text-style-link.padding-bottom.padding-xsmall {
    color: var(--steel-blue);
    padding-top: .5rem;
  }

  .gallery1-row {
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
  }

  .color-grid {
    grid-template-columns: 1fr 1fr;
  }

  .styleguide-button-list {
    grid-template-columns: max-content max-content;
    grid-auto-columns: max-content;
    grid-auto-flow: row;
  }

  .styleguide-icon-list {
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: row;
  }

  .margin-xlarge {
    margin: 3rem;
  }

  .margin-xxlarge {
    margin: 4rem;
  }

  .margin-xhuge {
    margin: 6rem;
  }

  .margin-huge {
    margin: 5rem;
  }

  .margin-large {
    margin: 2.5rem;
  }

  .margin-xxhuge {
    margin: 8rem;
  }

  .margin-medium {
    margin: 1.5rem;
  }

  .padding-large {
    padding: 2rem;
  }

  .padding-medium {
    padding: 1.5rem;
  }

  .padding-xxlarge {
    padding: 4rem;
  }

  .padding-xhuge {
    padding: 6rem;
  }

  .padding-huge {
    padding: 5rem;
  }

  .padding-xlarge {
    padding: 3rem;
  }

  .padding-xxhuge {
    padding: 8rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .section-left-menu {
    display: none;
  }

  .brand-logo-svg-small {
    width: 12em;
  }

  .section-left-positioning, .section-left-style {
    align-items: center;
  }

  .section-right-content {
    margin-right: 0;
  }

  .brand-story, .mission, .values, .messaging-pillars {
    grid-template-columns: 1fr;
  }

  .main-wrapper-full {
    grid-template-rows: auto;
    grid-template-columns: minmax(700px, 992px);
    justify-content: center;
  }

  .logo, .logo-don-t, .typography {
    grid-template-columns: 1fr;
  }

  .item-list-4-column {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }

  .elements, .color, .elements-don-t, .tone-of-voice, .examples {
    grid-template-columns: 1fr;
  }

  .section-left-assets {
    align-items: center;
  }

  .menu-item {
    width: 90%;
    padding-left: 2.5em;
    padding-right: 2.5em;
  }

  .menu-title-wrapper {
    color: var(--cc-mono-11);
    height: 3.5rem;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-weight: 300;
  }

  .menu-wrapper {
    align-items: flex-start;
  }

  .photography, .business-card, .presentation, .letterhead {
    grid-template-columns: 1fr;
  }

  .section-contact {
    align-items: flex-start;
    position: static;
  }

  .dispaly-h1 {
    font-size: 3rem;
  }

  .dropdown-list.w--open {
    background-color: var(--alice-blue);
  }

  .section-examples {
    align-items: flex-start;
    height: 100vh;
    position: static;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .one-word-definition {
    grid-template-columns: 1fr;
  }

  .section-left-culture, .section-left-language, .section-left-image {
    align-items: center;
  }

  .brand-mission, .brand-one-word, .brand-vision, .brand-strategy, .logo-versions {
    grid-template-columns: 1fr;
  }

  .asset-button, .button-copy, .button-asset {
    width: auto;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 2.5rem;
  }

  h2 {
    font-size: 2rem;
  }

  h3 {
    font-size: 1.5rem;
  }

  .text-size-large {
    font-size: 1.75rem;
  }

  .nav-component {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .faq-component {
    grid-template-columns: 1fr;
  }

  .text-size-small.margin-custom2 {
    order: 1;
    margin-top: 1rem;
    margin-right: 0;
  }

  .layout2-content-wrapper {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .styleguide-spacing-component {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .messaging-pillars-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .changelog-content-wrapper {
    margin-top: 1rem;
    padding-left: 0;
    padding-right: 0;
  }

  .item-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(274px, 1fr));
  }

  .nav2-dropdown-link {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .changelog-item {
    grid-template-columns: 1fr;
  }

  .styleguide-component-header {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .page-padding {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .layout2-right {
    text-align: center;
    flex-direction: column;
    align-items: center;
    margin-top: 0;
    display: flex;
  }

  .layout2-tab-pane {
    padding-top: 2rem;
  }

  .styleguide-grid {
    border-bottom-style: none;
    grid-template-columns: 1fr;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }

  .layout2-number-wrapper {
    width: 2rem;
    height: 2rem;
    margin-bottom: 0;
    margin-right: .5rem;
  }

  .heading-small {
    font-size: 1.125rem;
  }

  .heading-medium {
    font-size: 1.5rem;
  }

  .footer4-component {
    display: flex;
    position: static;
  }

  .footer4-info-wrapper {
    flex-direction: column;
  }

  .footer4-bottom-link-list {
    grid-column-gap: 1rem;
    margin-top: 0;
  }

  .heading-xsmall {
    font-size: 1rem;
  }

  .protected-wrap, ._404-wrap {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .text-rich-text h3, .text-rich-text h4 {
    margin-top: .5rem;
    margin-bottom: .5rem;
  }

  .text-rich-text h6 {
    margin-top: .25rem;
    margin-bottom: .25rem;
  }

  .text-rich-text img {
    height: 12rem;
  }

  .layout2-title-wrapper {
    align-items: center;
    margin-bottom: 1rem;
    display: flex;
  }

  .typography-item {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .layout3-icon-wrapper {
    width: 3rem;
    height: 3rem;
  }

  .contact-info-wrapper {
    order: 1;
    padding-bottom: 2rem;
    padding-left: 0;
    padding-right: 8rem;
  }

  .contact-form-wrapper {
    width: 100%;
  }

  .contact-component {
    flex-direction: column-reverse;
    height: auto;
  }

  .nav3-container {
    align-items: center;
  }

  .faq-category-wrapper {
    grid-template-columns: 1fr;
  }

  .text-style-link.padding-bottom.padding-xsmall {
    padding-top: 0;
  }

  .gallery1-component {
    grid-row-gap: .5rem;
  }

  .gallery1-row {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: 8rem;
    grid-auto-rows: 8rem;
  }

  .color-grid, .color-grid.margin-top.margin-huge {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .styleguide-form-wrapper {
    margin-bottom: 0;
  }

  .margin-xlarge {
    margin: 2rem;
  }

  .margin-xxlarge {
    margin: 3rem;
  }

  .margin-xhuge {
    margin: 4rem;
  }

  .margin-huge {
    margin: 3.5rem;
  }

  .margin-large {
    margin: 1.5rem;
  }

  .margin-xxhuge {
    margin: 4.5rem;
  }

  .margin-medium {
    margin: 1.25rem;
  }

  .padding-large {
    padding: 1.5rem;
  }

  .padding-medium {
    padding: 1.25rem;
  }

  .padding-0 {
    padding: 0;
  }

  .padding-xxlarge {
    padding: 3rem;
  }

  .padding-xhuge {
    padding: 4rem;
  }

  .padding-huge {
    padding: 3.5rem;
  }

  .padding-xlarge {
    padding: 2rem;
  }

  .padding-xxhuge {
    padding: 4.5rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical.padding-large {
    flex-direction: column;
  }

  .heading-xlarge.text-color-white {
    font-size: 3rem;
  }

  .text-style-nowrap {
    white-space: normal;
  }

  .brand-logo-svg {
    width: 12em;
  }

  .brand-logo-svg-small {
    width: 8em;
  }

  .main-wrapper-full {
    grid-template-columns: minmax(450px, 767px);
  }

  .dont-component, .item-list-4-column, .item-list-4-column.margin-top.margin-huge {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .back-to-top-container, .back-to-top-button-wrapper {
    display: none;
  }

  .collection-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .menu-title-wrapper {
    height: 3.5rem;
  }

  .menu-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .section-examples {
    align-items: flex-start;
    height: 90vh;
    position: static;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .heading-uppercase {
    font-size: 1.5rem;
  }

  .colour-pillars-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .footer4-copyright {
    grid-column-gap: 1rem;
    margin-top: 0;
  }
}

@media screen and (max-width: 479px) {
  .layout2-tab-link {
    flex: 1;
  }

  .text-size-small.margin-custom2 {
    margin-top: 2rem;
    font-size: .7rem;
  }

  .messaging-pillars-wrapper {
    grid-template-columns: 1fr;
  }

  .item-list {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(184px, 1.75fr));
  }

  .layout2-tabs-menu {
    justify-content: center;
  }

  .button-secondary {
    display: block;
  }

  .page-padding.margin-custom1 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .layout2-right {
    margin-top: 0;
  }

  .styleguide-grid {
    border-bottom-style: none;
  }

  .layout2-number-wrapper {
    margin-bottom: .5rem;
    margin-right: 0;
  }

  .expander {
    margin-left: 1rem;
  }

  .messaging-pillars-title-wrapper {
    padding: 1rem;
  }

  .footer4-info-wrapper {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .footer4-link {
    padding-right: 20px;
    font-size: .7rem;
  }

  .footer4-bottom-link-list {
    grid-template-columns: minmax(max-content, 1fr);
    grid-auto-flow: row;
    justify-content: start;
    align-self: center;
    justify-items: center;
  }

  .home-header-component {
    align-items: flex-start;
  }

  .protected-content {
    padding: 2rem;
  }

  .form-input:focus {
    border-color: var(--buttons-secondary-purple);
  }

  .layout2-title-wrapper {
    flex-direction: column;
    display: flex;
  }

  .layout3-component {
    grid-template-columns: 1fr;
  }

  .contact-info-wrapper {
    padding-right: 4rem;
  }

  .contact-form-wrapper {
    padding: 1.5rem;
  }

  .color-grid, .color-grid.margin-top.margin-huge {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .styleguide-button-list {
    grid-template-columns: max-content;
  }

  .padding-0 {
    padding: 0;
  }

  .padding-huge {
    padding-left: 0;
    padding-right: 0;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-right {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .padding-top {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-bottom {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .heading-xlarge.text-color-white {
    font-size: 3rem;
  }

  .brand-logo-svg {
    width: 12em;
  }

  .h1.text-color-white {
    font-size: 2.6rem;
  }

  .h1.text-color-white.padding-bottom.padding-small {
    font-size: 2.2rem;
  }

  .main-wrapper-full {
    grid-template-columns: minmax(240px, 479px);
  }

  .dont-wrapper {
    padding: 1rem;
  }

  .item-list-4-column {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(137px, 1fr));
  }

  .item-list-4-column.margin-top.margin-huge {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .back-to-top-container, .back-to-top-button-wrapper {
    display: none;
  }

  .menu-title-wrapper {
    padding: 1rem 0;
  }

  .menu-wrapper {
    grid-template-columns: 1fr;
  }

  .dispaly-h1 {
    font-size: 2.5rem;
  }

  .text-block {
    font-size: .7rem;
  }

  .margin-left {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
  }

  .colour-pillars-wrapper {
    grid-template-columns: 1fr;
  }

  .colour-pillars-title-wrapper {
    padding: 1rem;
  }

  .footer4-copyright {
    grid-template-columns: minmax(max-content, 1fr);
    grid-auto-flow: row;
    justify-content: start;
    align-self: center;
    justify-items: center;
  }
}

#w-node-_628cdbdb-60ba-f465-0c4c-d00218c79e3b-bc702016 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-fa0c788c-7b51-241a-a340-a75df2675398-bc702016, #w-node-_442f958a-1bd6-8836-6fb1-8c47b65bbdd8-bc702016 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_442f958a-1bd6-8836-6fb1-8c47b65bbddd-bc702016 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d70e050a-7cac-8ecd-abae-3410645f0823-bc702016 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d70e050a-7cac-8ecd-abae-3410645f082a-bc702016 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d70e050a-7cac-8ecd-abae-3410645f084c-bc702016, #w-node-d70e050a-7cac-8ecd-abae-3410645f0855-bc702016, #w-node-d70e050a-7cac-8ecd-abae-3410645f085e-bc702016, #w-node-d70e050a-7cac-8ecd-abae-3410645f0867-bc702016, #w-node-d70e050a-7cac-8ecd-abae-3410645f0870-bc702016, #w-node-_877fe6b1-735f-b54c-244f-1eaf24a4ad2e-bc702016 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_877fe6b1-735f-b54c-244f-1eaf24a4ad30-bc702016 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-dcccc98b-7ccc-f8d0-172f-107217fb78e2-bc702016 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-dcccc98b-7ccc-f8d0-172f-107217fb78e4-bc702016 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-dcccc98b-7ccc-f8d0-172f-107217fb78f8-bc702016, #w-node-dcccc98b-7ccc-f8d0-172f-107217fb78fa-bc702016, #w-node-_7dbcc933-de85-75f1-7c9c-bdd06e4a9dfe-bc702016 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7dbcc933-de85-75f1-7c9c-bdd06e4a9e00-bc702016 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c39bcdf5-78ec-c48f-d421-e0c1642b68a9-bc702016 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c39bcdf5-78ec-c48f-d421-e0c1642b68ab-bc702016, #w-node-_8a1d616d-681b-447f-1e6d-d1a0f7252bcb-bc702016 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f80ad908-d253-0c3d-8c30-4ad04a9bb054-bc702016 {
  place-self: baseline end;
}

#w-node-_0b6a1d63-01dd-02dd-f315-e2ca99c70f9c-bc702016, #w-node-_44b9fa13-032b-ca59-f020-3e1e135314a1-bc702016 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_44b9fa13-032b-ca59-f020-3e1e135314a7-bc702016 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_589c0dd7-49f6-a7b6-268f-851333df743f-bc702016 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_589c0dd7-49f6-a7b6-268f-851333df7449-bc702016 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7ec13c91-2e90-7241-843e-886659567680-bc702016 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7ec13c91-2e90-7241-843e-88665956768a-bc702016 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d7339a55-e2fa-29f3-cd9f-44a4af5bf2fc-bc702016, #w-node-_707fb988-63f5-e7cb-aee0-75f20b4cba45-bc702016, #w-node-a02ac46d-6e90-7baf-66cb-6ffc4fda875e-bc702016, #w-node-_7df3908f-c8ff-0f02-0f41-d3ac424e3668-bc702016 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_13c1dc47-16f9-9aba-9439-20487416946c-bc702016 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_13c1dc47-16f9-9aba-9439-204874169473-bc702016 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7fcb1721-afe5-7f4b-9396-205dc3ce7c75-bc702016 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7fcb1721-afe5-7f4b-9396-205dc3ce7c7d-bc702016 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7fcb1721-afe5-7f4b-9396-205dc3ce7c91-bc702016, #w-node-d2e21ba1-1f28-7875-74b5-5b6eed7eea59-bc702016, #w-node-_18e55796-5117-f2b3-176c-606fc79d39ee-bc702016, #w-node-_83e2ba87-83c9-1a74-dd58-c400a598aacd-bc702016, #w-node-_4292b8d1-bb0f-0f78-747f-4e9e419fb147-bc702016, #w-node-_550dada5-d1ae-22ab-d67d-e81201846136-bc702016, #w-node-a4807953-5bc7-e769-b54e-4e473e8a4576-bc702016, #w-node-e09a579b-6d7c-c3de-17c4-8583c5c717b8-bc702016, #w-node-eeec8e2a-06b6-96d2-725b-82edd36be13f-bc702016, #w-node-_1177cb04-7502-1815-a822-e3ce389ab2fa-bc702016 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_3d503291-eae7-5da5-d26b-791b48a5d8b2-bc702016, #w-node-_063b88c0-2a6f-7faf-df38-8196f4e50f49-bc702016, #w-node-d6a5e040-76a9-acbd-e0e2-187cd371e988-bc702016 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d6a5e040-76a9-acbd-e0e2-187cd371e990-bc702016 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_51e10ea7-1ef1-08c2-8d4d-4938f8f07ad8-bc702016 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_51e10ea7-1ef1-08c2-8d4d-4938f8f07ae0-bc702016 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_0c6a4a0a-48b6-e2b9-ee0c-fca36a156dd7-bc702016, #w-node-_0c6a4a0a-48b6-e2b9-ee0c-fca36a156ddd-bc702016, #w-node-_0c6a4a0a-48b6-e2b9-ee0c-fca36a156de2-bc702016, #w-node-_0c6a4a0a-48b6-e2b9-ee0c-fca36a156de7-bc702016, #w-node-_0c6a4a0a-48b6-e2b9-ee0c-fca36a156dec-bc702016, #w-node-_0c6a4a0a-48b6-e2b9-ee0c-fca36a156df1-bc702016, #w-node-_1f612a41-a838-ce9e-d9f7-d44ff8661c90-bc702016 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_1f612a41-a838-ce9e-d9f7-d44ff8661c97-bc702016 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_9fbaafec-0328-3438-2601-1416ed922bc8-bc702016 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9fbaafec-0328-3438-2601-1416ed922bcf-bc702016, #icon-section.w-node-_996a70e8-4e2e-5276-7093-61f9e03735e9-bc702016 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_996a70e8-4e2e-5276-7093-61f9e03735ea-bc702016 {
  place-self: start;
}

#w-node-_996a70e8-4e2e-5276-7093-61f9e03735f6-bc702016 {
  place-self: center;
}

#w-node-a73e6db4-d811-930e-bd39-34f225691cc2-bc702016, #w-node-cde66b45-344f-a15b-05ca-6df80f91e4da-bc702016 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c5804d60-682e-61bd-ab29-d1be231cb1fe-bc702016 {
  place-self: center start;
}

#w-node-c5804d60-682e-61bd-ab29-d1be231cb203-bc702016 {
  place-self: center;
}

#w-node-ff3306de-2e95-b132-00f4-c62aa859de5d-bc702016, #w-node-f5094630-df12-1b44-6b9f-45e1d9f088f6-bc702016, #w-node-f5094630-df12-1b44-6b9f-45e1d9f08903-bc702016, #w-node-f5094630-df12-1b44-6b9f-45e1d9f08911-bc702016, #w-node-f5094630-df12-1b44-6b9f-45e1d9f0891f-bc702016, #w-node-f5094630-df12-1b44-6b9f-45e1d9f0892d-bc702016, #w-node-f5094630-df12-1b44-6b9f-45e1d9f0893b-bc702016, #w-node-f5094630-df12-1b44-6b9f-45e1d9f08949-bc702016, #w-node-c828e69e-2ef2-7d2d-c5af-3fb5bf07e28c-bc702016, #w-node-f6e759eb-1a9e-9bff-b99d-0d2575266bfb-bc702016, #w-node-_6f585f7f-ee6b-0318-b880-49b16995a07d-bc702016, #w-node-_69c19a6e-8535-3845-39e0-19f5b628a9e1-bc702016, #w-node-_69c19a6e-8535-3845-39e0-19f5b628aa15-bc702016, #w-node-_69c19a6e-8535-3845-39e0-19f5b628aa2d-bc702016, #w-node-_69c19a6e-8535-3845-39e0-19f5b628aa45-bc702016, #w-node-_69c19a6e-8535-3845-39e0-19f5b628aa5d-bc702016, #w-node-_69c19a6e-8535-3845-39e0-19f5b628aa75-bc702016, #w-node-_69c19a6e-8535-3845-39e0-19f5b628aa8d-bc702016, #w-node-_69c19a6e-8535-3845-39e0-19f5b628aaa5-bc702016, #w-node-_69c19a6e-8535-3845-39e0-19f5b628aabd-bc702016, #w-node-ab6080d6-ee92-0b98-fff5-d775d076823a-bc702016, #w-node-ab6080d6-ee92-0b98-fff5-d775d076838c-bc702016, #w-node-ab6080d6-ee92-0b98-fff5-d775d07683a4-bc702016, #w-node-ab6080d6-ee92-0b98-fff5-d775d07683bc-bc702016, #w-node-ab6080d6-ee92-0b98-fff5-d775d07683d4-bc702016, #w-node-ab6080d6-ee92-0b98-fff5-d775d07683ec-bc702016, #w-node-ab6080d6-ee92-0b98-fff5-d775d0768404-bc702016, #w-node-ab6080d6-ee92-0b98-fff5-d775d076841c-bc702016, #w-node-ab6080d6-ee92-0b98-fff5-d775d0768434-bc702016, #w-node-ab6080d6-ee92-0b98-fff5-d775d076844c-bc702016, #w-node-ab6080d6-ee92-0b98-fff5-d775d0768464-bc702016, #w-node-ab6080d6-ee92-0b98-fff5-d775d076847c-bc702016, #w-node-ab6080d6-ee92-0b98-fff5-d775d0768494-bc702016, #w-node-d7f19b4c-0fac-ef89-4c2c-764f16e96870-bc702016, #w-node-_3e03660e-9a41-63a8-1311-e737a95fd8a5-bc702016, #w-node-_4d8c464d-3840-5c07-af9e-06907744cc37-bc702016, #w-node-_5409617d-fb7e-40ef-e6d5-791cce7a3075-bc702016, #w-node-ee794aa3-64b5-1b8b-8851-dff948466440-bc702016 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ee794aa3-64b5-1b8b-8851-dff94846644c-bc702016 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ee794aa3-64b5-1b8b-8851-dff94846644d-bc702016 {
  place-self: start;
}

#w-node-ee794aa3-64b5-1b8b-8851-dff948466452-bc702016 {
  place-self: center;
}

#w-node-_654cf35e-32f6-cf7c-5ad2-31558a869977-bc702016 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6e397754-c430-6f64-dfa6-84735617984e-bc702016 {
  place-self: start;
}

#w-node-_4a94acc6-da5b-a8b0-1463-019e441f0e08-bc702016 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bc1ca856-9d05-fefa-9154-d6803888efc7-bc702016 {
  align-self: auto;
}

#w-node-_30c46ea7-ba30-ef60-16f2-ddbc179420d8-bc702016, #w-node-f98f5581-43b4-91c5-dd17-9b9f918cad64-bc702016, #w-node-aea0dc47-7632-b5ca-7c57-49470ec95776-bc702016, #w-node-c207af85-c525-4ba2-f17f-64ce88174474-bc702016, #w-node-_8458522f-c720-a72c-6b9e-1f323f7ba011-bc702016, #w-node-_1ec848fa-18fe-c6df-1d29-17ab2f8e0012-bc702016, #w-node-e7e1fe75-cbd0-4680-966b-e2822d47a0e6-bc702016, #w-node-ce52937c-e595-e2a7-774d-4973a259d096-bc702016 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b3b8d616-fa84-791c-a0a9-9e169d79a55b-bc702016, #w-node-_95418cc3-56f8-763b-2f42-7a50f46f5f00-bc702016, #w-node-_0cb130d4-5263-a5de-8a9c-5f038925da4f-bc702016, #w-node-b21f9bbf-2c8c-1503-f73f-206bdb5c4fdd-bc702016, #w-node-_7176539e-2257-4b81-ecaf-63148f366577-bc702016, #w-node-_8c8c2805-749b-c51c-27df-3dffa190dd7c-bc702016 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_707c73e7-ddb2-7131-3573-2f81950770d2-bc702016 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_707c73e7-ddb2-7131-3573-2f81950770d7-bc702016, #w-node-_707c73e7-ddb2-7131-3573-2f819507711b-bc702016 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-f0a0a953-ca83-9c59-4623-2fb44bbfb65f-bc702016 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f0a0a953-ca83-9c59-4623-2fb44bbfb664-bc702016 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_9fc79f89-bcef-2667-f2dc-3a2d0d12e122-bc702016 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9fc79f89-bcef-2667-f2dc-3a2d0d12e127-bc702016 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-ffa00bc6-446b-d36e-e671-7c945824b0bb-bc702016, #w-node-_97755613-2a7d-10b4-3e39-72963bdbe378-bc702016, #w-node-_04db6dc3-527c-96b9-77ac-100a94d73536-bc702016, #w-node-abdd2b0b-bf45-9f14-e539-de83de0a18fe-bc702016, #w-node-_81ba8938-86d2-682e-1a98-b177fee1e358-bc702016, #w-node-_59c87b26-03b8-322e-7385-25f96b1fb6a8-bc702016, #w-node-_698f85a1-012e-d1e8-2c78-7a199576f3b9-bc702016, #w-node-c16859e2-d9ba-72bd-c14d-7e2113d0b75f-bc702016, #w-node-_2faaed56-710e-f7a9-a648-45638f46c1ae-bc702016, #w-node-_65ebba24-a868-aa34-99d7-fe2c529724d2-bc702016, #w-node-d66016c0-37e7-2480-6505-1c048f54e2a6-bc702016, #w-node-_43446925-a767-e263-58b1-94e65520cb8a-bc702016, #w-node-_6d0989b8-5753-03b4-fc6b-43b8fd9adb02-bc702016, #w-node-_13c74c72-b991-a041-c95f-a3fb987122a8-bc702016, #w-node-_409a32e9-e415-c9c4-9e73-f10e043e4a70-bc702016, #w-node-_88c03b06-410b-79c3-3028-6d9bda5f07b9-bc702016, #w-node-b8320074-dd0e-027d-64fb-7c0d1d545bd5-bc702016, #w-node-_23171556-ee75-e531-7883-4f4becb9b2b4-bc702016, #w-node-_1159477e-8a22-38bd-55d9-6b81948d77ed-bc702016, #w-node-_8933a9cf-37d4-9cbd-00c0-824de59f3328-bc702016, #w-node-d3ceb05c-dfa2-043c-3002-18f4521f3957-bc702016, #w-node-_0a4ead61-35be-1c2a-9435-ee4f714ad5d1-bc702016, #w-node-_2d849858-c5f2-830c-6fd2-6857336f2169-bc702016, #w-node-c8232642-4c70-b342-cf7b-9720d18dd431-bc702016, #w-node-c6d85ffb-67e3-87a8-144a-88c202a446bf-bc702016, #w-node-ae868b4f-0621-8c10-3753-a0eb31fbba0e-bc702016, #w-node-_7c3b1f96-3142-2dc9-f842-3b52ecf80048-bc702016, #w-node-_7fa01abc-f9ca-c765-b57a-238d133127a6-bc702016, #w-node-_548e8d99-785a-acec-3e44-4309fb57e1bd-bc702016, #w-node-_3912eb4b-3eb3-afe7-f85b-773ed7abd0de-bc702016, #w-node-b3f1f28d-256a-ffe4-aa42-3c11dc505ebf-bc702016, #w-node-_94923b35-5e5e-3afe-c5e0-cb227ef07aaf-bc702016, #w-node-ba37f5cf-d483-7fa2-72bb-f6bb6cf6aed5-bc702016, #w-node-_8eb515bd-8559-0b3c-eecc-5d91c6a7987d-bc702016 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8eb515bd-8559-0b3c-eecc-5d91c6a79882-bc702016 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_7d6c1784-f5e3-8285-b502-b76f8d0a45ad-bc702016 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7d6c1784-f5e3-8285-b502-b76f8d0a45b2-bc702016 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_39ce78a1-9ee1-9386-86a4-b136f950ce7e-bc702016 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_39ce78a1-9ee1-9386-86a4-b136f950ce83-bc702016 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-edf8f351-20a2-5c58-6620-db76482cd5c1-bc702016 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-edf8f351-20a2-5c58-6620-db76482cd5c6-bc702016 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_5772092d-745c-4891-307f-3859952e005a-bc702016 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5772092d-745c-4891-307f-3859952e005f-bc702016 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-e97197b2-44d8-3fcb-bca8-04475b9e516b-bc702016 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e97197b2-44d8-3fcb-bca8-04475b9e5170-bc702016 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-ace7a2cc-e491-5dfd-3683-31470fdb1098-67a842b4, #w-node-ace7a2cc-e491-5dfd-3683-31470fdb10a8-67a842b4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_628cdbdb-60ba-f465-0c4c-d00218c79e3b-bc702017 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_66fecd29-5972-5c0d-0abe-036af881498b-bc702017 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_41e25293-badc-243c-ce18-a8bc47019fb3-bc702019 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_41e25293-badc-243c-ce18-a8bc47019fb9-bc702019, #w-node-c6c69cac-c8d7-529a-b484-5187846eff7e-bc70201c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c6c69cac-c8d7-529a-b484-5187846eff83-bc70201c, #w-node-_948f0886-4483-2af4-f13a-78500ee09462-bc70201c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a7900812-7141-3ade-eaf8-cf1b80fe2b01-bc70201c, #w-node-a7900812-7141-3ade-eaf8-cf1b80fe2b0c-bc70201c {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-b4319e6a-6168-403a-972f-713bbf9d8ca4-bc70201c, #w-node-_543838f0-587d-19d9-fd64-0dff2d0cd555-bc70201c, #w-node-_9cfcf604-8923-9ae3-f99f-b350944055e4-bc70201c {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_9cfcf604-8923-9ae3-f99f-b350944055ed-bc70201c, #w-node-_9cfcf604-8923-9ae3-f99f-b350944055f8-bc70201c {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-c328fa8f-112f-ee7e-4e56-0f0f1286fc5e-bc70201d, #w-node-c328fa8f-112f-ee7e-4e56-0f0f1286fc6a-bc70201d, #w-node-c328fa8f-112f-ee7e-4e56-0f0f1286fc76-bc70201d, #w-node-_01a5ef0e-9396-aae0-1534-61ee8ae90a03-bc70201d, #w-node-_01a5ef0e-9396-aae0-1534-61ee8ae90a0f-bc70201d, #w-node-_01a5ef0e-9396-aae0-1534-61ee8ae90a23-bc70201d, #w-node-_01a5ef0e-9396-aae0-1534-61ee8ae90a2f-bc70201d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-a3ccf5b8-f726-455f-0bce-768bd46d8785-bc70201d, #w-node-_91481d95-7e6a-76c2-5532-2147688f31a3-bc70201d {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_8beaa9e3-730d-77ec-c7f7-5cc242a65d75-bc70201e {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_228e6224-6a9d-a176-dae4-e379e9718a14-bc70201e {
  justify-self: auto;
}

#w-node-db83e593-e0d6-520d-3c17-de2d0a230049-bc70201e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_628cdbdb-60ba-f465-0c4c-d00218c79e3b-bc702016 {
    justify-self: auto;
  }

  #w-node-_442f958a-1bd6-8836-6fb1-8c47b65bbddd-bc702016, #w-node-d70e050a-7cac-8ecd-abae-3410645f082a-bc702016, #w-node-_877fe6b1-735f-b54c-244f-1eaf24a4ad30-bc702016, #w-node-dcccc98b-7ccc-f8d0-172f-107217fb78e4-bc702016, #w-node-_7dbcc933-de85-75f1-7c9c-bdd06e4a9e00-bc702016, #w-node-c39bcdf5-78ec-c48f-d421-e0c1642b68ab-bc702016, #w-node-_8a1d616d-681b-447f-1e6d-d1a0f7252bcb-bc702016, #icon-section.w-node-_996a70e8-4e2e-5276-7093-61f9e03735e9-bc702016, #w-node-ee794aa3-64b5-1b8b-8851-dff94846644c-bc702016 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_628cdbdb-60ba-f465-0c4c-d00218c79e3b-bc702017, #w-node-_41e25293-badc-243c-ce18-a8bc47019fb3-bc702019 {
    justify-self: auto;
  }

  #w-node-c6c69cac-c8d7-529a-b484-5187846eff83-bc70201c, #w-node-_948f0886-4483-2af4-f13a-78500ee09462-bc70201c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-a7900812-7141-3ade-eaf8-cf1b80fe2b08-bc70201c {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-a7900812-7141-3ade-eaf8-cf1b80fe2b0c-bc70201c, #w-node-b4319e6a-6168-403a-972f-713bbf9d8ca4-bc70201c, #w-node-_543838f0-587d-19d9-fd64-0dff2d0cd555-bc70201c, #w-node-_9cfcf604-8923-9ae3-f99f-b350944055e4-bc70201c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9cfcf604-8923-9ae3-f99f-b350944055f4-bc70201c {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-_9cfcf604-8923-9ae3-f99f-b350944055f8-bc70201c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_91481d95-7e6a-76c2-5532-2147688f319f-bc70201d {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-_91481d95-7e6a-76c2-5532-2147688f31a3-bc70201d {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8beaa9e3-730d-77ec-c7f7-5cc242a65d75-bc70201e {
    justify-self: auto;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_44b9fa13-032b-ca59-f020-3e1e135314a7-bc702016, #w-node-_589c0dd7-49f6-a7b6-268f-851333df7449-bc702016, #w-node-_7ec13c91-2e90-7241-843e-88665956768a-bc702016, #w-node-_13c1dc47-16f9-9aba-9439-204874169473-bc702016, #w-node-_7fcb1721-afe5-7f4b-9396-205dc3ce7c7d-bc702016, #w-node-d6a5e040-76a9-acbd-e0e2-187cd371e990-bc702016, #w-node-_51e10ea7-1ef1-08c2-8d4d-4938f8f07ae0-bc702016, #w-node-_1f612a41-a838-ce9e-d9f7-d44ff8661c97-bc702016, #w-node-_9fbaafec-0328-3438-2601-1416ed922bcf-bc702016 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f5094630-df12-1b44-6b9f-45e1d9f088fb-bc702016, #w-node-f5094630-df12-1b44-6b9f-45e1d9f08909-bc702016, #w-node-f5094630-df12-1b44-6b9f-45e1d9f08917-bc702016, #w-node-f5094630-df12-1b44-6b9f-45e1d9f08925-bc702016, #w-node-f5094630-df12-1b44-6b9f-45e1d9f08933-bc702016, #w-node-f5094630-df12-1b44-6b9f-45e1d9f08941-bc702016, #w-node-c828e69e-2ef2-7d2d-c5af-3fb5bf07e284-bc702016, #w-node-f6e759eb-1a9e-9bff-b99d-0d2575266bf3-bc702016 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_44b9fa13-032b-ca59-f020-3e1e135314a7-bc702016, #w-node-_589c0dd7-49f6-a7b6-268f-851333df7449-bc702016, #w-node-_7ec13c91-2e90-7241-843e-88665956768a-bc702016, #w-node-_13c1dc47-16f9-9aba-9439-204874169473-bc702016, #w-node-_7fcb1721-afe5-7f4b-9396-205dc3ce7c7d-bc702016, #w-node-d6a5e040-76a9-acbd-e0e2-187cd371e990-bc702016, #w-node-_51e10ea7-1ef1-08c2-8d4d-4938f8f07ae0-bc702016, #w-node-_1f612a41-a838-ce9e-d9f7-d44ff8661c97-bc702016, #w-node-_9fbaafec-0328-3438-2601-1416ed922bcf-bc702016, #w-node-f5094630-df12-1b44-6b9f-45e1d9f088fb-bc702016, #w-node-f5094630-df12-1b44-6b9f-45e1d9f08909-bc702016, #w-node-f5094630-df12-1b44-6b9f-45e1d9f08917-bc702016, #w-node-f5094630-df12-1b44-6b9f-45e1d9f08925-bc702016, #w-node-f5094630-df12-1b44-6b9f-45e1d9f08933-bc702016, #w-node-f5094630-df12-1b44-6b9f-45e1d9f08941-bc702016, #w-node-c828e69e-2ef2-7d2d-c5af-3fb5bf07e284-bc702016, #w-node-f6e759eb-1a9e-9bff-b99d-0d2575266bf3-bc702016 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-ace7a2cc-e491-5dfd-3683-31470fdb1098-67a842b4 {
    order: -9999;
  }

  #w-node-ace7a2cc-e491-5dfd-3683-31470fdb10a8-67a842b4 {
    order: -9999;
    justify-self: auto;
  }
}