:root {
  --white: white;
  --elan-black: #282828;
  --grey--5: #f0f0f0;
  --grey--85: #262626;
  --grey--12: #dfdfdf;
  --light: #666;
  --grey--2: #f8f8f8;
  --white-opacity--50: #ffffff80;
  --elan-azuur: #00a3e1;
  --accent-opacity--7: #0040ff12;
  --white-opacity--5: #ffffff0d;
  --grey--8: #ebebeb;
  --white-opacity--15: #ffffff26;
  --accent-opacity--20: #0040ff33;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.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;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--white);
  color: var(--elan-black);
  letter-spacing: -.4px;
  font-family: Plus Jakarta Sans, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 128%;
}

h1 {
  color: var(--white);
  letter-spacing: -.84px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 42px;
  font-weight: 600;
  line-height: 104%;
}

h2 {
  letter-spacing: -.56px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 120%;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
  line-height: 120%;
}

h4 {
  letter-spacing: -.16px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 128%;
}

p {
  margin-bottom: 0;
}

a {
  color: var(--elan-black);
  text-decoration: none;
}

.page-content-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  display: flex;
  position: relative;
}

.menu {
  z-index: 1000;
  border-right: 1px solid var(--grey--5);
  background-color: var(--white);
  flex-flow: column;
  width: 240px;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.header {
  z-index: 10;
  border-bottom: 1px solid var(--grey--5);
  background-color: var(--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px 24px 40px;
  display: flex;
  position: relative;
}

.header-logo {
  width: 128px;
  height: auto;
}

.header-menu-button {
  border: 1px solid var(--grey--5);
  cursor: pointer;
  border-radius: 6px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  padding: 8px;
  display: none;
  position: relative;
}

.menu-button-icon {
  z-index: 1;
  width: 20px;
  height: 20px;
  position: absolute;
}

.menu-button-icon.open-menu {
  opacity: 1;
}

.menu-button-icon.close-menu {
  opacity: 0;
}

.button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--grey--5);
  color: var(--elan-black);
  letter-spacing: .4px;
  text-transform: uppercase;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  font-family: DM Mono, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 128%;
  transition: border-color .2s ease-in-out, background-color .2s ease-in-out;
  display: flex;
}

.button.primary {
  border-color: var(--elan-black);
  background-color: var(--elan-black);
  color: var(--white);
}

.button.primary:hover, .button.primary:focus {
  border-color: var(--grey--85);
  background-color: var(--grey--85);
}

.button.secondary {
  border-color: var(--grey--5);
  background-color: var(--white);
  color: var(--elan-black);
}

.button.secondary:hover, .button.secondary:focus {
  border-color: var(--grey--12);
  background-color: var(--white);
}

.button.secondary.header-button {
  display: none;
}

.icon-size-12 {
  width: 12px;
  height: 12px;
}

.menu-content-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--white);
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  display: flex;
  overflow: hidden;
}

.menu-content {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--white);
  flex-flow: column;
  display: flex;
  overflow: auto;
}

.menu-description {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  border-bottom: 1px solid var(--grey--5);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 24px 24px 40px;
  display: flex;
}

.medium-xs-mono {
  color: var(--white);
  letter-spacing: .4px;
  text-transform: uppercase;
  font-family: DM Mono, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 128%;
}

.medium-xs-mono.width-40, .medium-xs-mono.width-40-copy {
  color: var(--white);
}

.color-grey-50 {
  color: var(--light);
}

.menu-links-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-bottom: 1px solid var(--grey--5);
  flex-flow: column;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.menu-link-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--white);
  justify-content: flex-start;
  align-items: center;
  padding: 8px 24px;
  transition: background-color .2s ease-in-out;
  display: flex;
}

.menu-link-block:hover, .menu-link-block:focus {
  background-color: var(--grey--2);
}

.medium-s {
  letter-spacing: -.14px;
  font-family: Outfit, sans-serif;
  font-size: 14px;
  line-height: 128%;
}

.medium-s.color-grey-50 {
  letter-spacing: 0;
  font-family: Outfit, sans-serif;
  font-weight: 300;
}

.medium-s.color-grey-50.max-width-320-tablet-280 {
  color: var(--elan-black);
  object-fit: fill;
  margin-bottom: 20px;
  font-weight: 500;
}

.medium-s.color-white {
  letter-spacing: 0;
}

.medium-s.color-white.z-index-2 {
  letter-spacing: 0;
  font-family: Outfit, sans-serif;
  font-weight: 400;
}

.medium-s.color-accent.z-index-2 {
  color: var(--elan-black);
  letter-spacing: 0;
  font-family: Outfit, sans-serif;
  font-weight: 400;
}

.medium-s.grey-50-link {
  color: var(--light);
  letter-spacing: 0;
  transition: color .2s ease-in-out;
}

.medium-s.grey-50-link:hover, .medium-s.grey-50-link:focus {
  color: var(--white);
}

.medium-s.white-link {
  color: var(--white);
  letter-spacing: 0;
  transition: color .2s ease-in-out;
}

.medium-s.white-link:hover, .medium-s.white-link:focus {
  color: var(--light);
}

.medium-s.color-grey-50-copy {
  letter-spacing: 0;
  font-family: Outfit, sans-serif;
  font-weight: 300;
}

.medium-s.color-grey-50-copy.max-width-320-tablet-280 {
  color: var(--light);
  object-fit: fill;
  margin-bottom: 20px;
}

.menu-link-block-text {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.opacity-50 {
  opacity: .5;
}

.menu-link {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.menu-links-dropdown {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  display: flex;
}

.dropdown-link {
  background-color: var(--white);
  color: var(--light);
  letter-spacing: -.14px;
  padding: 8px 24px 8px 52px;
  font-size: 14px;
  line-height: 128%;
  transition: background-color .2s ease-in-out;
}

.dropdown-link:hover, .dropdown-link:focus {
  background-color: var(--grey--2);
}

.width-22 {
  width: 22px;
}

.menu-button-wrapper {
  border-top: 1px solid var(--grey--5);
  background-color: var(--white);
  flex-flow: column;
  padding: 24px;
  display: flex;
}

.page-content {
  flex: 1;
}

.page-content.small-page-content {
  flex-flow: column;
  justify-content: space-between;
  min-height: 100vh;
  display: flex;
}

.container {
  letter-spacing: 0;
  width: 100%;
  max-width: 1400px;
  padding-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
}

.container._404-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-bg-video {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 424px;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.h1 {
  letter-spacing: 0;
  font-family: Bricolage Grotesque, sans-serif;
  font-weight: 600;
}

.h1.margin-bottom-4-mobile-8 {
  letter-spacing: 0;
  font-family: Outfit, sans-serif;
  font-weight: 500;
}

.h1.color-white-opacity-50 {
  letter-spacing: 0;
  font-family: Outfit, sans-serif;
  font-weight: 300;
}

.h1.max-width-240-mobile-200 {
  font-size: 40px;
}

.max-width-600-mobile-320 {
  max-width: 600px;
}

.margin-bottom-4-mobile-8 {
  margin-bottom: 4px;
}

.color-white-opacity-50 {
  color: var(--white-opacity--50);
}

.section._404-page {
  flex-flow: column;
  height: 100vh;
  min-height: 680px;
  display: flex;
}

.description-block-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.h2 {
  letter-spacing: 0;
  font-family: Outfit, sans-serif;
  font-weight: 300;
}

.h2.max-width-240-mobile-200 {
  letter-spacing: 0;
  font-family: Outfit, sans-serif;
  font-weight: 500;
}

.section-paddings {
  padding-top: 32px;
  padding-bottom: 80px;
}

.section-border-bottom {
  border-bottom: 1px solid var(--grey--5);
}

.site-content-grid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.site-square-content-block {
  aspect-ratio: 1;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px 24px;
  display: flex;
  position: relative;
}

.site-square-content-block.strategy-block, .site-square-content-block.color-block, .site-square-content-block.images-block, .site-square-content-block.icons-block {
  background-color: var(--elan-azuur);
}

.site-square-content-block.resources-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--elan-black);
  padding-bottom: 0;
  padding-left: 24px;
  padding-right: 0;
  overflow: hidden;
}

.site-square-content-block.card-color-block {
  background-color: var(--elan-azuur);
}

.color-white {
  color: var(--white);
}

.z-index-2 {
  z-index: 2;
  position: relative;
}

.site-block-content {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.site-block-content.strategy-block-content {
  color: var(--white);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
}

.site-block-content.logo-block-content {
  color: var(--grey--12);
  background-color: #f1f1f1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
}

.site-block-content.typography-block-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #f1f1f1;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 24px 0 0 24px;
  display: grid;
  overflow: hidden;
}

.site-block-content.color-block-content {
  color: var(--white);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.site-block-content.images-block-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  overflow: hidden;
}

.site-block-content.icons-block-content {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--white);
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
}

.site-block-content.logo-block-content-copy {
  color: var(--grey--12);
  background-color: #f1f1f1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
}

.site-block-content.introduction-block-content {
  color: var(--white);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 24px;
  font-family: Outfit, sans-serif;
  display: flex;
}

.max-width-240-mobile-200 {
  max-width: 240px;
}

.site-content-block {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px 24px;
  display: flex;
  position: relative;
}

.site-content-block.logo-block {
  aspect-ratio: auto;
  background-color: var(--elan-black);
}

.site-content-block.typography-block {
  background-color: var(--accent-opacity--7);
}

.site-content-block.card-logo-block {
  aspect-ratio: auto;
  background-color: var(--elan-black);
}

.site-logo-block-image {
  width: 100%;
  min-width: 184px;
  max-width: 280px;
}

.color-accent {
  color: var(--elan-azuur);
}

.typography-block-image {
  width: 100%;
  height: auto;
  display: block;
}

.color-block-shades {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.color-block-shade {
  letter-spacing: 0;
  flex: 1;
  font-family: Outfit, sans-serif;
}

.color-block-shade.shade-1 {
  background-color: var(--elan-azuur);
}

.color-block-shade.shade-2 {
  background-color: #145cff;
}

.color-block-shade.shade-3 {
  background-color: #2870ff;
}

.color-block-shade.shade-4 {
  background-color: #3c84ff;
}

.color-block-shade.shade-2-copy {
  background-color: #34303d;
}

.color-block-shade.shade-3-copy {
  background-color: #2870ff;
}

.images-block-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  font-family: Bricolage Grotesque, sans-serif;
}

.icon-block-wrapper {
  aspect-ratio: 1;
  background-color: var(--white-opacity--5);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 6.6vw;
  max-width: 96px;
  display: flex;
}

.icon-block-image {
  aspect-ratio: 1;
  width: 3.2vw;
  max-width: 48px;
}

.icon-block-image.image {
  max-width: 300px;
}

.resources-block-image {
  width: 125%;
  max-width: 464px;
  position: absolute;
  inset: auto auto 20px 24px;
}

.two-blocks-content-grid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
}

.two-blocks-content-grid.margin-bottom-48-mobile-40 {
  grid-template-columns: 1fr 1fr;
}

.h3 {
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Outfit, sans-serif;
  font-weight: 500;
  line-height: 120%;
}

.medium-l {
  font-family: Outfit, sans-serif;
}

.medium-l.margin-bottom-24.regular-l, .medium-l.regular-l {
  letter-spacing: 0;
}

.margin-bottom-24 {
  margin-bottom: 24px;
}

.vertical-flex-start {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content-links-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content-link {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  color: var(--elan-black);
  justify-content: flex-start;
  align-items: center;
  transition: color .2s ease-in-out;
  display: flex;
}

.content-link:hover, .content-link:focus {
  color: var(--light);
}

.width-32 {
  width: 32px;
}

.navigation-buttons {
  background-color: var(--grey--2);
  margin-top: 80px;
  padding-left: 16px;
  padding-right: 16px;
}

.navigation-buttons-container {
  width: 100%;
  max-width: 1360px;
  padding-left: 0;
  padding-right: 0;
}

.navigation-buttons-wrapper {
  display: flex;
}

.navigation-button {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--grey--2);
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 32px 24px 80px;
  transition: background-color .2s ease-in-out;
  display: flex;
}

.navigation-button:hover, .navigation-button:focus {
  background-color: var(--grey--5);
}

.navigation-button-content {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-size-16 {
  width: 16px;
  height: 16px;
}

.navigation-buttons-divider {
  background-color: var(--grey--8);
  width: 1px;
}

.navigation-button-empty {
  flex: 1;
}

.footer {
  background-color: var(--elan-black);
}

.footer-content {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 32px;
  padding-bottom: 80px;
  display: grid;
}

.footer-main-info, .footer-contact-info {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-contact-block {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  display: flex;
}

.footer-line {
  background-color: var(--white-opacity--15);
  width: 100%;
  height: 1px;
}

.footer-logo-image {
  width: 32px;
  height: 32px;
}

.menu-bg-shade {
  display: none;
}

.internal-page-hero {
  background-color: var(--elan-azuur);
  flex-flow: column;
  justify-content: flex-end;
  height: 320px;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.internal-page-hero-content {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.large-page-image {
  object-fit: cover;
  width: 100%;
  height: 680px;
  padding-top: 80px;
}

.margin-bottom-48-mobile-40 {
  margin-bottom: 48px;
}

.list-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.list-item {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-left: 1px solid var(--grey--5);
  flex-flow: column;
  padding-left: 20px;
  display: flex;
}

.h4 {
  letter-spacing: 0;
  font-family: Outfit, sans-serif;
  font-weight: 400;
}

.logos-blocks-grid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.logo-block {
  aspect-ratio: auto;
  border: 1px solid var(--grey--5);
  background-color: var(--grey--2);
  justify-content: center;
  align-items: center;
  height: 240px;
  padding: 24px;
  display: flex;
  position: relative;
}

.logo-block-image {
  width: 160px;
}

.logo-block-arrows {
  z-index: 1;
  width: 18px;
  height: 18px;
  position: absolute;
  inset: 24px 24px auto auto;
  overflow: hidden;
}

.logo-block-arrow {
  width: 18px;
  height: 18px;
}

.logo-block-arrow.first-arrow {
  position: absolute;
}

.logo-block-arrow.second-arrow {
  position: absolute;
  bottom: -18px;
  left: -18px;
}

.logo-lookup {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  border: 1px solid var(--grey--5);
  background-color: var(--grey--2);
  justify-content: center;
  align-items: center;
  height: 680px;
  margin-bottom: 18px;
  padding: 24px;
  display: flex;
}

.logo-lookup-emblem-wrapper {
  display: flex;
  position: relative;
}

.logo-lookup-emplem {
  width: 78px;
  height: 100%;
  padding-top: 0;
}

.logo-lookup-description {
  grid-column-gap: 13px;
  grid-row-gap: 13px;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: -66px;
  display: flex;
  position: absolute;
  inset: auto auto 65px -11px;
}

.logo-lookup-line {
  background-color: var(--grey--12);
  width: 1px;
  height: 200px;
}

.logo-lookup-wordmark-wrapper {
  display: flex;
  position: relative;
}

.logo-lookup-wordmark {
  width: 300px;
  height: auto;
}

.logo-safe-zones-blocks-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.block-content-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.logo-safe-zones-block {
  border: 1px solid var(--grey--5);
  background-color: var(--grey--2);
  justify-content: center;
  align-items: center;
  height: 480px;
  padding: 24px;
  display: flex;
}

.max-width-320-tablet-280 {
  max-width: 320px;
}

.logo-emblem-safe-zones-wrapper {
  background-color: var(--accent-opacity--7);
  background-image: url('../images/Pattern.svg');
  background-position: 50%;
  background-size: 120px;
  padding: 40px 40px 50px;
}

.logo-emblem-safe-zones {
  background-color: var(--grey--2);
  width: 10vw;
  max-width: 143px;
  height: auto;
  display: block;
}

.logo-wordmark-safe-zones-wrapper {
  background-color: var(--accent-opacity--7);
  background-image: url('../images/Pattern.svg');
  background-position: 50%;
  background-size: 120px;
  padding: 34.5px;
}

.logo-wordmark-safe-zones {
  background-color: var(--grey--2);
  width: 44vw;
  max-width: 320px;
  height: auto;
  display: block;
}

.logo-colors-grid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template: "."
                 "."
                 "Area"
                 "."
                 / 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  display: grid;
}

.logo-color-block {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  background-color: var(--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 320px;
  padding: 24px;
  display: flex;
}

.logo-color-block.original-logo-color {
  border: 1px solid var(--grey--5);
  background-color: var(--grey--2);
  justify-content: center;
  align-items: center;
}

.logo-color-block.accent-logo-color {
  background-color: var(--accent-opacity--7);
}

.logo-color-block.white-logo-color {
  box-sizing: border-box;
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: var(--grey--2);
  object-fit: fill;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.logo-color-block.black-logo-color {
  border: 1px solid var(--grey--5);
  background-color: var(--grey--2);
}

.logo-color-block.white-logo-color-copy {
  box-sizing: border-box;
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: var(--grey--2);
  object-fit: fill;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.logo-color-block-image {
  width: 16.5vw;
  min-width: 200px;
  max-width: 240px;
  text-decoration: underline;
}

.assets-block {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  border: 1px solid var(--grey--5);
  background-color: var(--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px 20px 24px;
  display: flex;
}

.medium-m {
  letter-spacing: -.16px;
  font-size: 16px;
  line-height: 128%;
}

.font-lookup-block {
  border: 1px solid var(--grey--5);
  background-color: var(--grey--2);
  justify-content: center;
  align-items: center;
  height: 680px;
  padding: 24px;
  display: flex;
}

.font-lookup-text {
  text-align: center;
  letter-spacing: 0;
  font-family: Outfit, sans-serif;
  font-size: 104px;
  line-height: 104%;
}

.weights-lookup {
  border: 1px solid var(--grey--5);
  background-color: var(--grey--2);
  justify-content: center;
  align-items: center;
  height: 680px;
  padding: 24px 64px;
  display: flex;
}

.font-weights {
  grid-column-gap: 8px;
  grid-row-gap: 24px;
  border-bottom: 1px solid var(--grey--8);
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 40px;
  display: flex;
}

.font-weights-heading {
  min-width: 420px;
  color: var(--elan-black);
  letter-spacing: 0;
  flex: 1;
  margin-top: 8px;
  font-family: Outfit, sans-serif;
  font-size: 46px;
  font-weight: 300;
  line-height: 104%;
}

.font-weights-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  flex: 1;
  min-width: 420px;
  display: flex;
}

.font-weights-semibold {
  letter-spacing: 0;
  font-family: Outfit, sans-serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 104%;
}

.font-weights-medium {
  letter-spacing: 0;
  font-family: Bricolage Grotesque, sans-serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 104%;
}

.font-settings-block {
  border: 1px solid var(--grey--5);
  background-color: var(--grey--2);
  justify-content: center;
  align-items: center;
  height: 320px;
  padding: 24px;
  display: flex;
}

.text-settings-text {
  text-align: center;
  letter-spacing: -1px;
  font-family: Outfit, sans-serif;
  font-size: 38px;
  line-height: 104%;
}

.kerning-span-medium {
  background-color: var(--accent-opacity--20);
  width: 10px;
  height: 38px;
  margin-bottom: -4px;
  display: inline-flex;
}

.kerning-span-small {
  background-color: var(--accent-opacity--20);
  width: 8px;
  height: 38px;
  margin-bottom: -4px;
  display: inline-flex;
}

.kerning-span-big {
  background-color: var(--accent-opacity--20);
  width: 12px;
  height: 38px;
  margin-bottom: -4px;
  display: inline-flex;
}

.tracking-span-big {
  background-color: var(--accent-opacity--20);
  width: 6px;
  height: 38px;
  margin-bottom: -4px;
  display: inline-flex;
}

.tracking-span-medium {
  background-color: var(--accent-opacity--20);
  width: 4px;
  height: 38px;
  margin-bottom: -4px;
  display: inline-flex;
}

.tracking-span-small {
  background-color: var(--accent-opacity--20);
  width: 2px;
  height: 38px;
  margin-bottom: -4px;
  display: inline-flex;
}

.table-grid-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 40px;
  flex-flow: wrap;
  display: flex;
}

.max-width-180 {
  width: 100%;
  max-width: 180px;
}

.table-grid {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  display: flex;
}

.table-grid-header {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.semibold-s {
  letter-spacing: -.14px;
  font-size: 14px;
  font-weight: 600;
  line-height: 128%;
}

.table-grid-content {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-bottom: 1px solid var(--grey--5);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  padding-bottom: 16px;
}

.table-grid-content-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  display: flex;
}

.typography-settings-blocks-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.table-grid-overflow {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  flex: 1;
  min-width: 560px;
  display: flex;
}

.list-grid-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.note-block {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border: 1px solid var(--grey--5);
  background-color: var(--white);
  flex-flow: column;
  padding: 20px 20px 24px;
  display: flex;
}

.vertical-blocks-content-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.colors-grid-type-one {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

.color-block-lagoon {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--elan-azuur);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 480px;
  padding: 20px 24px;
  display: flex;
}

.color-block-lagoon.square-color-block {
  aspect-ratio: 1;
  height: auto;
}

.color-block-lagoon.square-color-block.color-block-blue-600 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  aspect-ratio: auto;
  background-color: #34303d;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: flex-start;
  height: auto;
  display: flex;
}

.color-block-lagoon.square-color-block.color-block-blue-500 {
  background-color: #284452;
}

.color-block-lagoon.square-color-block.color-block-lagoon {
  background-color: #58a7af;
}

.color-block-lagoon.square-color-block.color-block-black {
  border: 1px solid var(--grey--5);
  background-color: var(--elan-black);
  color: var(--elan-black);
}

.color-block-lagoon.square-color-block.color-block-white {
  border: 1px solid var(--grey--5);
  background-color: var(--white);
}

.color-block-lagoon.square-color-block.color-block-grey-800 {
  background-color: #333;
}

.color-block-lagoon.square-color-block.color-block-grey-600 {
  background-color: #666;
}

.color-block-lagoon.square-color-block.color-block-grey-100 {
  background-color: #e6e6e6;
}

.color-block-lagoon.square-color-block.color-block-blue-500-copy {
  background-color: #f1f1f1;
}

.color-block-lagoon.square-color-block.color-block-blue-350-copy {
  background-color: #58a7af;
}

.color-block-lagoon.square-color-block.color-block-blue-350-copy.color-white {
  color: var(--white);
  background-color: #fff;
}

.color-block-lagoon.square-color-block.color-block-blue-600-copy {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  aspect-ratio: auto;
  height: auto;
  color: var(--light);
  background-color: #34303d;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.color-block-lagoon.square-color-block.color-block-blue-600-copy-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  aspect-ratio: 1;
  height: auto;
  color: var(--light);
  background-color: #666;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.color-block-lagoon.square-color-block.color-block-white {
  background-color: #fff;
}

.color-block-lagoon.square-color-block.color-block-anchor {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  aspect-ratio: auto;
  height: auto;
  color: var(--light);
  background-color: #34303d;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.color-block-lagoon.square-color-block.color-block-white {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  aspect-ratio: auto;
  height: auto;
  color: var(--light);
  background-color: #666;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.color-property {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.width-40 {
  width: 40px;
}

.colors-grid-type-two {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.images-grid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.image-grid-image {
  object-fit: cover;
  width: 100%;
}

.image-grid-image.big-image {
  height: 680px;
}

.image-grid-image.medium-image {
  height: 400px;
}

.image-grid-image.square-image {
  aspect-ratio: 1;
  height: auto;
}

.product-symbol-grid {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  letter-spacing: 0;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.product-symbol-block {
  aspect-ratio: 1;
  border: 1px solid var(--grey--5);
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
}

.product-symbol-block.black-block {
  border-color: var(--elan-black);
  background-color: var(--elan-black);
}

.product-symbol-block.grey-block {
  background-color: var(--grey--2);
}

.product-symbol-image {
  width: 650px;
  height: auto;
  padding: 24px;
}

.icon-library-block {
  border: 1px solid var(--grey--5);
  background-color: var(--grey--2);
  justify-content: center;
  align-items: center;
  height: 680px;
  margin-bottom: 10px;
  display: flex;
}

.icon-library-grid {
  grid-column-gap: 80px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.icon-library-image {
  width: 64px;
  height: 64px;
}

._404-content {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 320px;
  display: flex;
}

.color-black {
  color: var(--elan-black);
}

.licenses-page-hero {
  background-color: var(--elan-azuur);
  background-image: url('../images/Firefly_Gemini-Flash-6.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-end;
  height: 424px;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.margin-bottom-80-mobile-64 {
  margin-bottom: 80px;
}

.changelog-page-hero {
  background-color: var(--elan-azuur);
  background-image: url('../images/nikita-kachanovsky-OVbeSXRk_9E-unsplash_1nikita-kachanovsky-OVbeSXRk_9E-unsplash.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-end;
  height: 424px;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.logo-safe-zones-block-compleet-logo {
  border: 1px solid var(--grey--5);
  background-color: var(--grey--2);
  justify-content: center;
  align-items: center;
  height: 680px;
  padding: 24px;
  display: flex;
}

.image {
  clear: none;
  letter-spacing: 0;
  vertical-align: middle;
  margin-bottom: 0;
  padding-bottom: 0;
}

.div-block {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  aspect-ratio: 1;
  background-color: #284452;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 320px;
  margin-bottom: 0;
  padding: 24px;
  display: flex;
}

.div-block.div-block-5 {
  aspect-ratio: auto;
  justify-content: flex-start;
  align-items: center;
}

.div-block-2 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: #58a7af;
  flex-flow: column;
  align-items: center;
  padding: 24px;
  display: flex;
}

.div-block-3 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: #34303d;
  background-image: linear-gradient(#34303d66, #34303d66), url('../images/ThumbsUp.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-flow: column;
  align-items: center;
  padding: 24px;
  display: flex;
}

.div-block-4 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: #000;
  flex-flow: column;
  align-items: center;
  padding: 24px;
  display: flex;
}

.div-block-5 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: #34303d;
  flex-flow: column;
  align-items: center;
  padding: 24px;
  display: flex;
}

.color-block-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--elan-black);
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 480px;
  padding: 20px 24px;
  display: flex;
}

.color-block-copy.square-color-block {
  aspect-ratio: 1;
  height: auto;
}

.color-block-copy.square-color-block.color-block-blue-600 {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  aspect-ratio: auto;
  background-color: #34303d;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: flex-start;
  height: auto;
  display: flex;
}

.color-block-copy.square-color-block.color-block-blue-500 {
  background-color: #284452;
}

.color-block-copy.square-color-block.color-block-blue-350 {
  background-color: #58a7af;
}

.color-block-copy.square-color-block.color-block-black {
  border: 1px solid var(--grey--5);
  background-color: var(--elan-black);
  color: var(--elan-black);
}

.color-block-copy.square-color-block.color-block-white {
  border: 1px solid var(--grey--5);
  background-color: var(--white);
}

.color-block-copy.square-color-block.color-block-grey-800 {
  background-color: #333;
}

.color-block-copy.square-color-block.color-block-grey-600 {
  background-color: #666;
}

.color-block-copy.square-color-block.color-block-grey-100 {
  background-color: #e6e6e6;
}

.color-block-copy.square-color-block.color-block-blue-500-copy {
  background-color: #284452;
}

.medium-xs-mono-copy {
  color: var(--white);
  letter-spacing: .4px;
  text-transform: uppercase;
  font-family: DM Mono, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 128%;
}

.medium-xs-mono-copy.width-40, .medium-xs-mono-copy.width-40-copy {
  color: var(--white);
}

.medium-xs-mono-zwart {
  color: var(--elan-black);
  letter-spacing: .4px;
  text-transform: uppercase;
  font-family: DM Mono, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 128%;
}

.medium-xs-mono-zwart.width-40 {
  color: var(--elan-black);
}

.medium-xs-mono-zwart.width-40-copy {
  color: var(--white);
}

.color-block-shade-copy.shade-3-copy-copy {
  background-color: #284452;
}

.color-block-shade-copy {
  flex: 1;
}

.color-block-shade-copy.shade-1 {
  background-color: var(--elan-azuur);
}

.color-block-shade-copy.shade-2 {
  background-color: #145cff;
}

.color-block-shade-copy.shade-3 {
  background-color: #2870ff;
}

.color-block-shade-copy.shade-4 {
  background-color: #3c84ff;
}

.color-block-shade-copy.shade-2-copy {
  background-color: #34303d;
}

.color-block-shade-copy.shade-3-copy {
  background-color: #2870ff;
}

.color-block-shade-copy.shade-4-copy, .color-block-shade-copy.shade-4-copy-copy {
  background-color: #3c84ff;
}

.color-block-shade-copy-copy {
  flex: 1;
}

.color-block-shade-copy-copy.shade-1 {
  background-color: var(--elan-azuur);
}

.color-block-shade-copy-copy.shade-2 {
  background-color: #145cff;
}

.color-block-shade-copy-copy.shade-3 {
  background-color: #2870ff;
}

.color-block-shade-copy-copy.shade-4 {
  background-color: #3c84ff;
}

.color-block-shade-copy-copy.shade-2-copy {
  background-color: #34303d;
}

.color-block-shade-copy-copy.shade-3-copy {
  background-color: #2870ff;
}

.color-block-shade-copy-copy.shade-4-copy, .color-block-shade-copy-copy.shade-4-copy-copy {
  background-color: #3c84ff;
}

.color-block-shade-copy-copy-copy {
  background-color: #58a7af;
  flex: 1;
}

.color-block-shade-copy-copy-copy.shade-1 {
  background-color: var(--elan-azuur);
}

.color-block-shade-copy-copy-copy.shade-2 {
  background-color: #145cff;
}

.color-block-shade-copy-copy-copy.shade-3 {
  background-color: #2870ff;
}

.color-block-shade-copy-copy-copy.shade-4 {
  background-color: #3c84ff;
}

.color-block-shade-copy-copy-copy.shade-2-copy {
  background-color: #34303d;
}

.color-block-shade-copy-copy-copy.shade-3-copy {
  background-color: #2870ff;
}

.color-block-shade-copy-copy-copy.shade-4-copy, .color-block-shade-copy-copy-copy.shade-4-copy-copy {
  background-color: #3c84ff;
}

.typography-block-image-copy {
  width: 100%;
  height: auto;
  color: var(--light);
  display: block;
}

.typography-block-image-copy-copy {
  width: 100%;
  height: auto;
  color: var(--grey--85);
  letter-spacing: 0;
  font-family: Outfit, sans-serif;
  display: block;
}

.site-block-content-copy.icons-block-content-copy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--white);
  text-align: center;
  background-color: #58a7af;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
}

.site-square-content-block-copy {
  aspect-ratio: 1;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px 24px;
  display: flex;
  position: relative;
}

.site-square-content-block-copy.strategy-block, .site-square-content-block-copy.color-block, .site-square-content-block-copy.images-block, .site-square-content-block-copy.icons-block {
  background-color: var(--elan-azuur);
}

.site-square-content-block-copy.resources-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--elan-black);
  padding-bottom: 0;
  padding-left: 24px;
  padding-right: 0;
  overflow: hidden;
}

.site-square-content-block-copy.card-color-block {
  background-color: var(--elan-azuur);
}

.site-square-content-block-copy.resources-block-copy {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--elan-black);
  padding-bottom: 0;
  padding-left: 24px;
  padding-right: 0;
  overflow: hidden;
}

.site-square-content-block-copy-copy {
  aspect-ratio: 1;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px 24px;
  display: flex;
  position: relative;
}

.site-square-content-block-copy-copy.strategy-block, .site-square-content-block-copy-copy.color-block, .site-square-content-block-copy-copy.images-block, .site-square-content-block-copy-copy.icons-block {
  background-color: var(--elan-azuur);
}

.site-square-content-block-copy-copy.resources-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--elan-black);
  padding-bottom: 0;
  padding-left: 24px;
  padding-right: 0;
  overflow: hidden;
}

.site-square-content-block-copy-copy.card-color-block {
  background-color: var(--elan-azuur);
}

.site-square-content-block-copy-copy.resources-block-copy, .site-square-content-block-copy-copy.resources-block-copy-copy, .site-square-content-block-copy-copy.resources-block-copy-copy-copy {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--elan-black);
  padding-bottom: 0;
  padding-left: 24px;
  padding-right: 0;
  overflow: hidden;
}

.site-square-content-block-copy-copy-copy {
  aspect-ratio: 1;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px 24px;
  display: flex;
  position: relative;
}

.site-square-content-block-copy-copy-copy.strategy-block, .site-square-content-block-copy-copy-copy.color-block, .site-square-content-block-copy-copy-copy.images-block, .site-square-content-block-copy-copy-copy.icons-block {
  background-color: var(--elan-azuur);
}

.site-square-content-block-copy-copy-copy.resources-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--elan-black);
  padding-bottom: 0;
  padding-left: 24px;
  padding-right: 0;
  overflow: hidden;
}

.site-square-content-block-copy-copy-copy.card-color-block {
  background-color: var(--elan-azuur);
}

.site-square-content-block-copy-copy-copy.resources-block-copy, .site-square-content-block-copy-copy-copy.resources-block-copy-copy {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--elan-black);
  padding-bottom: 0;
  padding-left: 24px;
  padding-right: 0;
  overflow: hidden;
}

.site-square-content-block-copy-copy-copy.resources-block-copy-copy-copy {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--elan-black);
  background-image: url('../images/thumbnail_resources.webp');
  background-position: 50%;
  background-size: cover;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 0;
  padding-left: 24px;
  padding-right: 0;
  overflow: hidden;
}

.site-block-content-copy {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.site-block-content-copy.strategy-block-content {
  color: var(--white);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
}

.site-block-content-copy.logo-block-content {
  color: var(--grey--12);
  background-color: #f1f1f1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
}

.site-block-content-copy.typography-block-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #f1f1f1;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 24px 0 0 24px;
  display: grid;
  overflow: hidden;
}

.site-block-content-copy.color-block-content {
  color: var(--white);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.site-block-content-copy.images-block-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  overflow: hidden;
}

.site-block-content-copy.icons-block-content {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: var(--white);
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
}

.site-block-content-copy.logo-block-content-copy {
  color: var(--grey--12);
  background-color: #34303d;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
}

.regular-l {
  font-family: Outfit, sans-serif;
  font-weight: 300;
}

.product-symbol-block-copy {
  aspect-ratio: 1;
  border: 1px solid var(--grey--5);
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  padding: 24px;
  display: flex;
}

.product-symbol-block-copy.black-block {
  border-color: var(--elan-black);
  background-color: var(--elan-black);
}

.product-symbol-block-copy.grey-block {
  background-color: var(--grey--2);
}

.div-block-elan-tech_monotone-wit {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: #34303d;
  background-image: linear-gradient(#34303d66, #34303d66), url('../images/ThumbsUp.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-flow: column;
  align-items: center;
  padding: 24px;
  display: flex;
}

.sub-title-white {
  max-width: 320px;
  color: var(--white);
  letter-spacing: 0;
  margin-bottom: 20px;
  font-family: Outfit, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.sub-title-black {
  letter-spacing: 0;
  margin-bottom: 30px;
  font-family: Outfit, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.div-block-learning {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  background-color: #34303d;
  background-image: linear-gradient(#28445266, #28445266), url('../images/ThumbsUp.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-flow: column;
  align-items: center;
  padding: 24px;
  display: flex;
}

.grid {
  grid-template-columns: 2fr 2fr;
  grid-auto-columns: 2fr;
}

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

.div-block-7 {
  background-color: #282828;
}

.hero-bg {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 424px;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.hero-bg.internal-page-hero {
  background-image: url('../images/Firefly_Gemini-Flash-6_1.webp');
  background-position: 50%;
  background-size: auto;
}

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

.container-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  letter-spacing: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  height: auto;
  font-family: Outfit, sans-serif;
  display: grid;
}

.text-block {
  font-family: Outfit, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.text-block-2 {
  font-family: Outfit, sans-serif;
}

.color-block {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  background-color: #0040ff;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 480px;
  padding: 20px 24px;
  display: flex;
}

.color-block.square-color-block {
  aspect-ratio: 1;
  height: auto;
}

.color-block.square-color-block.color-block-grey-600 {
  background-color: #666;
}

.color-block.square-color-block.color-block-black {
  background-color: #000;
  border: 1px solid #f0f0f0;
}

.color-block.square-color-block.color-block-white {
  background-color: #fff;
  border: 1px solid #f0f0f0;
}

.color-block.square-color-block.color-block-grey-800 {
  background-color: #333;
}

.color-block.square-color-block.color-block-grey-100 {
  background-color: #e6e6e6;
}

.color-block.square-color-block.color-block-elan-azure {
  background-color: #00a3e1;
  border: 1px solid #f0f0f0;
}

.color-block.square-color-block.color-block-elan-anchor {
  background-color: #34303d;
}

.color-block.square-color-block.color-block-petrol {
  background-color: #284452;
}

.color-block.square-color-block.color-block-lagoon {
  background-color: #58a7af;
}

.color-block.square-color-block.color-block-elan-black {
  background-color: #282828;
  border: 1px solid #f0f0f0;
}

.color-block.square-color-block.color-block-elan-grey {
  background-color: #666;
}

.color-block.square-color-block.color-block-elan-light-grey {
  background-color: #b1b3b3;
}

.color-block.square-color-block.color-block-elan-off-white {
  background-color: #f1f1f1;
}

.medium-xs-mono-2 {
  letter-spacing: .4px;
  text-transform: uppercase;
  font-family: Outfit, sans-serif;
  font-size: 10px;
  font-weight: 300;
  line-height: 128%;
}

.medium-xs-mono-2.width-40 {
  font-family: Outfit, sans-serif;
}

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

.div-block-320 {
  box-sizing: border-box;
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  aspect-ratio: auto;
  background-color: #284452;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 320px;
  margin-bottom: 0;
  padding: 24px;
  display: flex;
}

.medium-l-2 {
  letter-spacing: 0;
  font-family: Outfit, sans-serif;
  font-weight: 300;
}

.font-lookup-text-2 {
  text-align: center;
  letter-spacing: -4.16px;
  font-family: Bricolage Grotesque, sans-serif;
  font-size: 104px;
  font-weight: 600;
  line-height: 104%;
}

.container-3 {
  width: 100%;
  max-width: 1400px;
  padding-left: 40px;
  padding-right: 40px;
}

.h3-3 {
  letter-spacing: 0;
  font-family: Outfit, sans-serif;
}

.font-lookup-block-2 {
  background-color: #f8f8f8;
  border: 1px solid #f0f0f0;
  justify-content: center;
  align-items: center;
  height: 680px;
  padding: 24px;
  display: flex;
}

.medium-l-3 {
  letter-spacing: 0;
  font-family: Outfit, sans-serif;
  font-weight: 300;
}

.font-weights-medium-2 {
  letter-spacing: -2.56px;
  font-family: Bricolage Grotesque, sans-serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 104%;
}

.weights-lookup-2 {
  background-color: #f8f8f8;
  border: 1px solid #f0f0f0;
  justify-content: center;
  align-items: center;
  height: 680px;
  padding: 24px 64px;
  display: flex;
}

.font-weights-2 {
  grid-column-gap: 8px;
  grid-row-gap: 24px;
  letter-spacing: 0;
  border: 1px solid #0000;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 40px;
  display: flex;
}

.h3-4 {
  letter-spacing: 0;
  font-family: Outfit, sans-serif;
}

.font-weights-heading-2 {
  color: #666;
  letter-spacing: -1.92px;
  flex: 1;
  min-width: 420px;
  margin-top: 8px;
  font-family: Bricolage Grotesque, sans-serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 104%;
}

.font-weights-semibold-2 {
  letter-spacing: 0;
  font-family: Outfit, sans-serif;
  font-size: 64px;
  font-weight: 300;
  line-height: 104%;
}

.font-lookup-bricolage-semi-bold {
  text-align: center;
  letter-spacing: -1.92px;
  font-family: Bricolage Grotesque, sans-serif;
  font-size: 104px;
  font-weight: 600;
  line-height: 104%;
}

.font-weights-bricolage-normal {
  letter-spacing: 0;
  font-family: Bricolage Grotesque, sans-serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 104%;
}

.font-weights-brico-bold {
  letter-spacing: -1.92px;
  font-family: Bricolage Grotesque, sans-serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 104%;
}

.font-weights-brico-semibold {
  letter-spacing: -1.92px;
  font-family: Bricolage Grotesque, sans-serif;
  font-size: 64px;
  font-weight: 600;
  line-height: 104%;
}

.font-lookup-outfit-bold {
  text-align: center;
  letter-spacing: 0;
  font-family: Outfit, sans-serif;
  font-size: 104px;
  font-weight: 700;
  line-height: 104%;
}

.font-weights-heading-2-copy {
  color: #666;
  letter-spacing: 0;
  flex: 1;
  min-width: 420px;
  margin-top: 8px;
  font-family: Outfit, sans-serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 104%;
}

.font-weights-semibold-2-copy {
  letter-spacing: 0;
  letter-spacing: 0;
  font-family: Outfit, sans-serif;
  font-size: 64px;
  font-weight: 500;
  line-height: 104%;
}

.font-weights-outfit-bold {
  letter-spacing: 0;
  font-family: Outfit, sans-serif;
  font-size: 64px;
  font-weight: 700;
  line-height: 104%;
}

.font-weights-semibold-2-copy-copy {
  letter-spacing: 0;
  letter-spacing: -1.92px;
  font-family: Bricolage Grotesque, sans-serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 104%;
}

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

.image-2 {
  max-width: 50%;
}

.container-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 5%;
  display: grid;
}

.hero-bg-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 424px;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.hero-bg-copy.internal-page-hero {
  background-image: url('../images/Firefly_Gemini-Flash-6_1.webp');
  background-position: 50%;
  background-size: auto;
}

.hero-bg-copy.internal-page-hero.images-block-image {
  background-image: linear-gradient(#34303d66, #34303d66), url('../images/Firefly_Gemini-Flash-6_1.webp');
  background-position: 0 0, 50%;
  background-size: auto, auto;
}

.product-symbol-image-copy {
  width: 1000px;
  height: auto;
  padding: 24px;
}

.font-weights-outfit-medium {
  letter-spacing: 0;
  font-family: Outfit, sans-serif;
  font-size: 64px;
  font-weight: 500;
  line-height: 104%;
}

.font-weights-outfit-regular {
  letter-spacing: 0;
  font-family: Outfit, sans-serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 104%;
}

.font-weights-outfit-light {
  letter-spacing: 0;
  font-family: Outfit, sans-serif;
  font-size: 64px;
  font-weight: 300;
  line-height: 104%;
}

.icon-size-17 {
  width: 12px;
  height: 12px;
}

.button-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #282828;
  letter-spacing: .4px;
  text-transform: uppercase;
  border: 1px solid #f0f0f0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  font-family: DM Mono, sans-serif;
  font-size: 10px;
  font-weight: 500;
  line-height: 128%;
  transition: border-color .2s ease-in-out, background-color .2s ease-in-out;
  display: flex;
}

.button-2.secondary {
  color: #282828;
  background-color: #fff;
  border-color: #f0f0f0;
}

.button-2.secondary:hover, .button-2.secondary:focus {
  background-color: #fff;
  border-color: #dfdfdf;
}

.assets-block-2 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #fff;
  border: 1px solid #f0f0f0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px 20px 24px;
  display: flex;
}

.container-5 {
  letter-spacing: 0;
  width: 100%;
  max-width: 1400px;
  padding-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
}

@media screen and (max-width: 991px) {
  .page-content-wrapper {
    flex-flow: column;
  }

  .menu {
    background-color: #0000;
    border-right-style: none;
    width: 100%;
    height: auto;
  }

  .header {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .header-logo-and-menu {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .header-menu-button, .button.secondary.header-button {
    display: flex;
  }

  .menu-content-wrapper {
    z-index: 1000;
    border-right: 1px solid var(--grey--5);
    flex: 0 auto;
    width: 320px;
    height: 100vh;
    padding-bottom: 80px;
    display: none;
    position: fixed;
    top: 80px;
  }

  .section._404-page {
    min-height: 720px;
    margin-top: -80px;
  }

  .site-content-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .site-square-content-block.color-block, .site-square-content-block.images-block, .site-square-content-block.card-color-block {
    aspect-ratio: auto;
    height: 373px;
  }

  .site-content-block.typography-block {
    height: 373px;
  }

  .site-logo-block-image {
    max-width: 240px;
  }

  .footer-main-info.site-info {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    display: flex;
  }

  .menu-bg-shade {
    z-index: 5;
    background-color: #0003;
    position: fixed;
    inset: 0%;
  }

  .large-page-image {
    height: 600px;
  }

  .logos-blocks-grid {
    grid-template-columns: 1fr 1fr;
  }

  .max-width-320-tablet-280 {
    max-width: 280px;
  }

  .logo-emblem-safe-zones-wrapper {
    padding: 36px;
  }

  .logo-wordmark-safe-zones-wrapper {
    padding: 24px;
  }

  .logo-colors-grid {
    grid-template-columns: 1fr;
  }

  .logo-color-block-image {
    width: 240px;
  }

  .font-lookup-block {
    height: 600px;
  }

  .font-lookup-text {
    letter-spacing: -3.2px;
    font-size: 80px;
  }

  .weights-lookup {
    height: 600px;
  }

  .font-weights {
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .font-weights-heading {
    letter-spacing: -.64px;
    min-width: auto;
    margin-top: 0;
    font-size: 32px;
  }

  .table-grid-wrapper {
    flex-flow: row;
  }

  .table-grid {
    min-width: auto;
  }

  .typography-settings-blocks-wrapper {
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .table-grid-overflow {
    min-width: auto;
  }

  .list-grid-wrapper {
    grid-template-columns: 1fr;
  }

  .color-block-lagoon {
    height: 400px;
  }

  .image-grid-image.big-image {
    height: 600px;
  }

  .image-grid-image.medium-image {
    aspect-ratio: 1;
    height: auto;
  }

  .product-symbol-grid {
    grid-template-columns: 1fr;
  }

  .product-symbol-block {
    aspect-ratio: auto;
    height: 400px;
  }

  .icon-library-block {
    height: 600px;
  }

  .icon-library-grid {
    grid-column-gap: 64px;
    grid-row-gap: 48px;
  }

  .icon-library-image {
    width: 48px;
    height: 48px;
  }

  .color-block-copy {
    height: 400px;
  }

  .site-square-content-block-copy.color-block, .site-square-content-block-copy.images-block, .site-square-content-block-copy.card-color-block, .site-square-content-block-copy-copy.color-block, .site-square-content-block-copy-copy.images-block, .site-square-content-block-copy-copy.card-color-block, .site-square-content-block-copy-copy-copy.color-block, .site-square-content-block-copy-copy-copy.images-block, .site-square-content-block-copy-copy-copy.card-color-block {
    aspect-ratio: auto;
    height: 373px;
  }

  .product-symbol-block-copy {
    aspect-ratio: auto;
    height: 400px;
  }

  .color-block {
    height: 400px;
  }

  .font-lookup-text-2 {
    letter-spacing: -3.2px;
    font-size: 80px;
  }

  .font-lookup-block-2, .weights-lookup-2 {
    height: 600px;
  }

  .font-weights-2 {
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .font-weights-heading-2 {
    letter-spacing: -.64px;
    min-width: auto;
    margin-top: 0;
    font-size: 32px;
  }

  .font-lookup-bricolage-semi-bold, .font-lookup-outfit-bold {
    letter-spacing: -3.2px;
    font-size: 80px;
  }

  .font-weights-heading-2-copy {
    letter-spacing: -.64px;
    min-width: auto;
    margin-top: 0;
    font-size: 32px;
  }
}

@media screen and (max-width: 767px) {
  body {
    letter-spacing: -.36px;
    font-size: 18px;
  }

  h1 {
    letter-spacing: -.72px;
    font-size: 36px;
  }

  h2 {
    letter-spacing: -.48px;
    font-size: 24px;
  }

  h3 {
    font-size: 18px;
  }

  .header-logo-and-menu {
    justify-content: space-between;
    width: 100%;
  }

  .header-menu-button {
    order: 1;
  }

  .button.secondary.header-button {
    display: none;
  }

  .menu-content-wrapper {
    width: 100%;
    padding-bottom: 77px;
    top: 77px;
  }

  .menu-description {
    padding-bottom: 24px;
  }

  .container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .hero-bg-video {
    height: 360px;
  }

  .max-width-600-mobile-320 {
    max-width: 320px;
  }

  .margin-bottom-4-mobile-8 {
    margin-bottom: 8px;
  }

  .section._404-page {
    min-height: 600px;
    margin-top: -76px;
  }

  .section-paddings {
    padding-bottom: 64px;
  }

  .site-content-grid {
    grid-template-columns: 1fr;
  }

  .site-square-content-block.color-block, .site-square-content-block.images-block, .site-square-content-block.card-color-block {
    aspect-ratio: 1;
    height: auto;
  }

  .site-block-content.typography-block-content {
    justify-content: flex-end;
    align-items: flex-start;
  }

  .max-width-240-mobile-200 {
    max-width: 200px;
  }

  .site-content-block.logo-block {
    aspect-ratio: 1;
  }

  .site-content-block.typography-block {
    aspect-ratio: 1;
    height: auto;
  }

  .site-content-block.card-logo-block {
    aspect-ratio: 1;
  }

  .site-logo-block-image {
    min-width: auto;
  }

  .typography-block-image {
    width: 128%;
    min-width: 128%;
  }

  .icon-block-wrapper {
    width: 80px;
  }

  .icon-block-image {
    width: 40px;
  }

  .resources-block-image {
    min-width: 125%;
  }

  .two-blocks-content-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .navigation-buttons {
    margin-top: 64px;
    padding-left: 0;
    padding-right: 0;
  }

  .navigation-buttons-container {
    padding-left: 0;
    padding-right: 0;
  }

  .navigation-buttons-wrapper {
    flex-flow: column;
  }

  .navigation-buttons-divider {
    width: 100%;
    height: 1px;
  }

  .navigation-button-empty {
    display: none;
  }

  .footer-content {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    grid-template-columns: 1fr;
    padding-bottom: 64px;
  }

  .footer-content.footer-bottom {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
  }

  .footer-main-info {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: column;
    display: flex;
  }

  .footer-contact-info {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    display: flex;
  }

  .internal-page-hero-content {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    flex-flow: column;
    display: flex;
  }

  .large-page-image {
    height: 480px;
  }

  .margin-bottom-48-mobile-40 {
    margin-bottom: 40px;
  }

  .logo-block {
    height: 200px;
  }

  .logo-block-image {
    width: 144px;
  }

  .logo-lookup {
    height: 480px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .logo-safe-zones-blocks-wrapper {
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .logo-safe-zones-block {
    height: 373px;
  }

  .logo-emblem-safe-zones {
    width: 100px;
  }

  .logo-wordmark-safe-zones-wrapper {
    padding: 20px;
  }

  .logo-wordmark-safe-zones {
    width: 200px;
  }

  .logo-color-block {
    height: 280px;
  }

  .logo-color-block-image {
    width: 200px;
  }

  .font-lookup-block {
    height: 480px;
  }

  .font-lookup-text {
    letter-spacing: -2.72px;
    font-size: 68px;
  }

  .weights-lookup {
    height: 480px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .font-weights-heading {
    letter-spacing: -.48px;
    font-size: 24px;
  }

  .font-weights-semibold, .font-weights-medium {
    letter-spacing: -1.92px;
    font-size: 48px;
  }

  .font-settings-block {
    height: 280px;
  }

  .table-grid-wrapper {
    flex-flow: column;
  }

  .table-grid {
    flex: none;
    width: 520px;
    overflow: auto;
  }

  .typography-settings-blocks-wrapper {
    grid-row-gap: 32px;
    grid-template-columns: 1fr;
  }

  .table-grid-overflow {
    flex: none;
    width: 100%;
    overflow: auto;
  }

  .list-grid-wrapper.margin-bottom-48-mobile-40 {
    grid-template-columns: 1fr;
  }

  .vertical-blocks-content-grid {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .colors-grid-type-one {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .color-block-lagoon {
    height: 320px;
  }

  .color-block-lagoon.square-color-block {
    aspect-ratio: auto;
    width: 100%;
    height: 320px;
  }

  .colors-grid-type-two {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

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

  .image-grid-image.big-image, .icon-library-block {
    height: 480px;
  }

  .icon-library-grid {
    grid-column-gap: 48px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .icon-library-image {
    width: 32px;
    height: 32px;
  }

  .licenses-page-hero {
    height: 360px;
  }

  .margin-bottom-80-mobile-64 {
    margin-bottom: 64px;
  }

  .changelog-page-hero {
    height: 360px;
  }

  .logo-safe-zones-block-compleet-logo {
    height: 373px;
  }

  .color-block-copy {
    height: 320px;
  }

  .color-block-copy.square-color-block {
    aspect-ratio: auto;
    width: 100%;
    height: 320px;
  }

  .typography-block-image-copy, .typography-block-image-copy-copy {
    width: 128%;
    min-width: 128%;
  }

  .site-square-content-block-copy.color-block, .site-square-content-block-copy.images-block, .site-square-content-block-copy.card-color-block, .site-square-content-block-copy-copy.color-block, .site-square-content-block-copy-copy.images-block, .site-square-content-block-copy-copy.card-color-block, .site-square-content-block-copy-copy-copy.color-block, .site-square-content-block-copy-copy-copy.images-block, .site-square-content-block-copy-copy-copy.card-color-block {
    aspect-ratio: 1;
    height: auto;
  }

  .site-block-content-copy.typography-block-content {
    justify-content: flex-end;
    align-items: flex-start;
  }

  .hero-bg {
    height: 360px;
  }

  .color-block {
    height: 320px;
  }

  .color-block.square-color-block {
    aspect-ratio: auto;
    width: 100%;
    height: 320px;
  }

  .font-lookup-text-2 {
    letter-spacing: -2.72px;
    font-size: 68px;
  }

  .container-3 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .font-lookup-block-2 {
    height: 480px;
  }

  .font-weights-medium-2 {
    letter-spacing: -1.92px;
    font-size: 48px;
  }

  .weights-lookup-2 {
    height: 480px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .font-weights-heading-2 {
    letter-spacing: -.48px;
    font-size: 24px;
  }

  .font-weights-semibold-2 {
    letter-spacing: -1.92px;
    font-size: 48px;
  }

  .font-lookup-bricolage-semi-bold {
    letter-spacing: -2.72px;
    font-size: 68px;
  }

  .font-weights-bricolage-normal, .font-weights-semibold-2-copy-copy, .font-weights-brico-bold, .font-weights-brico-semibold {
    letter-spacing: -1.92px;
    font-size: 48px;
  }

  .font-lookup-outfit-bold {
    letter-spacing: -2.72px;
    font-size: 68px;
  }

  .font-weights-heading-2-copy {
    letter-spacing: -.48px;
    font-size: 24px;
  }

  .font-weights-semibold-2-copy {
    letter-spacing: -1.92px;
    letter-spacing: -1.92px;
    font-size: 48px;
  }

  .font-weights-outfit-bold, .font-weights-semibold-2-copy-copy, .font-weights-semibold-2-copy-copy {
    letter-spacing: -1.92px;
    font-size: 48px;
  }

  .hero-bg-copy {
    height: 360px;
  }

  .font-weights-outfit-medium, .font-weights-outfit-regular, .font-weights-outfit-light {
    letter-spacing: -1.92px;
    font-size: 48px;
  }

  .container-5 {
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media screen and (max-width: 479px) {
  .page-content {
    overflow: hidden;
  }

  .logos-blocks-grid {
    grid-template-columns: 1fr;
  }

  .logo-block-image {
    width: 160px;
  }

  .logo-lookup {
    grid-column-gap: 18px;
    grid-row-gap: 18px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .logo-lookup-description {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    left: -8px;
  }

  .logo-lookup-line {
    height: 104px;
  }

  .logo-wordmark-safe-zones {
    width: 100%;
    max-width: 200px;
  }

  .text-settings-text {
    font-size: 28px;
  }

  .kerning-span-medium, .kerning-span-small, .kerning-span-big, .tracking-span-big, .tracking-span-medium, .tracking-span-small {
    height: 32px;
  }

  .color-block-lagoon, .color-block-lagoon.square-color-block, .product-symbol-block {
    aspect-ratio: 1;
    height: auto;
  }

  .icon-library-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .color-block-copy, .color-block-copy.square-color-block, .product-symbol-block-copy, .color-block, .color-block.square-color-block {
    aspect-ratio: 1;
    height: auto;
  }
}

#w-node-_335567df-4b1b-8ae3-2cc0-ab82ed7a96d1-75f5e365, #w-node-_5f4929cc-8c8f-f9de-bbaa-e113dd03b2c4-75f5e365 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_76572a39-f866-d4e1-356f-9eac825e126d-75f5e368, #w-node-_9ca3a074-31e8-c633-65e0-6dff233871a2-75f5e368, #w-node-ad56737d-e004-5f57-9614-9c6bcb28d21e-75f5e368, #w-node-f634fc8b-a006-8605-c549-551c6fa43c6e-75f5e368 {
  align-self: auto;
}

#w-node-_98396bd3-afd0-bc33-9179-85467b45b3cc-75f5e368 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_98396bd3-afd0-bc33-9179-85467b45b3d0-75f5e368, #w-node-_596695dc-9c10-bb28-3df3-d5922167d4cf-75f5e368, #w-node-eabdeb32-534c-814b-748d-263d6cb39731-75f5e368, #w-node-_9d063b17-6396-dbd9-a9c4-80f0cc08a466-75f5e368 {
  align-self: auto;
}

#w-node-ef0973b0-831e-b8ab-32a9-d0562ca08bb1-75f5e368 {
  grid-area: Area;
  align-self: auto;
}

#w-node-_8430b6c2-8275-5d1b-0ee4-da5e89a423b2-75f5e368, #w-node-_8430b6c2-8275-5d1b-0ee4-da5e89a423b6-75f5e368, #w-node-_8430b6c2-8275-5d1b-0ee4-da5e89a423ba-75f5e368, #w-node-_8430b6c2-8275-5d1b-0ee4-da5e89a423be-75f5e368 {
  align-self: auto;
}

#w-node-_8430b6c2-8275-5d1b-0ee4-da5e89a423c2-75f5e368 {
  grid-area: Area;
  align-self: auto;
}

#w-node-_220194c4-adf4-98fe-b662-c2a66d6a23f9-75f5e368, #w-node-_220194c4-adf4-98fe-b662-c2a66d6a23fd-75f5e368, #w-node-_220194c4-adf4-98fe-b662-c2a66d6a2401-75f5e368, #w-node-_220194c4-adf4-98fe-b662-c2a66d6a2405-75f5e368 {
  align-self: auto;
}

#w-node-_220194c4-adf4-98fe-b662-c2a66d6a2409-75f5e368 {
  grid-area: Area;
  align-self: auto;
}

#w-node-_6446f732-9f24-bc8c-1b22-1c8cf727fc9c-75f5e369 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-f7fbc745-99cb-40f7-3c0b-5217fdd9219a-75f5e36a, #w-node-f7fbc745-99cb-40f7-3c0b-5217fdd921b4-75f5e36a {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-f7fbc745-99cb-40f7-3c0b-5217fdd921ce-75f5e36a, #w-node-f7fbc745-99cb-40f7-3c0b-5217fdd921e8-75f5e36a, #w-node-f7fbc745-99cb-40f7-3c0b-5217fdd92202-75f5e36a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_8b58a589-3e28-e2fc-825b-9d6fd2db37d0-75f5e36a, #w-node-_8b58a589-3e28-e2fc-825b-9d6fd2db37ea-75f5e36a {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_8b58a589-3e28-e2fc-825b-9d6fd2db3804-75f5e36a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e536a301-18f7-b8d5-439b-156e17e27a25-75f5e36a, #w-node-e536a301-18f7-b8d5-439b-156e17e27a3f-75f5e36a {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-e536a301-18f7-b8d5-439b-156e17e27a59-75f5e36a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d8f48968-7fa2-5c0f-bdc3-8e7f774477a6-75f5e36a, #w-node-d8f48968-7fa2-5c0f-bdc3-8e7f7744778c-75f5e36a {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-d8f48968-7fa2-5c0f-bdc3-8e7f774477c0-75f5e36a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_656d57d0-ee3e-f4eb-125a-d9cfa441073a-75f5e36a, #w-node-_656d57d0-ee3e-f4eb-125a-d9cfa4410754-75f5e36a {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_656d57d0-ee3e-f4eb-125a-d9cfa441076e-75f5e36a, #w-node-_656d57d0-ee3e-f4eb-125a-d9cfa4410788-75f5e36a, #w-node-_656d57d0-ee3e-f4eb-125a-d9cfa44107a2-75f5e36a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_50db1c41-eefe-34aa-24df-3c8b7609ab10-75f5e36b {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_014271ce-c0a9-6a28-2133-30fbaaf007d0-75f5e36b, #w-node-bc4e4409-0f0a-77a3-d385-f543b8ed8ade-75f5e36b {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-bc4c0b50-9284-4e81-2f0c-6aefd9701ff0-75f5e36c, #w-node-_43b80275-9301-8e31-fccb-6936d0f8bdaf-75f5e36c {
  align-self: auto;
}

#w-node-_8084043f-b3f3-a448-0d8b-77ff4a09fa08-75f5e36d {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-_335567df-4b1b-8ae3-2cc0-ab82ed7a96d1-75f5e365 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9c550dd3-3042-dc38-92f3-1444994f4c0a-75f5e365, #w-node-f6d83f80-967a-e0db-cd5f-469b795abe55-75f5e365 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-a09c67fe-9830-1beb-7b37-e119c27febf7-75f5e365, #w-node-_335567df-4b1b-8ae3-2cc0-ab82ed7a96d1-75f5e365, #w-node-_5f4929cc-8c8f-f9de-bbaa-e113dd03b2c4-75f5e365, #w-node-_9c550dd3-3042-dc38-92f3-1444994f4c0a-75f5e365, #w-node-f6d83f80-967a-e0db-cd5f-469b795abe55-75f5e365, #w-node-_7bc4b7fb-1606-3d75-3458-3ecf6d63bc24-75f5e365, #w-node-eb8298f8-cc86-c361-ec32-79f976e6c685-75f5e365, #w-node-f7fbc745-99cb-40f7-3c0b-5217fdd9219a-75f5e36a, #w-node-f7fbc745-99cb-40f7-3c0b-5217fdd921b4-75f5e36a, #w-node-f7fbc745-99cb-40f7-3c0b-5217fdd921ce-75f5e36a, #w-node-f7fbc745-99cb-40f7-3c0b-5217fdd921e8-75f5e36a, #w-node-f7fbc745-99cb-40f7-3c0b-5217fdd92202-75f5e36a, #w-node-_8b58a589-3e28-e2fc-825b-9d6fd2db37d0-75f5e36a, #w-node-_8b58a589-3e28-e2fc-825b-9d6fd2db37ea-75f5e36a, #w-node-_8b58a589-3e28-e2fc-825b-9d6fd2db3804-75f5e36a, #w-node-e536a301-18f7-b8d5-439b-156e17e27a25-75f5e36a, #w-node-e536a301-18f7-b8d5-439b-156e17e27a3f-75f5e36a, #w-node-e536a301-18f7-b8d5-439b-156e17e27a59-75f5e36a, #w-node-d8f48968-7fa2-5c0f-bdc3-8e7f774477a6-75f5e36a, #w-node-d8f48968-7fa2-5c0f-bdc3-8e7f7744778c-75f5e36a, #w-node-d8f48968-7fa2-5c0f-bdc3-8e7f774477c0-75f5e36a, #w-node-_656d57d0-ee3e-f4eb-125a-d9cfa441073a-75f5e36a, #w-node-_656d57d0-ee3e-f4eb-125a-d9cfa4410754-75f5e36a, #w-node-_656d57d0-ee3e-f4eb-125a-d9cfa441076e-75f5e36a, #w-node-_656d57d0-ee3e-f4eb-125a-d9cfa4410788-75f5e36a, #w-node-_656d57d0-ee3e-f4eb-125a-d9cfa44107a2-75f5e36a, #w-node-_50db1c41-eefe-34aa-24df-3c8b7609ab10-75f5e36b, #w-node-_014271ce-c0a9-6a28-2133-30fbaaf007d0-75f5e36b, #w-node-bc4e4409-0f0a-77a3-d385-f543b8ed8ade-75f5e36b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}