/* ------------------- */
/*  COLOR PALLATE     
/* ------------------- */
/* ------------------- */
/*  TYPOGRAPHY     
/* ------------------- */
/* ------------------- */
/*  GRID
/* ------------------- */
/* ------------------- */
/*  Animations
/* ------------------- */
/* ------------------- */
/*  DEV NOTES
/* ------------------- */
/* ------------------- */
/*  BASE STYLES     
/* ------------------- */
*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.theme--light button:focus-visible,
.theme--light input:focus-visible,
.theme--light a:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.5rem #52001f;
}
.theme--light *:focus {
  outline: none;
  box-shadow: 0 0 0 0.5rem #52001f;
}
.theme--light a {
  color: #63d4d8;
}
.theme--light a:hover {
  color: #faa916;
}

.theme--dark button:focus-visible,
.theme--dark input:focus-visible,
.theme--dark a:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.5rem #2a2442;
}
.theme--dark *:focus {
  outline: none;
  box-shadow: 0 0 0 0.5rem #2a2442;
}
.theme--dark a {
  color: #63d4d8;
}
.theme--dark a:hover {
  color: #faa916;
}

.theme--mono button:focus-visible,
.theme--mono input:focus-visible,
.theme--mono a:focus-visible {
  outline: none;
  box-shadow: 0 0 0 0.5rem #52001f;
}
.theme--mono *:focus {
  outline: none;
  box-shadow: 0 0 0 0.5rem #52001f;
}
.theme--mono a {
  color: #63d4d8;
}
.theme--mono a:hover {
  color: #faa916;
}

html {
  font-size: 62.5%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100vh;
}

body {
  font-size: 1.6rem;
  margin: 0;
  padding: 0;
}

body::-webkit-scrollbar {
  width: 0.5rem;
}

body::-webkit-scrollbar-track {
  background: #290010;
}

body::-webkit-scrollbar-thumb {
  background: #52001f;
}

a {
  color: currentColor;
  text-decoration: none;
}

section {
  display: grid;
}

.theme--light h1,
.theme--light h2,
.theme--light h3,
.theme--light h4,
.theme--light h5,
.theme--light h6 {
  font-family: "Gochi Hand", Arial, Helvetica, sans-serif;
  color: #52001f;
}
.theme--light p, .theme--light ul,
.theme--light ol,
.theme--light input,
.theme--light label,
.theme--light textarea {
  font-family: "Zilla Slab", Georgia, "Times New Roman", Times, serif;
  font-size: 1.75rem;
  line-height: 3rem;
  color: #52001f;
}
@media (min-width: 350px) {
  .theme--light p, .theme--light ul,
  .theme--light ol,
  .theme--light input,
  .theme--light label,
  .theme--light textarea {
    font-size: 2rem;
  }
}
@media (min-width: 625px) {
  .theme--light p, .theme--light ul,
  .theme--light ol,
  .theme--light input,
  .theme--light label,
  .theme--light textarea {
    font-size: 2rem;
  }
}
@media (min-width: 1001px) {
  .theme--light p, .theme--light ul,
  .theme--light ol,
  .theme--light input,
  .theme--light label,
  .theme--light textarea {
    font-size: 2.5rem;
    line-height: 3.5rem;
  }
}
@media (min-width: 1370px) {
  .theme--light p, .theme--light ul,
  .theme--light ol,
  .theme--light input,
  .theme--light label,
  .theme--light textarea {
    font-size: 2rem;
  }
}
@media (min-width: 1551px) {
  .theme--light p, .theme--light ul,
  .theme--light ol,
  .theme--light input,
  .theme--light label,
  .theme--light textarea {
    font-size: 2.5rem;
  }
}
.theme--light ul,
.theme--light ol {
  list-style-position: inside;
}
.theme--light .bold {
  font-weight: bold;
}
.theme--light .strikeout {
  text-decoration: line-through;
}
.theme--light .heading, .theme--light .heading-feature, .theme--light .heading-4, .theme--light .heading-3, .theme--light .heading-2 {
  font-family: "Gochi Hand", Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.theme--light .heading--black {
  font-weight: 900;
}
.theme--light .heading-1, .theme--light .heading-1--bold, .theme--light .heading--black {
  font-family: "Gochi Hand", Arial, Helvetica, sans-serif;
  font-size: 3.25rem;
  text-align: center;
}
@media (min-width: 625px) {
  .theme--light .heading-1, .theme--light .heading-1--bold, .theme--light .heading--black {
    font-size: 4.5rem;
  }
}
@media (min-width: 851px) {
  .theme--light .heading-1, .theme--light .heading-1--bold, .theme--light .heading--black {
    font-size: 4.5rem;
    text-align: left;
  }
}
@media (min-width: 1370px) {
  .theme--light .heading-1, .theme--light .heading-1--bold, .theme--light .heading--black {
    text-align: left;
  }
}
@media (min-width: 1551px) {
  .theme--light .heading-1, .theme--light .heading-1--bold, .theme--light .heading--black {
    font-size: 4.5rem;
  }
}
.theme--light .heading--black {
  font-weight: 900;
}
.theme--light .heading-1--bold {
  font-weight: 700;
}
.theme--light .heading-2 {
  font-size: 3.25rem;
  line-height: 1;
}
.theme--light .heading-2--light {
  color: #f4f3f7;
}
.theme--light .heading-2--dark {
  color: #837a75;
}
.theme--light .heading-3 {
  font-size: 1.6rem;
  color: #52001f;
  text-transform: uppercase;
}
.theme--light .heading-4 {
  color: #f8f8f8;
}
.theme--light .heading-feature {
  font-size: 3.25rem;
}
.theme--light .subheading-1 {
  font-family: "Zilla Slab", Arial, Helvetica, sans-serif;
}
.theme--light .subheading-2 {
  font-family: "Zilla Slab", Arial, Helvetica, sans-serif;
  font-size: 2.5rem;
}
.theme--light .subheading-3 {
  font-family: "Zilla Slab", Arial, Helvetica, sans-serif;
  font-size: 2.5rem;
  font-style: italic;
}

.theme--dark h1,
.theme--dark h2,
.theme--dark h3,
.theme--dark h4,
.theme--dark h5,
.theme--dark h6 {
  font-family: "Gochi Hand", Arial, Helvetica, sans-serif;
  color: #f8f8f8;
}
.theme--dark p, .theme--dark ul,
.theme--dark ol,
.theme--dark input,
.theme--dark label,
.theme--dark textarea {
  font-family: "Zilla Slab", Georgia, "Times New Roman", Times, serif;
  font-size: 1.75rem;
  line-height: 3rem;
  color: #f8f8f8;
}
@media (min-width: 350px) {
  .theme--dark p, .theme--dark ul,
  .theme--dark ol,
  .theme--dark input,
  .theme--dark label,
  .theme--dark textarea {
    font-size: 2rem;
  }
}
@media (min-width: 625px) {
  .theme--dark p, .theme--dark ul,
  .theme--dark ol,
  .theme--dark input,
  .theme--dark label,
  .theme--dark textarea {
    font-size: 2rem;
  }
}
@media (min-width: 1001px) {
  .theme--dark p, .theme--dark ul,
  .theme--dark ol,
  .theme--dark input,
  .theme--dark label,
  .theme--dark textarea {
    font-size: 2.5rem;
    line-height: 3.5rem;
  }
}
@media (min-width: 1370px) {
  .theme--dark p, .theme--dark ul,
  .theme--dark ol,
  .theme--dark input,
  .theme--dark label,
  .theme--dark textarea {
    font-size: 2rem;
  }
}
@media (min-width: 1551px) {
  .theme--dark p, .theme--dark ul,
  .theme--dark ol,
  .theme--dark input,
  .theme--dark label,
  .theme--dark textarea {
    font-size: 2.5rem;
  }
}
.theme--dark ul,
.theme--dark ol {
  list-style-position: inside;
}
.theme--dark .bold {
  font-weight: bold;
}
.theme--dark .strikeout {
  text-decoration: line-through;
}
.theme--dark .heading, .theme--dark .heading-feature, .theme--dark .heading-4, .theme--dark .heading-3, .theme--dark .heading-2 {
  font-family: "Gochi Hand", Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.theme--dark .heading--black {
  font-weight: 900;
}
.theme--dark .heading-1, .theme--dark .heading-1--bold, .theme--dark .heading--black {
  font-family: "Gochi Hand", Arial, Helvetica, sans-serif;
  font-size: 3.25rem;
  text-align: center;
}
@media (min-width: 625px) {
  .theme--dark .heading-1, .theme--dark .heading-1--bold, .theme--dark .heading--black {
    font-size: 4.5rem;
  }
}
@media (min-width: 851px) {
  .theme--dark .heading-1, .theme--dark .heading-1--bold, .theme--dark .heading--black {
    font-size: 4.5rem;
    text-align: left;
  }
}
@media (min-width: 1370px) {
  .theme--dark .heading-1, .theme--dark .heading-1--bold, .theme--dark .heading--black {
    text-align: left;
  }
}
@media (min-width: 1551px) {
  .theme--dark .heading-1, .theme--dark .heading-1--bold, .theme--dark .heading--black {
    font-size: 4.5rem;
  }
}
.theme--dark .heading--black {
  font-weight: 900;
}
.theme--dark .heading-1--bold {
  font-weight: 700;
}
.theme--dark .heading-2 {
  font-size: 3.25rem;
  line-height: 1;
}
.theme--dark .heading-2--light {
  color: #f4f3f7;
}
.theme--dark .heading-2--dark {
  color: #837a75;
}
.theme--dark .heading-3 {
  font-size: 1.6rem;
  color: #52001f;
  text-transform: uppercase;
}
.theme--dark .heading-4 {
  color: #f8f8f8;
}
.theme--dark .heading-feature {
  font-size: 3.25rem;
}
.theme--dark .subheading-1 {
  font-family: "Zilla Slab", Arial, Helvetica, sans-serif;
}
.theme--dark .subheading-2 {
  font-family: "Zilla Slab", Arial, Helvetica, sans-serif;
  font-size: 2.5rem;
}
.theme--dark .subheading-3 {
  font-family: "Zilla Slab", Arial, Helvetica, sans-serif;
  font-size: 2.5rem;
  font-style: italic;
}

.theme--mono h1,
.theme--mono h2,
.theme--mono h3,
.theme--mono h4,
.theme--mono h5,
.theme--mono h6 {
  font-family: "Gochi Hand", Arial, Helvetica, sans-serif;
  color: #290010;
}
.theme--mono p, .theme--mono ul,
.theme--mono ol,
.theme--mono input,
.theme--mono label,
.theme--mono textarea {
  font-family: "Zilla Slab", Georgia, "Times New Roman", Times, serif;
  font-size: 1.75rem;
  line-height: 3rem;
  color: #290010;
}
@media (min-width: 350px) {
  .theme--mono p, .theme--mono ul,
  .theme--mono ol,
  .theme--mono input,
  .theme--mono label,
  .theme--mono textarea {
    font-size: 2rem;
  }
}
@media (min-width: 625px) {
  .theme--mono p, .theme--mono ul,
  .theme--mono ol,
  .theme--mono input,
  .theme--mono label,
  .theme--mono textarea {
    font-size: 2rem;
  }
}
@media (min-width: 1001px) {
  .theme--mono p, .theme--mono ul,
  .theme--mono ol,
  .theme--mono input,
  .theme--mono label,
  .theme--mono textarea {
    font-size: 2.5rem;
    line-height: 3.5rem;
  }
}
@media (min-width: 1370px) {
  .theme--mono p, .theme--mono ul,
  .theme--mono ol,
  .theme--mono input,
  .theme--mono label,
  .theme--mono textarea {
    font-size: 2rem;
  }
}
@media (min-width: 1551px) {
  .theme--mono p, .theme--mono ul,
  .theme--mono ol,
  .theme--mono input,
  .theme--mono label,
  .theme--mono textarea {
    font-size: 2.5rem;
  }
}
.theme--mono ul,
.theme--mono ol {
  list-style-position: inside;
}
.theme--mono .bold {
  font-weight: bold;
}
.theme--mono .strikeout {
  text-decoration: line-through;
}
.theme--mono .heading, .theme--mono .heading-feature, .theme--mono .heading-4, .theme--mono .heading-3, .theme--mono .heading-2 {
  font-family: "Gochi Hand", Arial, Helvetica, sans-serif;
  font-weight: 600;
}
.theme--mono .heading--black {
  font-weight: 900;
}
.theme--mono .heading-1, .theme--mono .heading-1--bold, .theme--mono .heading--black {
  font-family: "Gochi Hand", Arial, Helvetica, sans-serif;
  font-size: 3.25rem;
  text-align: center;
}
@media (min-width: 625px) {
  .theme--mono .heading-1, .theme--mono .heading-1--bold, .theme--mono .heading--black {
    font-size: 4.5rem;
  }
}
@media (min-width: 851px) {
  .theme--mono .heading-1, .theme--mono .heading-1--bold, .theme--mono .heading--black {
    font-size: 4.5rem;
    text-align: left;
  }
}
@media (min-width: 1370px) {
  .theme--mono .heading-1, .theme--mono .heading-1--bold, .theme--mono .heading--black {
    text-align: left;
  }
}
@media (min-width: 1551px) {
  .theme--mono .heading-1, .theme--mono .heading-1--bold, .theme--mono .heading--black {
    font-size: 4.5rem;
  }
}
.theme--mono .heading--black {
  font-weight: 900;
}
.theme--mono .heading-1--bold {
  font-weight: 700;
}
.theme--mono .heading-2 {
  font-size: 3.25rem;
  line-height: 1;
}
.theme--mono .heading-2--light {
  color: #f4f3f7;
}
.theme--mono .heading-2--dark {
  color: #837a75;
}
.theme--mono .heading-3 {
  font-size: 1.6rem;
  color: #52001f;
  text-transform: uppercase;
}
.theme--mono .heading-4 {
  color: #f8f8f8;
}
.theme--mono .heading-feature {
  font-size: 3.25rem;
}
.theme--mono .subheading-1 {
  font-family: "Zilla Slab", Arial, Helvetica, sans-serif;
}
.theme--mono .subheading-2 {
  font-family: "Zilla Slab", Arial, Helvetica, sans-serif;
  font-size: 2.5rem;
}
.theme--mono .subheading-3 {
  font-family: "Zilla Slab", Arial, Helvetica, sans-serif;
  font-size: 2.5rem;
  font-style: italic;
}

.seperator {
  width: 50%;
  position: relative;
  padding-top: 20px;
  margin: 0 auto;
  margin-bottom: 50px;
  border-bottom: 1px solid #ededed;
}

.sectionHeading {
  width: 50%;
  margin: 0 auto;
  text-align: left;
}

.sectionTitle {
  font-family: sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #848484;
}

.sectionSeperator {
  position: relative;
  padding-top: 5px;
  margin: 0 auto;
  border-bottom: 1px solid #cccccc;
}

ul#colors {
  width: 50%;
  position: relative;
  padding-top: 30px;
  margin: 0 auto;
  margin-bottom: 75px;
  text-align: center;
  list-style: none;
}

li.colorCircle {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 20px;
}

.colorHex {
  position: relative;
  color: #d1d1d1;
  top: 120px;
  right: 6px;
}

#typography {
  width: 50%;
  position: relative;
  padding-top: 10px;
  margin: 0 auto;
  margin-bottom: 75px;
}

#inlineElements {
  width: 50%;
  position: relative;
  padding-top: 10px;
  margin: 0 auto;
  margin-bottom: 75px;
}

#formElements {
  width: 50%;
  position: relative;
  padding-top: 10px;
  margin: 0 auto;
  margin-bottom: 75px;
}

#templateTitle {
  width: 50%;
  position: relative;
  padding-top: 10px;
  margin: 0 auto;
  text-align: center;
}

#projectTitle {
  font-size: 34px;
  font-weight: 700;
  color: #c4c4c4;
}

#projectDesc {
  font-family: sans-serif;
  font-size: 12px;
  font-weight: 300;
  color: #dbdbdb;
}

.-bg--primary {
  background-color: #52001f;
}

.-bg--secondary {
  background-color: #104547;
}

.-bg--accent {
  background-color: #faa916;
}

/* Colors
// ---------------------*/
.color-1 {
  background: #52001f;
}

.color-2 {
  background: #104547;
}

.color-3 {
  background: #faa916;
}

.color-4 {
  background: #1b1924;
}

.color-5 {
  background: #f8f8f8;
}

.theme--light .icon--hydra--cls-1 {
  fill: #3f0017;
}
.theme--light .icon--hydra--cls-2 {
  fill: rgba(82, 0, 31, 0.25);
}
.theme--light .icon--hydra--cls-3 {
  fill: rgba(82, 0, 31, 0.6);
}
.theme--light .icon--hydra--cls-4 {
  fill: rgba(82, 0, 31, 0.2);
}
.theme--light .icon--hydra--cls-5 {
  fill: rgba(221, 126, 141, 0.75);
}
.theme--light .icon--hydra--cls-6 {
  fill: #f8f5f6;
}
.theme--light .icon--hydra--cls-7 {
  fill: rgba(82, 0, 31, 0.4);
}
.theme--light .icon--superhero--cls-1 {
  fill: #52001f;
}
.theme--light .icon--superhero--cls-2 {
  fill: rgba(82, 0, 31, 0.5);
}
.theme--light .icon--superhero--cls-3 {
  fill: #fffcfc;
}
.theme--light .icon--kiddo--cls-1 {
  fill: #fbdec7;
}
.theme--light .icon--kiddo--cls-2 {
  fill: #f8f5f6;
}
.theme--light .icon--kiddo--cls-3 {
  fill: #dd7e8d;
}
.theme--light .icon--kiddo--cls-4 {
  fill: #efa16c;
}
.theme--light .icon--kiddo--cls-5 {
  fill: #f9f9f9;
}
.theme--light .icon--kiddo--cls-6 {
  fill: #f6c586;
}
.theme--light .icon--kiddo--cls-7 {
  fill: #3f0017;
}
.theme--light .icon--computer-science--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--computer-science--cls-2 {
  fill: #3f0017;
}
.theme--light .icon--computer-science--cls-3 {
  fill: #dd7e8d;
}
.theme--light .icon--computer-science--cls-4 {
  fill: #faa916;
}
.theme--light .icon--game-pad--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--game-pad--cls-2 {
  fill: #faa916;
}
.theme--light .icon--game-pad--cls-3 {
  fill: #52001f;
}
.theme--light .icon--game-pad--cls-4 {
  fill: #faa916;
}
.theme--light .icon--game-pad--cls-5 {
  fill: #f8f5f6;
}
.theme--light .icon--game-pad--cls-6 {
  fill: #63d4d8;
}
.theme--light .icon--game-pad--cls-7 {
  fill: #3f0017;
}
.theme--light .icon--game-pad--cls-8 {
  fill: #dd7e8d;
}
.theme--light .icon--books--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--books--cls-2 {
  fill: #dd7e8d;
}
.theme--light .icon--books--cls-3 {
  fill: #f8f5f6;
}
.theme--light .icon--books--cls-4 {
  fill: #faa916;
}
.theme--light .icon--books--cls-5 {
  fill: #3f0017;
}
.theme--light .icon--esports-team--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--esports-team--cls-2 {
  fill: #f8f8f8;
}
.theme--light .icon--esports-team--cls-3 {
  fill: #dd7e8d;
}
.theme--light .icon--esports-team--cls-4 {
  fill: #faa916;
}
.theme--light .icon--esports-team--cls-5 {
  fill: #63d4d8;
}
.theme--light .icon--esports-team--cls-6 {
  fill: #3f0017;
}
.theme--light .icon--esports-team--cls-7 {
  fill: #f8f5f6;
}
.theme--light .icon--songwriting--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--songwriting--cls-2 {
  fill: #84767e;
}
.theme--light .icon--songwriting--cls-3 {
  fill: #dd7e8d;
}
.theme--light .icon--songwriting--cls-4 {
  fill: rgba(221, 126, 141, 0.9);
}
.theme--light .icon--songwriting--cls-5 {
  fill: #a7a0a6;
}
.theme--light .icon--songwriting--cls-6 {
  fill: #faa916;
}
.theme--light .icon--songwriting--cls-7 {
  fill: rgba(250, 169, 22, 0.9);
}
.theme--light .icon--songwriting--cls-8 {
  fill: #6e6069;
}
.theme--light .icon--songwriting--cls-9 {
  fill: #987eb7;
}
.theme--light .icon--songwriting--cls-10 {
  fill: #3f0017;
}
.theme--light .icon--pencil-mechanical--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--pencil-mechanical--cls-2 {
  fill: #faa916;
}
.theme--light .icon--pencil-mechanical--cls-3 {
  fill: #f8f5f6;
}
.theme--light .icon--pencil-mechanical--cls-4 {
  fill: #dd7e8d;
}
.theme--light .icon--pencil-mechanical--cls-5 {
  fill: #3f0017;
}
.theme--light .icon--pencil-mechanical--cls-6 {
  fill: #52001f;
}
.theme--light .icon--sculpture--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--sculpture--cls-2 {
  fill: #f8f5f6;
}
.theme--light .icon--sculpture--cls-3 {
  fill: #3f0017;
}
.theme--light .icon--sculpture--cls-4 {
  fill: #dd7e8d;
}
.theme--light .icon--educator--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--educator--cls-2 {
  fill: #52001f;
}
.theme--light .icon--educator--cls-3 {
  fill: #f8f5f6;
}
.theme--light .icon--educator--cls-4 {
  fill: #dd7e8d;
}
.theme--light .icon--educator--cls-5 {
  fill: #3f0017;
}
.theme--light .icon--analytics--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--analytics--cls-2 {
  fill: #faa916;
}
.theme--light .icon--analytics--cls-3 {
  fill: #3f0017;
}
.theme--light .icon--analytics--cls-4 {
  fill: #dd7e8d;
}
.theme--light .icon--strategy--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--strategy--cls-2 {
  fill: #3f0017;
}
.theme--light .icon--strategy--cls-3 {
  fill: #dd7e8d;
}
.theme--light .icon--data-detective--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--data-detective--cls-2 {
  fill: #3f0017;
}
.theme--light .icon--data-detective--cls-3 {
  fill: #dd7e8d;
}
.theme--light .icon--branding--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--branding--cls-2 {
  fill: #3f0017;
}
.theme--light .icon--branding--cls-3 {
  fill: #dd7e8d;
}
.theme--light .icon--leader--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--leader--cls-2 {
  fill: #3f0017;
}
.theme--light .icon--leader--cls-3 {
  fill: #dd7e8d;
}
.theme--light .icon--copywriting--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--copywriting--cls-2 {
  fill: #dd7e8d;
}
.theme--light .icon--copywriting--cls-3 {
  fill: #3f0017;
}
.theme--light .icon--copywriting--cls-4 {
  fill: #52001f;
}
.theme--light .icon--holistic-guide--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--holistic-guide--cls-2 {
  fill: #faa916;
}
.theme--light .icon--holistic-guide--cls-3 {
  fill: #3f0017;
}
.theme--light .icon--holistic-guide--cls-4 {
  fill: #52001f;
}
.theme--light .icon--holistic-guide--cls-5 {
  fill: #dd7e8d;
}
.theme--light .icon--growth--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--growth--cls-2 {
  fill: #faa916;
}
.theme--light .icon--growth--cls-3 {
  fill: #3f0017;
}
.theme--light .icon--growth--cls-4 {
  fill: #52001f;
}
.theme--light .icon--growth--cls-5 {
  fill: #dd7e8d;
}
.theme--light .icon--business-plan--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--business-plan--cls-2 {
  fill: #faa916;
}
.theme--light .icon--business-plan--cls-3 {
  fill: #3f0017;
}
.theme--light .icon--business-plan--cls-4 {
  fill: #f8f5f6;
}
.theme--light .icon--business-plan--cls-5 {
  fill: #dd7e8d;
}
.theme--light .icon--assessment--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--assessment--cls-2 {
  fill: #3f0017;
}
.theme--light .icon--assessment--cls-3 {
  fill: #dd7e8d;
}
.theme--light .icon--investment--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--investment--cls-2 {
  fill: #faa916;
}
.theme--light .icon--investment--cls-3 {
  fill: #3f0017;
}
.theme--light .icon--investment--cls-4 {
  fill: #dd7e8d;
}
.theme--light .icon--global--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--global--cls-2 {
  fill: #faa916;
}
.theme--light .icon--global--cls-3 {
  fill: #dd7e8d;
}
.theme--light .icon--global--cls-4 {
  fill: #3f0017;
}
.theme--light .icon--teamwork--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--teamwork--cls-2 {
  fill: #3f0017;
}
.theme--light .icon--teamwork--cls-3 {
  fill: #dd7e8d;
}
.theme--light .icon--teamwork--cls-4 {
  fill: rgba(221, 126, 141, 0.5);
}
.theme--light .icon--leica--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--leica--cls-2 {
  fill: #faa916;
}
.theme--light .icon--leica--cls-3 {
  fill: #f8f5f6;
}
.theme--light .icon--leica--cls-4 {
  fill: #dd7e8d;
}
.theme--light .icon--leica--cls-5 {
  fill: rgba(221, 126, 141, 0.5);
}
.theme--light .icon--leica--cls-6 {
  fill: #3f0017;
}
.theme--light .icon--studio-schematic--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--studio-schematic--cls-2 {
  fill: #3f0017;
}
.theme--light .icon--studio-schematic--cls-3 {
  fill: #dd7e8d;
}
.theme--light .icon--website--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--website--cls-2 {
  fill: #3f0017;
}
.theme--light .icon--website--cls-3 {
  fill: #dd7e8d;
}
.theme--light .icon--invoice--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--invoice--cls-2 {
  fill: #3f0017;
}
.theme--light .icon--invoice--cls-3 {
  fill: #dd7e8d;
}
.theme--light .icon--invoice--cls-4 {
  fill: #f8f5f6;
}
.theme--light .icon--webinar--cls-1 {
  fill: #fbdec7;
}
.theme--light .icon--webinar--cls-2 {
  fill: #f8f5f6;
}
.theme--light .icon--webinar--cls-3 {
  fill: #dd7e8d;
}
.theme--light .icon--webinar--cls-4 {
  fill: #896e6e;
}
.theme--light .icon--webinar--cls-5 {
  fill: rgba(255, 252, 252, 0.75);
}
.theme--light .icon--webinar--cls-6 {
  fill: #dd7e8d;
}
.theme--light .icon--webinar--cls-7 {
  fill: #c4dca3;
}
.theme--light .icon--webinar--cls-8 {
  fill: #ab96c7;
}
.theme--light .icon--webinar--cls-9 {
  fill: #faa916;
}
.theme--light .icon--webinar--cls-10 {
  fill: #dceef1;
}
.theme--light .icon--webinar--cls-11 {
  fill: #f6c586;
}
.theme--light .icon--webinar--cls-12 {
  fill: #efcada;
}
.theme--light .icon--webinar--cls-13 {
  fill: #f8f1ec;
}
.theme--light .icon--webinar--cls-14 {
  fill: #3f0017;
}
.theme--light .icon--resume--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--resume--cls-2 {
  fill: #3f0017;
}
.theme--light .icon--resume--cls-3 {
  fill: #dd7e8d;
}
.theme--light .icon--code-screen--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--code-screen--cls-2 {
  fill: #3f0017;
}
.theme--light .icon--code-screen--cls-3 {
  fill: #dd7e8d;
}
.theme--light .icon--architect--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--architect--cls-2 {
  fill: #faa916;
}
.theme--light .icon--architect--cls-3 {
  fill: #3f0017;
}
.theme--light .icon--architect--cls-4 {
  fill: #dd7e8d;
}
.theme--light .icon--budget-baron--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--budget-baron--cls-2 {
  fill: #faa916;
}
.theme--light .icon--budget-baron--cls-3 {
  fill: #3f0017;
}
.theme--light .icon--budget-baron--cls-4 {
  fill: #dd7e8d;
}
.theme--light .icon--efficiency--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--efficiency--cls-2 {
  fill: #3f0017;
}
.theme--light .icon--efficiency--cls-3 {
  fill: #dd7e8d;
}
.theme--light .icon--global-collab--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--global-collab--cls-2 {
  fill: #3f0017;
}
.theme--light .icon--global-collab--cls-3 {
  fill: #dd7e8d;
}
.theme--light .icon--expo-pass--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--expo-pass--cls-2 {
  fill: #63d4d8;
}
.theme--light .icon--expo-pass--cls-3 {
  fill: #3f0017;
}
.theme--light .icon--expo-pass--cls-4 {
  fill: #dd7e8d;
}
.theme--light .icon--champagne--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--champagne--cls-2 {
  fill: #faa916;
}
.theme--light .icon--champagne--cls-3 {
  fill: #3f0017;
}
.theme--light .icon--champagne--cls-4 {
  fill: #dd7e8d;
}
.theme--light .icon--lightbulb--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--lightbulb--cls-2 {
  fill: #faa916;
}
.theme--light .icon--lightbulb--cls-3 {
  fill: #3f0017;
}
.theme--light .icon--lightbulb--cls-4 {
  fill: #dd7e8d;
}
.theme--light .icon--featured-speaker--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--featured-speaker--cls-2 {
  fill: #faa916;
}
.theme--light .icon--featured-speaker--cls-3 {
  fill: #3f0017;
}
.theme--light .icon--featured-speaker--cls-4 {
  fill: #dd7e8d;
}
.theme--light .icon--award--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--award--cls-2 {
  fill: #faa916;
}
.theme--light .icon--award--cls-3 {
  fill: #3f0017;
}
.theme--light .icon--award--cls-4 {
  fill: #dd7e8d;
}
.theme--light .icon--award--cls-5 {
  fill: #f19493;
}
.theme--light .icon--dog--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--dog--cls-2 {
  fill: #ab9894;
}
.theme--light .icon--dog--cls-3 {
  fill: #896e6e;
}
.theme--light .icon--dog--cls-4 {
  fill: #efcada;
}
.theme--light .icon--dog--cls-5 {
  fill: #c7b6b3;
}
.theme--light .icon--dog--cls-6 {
  fill: #3f0017;
}
.theme--light .icon--swatch-burgundy--cls-1 {
  fill: #52001f;
}
.theme--light .icon--swatch-burgundy--cls-2 {
  fill: #f8f5f6;
}
.theme--light .icon--swatch-burgundy--cls-3 {
  fill: #3f0017;
}
.theme--light .icon--swatch-burgundy--cls-4 {
  fill: #f9f9f9;
}
.theme--light .icon--sushi--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--sushi--cls-2 {
  fill: #ed8389;
}
.theme--light .icon--sushi--cls-3 {
  fill: #cc565c;
}
.theme--light .icon--sushi--cls-4 {
  fill: #3f0017;
}
.theme--light .icon--rain--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--rain--cls-2 {
  fill: #ee7d7b;
}
.theme--light .icon--rain--cls-3 {
  fill: #f7e9f3;
}
.theme--light .icon--rain--cls-4 {
  fill: #dceef1;
}
.theme--light .icon--rain--cls-5 {
  fill: #3f0017;
}
.theme--light .icon--outside--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--outside--cls-2 {
  fill: #63d4d8;
}
.theme--light .icon--outside--cls-3 {
  fill: #896e6e;
}
.theme--light .icon--outside--cls-4 {
  fill: #c4dca3;
}
.theme--light .icon--outside--cls-5 {
  fill: #faa916;
}
.theme--light .icon--outside--cls-6 {
  fill: #faa916;
}
.theme--light .icon--outside--cls-7 {
  fill: #987eb7;
}
.theme--light .icon--outside--cls-8 {
  fill: #dfeac4;
}
.theme--light .icon--outside--cls-9 {
  fill: #afc68c;
}
.theme--light .icon--outside--cls-10 {
  fill: #3f0017;
}
.theme--light .icon--shows--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--shows--cls-2 {
  fill: #dd7e8d;
}
.theme--light .icon--shows--cls-3 {
  fill: rgba(248, 245, 246, 0.5);
}
.theme--light .icon--shows--cls-4 {
  fill: #faa916;
}
.theme--light .icon--shows--cls-5 {
  fill: #f8f5f6;
}
.theme--light .icon--shows--cls-6 {
  fill: #3f0017;
}
.theme--light .icon--reading--cls-1 {
  fill: #fff;
}
.theme--light .icon--reading--cls-2 {
  fill: #ee7d7b;
}
.theme--light .icon--reading--cls-3 {
  fill: rgba(221, 126, 141, 0.5);
}
.theme--light .icon--reading--cls-4 {
  fill: #efa16c;
}
.theme--light .icon--reading--cls-5 {
  fill: #f6c586;
}
.theme--light .icon--reading--cls-6 {
  fill: #f8f1ec;
}
.theme--light .icon--reading--cls-7 {
  fill: rgba(221, 126, 141, 0.9);
}
.theme--light .icon--reading--cls-8 {
  fill: rgba(221, 126, 141, 0.75);
}
.theme--light .icon--reading--cls-9 {
  fill: #3f0017;
}
.theme--light .icon--blockbuster--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--blockbuster--cls-2 {
  fill: #faa916;
}
.theme--light .icon--blockbuster--cls-3 {
  fill: #3f0017;
}
.theme--light .icon--blockbuster--cls-4 {
  fill: #dd7e8d;
}
.theme--light .icon--magic--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--magic--cls-2 {
  fill: #e9554a;
}
.theme--light .icon--magic--cls-3 {
  fill: #3f0017;
}
.theme--light .icon--magic--cls-4 {
  fill: #f8f5f6;
}
.theme--light .icon--magic--cls-5 {
  fill: #faa916;
}
.theme--light .icon--fitness--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--fitness--cls-2 {
  fill: rgba(248, 245, 246, 0.75);
}
.theme--light .icon--fitness--cls-3 {
  fill: rgba(248, 245, 246, 0.9);
}
.theme--light .icon--fitness--cls-4 {
  fill: #faa916;
}
.theme--light .icon--fitness--cls-5 {
  fill: #3f0017;
}
.theme--light .icon--dc--cls-1 {
  fill: #f8f5f6;
}
.theme--light .icon--dc--cls-2 {
  fill: #f8f5f6;
}
.theme--light .icon--dc--cls-3 {
  fill: #e9554a;
}
.theme--light .icon--dc--cls-4 {
  fill: #3f0017;
}
.theme--light .icon--dc--cls-5 {
  fill: rgba(248, 245, 246, 0.9);
}

.theme--dark .icon--hydra--cls-1 {
  fill: #100f1a;
}
.theme--dark .icon--hydra--cls-2 {
  fill: rgba(42, 36, 66, 0.25);
}
.theme--dark .icon--hydra--cls-3 {
  fill: rgba(42, 36, 66, 0.6);
}
.theme--dark .icon--hydra--cls-4 {
  fill: rgba(42, 36, 66, 0.2);
}
.theme--dark .icon--hydra--cls-5 {
  fill: rgba(87, 83, 133, 0.75);
}
.theme--dark .icon--hydra--cls-6 {
  fill: #2a2442;
}
.theme--dark .icon--hydra--cls-7 {
  fill: rgba(42, 36, 66, 0.4);
}
.theme--dark .icon--superhero--cls-1 {
  fill: #f8f8f8;
}
.theme--dark .icon--superhero--cls-2 {
  fill: rgba(61, 59, 107, 0.5);
}
.theme--dark .icon--superhero--cls-3 {
  fill: #26213f;
}
.theme--dark .icon--kiddo--cls-1 {
  fill: #fbdec7;
}
.theme--dark .icon--kiddo--cls-2 {
  fill: #2a2442;
}
.theme--dark .icon--kiddo--cls-3 {
  fill: #575385;
}
.theme--dark .icon--kiddo--cls-4 {
  fill: #efa16c;
}
.theme--dark .icon--kiddo--cls-5 {
  fill: #f9f9f9;
}
.theme--dark .icon--kiddo--cls-6 {
  fill: #f6c586;
}
.theme--dark .icon--kiddo--cls-7 {
  fill: #100f1a;
}
.theme--dark .icon--computer-science--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--computer-science--cls-2 {
  fill: #100f1a;
}
.theme--dark .icon--computer-science--cls-3 {
  fill: #575385;
}
.theme--dark .icon--computer-science--cls-4 {
  fill: #faa916;
}
.theme--dark .icon--game-pad--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--game-pad--cls-2 {
  fill: #faa916;
}
.theme--dark .icon--game-pad--cls-3 {
  fill: #3d3b6b;
}
.theme--dark .icon--game-pad--cls-4 {
  fill: #faa916;
}
.theme--dark .icon--game-pad--cls-5 {
  fill: #817bb6;
}
.theme--dark .icon--game-pad--cls-6 {
  fill: #63d4d8;
}
.theme--dark .icon--game-pad--cls-7 {
  fill: #100f1a;
}
.theme--dark .icon--game-pad--cls-8 {
  fill: #575385;
}
.theme--dark .icon--books--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--books--cls-2 {
  fill: #575385;
}
.theme--dark .icon--books--cls-3 {
  fill: #817bb6;
}
.theme--dark .icon--books--cls-4 {
  fill: #faa916;
}
.theme--dark .icon--books--cls-5 {
  fill: #100f1a;
}
.theme--dark .icon--esports-team--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--esports-team--cls-2 {
  fill: #f8f8f8;
}
.theme--dark .icon--esports-team--cls-3 {
  fill: #575385;
}
.theme--dark .icon--esports-team--cls-4 {
  fill: #faa916;
}
.theme--dark .icon--esports-team--cls-5 {
  fill: #63d4d8;
}
.theme--dark .icon--esports-team--cls-6 {
  fill: #100f1a;
}
.theme--dark .icon--esports-team--cls-7 {
  fill: #817bb6;
}
.theme--dark .icon--songwriting--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--songwriting--cls-2 {
  fill: #84767e;
}
.theme--dark .icon--songwriting--cls-3 {
  fill: #575385;
}
.theme--dark .icon--songwriting--cls-4 {
  fill: rgba(87, 83, 133, 0.9);
}
.theme--dark .icon--songwriting--cls-5 {
  fill: #a7a0a6;
}
.theme--dark .icon--songwriting--cls-6 {
  fill: #faa916;
}
.theme--dark .icon--songwriting--cls-7 {
  fill: rgba(250, 169, 22, 0.9);
}
.theme--dark .icon--songwriting--cls-8 {
  fill: #6e6069;
}
.theme--dark .icon--songwriting--cls-9 {
  fill: #987eb7;
}
.theme--dark .icon--songwriting--cls-10 {
  fill: #100f1a;
}
.theme--dark .icon--pencil-mechanical--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--pencil-mechanical--cls-2 {
  fill: #faa916;
}
.theme--dark .icon--pencil-mechanical--cls-3 {
  fill: #817bb6;
}
.theme--dark .icon--pencil-mechanical--cls-4 {
  fill: #575385;
}
.theme--dark .icon--pencil-mechanical--cls-5 {
  fill: #100f1a;
}
.theme--dark .icon--pencil-mechanical--cls-6 {
  fill: #3d3b6b;
}
.theme--dark .icon--sculpture--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--sculpture--cls-2 {
  fill: #817bb6;
}
.theme--dark .icon--sculpture--cls-3 {
  fill: #100f1a;
}
.theme--dark .icon--sculpture--cls-4 {
  fill: #575385;
}
.theme--dark .icon--educator--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--educator--cls-2 {
  fill: #3d3b6b;
}
.theme--dark .icon--educator--cls-3 {
  fill: #2a2442;
}
.theme--dark .icon--educator--cls-4 {
  fill: #575385;
}
.theme--dark .icon--educator--cls-5 {
  fill: #100f1a;
}
.theme--dark .icon--analytics--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--analytics--cls-2 {
  fill: #faa916;
}
.theme--dark .icon--analytics--cls-3 {
  fill: #100f1a;
}
.theme--dark .icon--analytics--cls-4 {
  fill: #575385;
}
.theme--dark .icon--strategy--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--strategy--cls-2 {
  fill: #100f1a;
}
.theme--dark .icon--strategy--cls-3 {
  fill: #575385;
}
.theme--dark .icon--data-detective--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--data-detective--cls-2 {
  fill: #100f1a;
}
.theme--dark .icon--data-detective--cls-3 {
  fill: #575385;
}
.theme--dark .icon--branding--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--branding--cls-2 {
  fill: #100f1a;
}
.theme--dark .icon--branding--cls-3 {
  fill: #575385;
}
.theme--dark .icon--leader--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--leader--cls-2 {
  fill: #100f1a;
}
.theme--dark .icon--leader--cls-3 {
  fill: #575385;
}
.theme--dark .icon--copywriting--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--copywriting--cls-2 {
  fill: #575385;
}
.theme--dark .icon--copywriting--cls-3 {
  fill: #100f1a;
}
.theme--dark .icon--copywriting--cls-4 {
  fill: #3d3b6b;
}
.theme--dark .icon--holistic-guide--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--holistic-guide--cls-2 {
  fill: #faa916;
}
.theme--dark .icon--holistic-guide--cls-3 {
  fill: #100f1a;
}
.theme--dark .icon--holistic-guide--cls-4 {
  fill: #3d3b6b;
}
.theme--dark .icon--holistic-guide--cls-5 {
  fill: #575385;
}
.theme--dark .icon--growth--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--growth--cls-2 {
  fill: #faa916;
}
.theme--dark .icon--growth--cls-3 {
  fill: #100f1a;
}
.theme--dark .icon--growth--cls-4 {
  fill: #3d3b6b;
}
.theme--dark .icon--growth--cls-5 {
  fill: #575385;
}
.theme--dark .icon--business-plan--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--business-plan--cls-2 {
  fill: #faa916;
}
.theme--dark .icon--business-plan--cls-3 {
  fill: #100f1a;
}
.theme--dark .icon--business-plan--cls-4 {
  fill: #817bb6;
}
.theme--dark .icon--business-plan--cls-5 {
  fill: #575385;
}
.theme--dark .icon--assessment--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--assessment--cls-2 {
  fill: #100f1a;
}
.theme--dark .icon--assessment--cls-3 {
  fill: #575385;
}
.theme--dark .icon--investment--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--investment--cls-2 {
  fill: #faa916;
}
.theme--dark .icon--investment--cls-3 {
  fill: #100f1a;
}
.theme--dark .icon--investment--cls-4 {
  fill: #575385;
}
.theme--dark .icon--global--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--global--cls-2 {
  fill: #faa916;
}
.theme--dark .icon--global--cls-3 {
  fill: #575385;
}
.theme--dark .icon--global--cls-4 {
  fill: #100f1a;
}
.theme--dark .icon--teamwork--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--teamwork--cls-2 {
  fill: #100f1a;
}
.theme--dark .icon--teamwork--cls-3 {
  fill: #575385;
}
.theme--dark .icon--teamwork--cls-4 {
  fill: rgba(87, 83, 133, 0.5);
}
.theme--dark .icon--leica--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--leica--cls-2 {
  fill: #faa916;
}
.theme--dark .icon--leica--cls-3 {
  fill: #817bb6;
}
.theme--dark .icon--leica--cls-4 {
  fill: #575385;
}
.theme--dark .icon--leica--cls-5 {
  fill: rgba(87, 83, 133, 0.5);
}
.theme--dark .icon--leica--cls-6 {
  fill: #100f1a;
}
.theme--dark .icon--studio-schematic--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--studio-schematic--cls-2 {
  fill: #100f1a;
}
.theme--dark .icon--studio-schematic--cls-3 {
  fill: #575385;
}
.theme--dark .icon--website--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--website--cls-2 {
  fill: #100f1a;
}
.theme--dark .icon--website--cls-3 {
  fill: #575385;
}
.theme--dark .icon--invoice--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--invoice--cls-2 {
  fill: #100f1a;
}
.theme--dark .icon--invoice--cls-3 {
  fill: #575385;
}
.theme--dark .icon--invoice--cls-4 {
  fill: #817bb6;
}
.theme--dark .icon--webinar--cls-1 {
  fill: #fbdec7;
}
.theme--dark .icon--webinar--cls-2 {
  fill: #2a2442;
}
.theme--dark .icon--webinar--cls-3 {
  fill: #575385;
}
.theme--dark .icon--webinar--cls-4 {
  fill: #896e6e;
}
.theme--dark .icon--webinar--cls-5 {
  fill: rgba(38, 33, 63, 0.75);
}
.theme--dark .icon--webinar--cls-6 {
  fill: #575385;
}
.theme--dark .icon--webinar--cls-7 {
  fill: #c4dca3;
}
.theme--dark .icon--webinar--cls-8 {
  fill: #ab96c7;
}
.theme--dark .icon--webinar--cls-9 {
  fill: #faa916;
}
.theme--dark .icon--webinar--cls-10 {
  fill: #dceef1;
}
.theme--dark .icon--webinar--cls-11 {
  fill: #f6c586;
}
.theme--dark .icon--webinar--cls-12 {
  fill: #efcada;
}
.theme--dark .icon--webinar--cls-13 {
  fill: #f8f1ec;
}
.theme--dark .icon--webinar--cls-14 {
  fill: #100f1a;
}
.theme--dark .icon--resume--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--resume--cls-2 {
  fill: #100f1a;
}
.theme--dark .icon--resume--cls-3 {
  fill: #575385;
}
.theme--dark .icon--code-screen--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--code-screen--cls-2 {
  fill: #100f1a;
}
.theme--dark .icon--code-screen--cls-3 {
  fill: #575385;
}
.theme--dark .icon--architect--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--architect--cls-2 {
  fill: #faa916;
}
.theme--dark .icon--architect--cls-3 {
  fill: #100f1a;
}
.theme--dark .icon--architect--cls-4 {
  fill: #575385;
}
.theme--dark .icon--budget-baron--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--budget-baron--cls-2 {
  fill: #faa916;
}
.theme--dark .icon--budget-baron--cls-3 {
  fill: #100f1a;
}
.theme--dark .icon--budget-baron--cls-4 {
  fill: #575385;
}
.theme--dark .icon--efficiency--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--efficiency--cls-2 {
  fill: #100f1a;
}
.theme--dark .icon--efficiency--cls-3 {
  fill: #575385;
}
.theme--dark .icon--global-collab--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--global-collab--cls-2 {
  fill: #100f1a;
}
.theme--dark .icon--global-collab--cls-3 {
  fill: #575385;
}
.theme--dark .icon--expo-pass--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--expo-pass--cls-2 {
  fill: #63d4d8;
}
.theme--dark .icon--expo-pass--cls-3 {
  fill: #100f1a;
}
.theme--dark .icon--expo-pass--cls-4 {
  fill: #575385;
}
.theme--dark .icon--champagne--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--champagne--cls-2 {
  fill: #faa916;
}
.theme--dark .icon--champagne--cls-3 {
  fill: #100f1a;
}
.theme--dark .icon--champagne--cls-4 {
  fill: #575385;
}
.theme--dark .icon--lightbulb--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--lightbulb--cls-2 {
  fill: #faa916;
}
.theme--dark .icon--lightbulb--cls-3 {
  fill: #100f1a;
}
.theme--dark .icon--lightbulb--cls-4 {
  fill: #575385;
}
.theme--dark .icon--featured-speaker--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--featured-speaker--cls-2 {
  fill: #faa916;
}
.theme--dark .icon--featured-speaker--cls-3 {
  fill: #100f1a;
}
.theme--dark .icon--featured-speaker--cls-4 {
  fill: #575385;
}
.theme--dark .icon--award--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--award--cls-2 {
  fill: #faa916;
}
.theme--dark .icon--award--cls-3 {
  fill: #100f1a;
}
.theme--dark .icon--award--cls-4 {
  fill: #575385;
}
.theme--dark .icon--award--cls-5 {
  fill: #f19493;
}
.theme--dark .icon--dog--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--dog--cls-2 {
  fill: #ab9894;
}
.theme--dark .icon--dog--cls-3 {
  fill: #896e6e;
}
.theme--dark .icon--dog--cls-4 {
  fill: #efcada;
}
.theme--dark .icon--dog--cls-5 {
  fill: #c7b6b3;
}
.theme--dark .icon--dog--cls-6 {
  fill: #100f1a;
}
.theme--dark .icon--swatch-burgundy--cls-1 {
  fill: #52001f;
}
.theme--dark .icon--swatch-burgundy--cls-2 {
  fill: #2a2442;
}
.theme--dark .icon--swatch-burgundy--cls-3 {
  fill: #100f1a;
}
.theme--dark .icon--swatch-burgundy--cls-4 {
  fill: #f9f9f9;
}
.theme--dark .icon--sushi--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--sushi--cls-2 {
  fill: #ed8389;
}
.theme--dark .icon--sushi--cls-3 {
  fill: #cc565c;
}
.theme--dark .icon--sushi--cls-4 {
  fill: #100f1a;
}
.theme--dark .icon--rain--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--rain--cls-2 {
  fill: #ee7d7b;
}
.theme--dark .icon--rain--cls-3 {
  fill: #f7e9f3;
}
.theme--dark .icon--rain--cls-4 {
  fill: #dceef1;
}
.theme--dark .icon--rain--cls-5 {
  fill: #100f1a;
}
.theme--dark .icon--outside--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--outside--cls-2 {
  fill: #63d4d8;
}
.theme--dark .icon--outside--cls-3 {
  fill: #896e6e;
}
.theme--dark .icon--outside--cls-4 {
  fill: #c4dca3;
}
.theme--dark .icon--outside--cls-5 {
  fill: #faa916;
}
.theme--dark .icon--outside--cls-6 {
  fill: #faa916;
}
.theme--dark .icon--outside--cls-7 {
  fill: #987eb7;
}
.theme--dark .icon--outside--cls-8 {
  fill: #dfeac4;
}
.theme--dark .icon--outside--cls-9 {
  fill: #afc68c;
}
.theme--dark .icon--outside--cls-10 {
  fill: #100f1a;
}
.theme--dark .icon--shows--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--shows--cls-2 {
  fill: #575385;
}
.theme--dark .icon--shows--cls-3 {
  fill: rgba(129, 123, 182, 0.5);
}
.theme--dark .icon--shows--cls-4 {
  fill: #faa916;
}
.theme--dark .icon--shows--cls-5 {
  fill: #817bb6;
}
.theme--dark .icon--shows--cls-6 {
  fill: #100f1a;
}
.theme--dark .icon--reading--cls-1 {
  fill: #fff;
}
.theme--dark .icon--reading--cls-2 {
  fill: #ee7d7b;
}
.theme--dark .icon--reading--cls-3 {
  fill: rgba(87, 83, 133, 0.5);
}
.theme--dark .icon--reading--cls-4 {
  fill: #efa16c;
}
.theme--dark .icon--reading--cls-5 {
  fill: #f6c586;
}
.theme--dark .icon--reading--cls-6 {
  fill: #f8f1ec;
}
.theme--dark .icon--reading--cls-7 {
  fill: rgba(87, 83, 133, 0.9);
}
.theme--dark .icon--reading--cls-8 {
  fill: rgba(87, 83, 133, 0.75);
}
.theme--dark .icon--reading--cls-9 {
  fill: #100f1a;
}
.theme--dark .icon--blockbuster--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--blockbuster--cls-2 {
  fill: #faa916;
}
.theme--dark .icon--blockbuster--cls-3 {
  fill: #100f1a;
}
.theme--dark .icon--blockbuster--cls-4 {
  fill: #575385;
}
.theme--dark .icon--magic--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--magic--cls-2 {
  fill: #e9554a;
}
.theme--dark .icon--magic--cls-3 {
  fill: #100f1a;
}
.theme--dark .icon--magic--cls-4 {
  fill: #817bb6;
}
.theme--dark .icon--magic--cls-5 {
  fill: #faa916;
}
.theme--dark .icon--fitness--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--fitness--cls-2 {
  fill: rgba(129, 123, 182, 0.75);
}
.theme--dark .icon--fitness--cls-3 {
  fill: rgba(129, 123, 182, 0.9);
}
.theme--dark .icon--fitness--cls-4 {
  fill: #faa916;
}
.theme--dark .icon--fitness--cls-5 {
  fill: #100f1a;
}
.theme--dark .icon--dc--cls-1 {
  fill: #2a2442;
}
.theme--dark .icon--dc--cls-2 {
  fill: #817bb6;
}
.theme--dark .icon--dc--cls-3 {
  fill: #e9554a;
}
.theme--dark .icon--dc--cls-4 {
  fill: #100f1a;
}
.theme--dark .icon--dc--cls-5 {
  fill: rgba(129, 123, 182, 0.9);
}

.theme--mono .icon--hydra--cls-2 {
  fill: rgba(82, 0, 31, 0.25);
}
.theme--mono .icon--hydra--cls-3 {
  fill: rgba(82, 0, 31, 0.6);
}
.theme--mono .icon--hydra--cls-4 {
  fill: rgba(82, 0, 31, 0.2);
}
.theme--mono .icon--hydra--cls-5 {
  fill: rgba(41, 0, 16, 0.75);
}
.theme--mono .icon--hydra--cls-7 {
  fill: rgba(82, 0, 31, 0.4);
}
.theme--mono .icon--superhero--cls-1 {
  fill: #290010;
}
.theme--mono .icon--superhero--cls-2 {
  fill: rgba(41, 0, 16, 0.5);
}
.theme--mono .icon--superhero--cls-3 {
  fill: #f4f3f7;
}
.theme--mono .icon--kiddo--cls-1 {
  fill: #fbdec7;
}
.theme--mono .icon--kiddo--cls-3 {
  fill: #290010;
}
.theme--mono .icon--kiddo--cls-4 {
  fill: #efa16c;
}
.theme--mono .icon--kiddo--cls-5 {
  fill: #f9f9f9;
}
.theme--mono .icon--kiddo--cls-6 {
  fill: #f6c586;
}
.theme--mono .icon--computer-science--cls-3 {
  fill: #290010;
}
.theme--mono .icon--computer-science--cls-4 {
  fill: #faa916;
}
.theme--mono .icon--game-pad--cls-2 {
  fill: #faa916;
}
.theme--mono .icon--game-pad--cls-3 {
  fill: #290010;
}
.theme--mono .icon--game-pad--cls-4 {
  fill: #faa916;
}
.theme--mono .icon--game-pad--cls-5 {
  fill: #52001f;
}
.theme--mono .icon--game-pad--cls-6 {
  fill: #63d4d8;
}
.theme--mono .icon--game-pad--cls-8 {
  fill: #290010;
}
.theme--mono .icon--books--cls-2 {
  fill: #290010;
}
.theme--mono .icon--books--cls-3 {
  fill: #52001f;
}
.theme--mono .icon--books--cls-4 {
  fill: #faa916;
}
.theme--mono .icon--esports-team--cls-2 {
  fill: #faa916;
}
.theme--mono .icon--esports-team--cls-3 {
  fill: #290010;
}
.theme--mono .icon--esports-team--cls-4 {
  fill: #faa916;
}
.theme--mono .icon--esports-team--cls-5 {
  fill: #63d4d8;
}
.theme--mono .icon--esports-team--cls-7 {
  fill: #52001f;
}
.theme--mono .icon--songwriting--cls-2 {
  fill: #84767e;
}
.theme--mono .icon--songwriting--cls-3 {
  fill: #290010;
}
.theme--mono .icon--songwriting--cls-4 {
  fill: rgba(41, 0, 16, 0.9);
}
.theme--mono .icon--songwriting--cls-5 {
  fill: #a7a0a6;
}
.theme--mono .icon--songwriting--cls-6 {
  fill: #faa916;
}
.theme--mono .icon--songwriting--cls-7 {
  fill: rgba(250, 169, 22, 0.9);
}
.theme--mono .icon--songwriting--cls-8 {
  fill: #6e6069;
}
.theme--mono .icon--songwriting--cls-9 {
  fill: #987eb7;
}
.theme--mono .icon--pencil-mechanical--cls-2 {
  fill: #faa916;
}
.theme--mono .icon--pencil-mechanical--cls-3 {
  fill: #52001f;
}
.theme--mono .icon--pencil-mechanical--cls-4 {
  fill: #290010;
}
.theme--mono .icon--pencil-mechanical--cls-6 {
  fill: #290010;
}
.theme--mono .icon--sculpture--cls-2 {
  fill: #52001f;
}
.theme--mono .icon--sculpture--cls-4 {
  fill: #290010;
}
.theme--mono .icon--educator--cls-2 {
  fill: #290010;
}
.theme--mono .icon--educator--cls-4 {
  fill: #290010;
}
.theme--mono .icon--analytics--cls-2 {
  fill: #faa916;
}
.theme--mono .icon--analytics--cls-4 {
  fill: #290010;
}
.theme--mono .icon--strategy--cls-3 {
  fill: #290010;
}
.theme--mono .icon--data-detective--cls-3 {
  fill: #290010;
}
.theme--mono .icon--branding--cls-3 {
  fill: #290010;
}
.theme--mono .icon--leader--cls-3 {
  fill: #290010;
}
.theme--mono .icon--copywriting--cls-2 {
  fill: #290010;
}
.theme--mono .icon--copywriting--cls-4 {
  fill: #290010;
}
.theme--mono .icon--holistic-guide--cls-2 {
  fill: #faa916;
}
.theme--mono .icon--holistic-guide--cls-4 {
  fill: #290010;
}
.theme--mono .icon--holistic-guide--cls-5 {
  fill: #290010;
}
.theme--mono .icon--growth--cls-2 {
  fill: #faa916;
}
.theme--mono .icon--growth--cls-4 {
  fill: #290010;
}
.theme--mono .icon--growth--cls-5 {
  fill: #290010;
}
.theme--mono .icon--business-plan--cls-2 {
  fill: #faa916;
}
.theme--mono .icon--business-plan--cls-4 {
  fill: #52001f;
}
.theme--mono .icon--business-plan--cls-5 {
  fill: #290010;
}
.theme--mono .icon--assessment--cls-3 {
  fill: #290010;
}
.theme--mono .icon--investment--cls-2 {
  fill: #faa916;
}
.theme--mono .icon--investment--cls-4 {
  fill: #290010;
}
.theme--mono .icon--global--cls-2 {
  fill: #faa916;
}
.theme--mono .icon--global--cls-3 {
  fill: #290010;
}
.theme--mono .icon--teamwork--cls-3 {
  fill: #290010;
}
.theme--mono .icon--teamwork--cls-4 {
  fill: rgba(41, 0, 16, 0.5);
}
.theme--mono .icon--leica--cls-2 {
  fill: #faa916;
}
.theme--mono .icon--leica--cls-3 {
  fill: #52001f;
}
.theme--mono .icon--leica--cls-4 {
  fill: #290010;
}
.theme--mono .icon--leica--cls-5 {
  fill: rgba(41, 0, 16, 0.5);
}
.theme--mono .icon--studio-schematic--cls-3 {
  fill: #290010;
}
.theme--mono .icon--website--cls-3 {
  fill: #290010;
}
.theme--mono .icon--invoice--cls-3 {
  fill: #290010;
}
.theme--mono .icon--invoice--cls-4 {
  fill: #52001f;
}
.theme--mono .icon--webinar--cls-1 {
  fill: #fbdec7;
}
.theme--mono .icon--webinar--cls-3 {
  fill: #290010;
}
.theme--mono .icon--webinar--cls-4 {
  fill: #896e6e;
}
.theme--mono .icon--webinar--cls-5 {
  fill: rgba(244, 243, 247, 0.75);
}
.theme--mono .icon--webinar--cls-6 {
  fill: #290010;
}
.theme--mono .icon--webinar--cls-7 {
  fill: #c4dca3;
}
.theme--mono .icon--webinar--cls-8 {
  fill: #ab96c7;
}
.theme--mono .icon--webinar--cls-9 {
  fill: #faa916;
}
.theme--mono .icon--webinar--cls-10 {
  fill: #dceef1;
}
.theme--mono .icon--webinar--cls-11 {
  fill: #f6c586;
}
.theme--mono .icon--webinar--cls-12 {
  fill: #efcada;
}
.theme--mono .icon--webinar--cls-13 {
  fill: #f8f1ec;
}
.theme--mono .icon--resume--cls-3 {
  fill: #290010;
}
.theme--mono .icon--code-screen--cls-3 {
  fill: #290010;
}
.theme--mono .icon--architect--cls-2 {
  fill: #faa916;
}
.theme--mono .icon--architect--cls-4 {
  fill: #290010;
}
.theme--mono .icon--budget-baron--cls-2 {
  fill: #faa916;
}
.theme--mono .icon--budget-baron--cls-4 {
  fill: #290010;
}
.theme--mono .icon--efficiency--cls-3 {
  fill: #290010;
}
.theme--mono .icon--global-collab--cls-3 {
  fill: #290010;
}
.theme--mono .icon--expo-pass--cls-2 {
  fill: #63d4d8;
}
.theme--mono .icon--expo-pass--cls-4 {
  fill: #290010;
}
.theme--mono .icon--champagne--cls-2 {
  fill: #faa916;
}
.theme--mono .icon--champagne--cls-4 {
  fill: #290010;
}
.theme--mono .icon--lightbulb--cls-2 {
  fill: #faa916;
}
.theme--mono .icon--lightbulb--cls-4 {
  fill: #290010;
}
.theme--mono .icon--featured-speaker--cls-2 {
  fill: #faa916;
}
.theme--mono .icon--featured-speaker--cls-4 {
  fill: #290010;
}
.theme--mono .icon--award--cls-2 {
  fill: #faa916;
}
.theme--mono .icon--award--cls-4 {
  fill: #290010;
}
.theme--mono .icon--award--cls-5 {
  fill: #f19493;
}
.theme--mono .icon--dog--cls-2 {
  fill: #ab9894;
}
.theme--mono .icon--dog--cls-3 {
  fill: #896e6e;
}
.theme--mono .icon--dog--cls-4 {
  fill: #efcada;
}
.theme--mono .icon--dog--cls-5 {
  fill: #c7b6b3;
}
.theme--mono .icon--swatch-burgundy--cls-1 {
  fill: #52001f;
}
.theme--mono .icon--swatch-burgundy--cls-4 {
  fill: #f9f9f9;
}
.theme--mono .icon--sushi--cls-2 {
  fill: #ed8389;
}
.theme--mono .icon--sushi--cls-3 {
  fill: #cc565c;
}
.theme--mono .icon--rain--cls-2 {
  fill: #ee7d7b;
}
.theme--mono .icon--rain--cls-3 {
  fill: #f7e9f3;
}
.theme--mono .icon--rain--cls-4 {
  fill: #dceef1;
}
.theme--mono .icon--outside--cls-2 {
  fill: #63d4d8;
}
.theme--mono .icon--outside--cls-3 {
  fill: #896e6e;
}
.theme--mono .icon--outside--cls-4 {
  fill: #c4dca3;
}
.theme--mono .icon--outside--cls-5 {
  fill: #faa916;
}
.theme--mono .icon--outside--cls-6 {
  fill: #faa916;
}
.theme--mono .icon--outside--cls-7 {
  fill: #987eb7;
}
.theme--mono .icon--outside--cls-8 {
  fill: #dfeac4;
}
.theme--mono .icon--outside--cls-9 {
  fill: #afc68c;
}
.theme--mono .icon--shows--cls-2 {
  fill: #290010;
}
.theme--mono .icon--shows--cls-3 {
  fill: rgba(82, 0, 31, 0.5);
}
.theme--mono .icon--shows--cls-4 {
  fill: #faa916;
}
.theme--mono .icon--shows--cls-5 {
  fill: #52001f;
}
.theme--mono .icon--reading--cls-1 {
  fill: #fff;
}
.theme--mono .icon--reading--cls-2 {
  fill: #ee7d7b;
}
.theme--mono .icon--reading--cls-3 {
  fill: rgba(41, 0, 16, 0.5);
}
.theme--mono .icon--reading--cls-4 {
  fill: #efa16c;
}
.theme--mono .icon--reading--cls-5 {
  fill: #f6c586;
}
.theme--mono .icon--reading--cls-6 {
  fill: #f8f1ec;
}
.theme--mono .icon--reading--cls-7 {
  fill: rgba(41, 0, 16, 0.9);
}
.theme--mono .icon--reading--cls-8 {
  fill: rgba(41, 0, 16, 0.75);
}
.theme--mono .icon--blockbuster--cls-2 {
  fill: #faa916;
}
.theme--mono .icon--blockbuster--cls-4 {
  fill: #290010;
}
.theme--mono .icon--magic--cls-2 {
  fill: #e9554a;
}
.theme--mono .icon--magic--cls-4 {
  fill: #52001f;
}
.theme--mono .icon--magic--cls-5 {
  fill: #faa916;
}
.theme--mono .icon--fitness--cls-2 {
  fill: rgba(82, 0, 31, 0.75);
}
.theme--mono .icon--fitness--cls-3 {
  fill: rgba(82, 0, 31, 0.9);
}
.theme--mono .icon--fitness--cls-4 {
  fill: #faa916;
}
.theme--mono .icon--dc--cls-2 {
  fill: #52001f;
}
.theme--mono .icon--dc--cls-3 {
  fill: #e9554a;
}
.theme--mono .icon--dc--cls-5 {
  fill: rgba(82, 0, 31, 0.9);
}

/* ------------------- */
/*  ANIMATIONS
/* ------------------- */
@keyframes moveInBottom {
  0% {
    opacity: 0;
    transform: translateY(10rem);
  }
  100% {
    transform: translate(0);
    opacity: 1;
  }
}
.anim-moveIn--bottom {
  animation: moveInBottom 0.7s ease-out 0.3s;
  animation-fill-mode: backwards;
}

.flex-reverse {
  flex-direction: row-reverse;
  text-align: right;
}

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

.flex-gap-sm {
  gap: 2.5rem;
}

.flex-gap-md {
  gap: 5rem;
}

.flex-gap-lg {
  gap: 5rem;
}
@media (min-width: 1001px) {
  .flex-gap-lg {
    gap: 10rem;
  }
}
.text-center {
  text-align: center;
}

.mb-xs {
  margin-bottom: 1rem;
}

.mb-sm {
  margin-bottom: 2rem;
}

.mb-md {
  margin-bottom: 3rem;
}

.mb-lg {
  margin-bottom: 4rem;
}

.mb-xl {
  margin-bottom: 8rem;
}

.theme--light .btn {
  background-color: #faa916;
  padding: 1.2rem 2.5rem;
  border-radius: 10px;
  font-family: "Zilla Slab", Arial, Helvetica, sans-serif;
  cursor: pointer;
}
.theme--light .btn--home {
  grid-column: 1/-1;
}
.theme--light .btn--header {
  align-self: flex-start;
  justify-self: start;
}
.theme--light .btn--primary {
  align-self: center;
  width: 100%;
  background-color: #52001f;
  color: #f8f8f8;
  font-size: 2.5rem;
  text-decoration: none;
  text-align: center;
  padding: 1.5rem;
  border-radius: 8px;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.theme--light .btn--primary:hover, .theme--light .btn--primary:focus {
  background-color: #faa916;
  color: #f8f8f8;
}

.theme--dark .btn {
  background-color: #faa916;
  padding: 1.2rem 2.5rem;
  border-radius: 10px;
  font-family: "Zilla Slab", Arial, Helvetica, sans-serif;
  cursor: pointer;
}
.theme--dark .btn--home {
  grid-column: 1/-1;
}
.theme--dark .btn--header {
  align-self: flex-start;
  justify-self: start;
}
.theme--dark .btn--primary {
  align-self: center;
  width: 100%;
  background-color: #2a2442;
  color: #f8f8f8;
  font-size: 2.5rem;
  text-decoration: none;
  text-align: center;
  padding: 1.5rem;
  border-radius: 8px;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.theme--dark .btn--primary:hover, .theme--dark .btn--primary:focus {
  background-color: #faa916;
  color: #f8f8f8;
}

.theme--mono .btn {
  background-color: #faa916;
  padding: 1.2rem 2.5rem;
  border-radius: 10px;
  font-family: "Zilla Slab", Arial, Helvetica, sans-serif;
  cursor: pointer;
}
.theme--mono .btn--home {
  grid-column: 1/-1;
}
.theme--mono .btn--header {
  align-self: flex-start;
  justify-self: start;
}
.theme--mono .btn--primary {
  align-self: center;
  width: 100%;
  background-color: #52001f;
  color: #f8f8f8;
  font-size: 2.5rem;
  text-decoration: none;
  text-align: center;
  padding: 1.5rem;
  border-radius: 8px;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.theme--mono .btn--primary:hover, .theme--mono .btn--primary:focus {
  background-color: #faa916;
  color: #f8f8f8;
}

.theme--light #heroTagline1, .theme--light #heroTagline2, .theme--light #heroTagline3 {
  display: inline-block;
}
@keyframes riseFadeIn {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes riseFadeOut {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20px);
    opacity: 0;
  }
}
.theme--light .animated-text {
  display: inline-block;
}
.theme--light .rise-fade-in {
  animation: riseFadeIn 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44) forwards;
}
.theme--light .rise-fade-out {
  animation: riseFadeOut 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44) forwards;
}
.theme--light .block--hero {
  position: relative;
  display: grid;
  grid-column: 1/-1;
  grid-template-rows: 80% 20%;
  height: 15rem;
}
@media (min-width: 625px) {
  .theme--light .block--hero {
    height: 20rem;
  }
}
.theme--light .block--hero--cover--photo {
  position: relative;
  background-color: #f8f7f6;
}
.theme--light .block--hero--profile {
  position: absolute;
  width: 100%;
  right: 2.5rem;
  bottom: -25px;
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 350px) {
  .theme--light .block--hero--profile {
    width: 100%;
    right: 2.5rem;
  }
}
@media (min-width: 625px) {
  .theme--light .block--hero--profile {
    width: 100%;
    right: 5rem;
  }
}
@media (min-width: 851px) {
  .theme--light .block--hero--profile {
    right: 10rem;
  }
}
@media (min-width: 1001px) {
  .theme--light .block--hero--profile {
    width: 100%;
    right: 20rem;
  }
}
@media (min-width: 1370px) {
  .theme--light .block--hero--profile {
    right: 10rem;
  }
}
.theme--light .block--hero--info {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 75px;
}
@media (min-width: 851px) {
  .theme--light .block--hero--info {
    justify-content: flex-end;
  }
}
@media (min-width: 1801px) {
  .theme--light .block--hero--info {
    height: 100px;
  }
}
.theme--light .block--hero--image {
  background: linear-gradient(to top, rgba(63, 0, 23, 0.5) 0%, transparent 60%);
  width: 100px;
  height: 100px;
  border-top-left-radius: 255px 15px;
  border-top-right-radius: 15px 225px;
  border-bottom-right-radius: 225px 15px;
  border-bottom-left-radius: 15px 255px;
}
@media (min-width: 350px) {
  .theme--light .block--hero--image {
    width: 115px;
    height: 115px;
  }
}
@media (min-width: 625px) {
  .theme--light .block--hero--image {
    width: 50rem;
    height: 175px;
  }
}
@media (min-width: 1801px) {
  .theme--light .block--hero--image {
    width: 200px;
    height: 200px;
  }
}
.theme--light .block--hero--image--wrapper {
  background-color: #fffcfc;
  padding: 1rem;
  border-top-left-radius: 255px 15px;
  border-top-right-radius: 15px 225px;
  border-bottom-right-radius: 225px 15px;
  border-bottom-left-radius: 15px 255px;
  border: 4px solid rgba(82, 0, 31, 0.9);
}
.theme--light .block--hero--text {
  display: grid;
  grid-template-rows: 5rem 7.5rem;
  justify-content: center;
  height: 10rem;
  width: 13rem;
  margin-right: 1rem;
}
@media (min-width: 350px) {
  .theme--light .block--hero--text {
    width: 15rem;
  }
}
@media (min-width: 625px) {
  .theme--light .block--hero--text {
    width: 40rem;
    margin-right: 2.5rem;
  }
}
@media (min-width: 851px) {
  .theme--light .block--hero--text {
    width: 500px;
    margin-right: 2.5rem;
  }
}
.theme--light .block--hero--headline {
  font-size: 2.5rem;
  color: #52001f;
  align-self: end;
  text-align: right;
}
@media (min-width: 625px) {
  .theme--light .block--hero--headline {
    font-size: 4.5rem;
  }
}
@media (min-width: 851px) {
  .theme--light .block--hero--headline {
    font-size: 5.5rem;
  }
}
@media (min-width: 1801px) {
  .theme--light .block--hero--headline {
    font-size: 4.5rem;
  }
}
.theme--light .block--hero--tagline {
  font-size: 1.5rem;
  line-height: 2rem;
  color: #52001f;
  text-align: right;
  width: 13rem;
  padding-top: 0.5rem;
}
@media (min-width: 350px) {
  .theme--light .block--hero--tagline {
    font-size: 1.75rem;
    width: 15rem;
    padding-top: 0.5rem;
  }
}
@media (min-width: 625px) {
  .theme--light .block--hero--tagline {
    font-size: 1.75rem;
    width: 40rem;
    padding-top: 1.5rem;
  }
}
@media (min-width: 851px) {
  .theme--light .block--hero--tagline {
    font-size: 2.5rem;
  }
}
@media (min-width: 1001px) {
  .theme--light .block--hero--tagline {
    width: 50rem;
  }
}
@media (min-width: 1801px) {
  .theme--light .block--hero--tagline {
    font-size: 2.5rem;
  }
}
.theme--light .hand-drawn-border {
  position: absolute;
  left: 0;
  bottom: -2.5rem;
  width: 100%;
  fill: #f8f7f6;
  stroke: #52001f;
}
@media (min-width: 625px) {
  .theme--light .hand-drawn-border {
    bottom: -43px;
  }
}
@media (min-width: 851px) {
  .theme--light .hand-drawn-border {
    bottom: -55px;
  }
}
@media (min-width: 1370px) {
  .theme--light .hand-drawn-border {
    bottom: -65px;
  }
}
@media (min-width: 1801px) {
  .theme--light .hand-drawn-border {
    bottom: -50px;
  }
}
.theme--light .self-portrait {
  transform: scale(2) translateY(-1.75rem) translateX(-0.75rem);
  width: 10.5rem;
  height: 10.5rem;
}
@media (min-width: 1001px) {
  .theme--light .self-portrait {
    width: 17.5rem;
    height: 17.5rem;
    transform: scale(1.75) translateY(-2.25rem) translateX(-1.25rem);
  }
}
.theme--light .self-portrait--cls-1 {
  fill: #f8f8f8;
}
.theme--light .self-portrait--cls-2 {
  fill: rgba(82, 0, 31, 0.75);
}
.theme--light .self-portrait--cls-3 {
  fill: #f8f5f6;
}
.theme--light .self-portrait--cls-4 {
  fill: #52001f;
}
.theme--light .self-portrait--cls-5 {
  fill: #faa916;
}
.theme--light .self-portrait--cls-6 {
  fill: rgba(82, 0, 31, 0.6);
}
.theme--light .self-portrait--cls-7 {
  fill: #3f0017;
}

.theme--dark #heroTagline1, .theme--dark #heroTagline2, .theme--dark #heroTagline3 {
  display: inline-block;
}
@keyframes riseFadeIn {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes riseFadeOut {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20px);
    opacity: 0;
  }
}
.theme--dark .animated-text {
  display: inline-block;
}
.theme--dark .rise-fade-in {
  animation: riseFadeIn 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44) forwards;
}
.theme--dark .rise-fade-out {
  animation: riseFadeOut 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44) forwards;
}
.theme--dark .block--hero {
  position: relative;
  display: grid;
  grid-column: 1/-1;
  grid-template-rows: 80% 20%;
  height: 15rem;
}
@media (min-width: 625px) {
  .theme--dark .block--hero {
    height: 20rem;
  }
}
.theme--dark .block--hero--cover--photo {
  position: relative;
  background-color: #121018;
}
.theme--dark .block--hero--profile {
  position: absolute;
  width: 100%;
  right: 2.5rem;
  bottom: -25px;
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 350px) {
  .theme--dark .block--hero--profile {
    width: 100%;
    right: 2.5rem;
  }
}
@media (min-width: 625px) {
  .theme--dark .block--hero--profile {
    width: 100%;
    right: 5rem;
  }
}
@media (min-width: 851px) {
  .theme--dark .block--hero--profile {
    right: 10rem;
  }
}
@media (min-width: 1001px) {
  .theme--dark .block--hero--profile {
    width: 100%;
    right: 20rem;
  }
}
@media (min-width: 1370px) {
  .theme--dark .block--hero--profile {
    right: 10rem;
  }
}
.theme--dark .block--hero--info {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 75px;
}
@media (min-width: 851px) {
  .theme--dark .block--hero--info {
    justify-content: flex-end;
  }
}
@media (min-width: 1801px) {
  .theme--dark .block--hero--info {
    height: 100px;
  }
}
.theme--dark .block--hero--image {
  background: linear-gradient(to top, rgba(61, 59, 107, 0.5) 0%, transparent 60%);
  width: 100px;
  height: 100px;
  border-top-left-radius: 255px 15px;
  border-top-right-radius: 15px 225px;
  border-bottom-right-radius: 225px 15px;
  border-bottom-left-radius: 15px 255px;
}
@media (min-width: 350px) {
  .theme--dark .block--hero--image {
    width: 115px;
    height: 115px;
  }
}
@media (min-width: 625px) {
  .theme--dark .block--hero--image {
    width: 50rem;
    height: 175px;
  }
}
@media (min-width: 1801px) {
  .theme--dark .block--hero--image {
    width: 200px;
    height: 200px;
  }
}
.theme--dark .block--hero--image--wrapper {
  background-color: #26213f;
  padding: 1rem;
  border-top-left-radius: 255px 15px;
  border-top-right-radius: 15px 225px;
  border-bottom-right-radius: 225px 15px;
  border-bottom-left-radius: 15px 255px;
  border: 4px solid rgba(42, 36, 66, 0.9);
}
.theme--dark .block--hero--text {
  display: grid;
  grid-template-rows: 5rem 7.5rem;
  justify-content: center;
  height: 10rem;
  width: 13rem;
  margin-right: 1rem;
}
@media (min-width: 350px) {
  .theme--dark .block--hero--text {
    width: 15rem;
  }
}
@media (min-width: 625px) {
  .theme--dark .block--hero--text {
    width: 40rem;
    margin-right: 2.5rem;
  }
}
@media (min-width: 851px) {
  .theme--dark .block--hero--text {
    width: 500px;
    margin-right: 2.5rem;
  }
}
.theme--dark .block--hero--headline {
  font-size: 2.5rem;
  color: #f8f8f8;
  align-self: end;
  text-align: right;
}
@media (min-width: 625px) {
  .theme--dark .block--hero--headline {
    font-size: 4.5rem;
  }
}
@media (min-width: 851px) {
  .theme--dark .block--hero--headline {
    font-size: 5.5rem;
  }
}
@media (min-width: 1801px) {
  .theme--dark .block--hero--headline {
    font-size: 4.5rem;
  }
}
.theme--dark .block--hero--tagline {
  font-size: 1.5rem;
  line-height: 2rem;
  color: #f8f8f8;
  text-align: right;
  width: 13rem;
  padding-top: 0.5rem;
}
@media (min-width: 350px) {
  .theme--dark .block--hero--tagline {
    font-size: 1.75rem;
    width: 15rem;
    padding-top: 0.5rem;
  }
}
@media (min-width: 625px) {
  .theme--dark .block--hero--tagline {
    font-size: 1.75rem;
    width: 40rem;
    padding-top: 1.5rem;
  }
}
@media (min-width: 851px) {
  .theme--dark .block--hero--tagline {
    font-size: 2.5rem;
  }
}
@media (min-width: 1001px) {
  .theme--dark .block--hero--tagline {
    width: 50rem;
  }
}
@media (min-width: 1801px) {
  .theme--dark .block--hero--tagline {
    font-size: 2.5rem;
  }
}
.theme--dark .hand-drawn-border {
  position: absolute;
  left: 0;
  bottom: -2.5rem;
  width: 100%;
  fill: #121018;
  stroke: #3d3b6b;
}
@media (min-width: 625px) {
  .theme--dark .hand-drawn-border {
    bottom: -43px;
  }
}
@media (min-width: 851px) {
  .theme--dark .hand-drawn-border {
    bottom: -55px;
  }
}
@media (min-width: 1370px) {
  .theme--dark .hand-drawn-border {
    bottom: -65px;
  }
}
@media (min-width: 1801px) {
  .theme--dark .hand-drawn-border {
    bottom: -50px;
  }
}
.theme--dark .self-portrait {
  transform: scale(2) translateY(-1.75rem) translateX(-0.75rem);
  width: 10.5rem;
  height: 10.5rem;
}
@media (min-width: 1001px) {
  .theme--dark .self-portrait {
    width: 17.5rem;
    height: 17.5rem;
    transform: scale(1.75) translateY(-2.25rem) translateX(-1.25rem);
  }
}
.theme--dark .self-portrait--cls-1 {
  fill: #f8f8f8;
}
.theme--dark .self-portrait--cls-2 {
  fill: rgba(61, 59, 107, 0.75);
}
.theme--dark .self-portrait--cls-3 {
  fill: #817bb6;
}
.theme--dark .self-portrait--cls-4 {
  fill: #3d3b6b;
}
.theme--dark .self-portrait--cls-5 {
  fill: #faa916;
}
.theme--dark .self-portrait--cls-6 {
  fill: rgba(61, 59, 107, 0.6);
}
.theme--dark .self-portrait--cls-7 {
  fill: #100f1a;
}

.theme--mono #heroTagline1, .theme--mono #heroTagline2, .theme--mono #heroTagline3 {
  display: inline-block;
}
@keyframes riseFadeIn {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes riseFadeOut {
  from {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(20px);
    opacity: 0;
  }
}
.theme--mono .animated-text {
  display: inline-block;
}
.theme--mono .rise-fade-in {
  animation: riseFadeIn 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44) forwards;
}
.theme--mono .rise-fade-out {
  animation: riseFadeOut 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44) forwards;
}
.theme--mono .block--hero {
  position: relative;
  display: grid;
  grid-column: 1/-1;
  grid-template-rows: 80% 20%;
  height: 15rem;
}
@media (min-width: 625px) {
  .theme--mono .block--hero {
    height: 20rem;
  }
}
.theme--mono .block--hero--cover--photo {
  position: relative;
  background-color: #f8f8f8;
}
.theme--mono .block--hero--profile {
  position: absolute;
  width: 100%;
  right: 2.5rem;
  bottom: -25px;
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 350px) {
  .theme--mono .block--hero--profile {
    width: 100%;
    right: 2.5rem;
  }
}
@media (min-width: 625px) {
  .theme--mono .block--hero--profile {
    width: 100%;
    right: 5rem;
  }
}
@media (min-width: 851px) {
  .theme--mono .block--hero--profile {
    right: 10rem;
  }
}
@media (min-width: 1001px) {
  .theme--mono .block--hero--profile {
    width: 100%;
    right: 20rem;
  }
}
@media (min-width: 1370px) {
  .theme--mono .block--hero--profile {
    right: 10rem;
  }
}
.theme--mono .block--hero--info {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 75px;
}
@media (min-width: 851px) {
  .theme--mono .block--hero--info {
    justify-content: flex-end;
  }
}
@media (min-width: 1801px) {
  .theme--mono .block--hero--info {
    height: 100px;
  }
}
.theme--mono .block--hero--image {
  background: linear-gradient(to top, rgba(16, 69, 71, 0.5) 0%, transparent 60%);
  width: 100px;
  height: 100px;
  border-top-left-radius: 255px 15px;
  border-top-right-radius: 15px 225px;
  border-bottom-right-radius: 225px 15px;
  border-bottom-left-radius: 15px 255px;
}
@media (min-width: 350px) {
  .theme--mono .block--hero--image {
    width: 115px;
    height: 115px;
  }
}
@media (min-width: 625px) {
  .theme--mono .block--hero--image {
    width: 50rem;
    height: 175px;
  }
}
@media (min-width: 1801px) {
  .theme--mono .block--hero--image {
    width: 200px;
    height: 200px;
  }
}
.theme--mono .block--hero--image--wrapper {
  background-color: #f4f3f7;
  padding: 1rem;
  border-top-left-radius: 255px 15px;
  border-top-right-radius: 15px 225px;
  border-bottom-right-radius: 225px 15px;
  border-bottom-left-radius: 15px 255px;
  border: 4px solid rgba(82, 0, 31, 0.9);
}
.theme--mono .block--hero--text {
  display: grid;
  grid-template-rows: 5rem 7.5rem;
  justify-content: center;
  height: 10rem;
  width: 13rem;
  margin-right: 1rem;
}
@media (min-width: 350px) {
  .theme--mono .block--hero--text {
    width: 15rem;
  }
}
@media (min-width: 625px) {
  .theme--mono .block--hero--text {
    width: 40rem;
    margin-right: 2.5rem;
  }
}
@media (min-width: 851px) {
  .theme--mono .block--hero--text {
    width: 500px;
    margin-right: 2.5rem;
  }
}
.theme--mono .block--hero--headline {
  font-size: 2.5rem;
  color: #290010;
  align-self: end;
  text-align: right;
}
@media (min-width: 625px) {
  .theme--mono .block--hero--headline {
    font-size: 4.5rem;
  }
}
@media (min-width: 851px) {
  .theme--mono .block--hero--headline {
    font-size: 5.5rem;
  }
}
@media (min-width: 1801px) {
  .theme--mono .block--hero--headline {
    font-size: 4.5rem;
  }
}
.theme--mono .block--hero--tagline {
  font-size: 1.5rem;
  line-height: 2rem;
  color: #290010;
  text-align: right;
  width: 13rem;
  padding-top: 0.5rem;
}
@media (min-width: 350px) {
  .theme--mono .block--hero--tagline {
    font-size: 1.75rem;
    width: 15rem;
    padding-top: 0.5rem;
  }
}
@media (min-width: 625px) {
  .theme--mono .block--hero--tagline {
    font-size: 1.75rem;
    width: 40rem;
    padding-top: 1.5rem;
  }
}
@media (min-width: 851px) {
  .theme--mono .block--hero--tagline {
    font-size: 2.5rem;
  }
}
@media (min-width: 1001px) {
  .theme--mono .block--hero--tagline {
    width: 50rem;
  }
}
@media (min-width: 1801px) {
  .theme--mono .block--hero--tagline {
    font-size: 2.5rem;
  }
}
.theme--mono .hand-drawn-border {
  position: absolute;
  left: 0;
  bottom: -2.5rem;
  width: 100%;
  fill: #f8f8f8;
  stroke: #290010;
}
@media (min-width: 625px) {
  .theme--mono .hand-drawn-border {
    bottom: -43px;
  }
}
@media (min-width: 851px) {
  .theme--mono .hand-drawn-border {
    bottom: -55px;
  }
}
@media (min-width: 1370px) {
  .theme--mono .hand-drawn-border {
    bottom: -65px;
  }
}
@media (min-width: 1801px) {
  .theme--mono .hand-drawn-border {
    bottom: -50px;
  }
}
.theme--mono .self-portrait {
  transform: scale(2) translateY(-1.75rem) translateX(-0.75rem);
  width: 10.5rem;
  height: 10.5rem;
}
@media (min-width: 1001px) {
  .theme--mono .self-portrait {
    width: 17.5rem;
    height: 17.5rem;
    transform: scale(1.75) translateY(-2.25rem) translateX(-1.25rem);
  }
}
.theme--mono .self-portrait--cls-1 {
  fill: #faa916;
}
.theme--mono .self-portrait--cls-2 {
  fill: rgba(41, 0, 16, 0.75);
}
.theme--mono .self-portrait--cls-3 {
  fill: #52001f;
}
.theme--mono .self-portrait--cls-4 {
  fill: #290010;
}
.theme--mono .self-portrait--cls-5 {
  fill: #faa916;
}
.theme--mono .self-portrait--cls-6 {
  fill: rgba(41, 0, 16, 0.6);
}
.theme--light .block--welcome {
  display: flex;
  flex-direction: column;
  gap: 7.5rem;
  margin-top: 15rem;
  margin-bottom: 5rem;
  grid-column: 2;
  grid-row: 1;
  padding: 0;
}
@media (min-width: 625px) {
  .theme--light .block--welcome {
    margin: 15rem auto 5rem auto;
    align-items: center;
    grid-column: 2/-2;
    grid-row: 1;
  }
}
@media (min-width: 851px) {
  .theme--light .block--welcome {
    width: 100%;
    margin: 20rem auto 5rem auto;
    padding: 0;
    grid-column: 2/-2;
    grid-row: 1;
  }
}
@media (min-width: 1001px) {
  .theme--light .block--welcome {
    width: 100%;
    margin: 20rem auto 5rem auto;
    padding: 0;
    grid-column: 2/-2;
    grid-row: 1;
  }
}
@media (min-width: 1370px) {
  .theme--light .block--welcome {
    align-items: flex-start;
    margin-top: 11rem;
    margin-bottom: 5rem;
    padding: 0;
    grid-column: 2/9;
    grid-row: 1;
  }
}
@media (min-width: 1801px) {
  .theme--light .block--welcome {
    grid-column: 2/7;
    margin-top: 11rem;
    margin-bottom: 8rem;
  }
}
.theme--light .block--welcome--content {
  background-color: #fffcfc;
  color: #52001f;
  border-top-left-radius: 15px 255px;
  border-top-right-radius: 255px 15px;
  border-bottom-right-radius: 225px 15px;
  border-bottom-left-radius: 15px 255px;
  border: 4px solid rgba(82, 0, 31, 0.9);
  padding: 2.5rem;
}
.theme--light .block--welcome--content p, .theme--light .block--welcome--content ul,
.theme--light .block--welcome--content ol {
  font-size: 1.75rem;
  margin-bottom: 2rem;
}
@media (min-width: 350px) {
  .theme--light .block--welcome--content {
    padding: 5rem;
  }
}
@media (min-width: 625px) {
  .theme--light .block--welcome--content p, .theme--light .block--welcome--content ul,
  .theme--light .block--welcome--content ol {
    font-size: 2rem;
  }
}
@media (min-width: 1001px) {
  .theme--light .block--welcome--content p, .theme--light .block--welcome--content ul,
  .theme--light .block--welcome--content ol {
    font-size: 2.5rem;
  }
}
.theme--light .block--welcome--icon {
  width: 10rem;
  height: 10rem;
}

.theme--dark .block--welcome {
  display: flex;
  flex-direction: column;
  gap: 7.5rem;
  margin-top: 15rem;
  margin-bottom: 5rem;
  grid-column: 2;
  grid-row: 1;
  padding: 0;
}
@media (min-width: 625px) {
  .theme--dark .block--welcome {
    margin: 15rem auto 5rem auto;
    align-items: center;
    grid-column: 2/-2;
    grid-row: 1;
  }
}
@media (min-width: 851px) {
  .theme--dark .block--welcome {
    width: 100%;
    margin: 20rem auto 5rem auto;
    padding: 0;
    grid-column: 2/-2;
    grid-row: 1;
  }
}
@media (min-width: 1001px) {
  .theme--dark .block--welcome {
    width: 100%;
    margin: 20rem auto 5rem auto;
    padding: 0;
    grid-column: 2/-2;
    grid-row: 1;
  }
}
@media (min-width: 1370px) {
  .theme--dark .block--welcome {
    align-items: flex-start;
    margin-top: 11rem;
    margin-bottom: 5rem;
    padding: 0;
    grid-column: 2/9;
    grid-row: 1;
  }
}
@media (min-width: 1801px) {
  .theme--dark .block--welcome {
    grid-column: 2/7;
    margin-top: 11rem;
    margin-bottom: 8rem;
  }
}
.theme--dark .block--welcome--content {
  background-color: #26213f;
  color: #f8f8f8;
  border-top-left-radius: 15px 255px;
  border-top-right-radius: 255px 15px;
  border-bottom-right-radius: 225px 15px;
  border-bottom-left-radius: 15px 255px;
  border: 4px solid rgba(42, 36, 66, 0.9);
  padding: 2.5rem;
}
.theme--dark .block--welcome--content p, .theme--dark .block--welcome--content ul,
.theme--dark .block--welcome--content ol {
  font-size: 1.75rem;
  margin-bottom: 2rem;
}
@media (min-width: 350px) {
  .theme--dark .block--welcome--content {
    padding: 5rem;
  }
}
@media (min-width: 625px) {
  .theme--dark .block--welcome--content p, .theme--dark .block--welcome--content ul,
  .theme--dark .block--welcome--content ol {
    font-size: 2rem;
  }
}
@media (min-width: 1001px) {
  .theme--dark .block--welcome--content p, .theme--dark .block--welcome--content ul,
  .theme--dark .block--welcome--content ol {
    font-size: 2.5rem;
  }
}
.theme--dark .block--welcome--icon {
  width: 10rem;
  height: 10rem;
}

.theme--mono .block--welcome {
  display: flex;
  flex-direction: column;
  gap: 7.5rem;
  margin-top: 15rem;
  margin-bottom: 5rem;
  grid-column: 2;
  grid-row: 1;
  padding: 0;
}
@media (min-width: 625px) {
  .theme--mono .block--welcome {
    margin: 15rem auto 5rem auto;
    align-items: center;
    grid-column: 2/-2;
    grid-row: 1;
  }
}
@media (min-width: 851px) {
  .theme--mono .block--welcome {
    width: 100%;
    margin: 20rem auto 5rem auto;
    padding: 0;
    grid-column: 2/-2;
    grid-row: 1;
  }
}
@media (min-width: 1001px) {
  .theme--mono .block--welcome {
    width: 100%;
    margin: 20rem auto 5rem auto;
    padding: 0;
    grid-column: 2/-2;
    grid-row: 1;
  }
}
@media (min-width: 1370px) {
  .theme--mono .block--welcome {
    align-items: flex-start;
    margin-top: 11rem;
    margin-bottom: 5rem;
    padding: 0;
    grid-column: 2/9;
    grid-row: 1;
  }
}
@media (min-width: 1801px) {
  .theme--mono .block--welcome {
    grid-column: 2/7;
    margin-top: 11rem;
    margin-bottom: 8rem;
  }
}
.theme--mono .block--welcome--content {
  background-color: #f4f3f7;
  color: #290010;
  border-top-left-radius: 15px 255px;
  border-top-right-radius: 255px 15px;
  border-bottom-right-radius: 225px 15px;
  border-bottom-left-radius: 15px 255px;
  border: 4px solid rgba(82, 0, 31, 0.9);
  padding: 2.5rem;
}
.theme--mono .block--welcome--content p, .theme--mono .block--welcome--content ul,
.theme--mono .block--welcome--content ol {
  font-size: 1.75rem;
  margin-bottom: 2rem;
}
@media (min-width: 350px) {
  .theme--mono .block--welcome--content {
    padding: 5rem;
  }
}
@media (min-width: 625px) {
  .theme--mono .block--welcome--content p, .theme--mono .block--welcome--content ul,
  .theme--mono .block--welcome--content ol {
    font-size: 2rem;
  }
}
@media (min-width: 1001px) {
  .theme--mono .block--welcome--content p, .theme--mono .block--welcome--content ul,
  .theme--mono .block--welcome--content ol {
    font-size: 2.5rem;
  }
}
.theme--mono .block--welcome--icon {
  width: 10rem;
  height: 10rem;
}

.content--blurb {
  grid-column: 1/-1;
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  margin-bottom: 2.5rem;
}
@media (min-width: 851px) {
  .content--blurb {
    gap: 2.5rem;
  }
  .content--blurb--half {
    grid-template-columns: 1fr 1fr;
  }
  .content--blurb--third--left {
    grid-template-columns: 1fr 2fr;
  }
  .content--blurb--third--right {
    grid-template-columns: 2fr 1fr;
  }
}
.content--blurb--svg {
  width: 100%;
  height: 100%;
  grid-column: 1;
}
.content--blurb--img {
  width: 100%;
  height: 100%;
  grid-column: 1;
}
.content--blurb--text {
  grid-column: 2;
}
.content--blurb--reversed {
  grid-template-columns: 1fr;
}
@media (min-width: 851px) {
  .content--blurb--reversed {
    grid-template-columns: 2fr 1fr;
  }
}
.content--blurb--reversed--img {
  grid-column: 2;
  grid-row: 1;
}
.content--blurb--reversed--svg {
  grid-column: 2;
  grid-row: 1;
}
.content--blurb--reversed--text {
  grid-column: 1;
  grid-row: 1;
}

.theme--light .section--contact--wrapper {
  display: flex;
  flex-direction: column;
  gap: 7.5rem;
  margin-top: 15rem;
  margin-bottom: 5rem;
  grid-column: 2;
  grid-row: 1;
  padding: 0;
}
@media (min-width: 625px) {
  .theme--light .section--contact--wrapper {
    margin: 15rem auto 5rem auto;
    align-items: center;
    grid-column: 2/-2;
    grid-row: 1;
  }
}
@media (min-width: 851px) {
  .theme--light .section--contact--wrapper {
    width: 100%;
    margin: 20rem auto 5rem auto;
    padding: 0;
    grid-column: 2/-2;
    grid-row: 1;
  }
}
@media (min-width: 1001px) {
  .theme--light .section--contact--wrapper {
    width: 100%;
    margin: 20rem auto 5rem auto;
    padding: 0;
    grid-column: 2/-2;
    grid-row: 1;
  }
}
@media (min-width: 1370px) {
  .theme--light .section--contact--wrapper {
    align-items: flex-start;
    margin-top: 11rem;
    margin-bottom: 5rem;
    padding: 0;
    grid-column: 2/10;
    grid-row: 1;
  }
}
@media (min-width: 1801px) {
  .theme--light .section--contact--wrapper {
    grid-column: 2/10;
    margin-top: 11rem;
    margin-bottom: 8rem;
  }
}
.theme--light .section--contact {
  min-height: 10rem;
  width: 100%;
  background-color: rgba(255, 252, 252, 0.7);
  color: #52001f;
  border-top-left-radius: 255px 10px;
  border-top-right-radius: 255px 10px;
  border-bottom-right-radius: 225px 15px;
  border-bottom-left-radius: 15px 255px;
  border: 4px solid rgba(82, 0, 31, 0.9);
  padding: 2.5rem;
}
.theme--light .contact--form {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.theme--light .contact--form .input {
  min-height: 5rem;
  width: 100%;
  padding: 1rem;
  margin-top: 0.5rem;
}
.theme--light .contact--form .textarea {
  min-height: 20rem;
  width: 100%;
  padding: 1rem;
  margin-top: 0.5rem;
}

.theme--dark .section--contact--wrapper {
  display: flex;
  flex-direction: column;
  gap: 7.5rem;
  margin-top: 15rem;
  margin-bottom: 5rem;
  grid-column: 2;
  grid-row: 1;
  padding: 0;
}
@media (min-width: 625px) {
  .theme--dark .section--contact--wrapper {
    margin: 15rem auto 5rem auto;
    align-items: center;
    grid-column: 2/-2;
    grid-row: 1;
  }
}
@media (min-width: 851px) {
  .theme--dark .section--contact--wrapper {
    width: 100%;
    margin: 20rem auto 5rem auto;
    padding: 0;
    grid-column: 2/-2;
    grid-row: 1;
  }
}
@media (min-width: 1001px) {
  .theme--dark .section--contact--wrapper {
    width: 100%;
    margin: 20rem auto 5rem auto;
    padding: 0;
    grid-column: 2/-2;
    grid-row: 1;
  }
}
@media (min-width: 1370px) {
  .theme--dark .section--contact--wrapper {
    align-items: flex-start;
    margin-top: 11rem;
    margin-bottom: 5rem;
    padding: 0;
    grid-column: 2/10;
    grid-row: 1;
  }
}
@media (min-width: 1801px) {
  .theme--dark .section--contact--wrapper {
    grid-column: 2/10;
    margin-top: 11rem;
    margin-bottom: 8rem;
  }
}
.theme--dark .section--contact {
  min-height: 10rem;
  width: 100%;
  background-color: rgba(38, 33, 63, 0.7);
  color: #f8f8f8;
  border-top-left-radius: 255px 10px;
  border-top-right-radius: 255px 10px;
  border-bottom-right-radius: 225px 15px;
  border-bottom-left-radius: 15px 255px;
  border: 4px solid rgba(42, 36, 66, 0.9);
  padding: 2.5rem;
}
.theme--dark .contact--form {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.theme--dark .contact--form .input {
  min-height: 5rem;
  width: 100%;
  padding: 1rem;
  margin-top: 0.5rem;
}
.theme--dark .contact--form .textarea {
  min-height: 20rem;
  width: 100%;
  padding: 1rem;
  margin-top: 0.5rem;
}

.theme--mono .section--contact--wrapper {
  display: flex;
  flex-direction: column;
  gap: 7.5rem;
  margin-top: 15rem;
  margin-bottom: 5rem;
  grid-column: 2;
  grid-row: 1;
  padding: 0;
}
@media (min-width: 625px) {
  .theme--mono .section--contact--wrapper {
    margin: 15rem auto 5rem auto;
    align-items: center;
    grid-column: 2/-2;
    grid-row: 1;
  }
}
@media (min-width: 851px) {
  .theme--mono .section--contact--wrapper {
    width: 100%;
    margin: 20rem auto 5rem auto;
    padding: 0;
    grid-column: 2/-2;
    grid-row: 1;
  }
}
@media (min-width: 1001px) {
  .theme--mono .section--contact--wrapper {
    width: 100%;
    margin: 20rem auto 5rem auto;
    padding: 0;
    grid-column: 2/-2;
    grid-row: 1;
  }
}
@media (min-width: 1370px) {
  .theme--mono .section--contact--wrapper {
    align-items: flex-start;
    margin-top: 11rem;
    margin-bottom: 5rem;
    padding: 0;
    grid-column: 2/10;
    grid-row: 1;
  }
}
@media (min-width: 1801px) {
  .theme--mono .section--contact--wrapper {
    grid-column: 2/10;
    margin-top: 11rem;
    margin-bottom: 8rem;
  }
}
.theme--mono .section--contact {
  min-height: 10rem;
  width: 100%;
  background-color: rgba(244, 243, 247, 0.7);
  color: #290010;
  border-top-left-radius: 255px 10px;
  border-top-right-radius: 255px 10px;
  border-bottom-right-radius: 225px 15px;
  border-bottom-left-radius: 15px 255px;
  border: 4px solid rgba(82, 0, 31, 0.9);
  padding: 2.5rem;
}
.theme--mono .contact--form {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.theme--mono .contact--form .input {
  min-height: 5rem;
  width: 100%;
  padding: 1rem;
  margin-top: 0.5rem;
}
.theme--mono .contact--form .textarea {
  min-height: 20rem;
  width: 100%;
  padding: 1rem;
  margin-top: 0.5rem;
}

.theme--light .block--content {
  display: flex;
  flex-direction: column;
  grid-column: 2;
  margin-top: 15rem;
  gap: 4rem;
}
@media (min-width: 625px) {
  .theme--light .block--content {
    margin-bottom: 8rem;
    grid-column: 2;
  }
}
@media (min-width: 851px) {
  .theme--light .block--content {
    grid-column: 2;
  }
}
@media (min-width: 1001px) {
  .theme--light .block--content {
    grid-column: 2;
  }
}
@media (min-width: 1370px) {
  .theme--light .block--content {
    grid-column: 2/8;
  }
}
@media (min-width: 1801px) {
  .theme--light .block--content {
    grid-column: 2/7;
  }
}
.theme--light .block--content .heading-1, .theme--light .block--content .heading--black, .theme--light .block--content .heading-1--bold {
  text-align: center;
}
@media (min-width: 1370px) {
  .theme--light .block--content .heading-1, .theme--light .block--content .heading--black, .theme--light .block--content .heading-1--bold {
    text-align: left;
  }
}
.theme--light .block--content--wrapper {
  display: grid;
  background-color: rgba(255, 252, 252, 0.7);
  color: #52001f;
  border-top-left-radius: 255px 10px;
  border-top-right-radius: 255px 10px;
  border-bottom-right-radius: 225px 15px;
  border-bottom-left-radius: 15px 255px;
  border: 4px solid rgba(82, 0, 31, 0.9);
  padding: 2.5rem 2.5rem;
}
@media (min-width: 350px) {
  .theme--light .block--content--wrapper {
    padding: 5rem 5rem;
  }
}
@media (min-width: 1801px) {
  .theme--light .block--content--wrapper {
    padding: 5rem 7.5rem;
  }
}
.theme--light .block--content--text {
  grid-column: 1/-1;
  margin-bottom: 3rem;
}
.theme--light .block--content--list--outside {
  grid-column: 1/-1;
  list-style-position: outside;
  padding-left: 2rem;
}
.theme--light .block--content--list--inside {
  list-style-position: inside;
}
.theme--light .block--content--icon {
  width: 10rem;
  height: 10rem;
}
.theme--light .block--content--quote {
  font-size: 2rem;
  font-style: italic;
  border-top: 1px solid rgba(82, 0, 31, 0.2);
  border-bottom: 1px solid rgba(82, 0, 31, 0.2);
  margin: 0 0 2.5rem 0;
  padding: 2.5rem 2.5rem;
}
@media (min-width: 625px) {
  .theme--light .block--content--quote {
    font-size: 2.5rem;
  }
}
@media (min-width: 1370px) {
  .theme--light .block--content--quote {
    padding: 2.5rem 5rem;
  }
}
@media (min-width: 1801px) {
  .theme--light .block--content--quote {
    padding: 2.5rem 5rem;
  }
}
.theme--light .content--list--item--text {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.theme--light .content--list--item--text .right {
  font-size: 1.75rem;
  text-align: right;
}

.theme--dark .block--content {
  display: flex;
  flex-direction: column;
  grid-column: 2;
  margin-top: 15rem;
  gap: 4rem;
}
@media (min-width: 625px) {
  .theme--dark .block--content {
    margin-bottom: 8rem;
    grid-column: 2;
  }
}
@media (min-width: 851px) {
  .theme--dark .block--content {
    grid-column: 2;
  }
}
@media (min-width: 1001px) {
  .theme--dark .block--content {
    grid-column: 2;
  }
}
@media (min-width: 1370px) {
  .theme--dark .block--content {
    grid-column: 2/8;
  }
}
@media (min-width: 1801px) {
  .theme--dark .block--content {
    grid-column: 2/7;
  }
}
.theme--dark .block--content .heading-1, .theme--dark .block--content .heading--black, .theme--dark .block--content .heading-1--bold {
  text-align: center;
}
@media (min-width: 1370px) {
  .theme--dark .block--content .heading-1, .theme--dark .block--content .heading--black, .theme--dark .block--content .heading-1--bold {
    text-align: left;
  }
}
.theme--dark .block--content--wrapper {
  display: grid;
  background-color: rgba(38, 33, 63, 0.7);
  color: #f8f8f8;
  border-top-left-radius: 255px 10px;
  border-top-right-radius: 255px 10px;
  border-bottom-right-radius: 225px 15px;
  border-bottom-left-radius: 15px 255px;
  border: 4px solid rgba(42, 36, 66, 0.9);
  padding: 2.5rem 2.5rem;
}
@media (min-width: 350px) {
  .theme--dark .block--content--wrapper {
    padding: 5rem 5rem;
  }
}
@media (min-width: 1801px) {
  .theme--dark .block--content--wrapper {
    padding: 5rem 7.5rem;
  }
}
.theme--dark .block--content--text {
  grid-column: 1/-1;
  margin-bottom: 3rem;
}
.theme--dark .block--content--list--outside {
  grid-column: 1/-1;
  list-style-position: outside;
  padding-left: 2rem;
}
.theme--dark .block--content--list--inside {
  list-style-position: inside;
}
.theme--dark .block--content--icon {
  width: 10rem;
  height: 10rem;
}
.theme--dark .block--content--quote {
  font-size: 2rem;
  font-style: italic;
  border-top: 1px solid rgba(42, 36, 66, 0.2);
  border-bottom: 1px solid rgba(42, 36, 66, 0.2);
  margin: 0 0 2.5rem 0;
  padding: 2.5rem 2.5rem;
}
@media (min-width: 625px) {
  .theme--dark .block--content--quote {
    font-size: 2.5rem;
  }
}
@media (min-width: 1370px) {
  .theme--dark .block--content--quote {
    padding: 2.5rem 5rem;
  }
}
@media (min-width: 1801px) {
  .theme--dark .block--content--quote {
    padding: 2.5rem 5rem;
  }
}
.theme--dark .content--list--item--text {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.theme--dark .content--list--item--text .right {
  font-size: 1.75rem;
  text-align: right;
}

.theme--mono .block--content {
  display: flex;
  flex-direction: column;
  grid-column: 2;
  margin-top: 15rem;
  gap: 4rem;
}
@media (min-width: 625px) {
  .theme--mono .block--content {
    margin-bottom: 8rem;
    grid-column: 2;
  }
}
@media (min-width: 851px) {
  .theme--mono .block--content {
    grid-column: 2;
  }
}
@media (min-width: 1001px) {
  .theme--mono .block--content {
    grid-column: 2;
  }
}
@media (min-width: 1370px) {
  .theme--mono .block--content {
    grid-column: 2/8;
  }
}
@media (min-width: 1801px) {
  .theme--mono .block--content {
    grid-column: 2/7;
  }
}
.theme--mono .block--content .heading-1, .theme--mono .block--content .heading--black, .theme--mono .block--content .heading-1--bold {
  text-align: center;
}
@media (min-width: 1370px) {
  .theme--mono .block--content .heading-1, .theme--mono .block--content .heading--black, .theme--mono .block--content .heading-1--bold {
    text-align: left;
  }
}
.theme--mono .block--content--wrapper {
  display: grid;
  background-color: rgba(244, 243, 247, 0.7);
  color: #290010;
  border-top-left-radius: 255px 10px;
  border-top-right-radius: 255px 10px;
  border-bottom-right-radius: 225px 15px;
  border-bottom-left-radius: 15px 255px;
  border: 4px solid rgba(82, 0, 31, 0.9);
  padding: 2.5rem 2.5rem;
}
@media (min-width: 350px) {
  .theme--mono .block--content--wrapper {
    padding: 5rem 5rem;
  }
}
@media (min-width: 1801px) {
  .theme--mono .block--content--wrapper {
    padding: 5rem 7.5rem;
  }
}
.theme--mono .block--content--text {
  grid-column: 1/-1;
  margin-bottom: 3rem;
}
.theme--mono .block--content--list--outside {
  grid-column: 1/-1;
  list-style-position: outside;
  padding-left: 2rem;
}
.theme--mono .block--content--list--inside {
  list-style-position: inside;
}
.theme--mono .block--content--icon {
  width: 10rem;
  height: 10rem;
}
.theme--mono .block--content--quote {
  font-size: 2rem;
  font-style: italic;
  border-top: 1px solid rgba(82, 0, 31, 0.2);
  border-bottom: 1px solid rgba(82, 0, 31, 0.2);
  margin: 0 0 2.5rem 0;
  padding: 2.5rem 2.5rem;
}
@media (min-width: 625px) {
  .theme--mono .block--content--quote {
    font-size: 2.5rem;
  }
}
@media (min-width: 1370px) {
  .theme--mono .block--content--quote {
    padding: 2.5rem 5rem;
  }
}
@media (min-width: 1801px) {
  .theme--mono .block--content--quote {
    padding: 2.5rem 5rem;
  }
}
.theme--mono .content--list--item--text {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.theme--mono .content--list--item--text .right {
  font-size: 1.75rem;
  text-align: right;
}

@keyframes morph {
  0%, 100% {
    border-radius: 40% 60% 70% 30%/40% 40% 60% 50%;
  }
  34% {
    border-radius: 70% 30% 50% 50%/30% 30% 70% 70%;
  }
  67% {
    border-radius: 100% 60% 60% 100%/100% 100% 60% 60%;
  }
}
.theme--light .block--history {
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  margin-top: 10rem;
  gap: 5rem;
}
@media (min-width: 625px) {
  .theme--light .block--history {
    margin-top: 5rem;
    gap: 10rem;
  }
}
@media (min-width: 851px) {
  .theme--light .block--history {
    margin-top: 5rem;
  }
}
@media (min-width: 1001px) {
  .theme--light .block--history {
    gap: 5rem;
  }
}
@media (min-width: 1370px) {
  .theme--light .block--history {
    margin: 25rem 0 8rem;
  }
}
.theme--light .history--heading {
  font-family: "Zilla Slab", Arial, Helvetica, sans-serif;
  font-size: 2.5rem;
}
.theme--light .history--heading--list-item {
  font-family: "Zilla Slab", Arial, Helvetica, sans-serif;
  font-size: 2.5rem;
}
.theme--light .history {
  padding: 0 2.5rem;
}
.theme--light .history--summary {
  display: flex;
  flex-direction: column;
  justify-items: center;
  align-items: center;
  text-align: center;
}
@media (min-width: 625px) {
  .theme--light .history--summary {
    text-align: left;
    align-items: flex-start;
  }
}
@media (min-width: 1370px) {
  .theme--light .history--summary {
    text-align: center;
    align-items: center;
  }
}
@media (min-width: 1551px) {
  .theme--light .history--summary {
    text-align: left;
    align-items: flex-start;
  }
}
.theme--light .history--excerpt {
  margin: 2.5rem 0;
}
.theme--light .history--list--item {
  display: flex;
  justify-content: space-between;
}
.theme--light .history--list--item--wrapper, .theme--light .history--list--item--wrapper--reversed {
  display: grid;
  row-gap: 0;
  position: relative;
  width: 100%;
  grid-template-columns: 1fr;
  margin: 0 2.5rem;
  gap: 2.5rem;
  justify-items: center;
}
@media (min-width: 851px) {
  .theme--light .history--list--item--wrapper, .theme--light .history--list--item--wrapper--reversed {
    grid-template-columns: 1fr 3fr;
    gap: 5rem;
    text-align: left;
  }
}
@media (min-width: 1370px) {
  .theme--light .history--list--item--wrapper, .theme--light .history--list--item--wrapper--reversed {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 1801px) {
  .theme--light .history--list--item--wrapper, .theme--light .history--list--item--wrapper--reversed {
    grid-template-columns: 1fr 3fr;
  }
}
.theme--light .history--list--item--wrapper--reversed {
  padding-right: 0;
  grid-template-columns: 1fr;
}
@media (min-width: 851px) {
  .theme--light .history--list--item--wrapper--reversed {
    grid-template-columns: 3fr 1fr;
    text-align: left;
  }
}
@media (min-width: 1370px) {
  .theme--light .history--list--item--wrapper--reversed {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 1801px) {
  .theme--light .history--list--item--wrapper--reversed {
    grid-template-columns: 3fr 1fr;
  }
}
.theme--light .history--list--item--image--left, .theme--light .history--list--item--image--right {
  grid-column: 1;
  grid-row: 1;
  width: 7.5rem;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: visible;
}
@media (min-width: 350px) {
  .theme--light .history--list--item--image--left, .theme--light .history--list--item--image--right {
    width: 10rem;
  }
}
@media (min-width: 851px) {
  .theme--light .history--list--item--image--left, .theme--light .history--list--item--image--right {
    width: 20rem;
    margin-left: -7.5rem;
  }
}
@media (min-width: 1370px) {
  .theme--light .history--list--item--image--left, .theme--light .history--list--item--image--right {
    width: 10rem;
    margin-left: 0rem;
  }
}
@media (min-width: 1551px) {
  .theme--light .history--list--item--image--left, .theme--light .history--list--item--image--right {
    width: 10rem;
    margin-left: 0rem;
  }
}
@media (min-width: 1801px) {
  .theme--light .history--list--item--image--left, .theme--light .history--list--item--image--right {
    width: 20rem;
    margin-left: -7.5rem;
  }
}
.theme--light .history--list--item--image--left:nth-child(odd), .theme--light .history--list--item--image--right:nth-child(odd) {
  transform: rotate(5deg);
}
.theme--light .history--list--item--image--right {
  margin-left: 0;
}
.theme--light .history--list--item--image--right:nth-child(odd) {
  transform: rotate(-5deg);
}
@media (min-width: 625px) {
  .theme--light .history--list--item--image--right {
    width: 10rem;
  }
}
@media (min-width: 851px) {
  .theme--light .history--list--item--image--right {
    width: 20rem;
    margin-right: -7.5rem;
    grid-column: 2;
    grid-row: 1;
  }
}
@media (min-width: 1370px) {
  .theme--light .history--list--item--image--right {
    grid-column: 1;
    width: 10rem;
    margin-right: 0rem;
  }
}
@media (min-width: 1801px) {
  .theme--light .history--list--item--image--right {
    width: 20rem;
    grid-column: 2;
  }
}
.theme--light .history--list--item--tldr {
  background-color: rgba(82, 0, 31, 0.2);
  justify-content: start;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 2.5rem;
  margin: 0 2.5rem;
  border-radius: 15px;
}
.theme--light .history--list--item--heading {
  font-size: 2.5rem;
  font-weight: bold;
  padding-bottom: 0;
  justify-content: center;
  text-align: center;
}
.theme--light .history--list--item--text {
  padding: 1rem 0;
}
.theme--light .history--list--item--text--wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.theme--light .history--list--item--text--wrapper--left {
  grid-row: 1;
  grid-column: 1;
}
@media (min-width: 1370px) {
  .theme--light .history--list--item--text--wrapper--left {
    grid-row: 2;
    grid-column: 1;
  }
}
@media (min-width: 625px) {
  .theme--light .history--list--item--text--wrapper--right {
    grid-row: 2;
    grid-column: 1;
  }
}
@media (min-width: 851px) {
  .theme--light .history--list--item--text--wrapper--right {
    grid-row: 1;
    grid-column: 2;
  }
}
@media (min-width: 1370px) {
  .theme--light .history--list--item--text--wrapper--right {
    grid-row: 2;
    grid-column: 1;
  }
}
@media (min-width: 1801px) {
  .theme--light .history--list--item--text--wrapper--right {
    grid-row: 1;
    grid-column: 2;
  }
}
.theme--light .history--list--item--text--wrapper--full {
  grid-column: 1/-1;
  margin-top: -2.5rem;
}
.theme--light .history--list--item .subheading-2 {
  font-weight: bold;
}
.theme--light .history--item {
  display: grid;
  background-color: rgba(248, 247, 246, 0.7);
  border: 4px solid rgba(82, 0, 31, 0.9);
  border-top-left-radius: 15px 45px;
  border-top-right-radius: 225px 5px;
  border-bottom-right-radius: 205px 15px;
  border-bottom-left-radius: 45px 15px;
  transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  justify-items: center;
  align-items: center;
  grid-template-columns: 1fr;
  gap: 2.5rem;
  padding-top: 2.5rem;
  position: relative;
}
@media (min-width: 625px) {
  .theme--light .history--item {
    grid-template-columns: 15rem 1fr;
    padding: 2.5rem;
  }
}
@media (min-width: 1370px) {
  .theme--light .history--item {
    justify-content: flex-end;
    align-items: start;
    padding: 2.5rem;
    grid-template-columns: 1fr;
  }
}
@media (min-width: 1551px) {
  .theme--light .history--item {
    grid-template-columns: 12.5rem 1fr;
  }
}
.theme--light .history--item .accordion--button {
  width: 50px;
  height: 50px;
  position: absolute;
  background: transparent;
  border: none;
  cursor: pointer;
  bottom: -25px;
  right: 40%;
}
@media (min-width: 350px) {
  .theme--light .history--item .accordion--button {
    right: 45%;
  }
}
.theme--light .history--item .accordion--button:focus {
  outline: none;
  box-shadow: 0 0 0 4px rgba(82, 0, 31, 0.5);
  border-radius: 50%; /* Make it circular */
}
.theme--light .history--item .accordion--button .chevron-circle {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 3px solid rgba(82, 0, 31, 0.9);
  background-color: #f8f7f6;
  transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
.theme--light .history--item .accordion--button .chevron-circle:hover {
  background-color: #52001f;
  transform: scale(1.1);
}
.theme--light .history--item .accordion--button .chevron-circle:hover .chevron {
  fill: #faa916;
}
.theme--light .history--item .accordion--button .chevron {
  fill: #52001f;
  transform: rotate(90deg);
}
.theme--light .history--item--logo {
  border-radius: 15px;
  transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  width: 5rem;
  height: 5rem;
}
@media (min-width: 350px) {
  .theme--light .history--item--logo {
    width: 10rem;
    height: 10rem;
  }
}
@media (min-width: 625px) {
  .theme--light .history--item--logo {
    width: 10rem;
    height: 10rem;
  }
}
@media (min-width: 1551px) {
  .theme--light .history--item--logo {
    width: 10rem;
    height: 10rem;
  }
}
.theme--light .history--item--logo--wrapper {
  display: grid;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 252, 252, 0.75);
  border-radius: 40% 60% 70% 30%/40% 50% 60% 50%;
  overflow: hidden;
  animation: morph 15s cubic-bezier(0.87, -0.41, 0.19, 1.44) infinite;
  z-index: 100;
  width: 10rem;
  height: 10rem;
  padding: 2.5rem;
}
@media (min-width: 350px) {
  .theme--light .history--item--logo--wrapper {
    width: 15rem;
    height: 15rem;
  }
}
@media (min-width: 625px) {
  .theme--light .history--item--logo--wrapper {
    width: 15rem;
    height: 15rem;
  }
}
@media (min-width: 1551px) {
  .theme--light .history--item--logo--wrapper {
    width: 15rem;
    height: 15rem;
    padding: 2.5rem;
  }
}
.theme--light .history--item--info {
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  padding: 0 2.5rem;
  z-index: 50;
}
.theme--light .history--item--info .history--subheading {
  font-style: italic;
  font-size: 1.75rem;
}
.theme--light .history--item:hover {
  background-color: #fffcfc;
}
.theme--light .history--item:hover .history--history {
  color: #faa916;
}
.theme--light .history--item:hover .chevron-circle {
  fill: #52001f;
}
.theme--light .history--item:hover .chevron {
  fill: #faa916;
}
.theme--light .history--testimonials {
  display: flex;
  flex-direction: column;
  gap: 10rem;
  margin: 10rem 2.5rem 5rem 2.5rem;
}
.theme--light .history--testimonial {
  display: grid;
  gap: 2.5rem;
  padding: 2.5rem;
  background-color: rgba(82, 0, 31, 0.15);
  border-radius: 15px;
  text-align: left;
}
.theme--light .history--testimonial p, .theme--light .history--testimonial ul,
.theme--light .history--testimonial ol {
  color: #52001f;
}
.theme--light .history--testimonial--quote {
  font-style: italic;
}
.theme--light .history--testimonial--avatar {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.theme--light .history--testimonial--author {
  text-align: center;
  font-weight: bold;
  margin-bottom: 0;
  font-size: 2rem;
}
.theme--light .history--testimonial--author--block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  gap: 0.5rem;
  margin-top: -7.5rem;
}
.theme--light .history--testimonial--title {
  text-align: center;
  font-size: 1.75rem;
  font-style: italic;
  margin-bottom: 0;
  line-height: 2rem;
}
.theme--light .accordion--content {
  display: grid;
  grid-column: 1/-1;
  padding-top: 2rem;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  width: 100%;
  scrollbar-color: #faa916 rgba(82, 0, 31, 0.2);
}
.theme--light .accordion--content--list {
  overflow: visible;
  display: flex;
  flex-direction: column;
  list-style-type: none;
  gap: 5rem;
  padding: 2.5rem 0;
}
.theme--light .accordion--content.open {
  max-height: auto;
  overflow: visible;
}
.theme--light .accordion--content.closed {
  max-height: 0;
  padding-top: 0;
  overflow: hidden;
}
.theme--light .accordion--content::-webkit-scrollbar {
  width: 0.5rem;
}
.theme--light .accordion--content::-webkit-scrollbar-thumb {
  background-color: #faa916;
  border-radius: 6px;
}
.theme--light .accordion--content::-webkit-scrollbar-track {
  background-color: rgba(82, 0, 31, 0.2);
}
.theme--light .heading--tldr {
  font-size: 3.25rem;
  margin-bottom: 1rem;
}
.theme--light .tldr--list {
  list-style: circle;
  list-style-position: outside;
  padding: 2.5rem;
}

@keyframes morph {
  0%, 100% {
    border-radius: 40% 60% 70% 30%/40% 40% 60% 50%;
  }
  34% {
    border-radius: 70% 30% 50% 50%/30% 30% 70% 70%;
  }
  67% {
    border-radius: 100% 60% 60% 100%/100% 100% 60% 60%;
  }
}
.theme--dark .block--history {
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  margin-top: 10rem;
  gap: 5rem;
}
@media (min-width: 625px) {
  .theme--dark .block--history {
    margin-top: 5rem;
    gap: 10rem;
  }
}
@media (min-width: 851px) {
  .theme--dark .block--history {
    margin-top: 5rem;
  }
}
@media (min-width: 1001px) {
  .theme--dark .block--history {
    gap: 5rem;
  }
}
@media (min-width: 1370px) {
  .theme--dark .block--history {
    margin: 25rem 0 8rem;
  }
}
.theme--dark .history--heading {
  font-family: "Zilla Slab", Arial, Helvetica, sans-serif;
  font-size: 2.5rem;
}
.theme--dark .history--heading--list-item {
  font-family: "Zilla Slab", Arial, Helvetica, sans-serif;
  font-size: 2.5rem;
}
.theme--dark .history {
  padding: 0 2.5rem;
}
.theme--dark .history--summary {
  display: flex;
  flex-direction: column;
  justify-items: center;
  align-items: center;
  text-align: center;
}
@media (min-width: 625px) {
  .theme--dark .history--summary {
    text-align: left;
    align-items: flex-start;
  }
}
@media (min-width: 1370px) {
  .theme--dark .history--summary {
    text-align: center;
    align-items: center;
  }
}
@media (min-width: 1551px) {
  .theme--dark .history--summary {
    text-align: left;
    align-items: flex-start;
  }
}
.theme--dark .history--excerpt {
  margin: 2.5rem 0;
}
.theme--dark .history--list--item {
  display: flex;
  justify-content: space-between;
}
.theme--dark .history--list--item--wrapper, .theme--dark .history--list--item--wrapper--reversed {
  display: grid;
  row-gap: 0;
  position: relative;
  width: 100%;
  grid-template-columns: 1fr;
  margin: 0 2.5rem;
  gap: 2.5rem;
  justify-items: center;
}
@media (min-width: 851px) {
  .theme--dark .history--list--item--wrapper, .theme--dark .history--list--item--wrapper--reversed {
    grid-template-columns: 1fr 3fr;
    gap: 5rem;
    text-align: left;
  }
}
@media (min-width: 1370px) {
  .theme--dark .history--list--item--wrapper, .theme--dark .history--list--item--wrapper--reversed {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 1801px) {
  .theme--dark .history--list--item--wrapper, .theme--dark .history--list--item--wrapper--reversed {
    grid-template-columns: 1fr 3fr;
  }
}
.theme--dark .history--list--item--wrapper--reversed {
  padding-right: 0;
  grid-template-columns: 1fr;
}
@media (min-width: 851px) {
  .theme--dark .history--list--item--wrapper--reversed {
    grid-template-columns: 3fr 1fr;
    text-align: left;
  }
}
@media (min-width: 1370px) {
  .theme--dark .history--list--item--wrapper--reversed {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 1801px) {
  .theme--dark .history--list--item--wrapper--reversed {
    grid-template-columns: 3fr 1fr;
  }
}
.theme--dark .history--list--item--image--left, .theme--dark .history--list--item--image--right {
  grid-column: 1;
  grid-row: 1;
  width: 7.5rem;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: visible;
}
@media (min-width: 350px) {
  .theme--dark .history--list--item--image--left, .theme--dark .history--list--item--image--right {
    width: 10rem;
  }
}
@media (min-width: 851px) {
  .theme--dark .history--list--item--image--left, .theme--dark .history--list--item--image--right {
    width: 20rem;
    margin-left: -7.5rem;
  }
}
@media (min-width: 1370px) {
  .theme--dark .history--list--item--image--left, .theme--dark .history--list--item--image--right {
    width: 10rem;
    margin-left: 0rem;
  }
}
@media (min-width: 1551px) {
  .theme--dark .history--list--item--image--left, .theme--dark .history--list--item--image--right {
    width: 10rem;
    margin-left: 0rem;
  }
}
@media (min-width: 1801px) {
  .theme--dark .history--list--item--image--left, .theme--dark .history--list--item--image--right {
    width: 20rem;
    margin-left: -7.5rem;
  }
}
.theme--dark .history--list--item--image--left:nth-child(odd), .theme--dark .history--list--item--image--right:nth-child(odd) {
  transform: rotate(5deg);
}
.theme--dark .history--list--item--image--right {
  margin-left: 0;
}
.theme--dark .history--list--item--image--right:nth-child(odd) {
  transform: rotate(-5deg);
}
@media (min-width: 625px) {
  .theme--dark .history--list--item--image--right {
    width: 10rem;
  }
}
@media (min-width: 851px) {
  .theme--dark .history--list--item--image--right {
    width: 20rem;
    margin-right: -7.5rem;
    grid-column: 2;
    grid-row: 1;
  }
}
@media (min-width: 1370px) {
  .theme--dark .history--list--item--image--right {
    grid-column: 1;
    width: 10rem;
    margin-right: 0rem;
  }
}
@media (min-width: 1801px) {
  .theme--dark .history--list--item--image--right {
    width: 20rem;
    grid-column: 2;
  }
}
.theme--dark .history--list--item--tldr {
  background-color: rgba(42, 36, 66, 0.2);
  justify-content: start;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 2.5rem;
  margin: 0 2.5rem;
  border-radius: 15px;
}
.theme--dark .history--list--item--heading {
  font-size: 2.5rem;
  font-weight: bold;
  padding-bottom: 0;
  justify-content: center;
  text-align: center;
}
.theme--dark .history--list--item--text {
  padding: 1rem 0;
}
.theme--dark .history--list--item--text--wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.theme--dark .history--list--item--text--wrapper--left {
  grid-row: 1;
  grid-column: 1;
}
@media (min-width: 1370px) {
  .theme--dark .history--list--item--text--wrapper--left {
    grid-row: 2;
    grid-column: 1;
  }
}
@media (min-width: 625px) {
  .theme--dark .history--list--item--text--wrapper--right {
    grid-row: 2;
    grid-column: 1;
  }
}
@media (min-width: 851px) {
  .theme--dark .history--list--item--text--wrapper--right {
    grid-row: 1;
    grid-column: 2;
  }
}
@media (min-width: 1370px) {
  .theme--dark .history--list--item--text--wrapper--right {
    grid-row: 2;
    grid-column: 1;
  }
}
@media (min-width: 1801px) {
  .theme--dark .history--list--item--text--wrapper--right {
    grid-row: 1;
    grid-column: 2;
  }
}
.theme--dark .history--list--item--text--wrapper--full {
  grid-column: 1/-1;
  margin-top: -2.5rem;
}
.theme--dark .history--list--item .subheading-2 {
  font-weight: bold;
}
.theme--dark .history--item {
  display: grid;
  background-color: rgba(18, 16, 24, 0.7);
  border: 4px solid rgba(42, 36, 66, 0.9);
  border-top-left-radius: 15px 45px;
  border-top-right-radius: 225px 5px;
  border-bottom-right-radius: 205px 15px;
  border-bottom-left-radius: 45px 15px;
  transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  justify-items: center;
  align-items: center;
  grid-template-columns: 1fr;
  gap: 2.5rem;
  padding-top: 2.5rem;
  position: relative;
}
@media (min-width: 625px) {
  .theme--dark .history--item {
    grid-template-columns: 15rem 1fr;
    padding: 2.5rem;
  }
}
@media (min-width: 1370px) {
  .theme--dark .history--item {
    justify-content: flex-end;
    align-items: start;
    padding: 2.5rem;
    grid-template-columns: 1fr;
  }
}
@media (min-width: 1551px) {
  .theme--dark .history--item {
    grid-template-columns: 12.5rem 1fr;
  }
}
.theme--dark .history--item .accordion--button {
  width: 50px;
  height: 50px;
  position: absolute;
  background: transparent;
  border: none;
  cursor: pointer;
  bottom: -25px;
  right: 40%;
}
@media (min-width: 350px) {
  .theme--dark .history--item .accordion--button {
    right: 45%;
  }
}
.theme--dark .history--item .accordion--button:focus {
  outline: none;
  box-shadow: 0 0 0 4px rgba(42, 36, 66, 0.5);
  border-radius: 50%; /* Make it circular */
}
.theme--dark .history--item .accordion--button .chevron-circle {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 3px solid rgba(42, 36, 66, 0.9);
  background-color: #121018;
  transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
.theme--dark .history--item .accordion--button .chevron-circle:hover {
  background-color: #2a2442;
  transform: scale(1.1);
}
.theme--dark .history--item .accordion--button .chevron-circle:hover .chevron {
  fill: #faa916;
}
.theme--dark .history--item .accordion--button .chevron {
  fill: #2a2442;
  transform: rotate(90deg);
}
.theme--dark .history--item--logo {
  border-radius: 15px;
  transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  width: 5rem;
  height: 5rem;
}
@media (min-width: 350px) {
  .theme--dark .history--item--logo {
    width: 10rem;
    height: 10rem;
  }
}
@media (min-width: 625px) {
  .theme--dark .history--item--logo {
    width: 10rem;
    height: 10rem;
  }
}
@media (min-width: 1551px) {
  .theme--dark .history--item--logo {
    width: 10rem;
    height: 10rem;
  }
}
.theme--dark .history--item--logo--wrapper {
  display: grid;
  align-items: center;
  justify-content: center;
  background-color: rgba(38, 33, 63, 0.75);
  border-radius: 40% 60% 70% 30%/40% 50% 60% 50%;
  overflow: hidden;
  animation: morph 15s cubic-bezier(0.87, -0.41, 0.19, 1.44) infinite;
  z-index: 100;
  width: 10rem;
  height: 10rem;
  padding: 2.5rem;
}
@media (min-width: 350px) {
  .theme--dark .history--item--logo--wrapper {
    width: 15rem;
    height: 15rem;
  }
}
@media (min-width: 625px) {
  .theme--dark .history--item--logo--wrapper {
    width: 15rem;
    height: 15rem;
  }
}
@media (min-width: 1551px) {
  .theme--dark .history--item--logo--wrapper {
    width: 15rem;
    height: 15rem;
    padding: 2.5rem;
  }
}
.theme--dark .history--item--info {
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  padding: 0 2.5rem;
  z-index: 50;
}
.theme--dark .history--item--info .history--subheading {
  font-style: italic;
  font-size: 1.75rem;
}
.theme--dark .history--item:hover {
  background-color: #26213f;
}
.theme--dark .history--item:hover .history--history {
  color: #faa916;
}
.theme--dark .history--item:hover .chevron-circle {
  fill: #2a2442;
}
.theme--dark .history--item:hover .chevron {
  fill: #faa916;
}
.theme--dark .history--testimonials {
  display: flex;
  flex-direction: column;
  gap: 10rem;
  margin: 10rem 2.5rem 5rem 2.5rem;
}
.theme--dark .history--testimonial {
  display: grid;
  gap: 2.5rem;
  padding: 2.5rem;
  background-color: rgba(42, 36, 66, 0.15);
  border-radius: 15px;
  text-align: left;
}
.theme--dark .history--testimonial p, .theme--dark .history--testimonial ul,
.theme--dark .history--testimonial ol {
  color: #f8f8f8;
}
.theme--dark .history--testimonial--quote {
  font-style: italic;
}
.theme--dark .history--testimonial--avatar {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.theme--dark .history--testimonial--author {
  text-align: center;
  font-weight: bold;
  margin-bottom: 0;
  font-size: 2rem;
}
.theme--dark .history--testimonial--author--block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  gap: 0.5rem;
  margin-top: -7.5rem;
}
.theme--dark .history--testimonial--title {
  text-align: center;
  font-size: 1.75rem;
  font-style: italic;
  margin-bottom: 0;
  line-height: 2rem;
}
.theme--dark .accordion--content {
  display: grid;
  grid-column: 1/-1;
  padding-top: 2rem;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  width: 100%;
  scrollbar-color: #faa916 rgba(42, 36, 66, 0.2);
}
.theme--dark .accordion--content--list {
  overflow: visible;
  display: flex;
  flex-direction: column;
  list-style-type: none;
  gap: 5rem;
  padding: 2.5rem 0;
}
.theme--dark .accordion--content.open {
  max-height: auto;
  overflow: visible;
}
.theme--dark .accordion--content.closed {
  max-height: 0;
  padding-top: 0;
  overflow: hidden;
}
.theme--dark .accordion--content::-webkit-scrollbar {
  width: 0.5rem;
}
.theme--dark .accordion--content::-webkit-scrollbar-thumb {
  background-color: #faa916;
  border-radius: 6px;
}
.theme--dark .accordion--content::-webkit-scrollbar-track {
  background-color: rgba(42, 36, 66, 0.2);
}
.theme--dark .heading--tldr {
  font-size: 3.25rem;
  margin-bottom: 1rem;
}
.theme--dark .tldr--list {
  list-style: circle;
  list-style-position: outside;
  padding: 2.5rem;
}

@keyframes morph {
  0%, 100% {
    border-radius: 40% 60% 70% 30%/40% 40% 60% 50%;
  }
  34% {
    border-radius: 70% 30% 50% 50%/30% 30% 70% 70%;
  }
  67% {
    border-radius: 100% 60% 60% 100%/100% 100% 60% 60%;
  }
}
.theme--mono .block--history {
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  margin-top: 10rem;
  gap: 5rem;
}
@media (min-width: 625px) {
  .theme--mono .block--history {
    margin-top: 5rem;
    gap: 10rem;
  }
}
@media (min-width: 851px) {
  .theme--mono .block--history {
    margin-top: 5rem;
  }
}
@media (min-width: 1001px) {
  .theme--mono .block--history {
    gap: 5rem;
  }
}
@media (min-width: 1370px) {
  .theme--mono .block--history {
    margin: 25rem 0 8rem;
  }
}
.theme--mono .history--heading {
  font-family: "Zilla Slab", Arial, Helvetica, sans-serif;
  font-size: 2.5rem;
}
.theme--mono .history--heading--list-item {
  font-family: "Zilla Slab", Arial, Helvetica, sans-serif;
  font-size: 2.5rem;
}
.theme--mono .history {
  padding: 0 2.5rem;
}
.theme--mono .history--summary {
  display: flex;
  flex-direction: column;
  justify-items: center;
  align-items: center;
  text-align: center;
}
@media (min-width: 625px) {
  .theme--mono .history--summary {
    text-align: left;
    align-items: flex-start;
  }
}
@media (min-width: 1370px) {
  .theme--mono .history--summary {
    text-align: center;
    align-items: center;
  }
}
@media (min-width: 1551px) {
  .theme--mono .history--summary {
    text-align: left;
    align-items: flex-start;
  }
}
.theme--mono .history--excerpt {
  margin: 2.5rem 0;
}
.theme--mono .history--list--item {
  display: flex;
  justify-content: space-between;
}
.theme--mono .history--list--item--wrapper, .theme--mono .history--list--item--wrapper--reversed {
  display: grid;
  row-gap: 0;
  position: relative;
  width: 100%;
  grid-template-columns: 1fr;
  margin: 0 2.5rem;
  gap: 2.5rem;
  justify-items: center;
}
@media (min-width: 851px) {
  .theme--mono .history--list--item--wrapper, .theme--mono .history--list--item--wrapper--reversed {
    grid-template-columns: 1fr 3fr;
    gap: 5rem;
    text-align: left;
  }
}
@media (min-width: 1370px) {
  .theme--mono .history--list--item--wrapper, .theme--mono .history--list--item--wrapper--reversed {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 1801px) {
  .theme--mono .history--list--item--wrapper, .theme--mono .history--list--item--wrapper--reversed {
    grid-template-columns: 1fr 3fr;
  }
}
.theme--mono .history--list--item--wrapper--reversed {
  padding-right: 0;
  grid-template-columns: 1fr;
}
@media (min-width: 851px) {
  .theme--mono .history--list--item--wrapper--reversed {
    grid-template-columns: 3fr 1fr;
    text-align: left;
  }
}
@media (min-width: 1370px) {
  .theme--mono .history--list--item--wrapper--reversed {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 1801px) {
  .theme--mono .history--list--item--wrapper--reversed {
    grid-template-columns: 3fr 1fr;
  }
}
.theme--mono .history--list--item--image--left, .theme--mono .history--list--item--image--right {
  grid-column: 1;
  grid-row: 1;
  width: 7.5rem;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: visible;
}
@media (min-width: 350px) {
  .theme--mono .history--list--item--image--left, .theme--mono .history--list--item--image--right {
    width: 10rem;
  }
}
@media (min-width: 851px) {
  .theme--mono .history--list--item--image--left, .theme--mono .history--list--item--image--right {
    width: 20rem;
    margin-left: -7.5rem;
  }
}
@media (min-width: 1370px) {
  .theme--mono .history--list--item--image--left, .theme--mono .history--list--item--image--right {
    width: 10rem;
    margin-left: 0rem;
  }
}
@media (min-width: 1551px) {
  .theme--mono .history--list--item--image--left, .theme--mono .history--list--item--image--right {
    width: 10rem;
    margin-left: 0rem;
  }
}
@media (min-width: 1801px) {
  .theme--mono .history--list--item--image--left, .theme--mono .history--list--item--image--right {
    width: 20rem;
    margin-left: -7.5rem;
  }
}
.theme--mono .history--list--item--image--left:nth-child(odd), .theme--mono .history--list--item--image--right:nth-child(odd) {
  transform: rotate(5deg);
}
.theme--mono .history--list--item--image--right {
  margin-left: 0;
}
.theme--mono .history--list--item--image--right:nth-child(odd) {
  transform: rotate(-5deg);
}
@media (min-width: 625px) {
  .theme--mono .history--list--item--image--right {
    width: 10rem;
  }
}
@media (min-width: 851px) {
  .theme--mono .history--list--item--image--right {
    width: 20rem;
    margin-right: -7.5rem;
    grid-column: 2;
    grid-row: 1;
  }
}
@media (min-width: 1370px) {
  .theme--mono .history--list--item--image--right {
    grid-column: 1;
    width: 10rem;
    margin-right: 0rem;
  }
}
@media (min-width: 1801px) {
  .theme--mono .history--list--item--image--right {
    width: 20rem;
    grid-column: 2;
  }
}
.theme--mono .history--list--item--tldr {
  background-color: rgba(82, 0, 31, 0.2);
  justify-content: start;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 2.5rem;
  margin: 0 2.5rem;
  border-radius: 15px;
}
.theme--mono .history--list--item--heading {
  font-size: 2.5rem;
  font-weight: bold;
  padding-bottom: 0;
  justify-content: center;
  text-align: center;
}
.theme--mono .history--list--item--text {
  padding: 1rem 0;
}
.theme--mono .history--list--item--text--wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.theme--mono .history--list--item--text--wrapper--left {
  grid-row: 1;
  grid-column: 1;
}
@media (min-width: 1370px) {
  .theme--mono .history--list--item--text--wrapper--left {
    grid-row: 2;
    grid-column: 1;
  }
}
@media (min-width: 625px) {
  .theme--mono .history--list--item--text--wrapper--right {
    grid-row: 2;
    grid-column: 1;
  }
}
@media (min-width: 851px) {
  .theme--mono .history--list--item--text--wrapper--right {
    grid-row: 1;
    grid-column: 2;
  }
}
@media (min-width: 1370px) {
  .theme--mono .history--list--item--text--wrapper--right {
    grid-row: 2;
    grid-column: 1;
  }
}
@media (min-width: 1801px) {
  .theme--mono .history--list--item--text--wrapper--right {
    grid-row: 1;
    grid-column: 2;
  }
}
.theme--mono .history--list--item--text--wrapper--full {
  grid-column: 1/-1;
  margin-top: -2.5rem;
}
.theme--mono .history--list--item .subheading-2 {
  font-weight: bold;
}
.theme--mono .history--item {
  display: grid;
  background-color: rgba(248, 248, 248, 0.7);
  border: 4px solid rgba(82, 0, 31, 0.9);
  border-top-left-radius: 15px 45px;
  border-top-right-radius: 225px 5px;
  border-bottom-right-radius: 205px 15px;
  border-bottom-left-radius: 45px 15px;
  transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  justify-items: center;
  align-items: center;
  grid-template-columns: 1fr;
  gap: 2.5rem;
  padding-top: 2.5rem;
  position: relative;
}
@media (min-width: 625px) {
  .theme--mono .history--item {
    grid-template-columns: 15rem 1fr;
    padding: 2.5rem;
  }
}
@media (min-width: 1370px) {
  .theme--mono .history--item {
    justify-content: flex-end;
    align-items: start;
    padding: 2.5rem;
    grid-template-columns: 1fr;
  }
}
@media (min-width: 1551px) {
  .theme--mono .history--item {
    grid-template-columns: 12.5rem 1fr;
  }
}
.theme--mono .history--item .accordion--button {
  width: 50px;
  height: 50px;
  position: absolute;
  background: transparent;
  border: none;
  cursor: pointer;
  bottom: -25px;
  right: 40%;
}
@media (min-width: 350px) {
  .theme--mono .history--item .accordion--button {
    right: 45%;
  }
}
.theme--mono .history--item .accordion--button:focus {
  outline: none;
  box-shadow: 0 0 0 4px rgba(82, 0, 31, 0.5);
  border-radius: 50%; /* Make it circular */
}
.theme--mono .history--item .accordion--button .chevron-circle {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: 3px solid rgba(82, 0, 31, 0.9);
  background-color: #f8f8f8;
  transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
.theme--mono .history--item .accordion--button .chevron-circle:hover {
  background-color: #52001f;
  transform: scale(1.1);
}
.theme--mono .history--item .accordion--button .chevron-circle:hover .chevron {
  fill: #faa916;
}
.theme--mono .history--item .accordion--button .chevron {
  fill: #52001f;
  transform: rotate(90deg);
}
.theme--mono .history--item--logo {
  border-radius: 15px;
  transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  width: 5rem;
  height: 5rem;
}
@media (min-width: 350px) {
  .theme--mono .history--item--logo {
    width: 10rem;
    height: 10rem;
  }
}
@media (min-width: 625px) {
  .theme--mono .history--item--logo {
    width: 10rem;
    height: 10rem;
  }
}
@media (min-width: 1551px) {
  .theme--mono .history--item--logo {
    width: 10rem;
    height: 10rem;
  }
}
.theme--mono .history--item--logo--wrapper {
  display: grid;
  align-items: center;
  justify-content: center;
  background-color: rgba(244, 243, 247, 0.75);
  border-radius: 40% 60% 70% 30%/40% 50% 60% 50%;
  overflow: hidden;
  animation: morph 15s cubic-bezier(0.87, -0.41, 0.19, 1.44) infinite;
  z-index: 100;
  width: 10rem;
  height: 10rem;
  padding: 2.5rem;
}
@media (min-width: 350px) {
  .theme--mono .history--item--logo--wrapper {
    width: 15rem;
    height: 15rem;
  }
}
@media (min-width: 625px) {
  .theme--mono .history--item--logo--wrapper {
    width: 15rem;
    height: 15rem;
  }
}
@media (min-width: 1551px) {
  .theme--mono .history--item--logo--wrapper {
    width: 15rem;
    height: 15rem;
    padding: 2.5rem;
  }
}
.theme--mono .history--item--info {
  display: flex;
  flex-direction: column;
  border-radius: 15px;
  padding: 0 2.5rem;
  z-index: 50;
}
.theme--mono .history--item--info .history--subheading {
  font-style: italic;
  font-size: 1.75rem;
}
.theme--mono .history--item:hover {
  background-color: #f4f3f7;
}
.theme--mono .history--item:hover .history--history {
  color: #faa916;
}
.theme--mono .history--item:hover .chevron-circle {
  fill: #52001f;
}
.theme--mono .history--item:hover .chevron {
  fill: #faa916;
}
.theme--mono .history--testimonials {
  display: flex;
  flex-direction: column;
  gap: 10rem;
  margin: 10rem 2.5rem 5rem 2.5rem;
}
.theme--mono .history--testimonial {
  display: grid;
  gap: 2.5rem;
  padding: 2.5rem;
  background-color: rgba(82, 0, 31, 0.15);
  border-radius: 15px;
  text-align: left;
}
.theme--mono .history--testimonial p, .theme--mono .history--testimonial ul,
.theme--mono .history--testimonial ol {
  color: #290010;
}
.theme--mono .history--testimonial--quote {
  font-style: italic;
}
.theme--mono .history--testimonial--avatar {
  width: 100px;
  height: 100px;
  border-radius: 50%;
}
.theme--mono .history--testimonial--author {
  text-align: center;
  font-weight: bold;
  margin-bottom: 0;
  font-size: 2rem;
}
.theme--mono .history--testimonial--author--block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  gap: 0.5rem;
  margin-top: -7.5rem;
}
.theme--mono .history--testimonial--title {
  text-align: center;
  font-size: 1.75rem;
  font-style: italic;
  margin-bottom: 0;
  line-height: 2rem;
}
.theme--mono .accordion--content {
  display: grid;
  grid-column: 1/-1;
  padding-top: 2rem;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  width: 100%;
  scrollbar-color: #faa916 rgba(82, 0, 31, 0.2);
}
.theme--mono .accordion--content--list {
  overflow: visible;
  display: flex;
  flex-direction: column;
  list-style-type: none;
  gap: 5rem;
  padding: 2.5rem 0;
}
.theme--mono .accordion--content.open {
  max-height: auto;
  overflow: visible;
}
.theme--mono .accordion--content.closed {
  max-height: 0;
  padding-top: 0;
  overflow: hidden;
}
.theme--mono .accordion--content::-webkit-scrollbar {
  width: 0.5rem;
}
.theme--mono .accordion--content::-webkit-scrollbar-thumb {
  background-color: #faa916;
  border-radius: 6px;
}
.theme--mono .accordion--content::-webkit-scrollbar-track {
  background-color: rgba(82, 0, 31, 0.2);
}
.theme--mono .heading--tldr {
  font-size: 3.25rem;
  margin-bottom: 1rem;
}
.theme--mono .tldr--list {
  list-style: circle;
  list-style-position: outside;
  padding: 2.5rem;
}

.theme--light .section--facts {
  display: flex;
  flex-direction: column;
  transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  margin-top: 10rem;
}
.theme--light .fact--set {
  background-color: rgba(248, 247, 246, 0.5);
  border: 4px solid rgba(82, 0, 31, 0.9);
  border-top-left-radius: 255px 10px;
  border-top-right-radius: 255px 10px;
  border-bottom-right-radius: 225px 15px;
  border-bottom-left-radius: 15px 255px;
  display: grid;
  gap: 5rem;
  padding: 2.5rem;
  margin: 5rem 0;
}
.theme--light .fact--set--content {
  display: flex;
  flex-direction: column;
  gap: 5rem;
}
@media (min-width: 1801px) {
  .theme--light .fact--set {
    margin: 2.5rem 0;
  }
}
.theme--light .fact--list {
  display: flex;
  flex-direction: column;
  list-style: inside;
  list-style-type: none;
}
.theme--light .fact--list-item {
  display: flex;
  align-items: center;
  transform: rotate(5deg);
}
.theme--light .fact--list-item:nth-child(odd) {
  transform: rotate(-5deg);
}
.theme--light .fact--text--wrapper {
  background-color: #fffcfc;
  padding: 1rem 2.5rem;
  border-radius: 15px;
  max-width: 50rem;
}
.theme--light .fact--svg {
  align-self: center;
  width: 75px;
  height: 75px;
  transform: scale(1.15);
  z-index: 30;
}
.theme--light .fact--svg--stacked {
  width: 125px;
  height: 75px;
}
@media (min-width: 625px) {
  .theme--light .fact--svg {
    width: 100px;
    height: 100px;
  }
}
@media (min-width: 851px) {
  .theme--light .fact--svg {
    width: 125px;
    height: 125px;
  }
}
@media (min-width: 1001px) {
  .theme--light .fact--svg {
    width: 150px;
    height: 150px;
  }
  .theme--light .fact--svg--stacked {
    width: 275px;
    height: 175px;
  }
}
@media (min-width: 1370px) {
  .theme--light .fact--svg {
    width: 200px;
    height: 200px;
    transform: scale(1);
  }
}
.theme--dark .section--facts {
  display: flex;
  flex-direction: column;
  transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  margin-top: 10rem;
}
.theme--dark .fact--set {
  background-color: rgba(18, 16, 24, 0.5);
  border: 4px solid rgba(42, 36, 66, 0.9);
  border-top-left-radius: 255px 10px;
  border-top-right-radius: 255px 10px;
  border-bottom-right-radius: 225px 15px;
  border-bottom-left-radius: 15px 255px;
  display: grid;
  gap: 5rem;
  padding: 2.5rem;
  margin: 5rem 0;
}
.theme--dark .fact--set--content {
  display: flex;
  flex-direction: column;
  gap: 5rem;
}
@media (min-width: 1801px) {
  .theme--dark .fact--set {
    margin: 2.5rem 0;
  }
}
.theme--dark .fact--list {
  display: flex;
  flex-direction: column;
  list-style: inside;
  list-style-type: none;
}
.theme--dark .fact--list-item {
  display: flex;
  align-items: center;
  transform: rotate(5deg);
}
.theme--dark .fact--list-item:nth-child(odd) {
  transform: rotate(-5deg);
}
.theme--dark .fact--text--wrapper {
  background-color: #26213f;
  padding: 1rem 2.5rem;
  border-radius: 15px;
  max-width: 50rem;
}
.theme--dark .fact--svg {
  align-self: center;
  width: 75px;
  height: 75px;
  transform: scale(1.15);
  z-index: 30;
}
.theme--dark .fact--svg--stacked {
  width: 125px;
  height: 75px;
}
@media (min-width: 625px) {
  .theme--dark .fact--svg {
    width: 100px;
    height: 100px;
  }
}
@media (min-width: 851px) {
  .theme--dark .fact--svg {
    width: 125px;
    height: 125px;
  }
}
@media (min-width: 1001px) {
  .theme--dark .fact--svg {
    width: 150px;
    height: 150px;
  }
  .theme--dark .fact--svg--stacked {
    width: 275px;
    height: 175px;
  }
}
@media (min-width: 1370px) {
  .theme--dark .fact--svg {
    width: 200px;
    height: 200px;
    transform: scale(1);
  }
}
.theme--mono .section--facts {
  display: flex;
  flex-direction: column;
  transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  margin-top: 10rem;
}
.theme--mono .fact--set {
  background-color: rgba(248, 248, 248, 0.5);
  border: 4px solid rgba(82, 0, 31, 0.9);
  border-top-left-radius: 255px 10px;
  border-top-right-radius: 255px 10px;
  border-bottom-right-radius: 225px 15px;
  border-bottom-left-radius: 15px 255px;
  display: grid;
  gap: 5rem;
  padding: 2.5rem;
  margin: 5rem 0;
}
.theme--mono .fact--set--content {
  display: flex;
  flex-direction: column;
  gap: 5rem;
}
@media (min-width: 1801px) {
  .theme--mono .fact--set {
    margin: 2.5rem 0;
  }
}
.theme--mono .fact--list {
  display: flex;
  flex-direction: column;
  list-style: inside;
  list-style-type: none;
}
.theme--mono .fact--list-item {
  display: flex;
  align-items: center;
  transform: rotate(5deg);
}
.theme--mono .fact--list-item:nth-child(odd) {
  transform: rotate(-5deg);
}
.theme--mono .fact--text--wrapper {
  background-color: #f4f3f7;
  padding: 1rem 2.5rem;
  border-radius: 15px;
  max-width: 50rem;
}
.theme--mono .fact--svg {
  align-self: center;
  width: 75px;
  height: 75px;
  transform: scale(1.15);
  z-index: 30;
}
.theme--mono .fact--svg--stacked {
  width: 125px;
  height: 75px;
}
@media (min-width: 625px) {
  .theme--mono .fact--svg {
    width: 100px;
    height: 100px;
  }
}
@media (min-width: 851px) {
  .theme--mono .fact--svg {
    width: 125px;
    height: 125px;
  }
}
@media (min-width: 1001px) {
  .theme--mono .fact--svg {
    width: 150px;
    height: 150px;
  }
  .theme--mono .fact--svg--stacked {
    width: 275px;
    height: 175px;
  }
}
@media (min-width: 1370px) {
  .theme--mono .fact--svg {
    width: 200px;
    height: 200px;
    transform: scale(1);
  }
}
.theme--light .section--archive {
  grid-column: 2/14;
  display: flex;
  flex-direction: column;
  margin-top: 7rem;
  border-radius: 15px;
  gap: 2.5rem;
}
.theme--light .section--archive .section--archive--wrapper {
  display: grid;
  gap: 5rem;
}
@media (min-width: 1001px) {
  .theme--light .section--archive .section--archive--wrapper {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  }
}
.theme--light .section--archive .section--archive--img--wrapper {
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
}
.theme--light .section--archive .section--archive--img {
  width: 100%;
  height: 100%;
}
.theme--light .section--archive .section--archive--item {
  background-color: #f8f7f6;
  border: 4px solid rgba(82, 0, 31, 0.9);
  border-top-left-radius: 85px 15px;
  border-top-right-radius: 85px 15px;
  border-bottom-right-radius: 10px 185px;
  border-bottom-left-radius: 185px 10px;
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 2.5rem;
  transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
.theme--light .section--archive .section--archive--item:hover {
  transform: scale(1.05);
  background-color: #fffcfc;
}

.theme--dark .section--archive {
  grid-column: 2/14;
  display: flex;
  flex-direction: column;
  margin-top: 7rem;
  border-radius: 15px;
  gap: 2.5rem;
}
.theme--dark .section--archive .section--archive--wrapper {
  display: grid;
  gap: 5rem;
}
@media (min-width: 1001px) {
  .theme--dark .section--archive .section--archive--wrapper {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  }
}
.theme--dark .section--archive .section--archive--img--wrapper {
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
}
.theme--dark .section--archive .section--archive--img {
  width: 100%;
  height: 100%;
}
.theme--dark .section--archive .section--archive--item {
  background-color: #121018;
  border: 4px solid rgba(42, 36, 66, 0.9);
  border-top-left-radius: 85px 15px;
  border-top-right-radius: 85px 15px;
  border-bottom-right-radius: 10px 185px;
  border-bottom-left-radius: 185px 10px;
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 2.5rem;
  transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
.theme--dark .section--archive .section--archive--item:hover {
  transform: scale(1.05);
  background-color: #26213f;
}

.theme--mono .section--archive {
  grid-column: 2/14;
  display: flex;
  flex-direction: column;
  margin-top: 7rem;
  border-radius: 15px;
  gap: 2.5rem;
}
.theme--mono .section--archive .section--archive--wrapper {
  display: grid;
  gap: 5rem;
}
@media (min-width: 1001px) {
  .theme--mono .section--archive .section--archive--wrapper {
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  }
}
.theme--mono .section--archive .section--archive--img--wrapper {
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
}
.theme--mono .section--archive .section--archive--img {
  width: 100%;
  height: 100%;
}
.theme--mono .section--archive .section--archive--item {
  background-color: #f8f8f8;
  border: 4px solid rgba(82, 0, 31, 0.9);
  border-top-left-radius: 85px 15px;
  border-top-right-radius: 85px 15px;
  border-bottom-right-radius: 10px 185px;
  border-bottom-left-radius: 185px 10px;
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  gap: 2.5rem;
  transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
.theme--mono .section--archive .section--archive--item:hover {
  transform: scale(1.05);
  background-color: #f4f3f7;
}

.icon--hydra {
  width: 22.5rem;
  height: 22.5rem;
  position: absolute;
  top: 2.5rem;
  right: -5rem;
  display: none;
}
@media (min-width: 851px) {
  .icon--hydra {
    display: block;
  }
}
@media (min-width: 1001px) {
  .icon--hydra {
    top: -2.5rem;
    right: -2.5rem;
  }
}
@media (min-width: 1370px) {
  .icon--hydra {
    width: 25rem;
    right: -5rem;
  }
}
@media (min-width: 1801px) {
  .icon--hydra {
    width: 35rem;
    height: 35rem;
    top: -9rem;
    right: -10rem;
  }
}

.icon--superhero {
  width: 17.5rem;
  height: 35.5rem;
  margin: 0 auto;
  display: none;
}
@media (min-width: 851px) {
  .icon--superhero {
    display: block;
  }
}

.theme--light .block--projects--component {
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-column: 2;
  grid-row: 2;
  margin: 5rem 0;
  gap: 2.5rem;
}
@media (min-width: 1001px) {
  .theme--light .block--projects--component {
    padding: 0;
  }
}
@media (min-width: 1370px) {
  .theme--light .block--projects--component {
    grid-column: 10/-2;
    grid-row: 1;
    margin: 21rem 0 5rem 0;
    padding: 0;
    align-items: flex-start;
  }
}
.theme--light .block--projects--container {
  grid-column: 2;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  margin: 15rem 0 10rem 0;
}
@media (min-width: 1370px) {
  .theme--light .block--projects--container {
    grid-column: 2/15;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    margin: 15rem 0 10rem 0;
  }
}
.theme--light .projects--wrapper {
  display: grid;
  justify-content: space-between;
  border-radius: 15px;
  margin-top: 10rem;
  grid-template-columns: 1fr;
  gap: 15rem;
}
@media (min-width: 851px) {
  .theme--light .projects--wrapper {
    margin-top: 10rem;
    gap: 5rem;
    row-gap: 10rem;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1001px) {
  .theme--light .projects--wrapper {
    margin-top: 10rem;
    gap: 5rem;
    row-gap: 10rem;
  }
}
@media (min-width: 1370px) {
  .theme--light .projects--wrapper {
    grid-template-columns: 1fr 1fr;
  }
  .theme--light .projects--wrapper--main {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 1801px) {
  .theme--light .projects--wrapper {
    grid-template-columns: repeat(4, 1fr);
    margin-top: 8rem;
    gap: 5rem;
    row-gap: 10rem;
  }
  .theme--light .projects--wrapper--main {
    grid-template-columns: 1fr;
  }
}
.theme--light .projects--wrapper .project {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  background-color: rgba(255, 252, 252, 0.7);
  border-top-left-radius: 85px 15px;
  border-top-right-radius: 15px 215px;
  border-bottom-right-radius: 10px 185px;
  border-bottom-left-radius: 185px 10px;
  border: 4px solid #52001f;
  transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  padding: 0 2.5rem 5rem 2.5rem;
}
@media (min-width: 1370px) {
  .theme--light .projects--wrapper .project {
    padding: 0 5rem 5rem 5rem;
  }
}
@media (min-width: 1801px) {
  .theme--light .projects--wrapper .project {
    padding: 0 2.5rem 2.5rem 2.5rem;
  }
}
.theme--light .projects--wrapper .project--info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  margin: 5rem 0;
  text-align: center;
  align-self: center;
}
@media (min-width: 625px) {
  .theme--light .projects--wrapper .project--info {
    text-align: left;
  }
}
@media (min-width: 1001px) {
  .theme--light .projects--wrapper .project--info {
    margin: 4rem 0;
  }
}
@media (min-width: 1370px) {
  .theme--light .projects--wrapper .project--info {
    width: 100%;
    align-self: center;
  }
}
.theme--light .projects--wrapper .project--img {
  position: relative;
  z-index: 1;
  transition: all 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.theme--light .projects--wrapper .project--img--wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -5rem;
}
.theme--light .projects--wrapper .project--img--clipped {
  -webkit-clip-path: circle(6rem at 10rem 10rem);
          clip-path: circle(6rem at 10rem 10rem);
  margin: -5rem 0;
}
.theme--light .projects--wrapper .project--info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  margin: 5rem 0;
  text-align: center;
  align-self: center;
}
@media (min-width: 625px) {
  .theme--light .projects--wrapper .project--info {
    text-align: left;
  }
}
@media (min-width: 1001px) {
  .theme--light .projects--wrapper .project--info {
    margin: 4rem 0;
  }
}
@media (min-width: 1370px) {
  .theme--light .projects--wrapper .project--info {
    width: 100%;
    align-self: center;
  }
}
.theme--light .projects--wrapper .project--name, .theme--light .projects--wrapper .project--excerpt {
  font-family: "Zilla Slab", Arial, Helvetica, sans-serif;
  color: #52001f;
  transition: all 0.3s ease-in-out;
}
.theme--light .projects--wrapper .project--excerpt {
  font-size: 1.75rem;
}
@media (min-width: 350px) {
  .theme--light .projects--wrapper .project--excerpt {
    font-size: 2rem;
    gap: 10rem;
  }
}
@media (min-width: 625px) {
  .theme--light .projects--wrapper .project--excerpt {
    font-size: 2rem;
    gap: 10rem;
  }
}
@media (min-width: 1001px) {
  .theme--light .projects--wrapper .project--excerpt {
    gap: 5rem;
  }
}
@media (min-width: 1370px) {
  .theme--light .projects--wrapper .project--excerpt {
    font-size: 2.5rem;
    margin: 2.5rem 0 2.5rem;
  }
}
@media (min-width: 1801px) {
  .theme--light .projects--wrapper .project--excerpt {
    font-size: 2.5rem;
    margin-bottom: 1rem;
  }
}
.theme--light .projects--wrapper .project--name {
  font-size: 3.25rem;
  text-align: center;
}
@media (min-width: 1801px) {
  .theme--light .projects--wrapper .project--name {
    font-size: 3.25rem;
  }
}
.theme--light .projects--wrapper .project .project--svg--background,
.theme--light .projects--wrapper .project .project--svg--frame {
  width: 15rem;
  height: 15rem;
  position: absolute;
  transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
.theme--light .projects--wrapper .project .project--svg--frame {
  fill: #52001f;
  z-index: 20;
}
.theme--light .projects--wrapper .project .project--svg--background .svg--color--primary {
  fill: #52001f;
}
.theme--light .projects--wrapper .project .project--svg--background .svg--color--accent {
  fill: #f8f7f6;
}
.theme--light .projects--wrapper .project .project--svg--background-alt .svg--color--primary {
  fill: #52001f;
}
.theme--light .projects--wrapper .project .project--svg--background-alt .svg--color--accent {
  fill: #f8f7f6;
}
.theme--light .project .svg--color--primary {
  fill: #52001f;
  transition: all 0.3s ease-in-out;
}
.theme--light .project .svg--color--secondary {
  fill: #fffcfc;
  transition: all 0.3s ease-in-out;
}
.theme--light .project .svg--color--accent {
  fill: #fceeee;
  transition: all 0.3s ease-in-out;
}
.theme--light .icon--controller-and-rook {
  width: 15rem;
}
.theme--light .icon--controller-and-rook .svg--color--primary {
  fill: #52001f;
}
.theme--light .icon--controller-and-rook .svg--color--secondary {
  fill: #f8f5f6;
}
.theme--light .icon--controller-and-rook .svg--color--accent {
  fill: #fffcfc;
}
.theme--light .icon--bunny {
  width: 10rem;
  height: 15rem;
  margin: -1.5rem 0;
}
.theme--light .icon--bunny .svg--color--primary {
  fill: #52001f;
}
.theme--light .icon--bunny .svg--color--secondary {
  fill: #f8f5f6;
}
.theme--light .icon--configurator--chair {
  width: 10rem;
  height: 15rem;
  margin: -1.5rem 0;
}
.theme--light .icon--configurator--chair .svg--color--primary {
  fill: #52001f;
}
.theme--light .icon--configurator--chair .svg--color--secondary {
  fill: #f8f5f6;
}
.theme--light .icon--configurator--chair .svg--color--accent {
  fill: #52001f;
}
.theme--light .project:hover {
  transform: scale(1.05);
  background-color: #3f0017;
  border: 4px solid #faa916;
}
@media (min-width: 851px) {
  .theme--light .project:hover {
    transform: scale(1.15);
  }
}
.theme--light .project:hover .project--img {
  transform: translateY(-10px) rotate(-10deg);
}
.theme--light .project:hover .project--img--clipped {
  -webkit-clip-path: circle(6rem at 10rem 10rem);
          clip-path: circle(6rem at 10rem 10rem);
  transform: translateY(-5px) rotate(-5deg);
  margin: -5rem 0;
}
.theme--light .project:hover .project--info .project--name {
  color: #faa916;
}
.theme--light .project:hover .project--info .project--excerpt {
  color: #f8f8f8;
}
.theme--light .project:hover .svg--color--primary {
  fill: #52001f;
}
.theme--light .project:hover .svg--color--secondary {
  fill: #dd7e8d;
}
.theme--light .project:hover .svg--color--accent {
  fill: #faa916;
}
.theme--light .project:hover .project--svg--background .svg--color--primary {
  fill: #52001f;
}
.theme--light .project:hover .project--svg--background .svg--color--accent {
  fill: #faa916;
}
.theme--light .project:hover .project--svg--background-alt .svg--color--primary {
  fill: #52001f;
}
.theme--light .project:hover .project--svg--background-alt .svg--color--accent {
  fill: #faa916;
}
.theme--light .project:hover .icon--controller-and-rook .svg--color--primary {
  fill: #52001f;
}
.theme--light .project:hover .icon--controller-and-rook .svg--color--secondary {
  fill: #f8f8f8;
}
.theme--light .project:hover .icon--controller-and-rook .svg--color--accent {
  fill: #dd7e8d;
}
.theme--light .project:hover .icon--bunny {
  width: 10rem;
}
.theme--light .project:hover .icon--bunny .svg--color--primary {
  fill: #52001f;
}
.theme--light .project:hover .icon--bunny .svg--color--secondary {
  fill: #f8f8f8;
}
.theme--light .project:hover .icon--configurator--chair .svg--color--primary {
  fill: #52001f;
}
.theme--light .project:hover .icon--configurator--chair .svg--color--secondary {
  fill: #f8f8f8;
}
.theme--light .project:hover .icon--configurator--chair .svg--color--accent {
  fill: #fceeee;
}

.theme--dark .block--projects--component {
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-column: 2;
  grid-row: 2;
  margin: 5rem 0;
  gap: 2.5rem;
}
@media (min-width: 1001px) {
  .theme--dark .block--projects--component {
    padding: 0;
  }
}
@media (min-width: 1370px) {
  .theme--dark .block--projects--component {
    grid-column: 10/-2;
    grid-row: 1;
    margin: 21rem 0 5rem 0;
    padding: 0;
    align-items: flex-start;
  }
}
.theme--dark .block--projects--container {
  grid-column: 2;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  margin: 15rem 0 10rem 0;
}
@media (min-width: 1370px) {
  .theme--dark .block--projects--container {
    grid-column: 2/15;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    margin: 15rem 0 10rem 0;
  }
}
.theme--dark .projects--wrapper {
  display: grid;
  justify-content: space-between;
  border-radius: 15px;
  margin-top: 10rem;
  grid-template-columns: 1fr;
  gap: 15rem;
}
@media (min-width: 851px) {
  .theme--dark .projects--wrapper {
    margin-top: 10rem;
    gap: 5rem;
    row-gap: 10rem;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1001px) {
  .theme--dark .projects--wrapper {
    margin-top: 10rem;
    gap: 5rem;
    row-gap: 10rem;
  }
}
@media (min-width: 1370px) {
  .theme--dark .projects--wrapper {
    grid-template-columns: 1fr 1fr;
  }
  .theme--dark .projects--wrapper--main {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 1801px) {
  .theme--dark .projects--wrapper {
    grid-template-columns: repeat(4, 1fr);
    margin-top: 8rem;
    gap: 5rem;
    row-gap: 10rem;
  }
  .theme--dark .projects--wrapper--main {
    grid-template-columns: 1fr;
  }
}
.theme--dark .projects--wrapper .project {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  background-color: rgba(38, 33, 63, 0.7);
  border-top-left-radius: 85px 15px;
  border-top-right-radius: 15px 215px;
  border-bottom-right-radius: 10px 185px;
  border-bottom-left-radius: 185px 10px;
  border: 4px solid #2a2442;
  transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  padding: 0 2.5rem 5rem 2.5rem;
}
@media (min-width: 1370px) {
  .theme--dark .projects--wrapper .project {
    padding: 0 5rem 5rem 5rem;
  }
}
@media (min-width: 1801px) {
  .theme--dark .projects--wrapper .project {
    padding: 0 2.5rem 2.5rem 2.5rem;
  }
}
.theme--dark .projects--wrapper .project--info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  margin: 5rem 0;
  text-align: center;
  align-self: center;
}
@media (min-width: 625px) {
  .theme--dark .projects--wrapper .project--info {
    text-align: left;
  }
}
@media (min-width: 1001px) {
  .theme--dark .projects--wrapper .project--info {
    margin: 4rem 0;
  }
}
@media (min-width: 1370px) {
  .theme--dark .projects--wrapper .project--info {
    width: 100%;
    align-self: center;
  }
}
.theme--dark .projects--wrapper .project--img {
  position: relative;
  z-index: 1;
  transition: all 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.theme--dark .projects--wrapper .project--img--wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -5rem;
}
.theme--dark .projects--wrapper .project--img--clipped {
  -webkit-clip-path: circle(6rem at 10rem 10rem);
          clip-path: circle(6rem at 10rem 10rem);
  margin: -5rem 0;
}
.theme--dark .projects--wrapper .project--info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  margin: 5rem 0;
  text-align: center;
  align-self: center;
}
@media (min-width: 625px) {
  .theme--dark .projects--wrapper .project--info {
    text-align: left;
  }
}
@media (min-width: 1001px) {
  .theme--dark .projects--wrapper .project--info {
    margin: 4rem 0;
  }
}
@media (min-width: 1370px) {
  .theme--dark .projects--wrapper .project--info {
    width: 100%;
    align-self: center;
  }
}
.theme--dark .projects--wrapper .project--name, .theme--dark .projects--wrapper .project--excerpt {
  font-family: "Zilla Slab", Arial, Helvetica, sans-serif;
  color: #f8f8f8;
  transition: all 0.3s ease-in-out;
}
.theme--dark .projects--wrapper .project--excerpt {
  font-size: 1.75rem;
}
@media (min-width: 350px) {
  .theme--dark .projects--wrapper .project--excerpt {
    font-size: 2rem;
    gap: 10rem;
  }
}
@media (min-width: 625px) {
  .theme--dark .projects--wrapper .project--excerpt {
    font-size: 2rem;
    gap: 10rem;
  }
}
@media (min-width: 1001px) {
  .theme--dark .projects--wrapper .project--excerpt {
    gap: 5rem;
  }
}
@media (min-width: 1370px) {
  .theme--dark .projects--wrapper .project--excerpt {
    font-size: 2.5rem;
    margin: 2.5rem 0 2.5rem;
  }
}
@media (min-width: 1801px) {
  .theme--dark .projects--wrapper .project--excerpt {
    font-size: 2.5rem;
    margin-bottom: 1rem;
  }
}
.theme--dark .projects--wrapper .project--name {
  font-size: 3.25rem;
  text-align: center;
}
@media (min-width: 1801px) {
  .theme--dark .projects--wrapper .project--name {
    font-size: 3.25rem;
  }
}
.theme--dark .projects--wrapper .project .project--svg--background,
.theme--dark .projects--wrapper .project .project--svg--frame {
  width: 15rem;
  height: 15rem;
  position: absolute;
  transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
.theme--dark .projects--wrapper .project .project--svg--frame {
  fill: #2a2442;
  z-index: 20;
}
.theme--dark .projects--wrapper .project .project--svg--background .svg--color--primary {
  fill: #2a2442;
}
.theme--dark .projects--wrapper .project .project--svg--background .svg--color--accent {
  fill: #121018;
}
.theme--dark .projects--wrapper .project .project--svg--background-alt .svg--color--primary {
  fill: #2a2442;
}
.theme--dark .projects--wrapper .project .project--svg--background-alt .svg--color--accent {
  fill: #121018;
}
.theme--dark .project .svg--color--primary {
  fill: #2a2442;
  transition: all 0.3s ease-in-out;
}
.theme--dark .project .svg--color--secondary {
  fill: #26213f;
  transition: all 0.3s ease-in-out;
}
.theme--dark .project .svg--color--accent {
  fill: #faa916;
  transition: all 0.3s ease-in-out;
}
.theme--dark .icon--controller-and-rook {
  width: 15rem;
}
.theme--dark .icon--controller-and-rook .svg--color--primary {
  fill: #2a2442;
}
.theme--dark .icon--controller-and-rook .svg--color--secondary {
  fill: #817bb6;
}
.theme--dark .icon--controller-and-rook .svg--color--accent {
  fill: #26213f;
}
.theme--dark .icon--bunny {
  width: 10rem;
  height: 15rem;
  margin: -1.5rem 0;
}
.theme--dark .icon--bunny .svg--color--primary {
  fill: #2a2442;
}
.theme--dark .icon--bunny .svg--color--secondary {
  fill: #817bb6;
}
.theme--dark .icon--configurator--chair {
  width: 10rem;
  height: 15rem;
  margin: -1.5rem 0;
}
.theme--dark .icon--configurator--chair .svg--color--primary {
  fill: #2a2442;
}
.theme--dark .icon--configurator--chair .svg--color--secondary {
  fill: #817bb6;
}
.theme--dark .icon--configurator--chair .svg--color--accent {
  fill: #3d3b6b;
}
.theme--dark .project:hover {
  transform: scale(1.05);
  background-color: #3d3b6b;
  border: 4px solid #faa916;
}
@media (min-width: 851px) {
  .theme--dark .project:hover {
    transform: scale(1.15);
  }
}
.theme--dark .project:hover .project--img {
  transform: translateY(-10px) rotate(-10deg);
}
.theme--dark .project:hover .project--img--clipped {
  -webkit-clip-path: circle(6rem at 10rem 10rem);
          clip-path: circle(6rem at 10rem 10rem);
  transform: translateY(-5px) rotate(-5deg);
  margin: -5rem 0;
}
.theme--dark .project:hover .project--info .project--name {
  color: #faa916;
}
.theme--dark .project:hover .project--info .project--excerpt {
  color: #f4f0ff;
}
.theme--dark .project:hover .svg--color--primary {
  fill: #3d3b6b;
}
.theme--dark .project:hover .svg--color--secondary {
  fill: #575385;
}
.theme--dark .project:hover .svg--color--accent {
  fill: #faa916;
}
.theme--dark .project:hover .project--svg--background .svg--color--primary {
  fill: #2a2442;
}
.theme--dark .project:hover .project--svg--background .svg--color--accent {
  fill: #faa916;
}
.theme--dark .project:hover .project--svg--background-alt .svg--color--primary {
  fill: #2a2442;
}
.theme--dark .project:hover .project--svg--background-alt .svg--color--accent {
  fill: #faa916;
}
.theme--dark .project:hover .icon--controller-and-rook .svg--color--primary {
  fill: #2a2442;
}
.theme--dark .project:hover .icon--controller-and-rook .svg--color--secondary {
  fill: #f8f8f8;
}
.theme--dark .project:hover .icon--controller-and-rook .svg--color--accent {
  fill: #575385;
}
.theme--dark .project:hover .icon--bunny {
  width: 10rem;
}
.theme--dark .project:hover .icon--bunny .svg--color--primary {
  fill: #3d3b6b;
}
.theme--dark .project:hover .icon--bunny .svg--color--secondary {
  fill: #f8f8f8;
}
.theme--dark .project:hover .icon--configurator--chair .svg--color--primary {
  fill: #2a2442;
}
.theme--dark .project:hover .icon--configurator--chair .svg--color--secondary {
  fill: #f8f8f8;
}
.theme--dark .project:hover .icon--configurator--chair .svg--color--accent {
  fill: #faa916;
}

.theme--mono .block--projects--component {
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-column: 2;
  grid-row: 2;
  margin: 5rem 0;
  gap: 2.5rem;
}
@media (min-width: 1001px) {
  .theme--mono .block--projects--component {
    padding: 0;
  }
}
@media (min-width: 1370px) {
  .theme--mono .block--projects--component {
    grid-column: 10/-2;
    grid-row: 1;
    margin: 21rem 0 5rem 0;
    padding: 0;
    align-items: flex-start;
  }
}
.theme--mono .block--projects--container {
  grid-column: 2;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  margin: 15rem 0 10rem 0;
}
@media (min-width: 1370px) {
  .theme--mono .block--projects--container {
    grid-column: 2/15;
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    margin: 15rem 0 10rem 0;
  }
}
.theme--mono .projects--wrapper {
  display: grid;
  justify-content: space-between;
  border-radius: 15px;
  margin-top: 10rem;
  grid-template-columns: 1fr;
  gap: 15rem;
}
@media (min-width: 851px) {
  .theme--mono .projects--wrapper {
    margin-top: 10rem;
    gap: 5rem;
    row-gap: 10rem;
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1001px) {
  .theme--mono .projects--wrapper {
    margin-top: 10rem;
    gap: 5rem;
    row-gap: 10rem;
  }
}
@media (min-width: 1370px) {
  .theme--mono .projects--wrapper {
    grid-template-columns: 1fr 1fr;
  }
  .theme--mono .projects--wrapper--main {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 1801px) {
  .theme--mono .projects--wrapper {
    grid-template-columns: repeat(4, 1fr);
    margin-top: 8rem;
    gap: 5rem;
    row-gap: 10rem;
  }
  .theme--mono .projects--wrapper--main {
    grid-template-columns: 1fr;
  }
}
.theme--mono .projects--wrapper .project {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  background-color: rgba(244, 243, 247, 0.7);
  border-top-left-radius: 85px 15px;
  border-top-right-radius: 15px 215px;
  border-bottom-right-radius: 10px 185px;
  border-bottom-left-radius: 185px 10px;
  border: 4px solid #52001f;
  transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  padding: 0 2.5rem 5rem 2.5rem;
}
@media (min-width: 1370px) {
  .theme--mono .projects--wrapper .project {
    padding: 0 5rem 5rem 5rem;
  }
}
@media (min-width: 1801px) {
  .theme--mono .projects--wrapper .project {
    padding: 0 2.5rem 2.5rem 2.5rem;
  }
}
.theme--mono .projects--wrapper .project--info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  margin: 5rem 0;
  text-align: center;
  align-self: center;
}
@media (min-width: 625px) {
  .theme--mono .projects--wrapper .project--info {
    text-align: left;
  }
}
@media (min-width: 1001px) {
  .theme--mono .projects--wrapper .project--info {
    margin: 4rem 0;
  }
}
@media (min-width: 1370px) {
  .theme--mono .projects--wrapper .project--info {
    width: 100%;
    align-self: center;
  }
}
.theme--mono .projects--wrapper .project--img {
  position: relative;
  z-index: 1;
  transition: all 0.3s cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.theme--mono .projects--wrapper .project--img--wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -5rem;
}
.theme--mono .projects--wrapper .project--img--clipped {
  -webkit-clip-path: circle(6rem at 10rem 10rem);
          clip-path: circle(6rem at 10rem 10rem);
  margin: -5rem 0;
}
.theme--mono .projects--wrapper .project--info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  margin: 5rem 0;
  text-align: center;
  align-self: center;
}
@media (min-width: 625px) {
  .theme--mono .projects--wrapper .project--info {
    text-align: left;
  }
}
@media (min-width: 1001px) {
  .theme--mono .projects--wrapper .project--info {
    margin: 4rem 0;
  }
}
@media (min-width: 1370px) {
  .theme--mono .projects--wrapper .project--info {
    width: 100%;
    align-self: center;
  }
}
.theme--mono .projects--wrapper .project--name, .theme--mono .projects--wrapper .project--excerpt {
  font-family: "Zilla Slab", Arial, Helvetica, sans-serif;
  color: #290010;
  transition: all 0.3s ease-in-out;
}
.theme--mono .projects--wrapper .project--excerpt {
  font-size: 1.75rem;
}
@media (min-width: 350px) {
  .theme--mono .projects--wrapper .project--excerpt {
    font-size: 2rem;
    gap: 10rem;
  }
}
@media (min-width: 625px) {
  .theme--mono .projects--wrapper .project--excerpt {
    font-size: 2rem;
    gap: 10rem;
  }
}
@media (min-width: 1001px) {
  .theme--mono .projects--wrapper .project--excerpt {
    gap: 5rem;
  }
}
@media (min-width: 1370px) {
  .theme--mono .projects--wrapper .project--excerpt {
    font-size: 2.5rem;
    margin: 2.5rem 0 2.5rem;
  }
}
@media (min-width: 1801px) {
  .theme--mono .projects--wrapper .project--excerpt {
    font-size: 2.5rem;
    margin-bottom: 1rem;
  }
}
.theme--mono .projects--wrapper .project--name {
  font-size: 3.25rem;
  text-align: center;
}
@media (min-width: 1801px) {
  .theme--mono .projects--wrapper .project--name {
    font-size: 3.25rem;
  }
}
.theme--mono .projects--wrapper .project .project--svg--background,
.theme--mono .projects--wrapper .project .project--svg--frame {
  width: 15rem;
  height: 15rem;
  position: absolute;
  transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
.theme--mono .projects--wrapper .project .project--svg--frame {
  fill: #52001f;
  z-index: 20;
}
.theme--mono .projects--wrapper .project .project--svg--background .svg--color--primary {
  fill: #52001f;
}
.theme--mono .projects--wrapper .project .project--svg--background .svg--color--accent {
  fill: #f8f8f8;
}
.theme--mono .projects--wrapper .project .project--svg--background-alt .svg--color--primary {
  fill: #52001f;
}
.theme--mono .projects--wrapper .project .project--svg--background-alt .svg--color--accent {
  fill: #f8f8f8;
}
.theme--mono .project .svg--color--primary {
  fill: #52001f;
  transition: all 0.3s ease-in-out;
}
.theme--mono .project .svg--color--secondary {
  fill: #f4f3f7;
  transition: all 0.3s ease-in-out;
}
.theme--mono .project .svg--color--accent {
  fill: #faa916;
  transition: all 0.3s ease-in-out;
}
.theme--mono .icon--controller-and-rook {
  width: 15rem;
}
.theme--mono .icon--controller-and-rook .svg--color--primary {
  fill: #52001f;
}
.theme--mono .icon--controller-and-rook .svg--color--secondary {
  fill: #52001f;
}
.theme--mono .icon--controller-and-rook .svg--color--accent {
  fill: #f4f3f7;
}
.theme--mono .icon--bunny {
  width: 10rem;
  height: 15rem;
  margin: -1.5rem 0;
}
.theme--mono .icon--bunny .svg--color--primary {
  fill: #52001f;
}
.theme--mono .icon--bunny .svg--color--secondary {
  fill: #52001f;
}
.theme--mono .icon--configurator--chair {
  width: 10rem;
  height: 15rem;
  margin: -1.5rem 0;
}
.theme--mono .icon--configurator--chair .svg--color--primary {
  fill: #52001f;
}
.theme--mono .icon--configurator--chair .svg--color--secondary {
  fill: #52001f;
}
.theme--mono .icon--configurator--chair .svg--color--accent {
  fill: #290010;
}
.theme--mono .project:hover {
  transform: scale(1.05);
  background-color: #104547;
  border: 4px solid #faa916;
}
@media (min-width: 851px) {
  .theme--mono .project:hover {
    transform: scale(1.15);
  }
}
.theme--mono .project:hover .project--img {
  transform: translateY(-10px) rotate(-10deg);
}
.theme--mono .project:hover .project--img--clipped {
  -webkit-clip-path: circle(6rem at 10rem 10rem);
          clip-path: circle(6rem at 10rem 10rem);
  transform: translateY(-5px) rotate(-5deg);
  margin: -5rem 0;
}
.theme--mono .project:hover .project--info .project--name {
  color: #faa916;
}
.theme--mono .project:hover .project--info .project--excerpt {
  color: #104547;
}
.theme--mono .project:hover .svg--color--primary {
  fill: #290010;
}
.theme--mono .project:hover .svg--color--secondary {
  fill: #290010;
}
.theme--mono .project:hover .svg--color--accent {
  fill: #faa916;
}
.theme--mono .project:hover .project--svg--background .svg--color--primary {
  fill: #52001f;
}
.theme--mono .project:hover .project--svg--background .svg--color--accent {
  fill: #faa916;
}
.theme--mono .project:hover .project--svg--background-alt .svg--color--primary {
  fill: #52001f;
}
.theme--mono .project:hover .project--svg--background-alt .svg--color--accent {
  fill: #faa916;
}
.theme--mono .project:hover .icon--controller-and-rook .svg--color--primary {
  fill: #52001f;
}
.theme--mono .project:hover .icon--controller-and-rook .svg--color--secondary {
  fill: #faa916;
}
.theme--mono .project:hover .icon--controller-and-rook .svg--color--accent {
  fill: #290010;
}
.theme--mono .project:hover .icon--bunny {
  width: 10rem;
}
.theme--mono .project:hover .icon--bunny .svg--color--primary {
  fill: #290010;
}
.theme--mono .project:hover .icon--bunny .svg--color--secondary {
  fill: #faa916;
}
.theme--mono .project:hover .icon--configurator--chair .svg--color--primary {
  fill: #52001f;
}
.theme--mono .project:hover .icon--configurator--chair .svg--color--secondary {
  fill: #faa916;
}
.theme--mono .project:hover .icon--configurator--chair .svg--color--accent {
  fill: #faa916;
}

.theme--light .section--articles {
  grid-column: 2/-2;
  display: flex;
  flex-direction: column;
  margin-top: 7rem;
  border-radius: 15px;
  gap: 2.5rem;
}
.theme--light .section--articles--wrapper {
  display: grid;
  gap: 5rem;
}
@media (min-width: 1001px) {
  .theme--light .section--articles--wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1370px) {
  .theme--light .section--articles--wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
.theme--light .section--articles .section--articles--img--wrapper {
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
}
.theme--light .section--articles .section--articles--img {
  width: 100%;
  height: 100%;
}
.theme--light .section--articles .section--articles--item {
  background-color: #f8f7f6;
  border: 4px solid rgba(82, 0, 31, 0.9);
  border-top-left-radius: 85px 15px;
  border-top-right-radius: 85px 15px;
  border-bottom-right-radius: 10px 185px;
  border-bottom-left-radius: 185px 10px;
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  gap: 2.5rem;
  transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
@media (min-width: 851px) {
  .theme--light .section--articles .section--articles--item {
    padding: 5rem;
  }
}
@media (min-width: 1001px) {
  .theme--light .section--articles .section--articles--item {
    padding: 2.5rem;
  }
}
.theme--light .section--articles .section--articles--item:hover {
  transform: scale(1.05);
  background-color: #fffcfc;
}

.theme--dark .section--articles {
  grid-column: 2/-2;
  display: flex;
  flex-direction: column;
  margin-top: 7rem;
  border-radius: 15px;
  gap: 2.5rem;
}
.theme--dark .section--articles--wrapper {
  display: grid;
  gap: 5rem;
}
@media (min-width: 1001px) {
  .theme--dark .section--articles--wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1370px) {
  .theme--dark .section--articles--wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
.theme--dark .section--articles .section--articles--img--wrapper {
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
}
.theme--dark .section--articles .section--articles--img {
  width: 100%;
  height: 100%;
}
.theme--dark .section--articles .section--articles--item {
  background-color: #121018;
  border: 4px solid rgba(42, 36, 66, 0.9);
  border-top-left-radius: 85px 15px;
  border-top-right-radius: 85px 15px;
  border-bottom-right-radius: 10px 185px;
  border-bottom-left-radius: 185px 10px;
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  gap: 2.5rem;
  transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
@media (min-width: 851px) {
  .theme--dark .section--articles .section--articles--item {
    padding: 5rem;
  }
}
@media (min-width: 1001px) {
  .theme--dark .section--articles .section--articles--item {
    padding: 2.5rem;
  }
}
.theme--dark .section--articles .section--articles--item:hover {
  transform: scale(1.05);
  background-color: #26213f;
}

.theme--mono .section--articles {
  grid-column: 2/-2;
  display: flex;
  flex-direction: column;
  margin-top: 7rem;
  border-radius: 15px;
  gap: 2.5rem;
}
.theme--mono .section--articles--wrapper {
  display: grid;
  gap: 5rem;
}
@media (min-width: 1001px) {
  .theme--mono .section--articles--wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1370px) {
  .theme--mono .section--articles--wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
.theme--mono .section--articles .section--articles--img--wrapper {
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
}
.theme--mono .section--articles .section--articles--img {
  width: 100%;
  height: 100%;
}
.theme--mono .section--articles .section--articles--item {
  background-color: #f8f8f8;
  border: 4px solid rgba(82, 0, 31, 0.9);
  border-top-left-radius: 85px 15px;
  border-top-right-radius: 85px 15px;
  border-bottom-right-radius: 10px 185px;
  border-bottom-left-radius: 185px 10px;
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  gap: 2.5rem;
  transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
@media (min-width: 851px) {
  .theme--mono .section--articles .section--articles--item {
    padding: 5rem;
  }
}
@media (min-width: 1001px) {
  .theme--mono .section--articles .section--articles--item {
    padding: 2.5rem;
  }
}
.theme--mono .section--articles .section--articles--item:hover {
  transform: scale(1.05);
  background-color: #f4f3f7;
}

.gallery {
  display: grid;
  grid-template-rows: repeat(7, 5vw);
  grid-template-columns: repeat(8, 1fr);
  grid-column: 2/-2;
  grid-gap: 1.5rem;
  margin-bottom: 8rem;
}
.gallery--item--1 {
  display: flex;
  grid-row: 1/span 2;
  grid-column: 1/span 2;
  align-items: center;
  justify-content: center;
}
.gallery--item--2 {
  grid-row: 1/span 3;
  grid-column: 3/span 3;
}
.gallery--item--3 {
  grid-row: 1/span 2;
  grid-column: 6/7;
}
.gallery--item--4 {
  grid-row: 1/span 2;
  grid-column: 7/-1;
}
.gallery--item--5 {
  grid-row: 3/span 3;
  grid-column: 1/span 2;
}
.gallery--item--6 {
  grid-row: 4/span 2;
  grid-column: 3/span 2;
}
.gallery--item--7 {
  grid-row: 4/5;
  grid-column: 5/6;
}
.gallery--item--8 {
  grid-row: 3/span 2;
  grid-column: 6/span 2;
}
.gallery--item--9 {
  grid-row: 3/span 3;
  grid-column: 8/-1;
}
.gallery--item--10 {
  grid-row: 6/span 2;
  grid-column: 1/2;
}
.gallery--item--11 {
  grid-row: 6/span 2;
  grid-column: 2/span 2;
}
.gallery--item--12 {
  grid-row: 6/span 2;
  grid-column: 4/5;
}
.gallery--item--13 {
  grid-row: 5/span 3;
  grid-column: 5/span 3;
}
.gallery--item--14 {
  grid-row: 6/span 2;
  grid-column: 8/-1;
}
.gallery--img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  border-radius: 10px;
}
.gallery > * {
  width: 100%;
}

/* ------------------- */
/*  SIGNATURES     
/* ------------------- */
.signature-block {
  display: flex;
  justify-content: flex-end;
  align-content: center;
  gap: 2rem;
}

.signature-avatar {
  width: 6rem;
  border-radius: 100px;
}

.signature {
  font-family: "Permanent Marker";
  font-size: 5.5rem;
  color: #4e5c6d;
}

.story--pictures {
  overflow: hidden;
  background-color: cadetblue;
  grid-column: full-start/col-end 4;
  background-image: linear-gradient(rgba(82, 0, 31, 0.5), rgba(82, 0, 31, 0.5)), url(/images/jpg/canyon-3.jpg);
  display: grid;
  grid-template-rows: repeat(6, 1fr);
  grid-template-columns: repeat(6, 1fr);
}
.story--img--1 {
  width: 100%;
  grid-row: 2/6;
  grid-column: 2/6;
  align-items: center;
  box-shadow: 0 2rem 5rem #121018;
}
.story--img--2 {
  width: 115%;
  grid-row: 4/6;
  grid-column: 4/7;
  align-items: center;
  box-shadow: 0 2rem 5rem #121018;
  z-index: 50;
}
.story--content {
  background-color: darkgoldenrod;
  grid-column: col-start 5/full-end;
  padding: 6rem 8vw;
  display: grid;
  align-content: center;
  justify-items: start;
}
.story--text {
  font-size: 1.5rem;
  font-style: italic;
}

.features {
  grid-column: center-start/center-end;
  margin: 15rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
  gap: 6rem;
  align-items: start;
}

.feature {
  display: grid;
  grid-template-columns: min-content 1fr;
  grid-row-gap: 1.5rem;
  grid-column-gap: 2.5rem;
}
.feature--icon {
  width: 4.5rem;
  height: 4.5rem;
  grid-row: 1/span 2;
  fill: #52001f;
}
.feature--text {
  font-size: 1.7rem;
}

.homes {
  grid-column: center-start/center-end;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
  gap: 7rem;
  padding: 6rem;
}

.home {
  background-color: #f8f8f8;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-row-gap: 3.5rem;
}
.home--icon {
  fill: #faa916;
  height: 2rem;
  width: 2rem;
  margin-right: 1rem;
}
.home--img {
  width: 100%;
  grid-row: 1/2;
  grid-column: 1/-1;
  z-index: 1;
}
.home--like {
  grid-row: 1/2;
  grid-column: 2/3;
  width: 3rem;
  height: 3rem;
  justify-self: end;
  margin: 1rem;
  z-index: 10;
}
.home--name {
  grid-row: 1/2;
  grid-column: 1/-1;
  justify-self: center;
  align-self: end;
  width: 80%;
  font-family: "Gochi Hand", Arial, Helvetica, sans-serif;
  font-size: 2rem;
  text-align: center;
  padding: 1.25rem;
  background-color: #104547;
  color: #f8f8f8;
  font-weight: 400;
  transform: translateY(50%);
  z-index: 10;
}
.home--location, .home--rooms {
  margin-top: 2.5rem;
}
.home--location, .home--rooms, .home--area, .home--price {
  font-size: 1.5rem;
  margin-left: 2rem;
  display: flex;
  align-items: center;
}

.realtors {
  background-color: #1b1924;
  grid-column: col-start 7/full-end;
  grid-row: 1;
  padding: 3rem;
  display: grid;
  align-content: center;
  justify-content: center;
  justify-items: center;
  grid-row-gap: 2rem;
}
.realtors--list {
  display: grid;
  grid-template-columns: min-content max-content;
  grid-column-gap: 2rem;
  grid-row-gap: 5vh;
  align-items: center;
}
.realtors--img {
  width: 7rem;
  border-radius: 50%;
  display: block;
}
.realtors--sold {
  text-transform: uppercase;
  color: #f4f3f7;
}

.theme--light .logo--betablox--cls-1 {
  fill: rgba(82, 0, 31, 0.8);
}
.theme--light .logo--betablox--cls-2 {
  fill: rgba(221, 126, 141, 0.2);
}
.theme--light .logo--betablox--cls-3 {
  fill: #52001f;
}
.theme--light .logo--betablox--cls-4 {
  fill: #f8f5f6;
}
.theme--light .logo--leica--cls-1 {
  fill: #52001f;
}
.theme--light .logo--leica--cls-2 {
  fill: #f8f8f8;
}
.theme--light .logo--wabbit--cls-1 {
  fill: #f8f8f8;
}
.theme--light .logo--wabbit--cls-2 {
  fill: #52001f;
}
.theme--light .logo--stonecroft--cls-1 {
  fill: #52001f;
}
.theme--light .logo--db--fill {
  fill: #52001f;
}
.theme--light .block--clients {
  margin-top: 6rem;
  margin-bottom: 8rem;
  grid-column: 2/-2;
}
.theme--light .block--clients--grid {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: auto 1px 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}
.theme--light .block--clients--logos {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: center;
  justify-items: center;
  display: grid;
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.theme--light .line {
  width: 100%;
  height: 1px;
  perspective-origin: 50%;
  transform-origin: 50%;
  background-color: rgba(82, 0, 31, 0.2);
  border-top-width: 0;
}
.theme--light .line-vertical {
  width: 100%;
  height: 100%;
  background-color: rgba(82, 0, 31, 0.2);
}

.theme--dark .logo--betablox--cls-1 {
  fill: rgba(61, 59, 107, 0.8);
}
.theme--dark .logo--betablox--cls-2 {
  fill: rgba(87, 83, 133, 0.2);
}
.theme--dark .logo--betablox--cls-3 {
  fill: #f8f8f8;
}
.theme--dark .logo--betablox--cls-4 {
  fill: #817bb6;
}
.theme--dark .logo--leica--cls-1 {
  fill: #2a2442;
}
.theme--dark .logo--leica--cls-2 {
  fill: #f8f8f8;
}
.theme--dark .logo--wabbit--cls-1 {
  fill: #f8f8f8;
}
.theme--dark .logo--wabbit--cls-2 {
  fill: #2a2442;
}
.theme--dark .logo--stonecroft--cls-1 {
  fill: #f8f8f8;
}
.theme--dark .logo--db--fill {
  fill: #f8f8f8;
}
.theme--dark .block--clients {
  margin-top: 6rem;
  margin-bottom: 8rem;
  grid-column: 2/-2;
}
.theme--dark .block--clients--grid {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: auto 1px 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}
.theme--dark .block--clients--logos {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: center;
  justify-items: center;
  display: grid;
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.theme--dark .line {
  width: 100%;
  height: 1px;
  perspective-origin: 50%;
  transform-origin: 50%;
  background-color: rgba(42, 36, 66, 0.2);
  border-top-width: 0;
}
.theme--dark .line-vertical {
  width: 100%;
  height: 100%;
  background-color: rgba(42, 36, 66, 0.2);
}

.theme--mono .logo--betablox--cls-1 {
  fill: rgba(41, 0, 16, 0.8);
}
.theme--mono .logo--betablox--cls-2 {
  fill: rgba(41, 0, 16, 0.2);
}
.theme--mono .logo--betablox--cls-3 {
  fill: #290010;
}
.theme--mono .logo--betablox--cls-4 {
  fill: #52001f;
}
.theme--mono .logo--leica--cls-1 {
  fill: #52001f;
}
.theme--mono .logo--leica--cls-2 {
  fill: #faa916;
}
.theme--mono .logo--wabbit--cls-1 {
  fill: #faa916;
}
.theme--mono .logo--wabbit--cls-2 {
  fill: #52001f;
}
.theme--mono .logo--stonecroft--cls-1 {
  fill: #290010;
}
.theme--mono .logo--db--fill {
  fill: #290010;
}
.theme--mono .block--clients {
  margin-top: 6rem;
  margin-bottom: 8rem;
  grid-column: 2/-2;
}
.theme--mono .block--clients--grid {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: auto 1px 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}
.theme--mono .block--clients--logos {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: center;
  justify-items: center;
  display: grid;
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.theme--mono .line {
  width: 100%;
  height: 1px;
  perspective-origin: 50%;
  transform-origin: 50%;
  background-color: rgba(82, 0, 31, 0.2);
  border-top-width: 0;
}
.theme--mono .line-vertical {
  width: 100%;
  height: 100%;
  background-color: rgba(82, 0, 31, 0.2);
}

.header {
  background-color: #837a75;
  grid-column: full-start/col-end 6;
  background-image: linear-gradient(rgba(36, 33, 49, 0.8), rgba(36, 33, 49, 0.8)), url(/images/jpg/canyon-3.jpg);
  background-size: cover;
  background-position: center;
  padding: 4rem 8rem 8rem 8rem;
  display: grid;
  grid-template-rows: 1fr min-content minmax(6rem, min-content) 1fr;
  grid-template-columns: minmax(min-content, max-content);
  grid-row-gap: 1.5rem;
  justify-content: center;
}
.header--logo {
  height: 5rem;
  justify-self: center;
}
.header--seen--text {
  display: grid;
  grid-template-columns: 1fr max-content 1fr;
  grid-column-gap: 1.5rem;
  align-items: center;
  font-size: 1.6rem;
  color: #f8f8f8;
}
.header--seen--text::before, .header--seen--text::after {
  content: "";
  border-top: 1px solid currentColor;
}
.header--seen--logos {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 3rem;
  justify-items: center;
  align-items: center;
}
.header--seen--logos svg {
  max-height: 2.5rem;
  max-width: 100%;
  fill: #f4f3f7;
}

.theme--light .footer {
  background-color: #f8f7f6;
  border-top: 1px solid rgba(82, 0, 31, 0.2);
}
@media (min-width: 1370px) {
  .theme--light .footer {
    grid-column: full-start/full-end;
    padding: 4rem;
    height: 20rem;
  }
}
.theme--light .nav {
  list-style: none;
  font-family: "Zilla Slab", Arial, Helvetica, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  grid-gap: 2rem;
  align-items: center;
}
.theme--light .nav--link:link, .theme--light .nav--link:visited {
  background-color: #f8f7f6;
  border-radius: 15px;
  color: #52001f;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  padding: 1.5rem;
  display: block;
  transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
.theme--light .nav--link:hover, .theme--light .nav--link:active {
  background-color: #52001f;
  color: #f8f8f8;
  transform: translateY(-1rem);
  border-radius: 15px;
}
.theme--light .copyright {
  font-size: 1.5rem;
  color: #52001f;
  margin: 6rem auto 0 auto;
  text-align: center;
}

.theme--dark .footer {
  background-color: #121018;
  border-top: 1px solid rgba(42, 36, 66, 0.2);
}
@media (min-width: 1370px) {
  .theme--dark .footer {
    grid-column: full-start/full-end;
    padding: 4rem;
    height: 20rem;
  }
}
.theme--dark .nav {
  list-style: none;
  font-family: "Zilla Slab", Arial, Helvetica, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  grid-gap: 2rem;
  align-items: center;
}
.theme--dark .nav--link:link, .theme--dark .nav--link:visited {
  background-color: #121018;
  border-radius: 15px;
  color: #f8f8f8;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  padding: 1.5rem;
  display: block;
  transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
.theme--dark .nav--link:hover, .theme--dark .nav--link:active {
  background-color: #2a2442;
  color: #f4f0ff;
  transform: translateY(-1rem);
  border-radius: 15px;
}
.theme--dark .copyright {
  font-size: 1.5rem;
  color: #f8f8f8;
  margin: 6rem auto 0 auto;
  text-align: center;
}

.theme--mono .footer {
  background-color: #f8f8f8;
  border-top: 1px solid rgba(82, 0, 31, 0.2);
}
@media (min-width: 1370px) {
  .theme--mono .footer {
    grid-column: full-start/full-end;
    padding: 4rem;
    height: 20rem;
  }
}
.theme--mono .nav {
  list-style: none;
  font-family: "Zilla Slab", Arial, Helvetica, sans-serif;
  font-size: 2rem;
  font-weight: 600;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  grid-gap: 2rem;
  align-items: center;
}
.theme--mono .nav--link:link, .theme--mono .nav--link:visited {
  background-color: #f8f8f8;
  border-radius: 15px;
  color: #290010;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  padding: 1.5rem;
  display: block;
  transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
.theme--mono .nav--link:hover, .theme--mono .nav--link:active {
  background-color: #52001f;
  color: #104547;
  transform: translateY(-1rem);
  border-radius: 15px;
}
.theme--mono .copyright {
  font-size: 1.5rem;
  color: #290010;
  margin: 6rem auto 0 auto;
  text-align: center;
}

.theme--light .navbar--wrapper {
  width: 100%;
  position: fixed;
  bottom: 0;
  height: 10rem;
  background-color: #f8f7f6;
  width: 10rem;
  display: flex;
  z-index: 200;
  transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
@media (min-width: 1370px) {
  .theme--light .navbar--wrapper {
    height: 100vh;
  }
  .theme--light .navbar--wrapper:hover {
    width: 25rem;
  }
}
@media (min-width: 1801px) {
  .theme--light .navbar--wrapper {
    grid-column: sidebar-start/sidebar-end;
    grid-row: 1/-1;
    display: flex;
    z-index: 200;
    transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  }
}
.theme--light .navbar {
  position: fixed;
  background-color: #f8f7f6;
  border-top: 2px solid rgba(82, 0, 31, 0.8);
  justify-content: flex-start;
  transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  width: 100%;
  height: 10rem;
}
@media (min-width: 851px) {
  .theme--light .navbar {
    width: 100%;
    z-index: 100;
  }
}
@media (min-width: 1370px) {
  .theme--light .navbar {
    bottom: 0;
    height: 100%;
    width: 10rem;
    border-top: none;
    border-right: 2px solid rgba(82, 0, 31, 0.8);
  }
  .theme--light .navbar:hover {
    width: 25rem;
  }
  .theme--light .navbar:hover .navbar--item--link--text {
    opacity: 1;
    max-width: 400px;
    display: inline-block;
  }
}
@media (min-width: 1801px) {
  .theme--light .navbar {
    bottom: 0;
    height: 100%;
    width: 10rem;
    border-top: none;
    border-right: 2px solid rgba(82, 0, 31, 0.8);
    z-index: 100;
  }
  .theme--light .navbar:hover {
    width: 25rem;
  }
  .theme--light .navbar:hover .navbar--icon {
    width: 100%;
  }
  .theme--light .navbar:hover .navbar--item--link--text {
    opacity: 1;
    max-width: 400px;
    display: inline-block;
  }
}
.theme--light .navbar--nav {
  list-style: none;
  padding: 0;
  margin: 0;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (min-width: 851px) {
  .theme--light .navbar--nav {
    flex-direction: row;
  }
}
@media (min-width: 1370px) {
  .theme--light .navbar--nav {
    flex-direction: column;
  }
}
.theme--light .navbar--item {
  width: 100%;
  position: relative;
  height: 100%;
}
@media (min-width: 1370px) {
  .theme--light .navbar--item {
    height: 8rem;
  }
}
.theme--light .navbar--item:focus-within .navbar--item--link {
  background-color: #52001f;
  color: #faa916;
}
.theme--light .navbar--item:focus-within .navbar--item--link svg {
  fill: #faa916;
}
.theme--light .navbar--item--link {
  font-family: "Zilla Slab", Georgia, "Times New Roman", Times, serif;
  font-size: 2rem;
  color: #52001f;
  transition: all 0.5s ease;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-weight: 400;
  height: 10rem;
}
@media (min-width: 1370px) {
  .theme--light .navbar--item--link {
    justify-content: flex-start;
    flex-direction: row;
    height: 8rem;
  }
}
.theme--light .navbar--item--link .navbar--item--icon {
  width: 3.5rem;
  flex-shrink: 0;
  fill: #52001f;
  transition: all 0.5s ease;
}
@media (min-width: 1370px) {
  .theme--light .navbar--item--link .navbar--item--icon {
    width: 4rem;
    margin: 0 2.5rem;
  }
}
.theme--light .navbar--item--link--text {
  margin-left: 1rem;
  overflow: hidden;
  transition: all 0.01s;
  font-size: 1.75rem;
}
@media (min-width: 1370px) {
  .theme--light .navbar--item--link--text {
    font-size: 2rem;
    display: none;
    opacity: 0;
  }
}
.theme--light .navbar--item--link:hover {
  background-color: #52001f;
  color: #f8f8f8;
}
.theme--light .navbar--item--link:hover svg {
  fill: #faa916;
}
.theme--light .navbar--item--logo {
  fill: #52001f;
  width: 4rem;
  flex-shrink: 0;
  margin-left: 1rem;
}
@media (min-width: 1370px) {
  .theme--light .navbar--item--logo {
    margin: 2.5rem 1.5rem;
    width: 6rem;
  }
}
@media (min-width: 1370px) {
  .theme--light .navbar--item:last-child {
    margin-top: auto;
  }
}
.theme--light .navbar--dropdown {
  background: #52001f;
  display: flex;
  position: absolute;
  align-items: stretch;
  justify-content: space-evenly;
  opacity: 0;
  border-radius: 10px;
  z-index: 200;
  pointer-events: none;
  transform: translateX(100%);
  transition: opacity 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44), transform 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  flex-direction: column;
  left: -10rem;
  top: -34.5rem;
  height: 30rem;
  width: 40rem;
  margin-left: 2rem;
  padding: 2rem 2rem 2rem 5rem;
}
@media (min-width: 350px) {
  .theme--light .navbar--dropdown {
    left: -10rem;
  }
}
@media (min-width: 625px) {
  .theme--light .navbar--dropdown {
    left: -2.5rem;
  }
}
@media (min-width: 851px) {
  .theme--light .navbar--dropdown {
    left: -3rem;
  }
}
@media (min-width: 1001px) {
  .theme--light .navbar--dropdown {
    left: 3rem;
  }
}
@media (min-width: 1370px) {
  .theme--light .navbar--dropdown {
    left: 100%;
    top: -2.5rem;
    height: 16rem;
    width: 40rem;
    margin-left: 2rem;
    padding: 2rem 4rem;
    flex-direction: row;
    transform: translateY(100%);
  }
}
.theme--light .navbar--dropdown.active {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}
@media (min-width: 1370px) {
  .theme--light .navbar--dropdown.active {
    transform: translateY(0);
  }
}
.theme--light .navbar--dropdown--item {
  list-style: none;
  height: auto;
  width: 100%;
  margin: 0;
  padding: 2rem 0;
}
.theme--light .navbar--dropdown--item a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #faa916;
}
.theme--light .navbar--dropdown--item a:before {
  content: "";
  border: 2px solid #f8f8f8;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
}

.theme--dark .navbar--wrapper {
  width: 100%;
  position: fixed;
  bottom: 0;
  height: 10rem;
  background-color: #100f1a;
  width: 10rem;
  display: flex;
  z-index: 200;
  transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
@media (min-width: 1370px) {
  .theme--dark .navbar--wrapper {
    height: 100vh;
  }
  .theme--dark .navbar--wrapper:hover {
    width: 25rem;
  }
}
@media (min-width: 1801px) {
  .theme--dark .navbar--wrapper {
    grid-column: sidebar-start/sidebar-end;
    grid-row: 1/-1;
    display: flex;
    z-index: 200;
    transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  }
}
.theme--dark .navbar {
  position: fixed;
  background-color: #100f1a;
  border-top: 2px solid rgba(42, 36, 66, 0.8);
  justify-content: flex-start;
  transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  width: 100%;
  height: 10rem;
}
@media (min-width: 851px) {
  .theme--dark .navbar {
    width: 100%;
    z-index: 100;
  }
}
@media (min-width: 1370px) {
  .theme--dark .navbar {
    bottom: 0;
    height: 100%;
    width: 10rem;
    border-top: none;
    border-right: 2px solid rgba(42, 36, 66, 0.8);
  }
  .theme--dark .navbar:hover {
    width: 25rem;
  }
  .theme--dark .navbar:hover .navbar--item--link--text {
    opacity: 1;
    max-width: 400px;
    display: inline-block;
  }
}
@media (min-width: 1801px) {
  .theme--dark .navbar {
    bottom: 0;
    height: 100%;
    width: 10rem;
    border-top: none;
    border-right: 2px solid rgba(42, 36, 66, 0.8);
    z-index: 100;
  }
  .theme--dark .navbar:hover {
    width: 25rem;
  }
  .theme--dark .navbar:hover .navbar--icon {
    width: 100%;
  }
  .theme--dark .navbar:hover .navbar--item--link--text {
    opacity: 1;
    max-width: 400px;
    display: inline-block;
  }
}
.theme--dark .navbar--nav {
  list-style: none;
  padding: 0;
  margin: 0;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (min-width: 851px) {
  .theme--dark .navbar--nav {
    flex-direction: row;
  }
}
@media (min-width: 1370px) {
  .theme--dark .navbar--nav {
    flex-direction: column;
  }
}
.theme--dark .navbar--item {
  width: 100%;
  position: relative;
  height: 100%;
}
@media (min-width: 1370px) {
  .theme--dark .navbar--item {
    height: 8rem;
  }
}
.theme--dark .navbar--item:focus-within .navbar--item--link {
  background-color: #2a2442;
  color: #faa916;
}
.theme--dark .navbar--item:focus-within .navbar--item--link svg {
  fill: #faa916;
}
.theme--dark .navbar--item--link {
  font-family: "Zilla Slab", Georgia, "Times New Roman", Times, serif;
  font-size: 2rem;
  color: #f8f8f8;
  transition: all 0.5s ease;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-weight: 400;
  height: 10rem;
}
@media (min-width: 1370px) {
  .theme--dark .navbar--item--link {
    justify-content: flex-start;
    flex-direction: row;
    height: 8rem;
  }
}
.theme--dark .navbar--item--link .navbar--item--icon {
  width: 3.5rem;
  flex-shrink: 0;
  fill: #3d3b6b;
  transition: all 0.5s ease;
}
@media (min-width: 1370px) {
  .theme--dark .navbar--item--link .navbar--item--icon {
    width: 4rem;
    margin: 0 2.5rem;
  }
}
.theme--dark .navbar--item--link--text {
  margin-left: 1rem;
  overflow: hidden;
  transition: all 0.01s;
  font-size: 1.75rem;
}
@media (min-width: 1370px) {
  .theme--dark .navbar--item--link--text {
    font-size: 2rem;
    display: none;
    opacity: 0;
  }
}
.theme--dark .navbar--item--link:hover {
  background-color: #2a2442;
  color: #f8f8f8;
}
.theme--dark .navbar--item--link:hover svg {
  fill: #faa916;
}
.theme--dark .navbar--item--logo {
  fill: #3d3b6b;
  width: 4rem;
  flex-shrink: 0;
  margin-left: 1rem;
}
@media (min-width: 1370px) {
  .theme--dark .navbar--item--logo {
    margin: 2.5rem 1.5rem;
    width: 6rem;
  }
}
@media (min-width: 1370px) {
  .theme--dark .navbar--item:last-child {
    margin-top: auto;
  }
}
.theme--dark .navbar--dropdown {
  background: #2a2442;
  display: flex;
  position: absolute;
  align-items: stretch;
  justify-content: space-evenly;
  opacity: 0;
  border-radius: 10px;
  z-index: 200;
  pointer-events: none;
  transform: translateX(100%);
  transition: opacity 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44), transform 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  flex-direction: column;
  left: -10rem;
  top: -34.5rem;
  height: 30rem;
  width: 40rem;
  margin-left: 2rem;
  padding: 2rem 2rem 2rem 5rem;
}
@media (min-width: 350px) {
  .theme--dark .navbar--dropdown {
    left: -10rem;
  }
}
@media (min-width: 625px) {
  .theme--dark .navbar--dropdown {
    left: -2.5rem;
  }
}
@media (min-width: 851px) {
  .theme--dark .navbar--dropdown {
    left: -3rem;
  }
}
@media (min-width: 1001px) {
  .theme--dark .navbar--dropdown {
    left: 3rem;
  }
}
@media (min-width: 1370px) {
  .theme--dark .navbar--dropdown {
    left: 100%;
    top: -2.5rem;
    height: 16rem;
    width: 40rem;
    margin-left: 2rem;
    padding: 2rem 4rem;
    flex-direction: row;
    transform: translateY(100%);
  }
}
.theme--dark .navbar--dropdown.active {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}
@media (min-width: 1370px) {
  .theme--dark .navbar--dropdown.active {
    transform: translateY(0);
  }
}
.theme--dark .navbar--dropdown--item {
  list-style: none;
  height: auto;
  width: 100%;
  margin: 0;
  padding: 2rem 0;
}
.theme--dark .navbar--dropdown--item a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #faa916;
}
.theme--dark .navbar--dropdown--item a:before {
  content: "";
  border: 2px solid #f8f8f8;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
}

.theme--mono .navbar--wrapper {
  width: 100%;
  position: fixed;
  bottom: 0;
  height: 10rem;
  background-color: #f8f8f8;
  width: 10rem;
  display: flex;
  z-index: 200;
  transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
}
@media (min-width: 1370px) {
  .theme--mono .navbar--wrapper {
    height: 100vh;
  }
  .theme--mono .navbar--wrapper:hover {
    width: 25rem;
  }
}
@media (min-width: 1801px) {
  .theme--mono .navbar--wrapper {
    grid-column: sidebar-start/sidebar-end;
    grid-row: 1/-1;
    display: flex;
    z-index: 200;
    transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  }
}
.theme--mono .navbar {
  position: fixed;
  background-color: #f8f8f8;
  border-top: 2px solid rgba(82, 0, 31, 0.8);
  justify-content: flex-start;
  transition: all 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  width: 100%;
  height: 10rem;
}
@media (min-width: 851px) {
  .theme--mono .navbar {
    width: 100%;
    z-index: 100;
  }
}
@media (min-width: 1370px) {
  .theme--mono .navbar {
    bottom: 0;
    height: 100%;
    width: 10rem;
    border-top: none;
    border-right: 2px solid rgba(82, 0, 31, 0.8);
  }
  .theme--mono .navbar:hover {
    width: 25rem;
  }
  .theme--mono .navbar:hover .navbar--item--link--text {
    opacity: 1;
    max-width: 400px;
    display: inline-block;
  }
}
@media (min-width: 1801px) {
  .theme--mono .navbar {
    bottom: 0;
    height: 100%;
    width: 10rem;
    border-top: none;
    border-right: 2px solid rgba(82, 0, 31, 0.8);
    z-index: 100;
  }
  .theme--mono .navbar:hover {
    width: 25rem;
  }
  .theme--mono .navbar:hover .navbar--icon {
    width: 100%;
  }
  .theme--mono .navbar:hover .navbar--item--link--text {
    opacity: 1;
    max-width: 400px;
    display: inline-block;
  }
}
.theme--mono .navbar--nav {
  list-style: none;
  padding: 0;
  margin: 0;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (min-width: 851px) {
  .theme--mono .navbar--nav {
    flex-direction: row;
  }
}
@media (min-width: 1370px) {
  .theme--mono .navbar--nav {
    flex-direction: column;
  }
}
.theme--mono .navbar--item {
  width: 100%;
  position: relative;
  height: 100%;
}
@media (min-width: 1370px) {
  .theme--mono .navbar--item {
    height: 8rem;
  }
}
.theme--mono .navbar--item:focus-within .navbar--item--link {
  background-color: #52001f;
  color: #faa916;
}
.theme--mono .navbar--item:focus-within .navbar--item--link svg {
  fill: #faa916;
}
.theme--mono .navbar--item--link {
  font-family: "Zilla Slab", Georgia, "Times New Roman", Times, serif;
  font-size: 2rem;
  color: #290010;
  transition: all 0.5s ease;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-weight: 400;
  height: 10rem;
}
@media (min-width: 1370px) {
  .theme--mono .navbar--item--link {
    justify-content: flex-start;
    flex-direction: row;
    height: 8rem;
  }
}
.theme--mono .navbar--item--link .navbar--item--icon {
  width: 3.5rem;
  flex-shrink: 0;
  fill: #290010;
  transition: all 0.5s ease;
}
@media (min-width: 1370px) {
  .theme--mono .navbar--item--link .navbar--item--icon {
    width: 4rem;
    margin: 0 2.5rem;
  }
}
.theme--mono .navbar--item--link--text {
  margin-left: 1rem;
  overflow: hidden;
  transition: all 0.01s;
  font-size: 1.75rem;
}
@media (min-width: 1370px) {
  .theme--mono .navbar--item--link--text {
    font-size: 2rem;
    display: none;
    opacity: 0;
  }
}
.theme--mono .navbar--item--link:hover {
  background-color: #52001f;
  color: #faa916;
}
.theme--mono .navbar--item--link:hover svg {
  fill: #faa916;
}
.theme--mono .navbar--item--logo {
  fill: #290010;
  width: 4rem;
  flex-shrink: 0;
  margin-left: 1rem;
}
@media (min-width: 1370px) {
  .theme--mono .navbar--item--logo {
    margin: 2.5rem 1.5rem;
    width: 6rem;
  }
}
@media (min-width: 1370px) {
  .theme--mono .navbar--item:last-child {
    margin-top: auto;
  }
}
.theme--mono .navbar--dropdown {
  background: #52001f;
  display: flex;
  position: absolute;
  align-items: stretch;
  justify-content: space-evenly;
  opacity: 0;
  border-radius: 10px;
  z-index: 200;
  pointer-events: none;
  transform: translateX(100%);
  transition: opacity 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44), transform 0.3s cubic-bezier(0.87, -0.41, 0.19, 1.44);
  flex-direction: column;
  left: -10rem;
  top: -34.5rem;
  height: 30rem;
  width: 40rem;
  margin-left: 2rem;
  padding: 2rem 2rem 2rem 5rem;
}
@media (min-width: 350px) {
  .theme--mono .navbar--dropdown {
    left: -10rem;
  }
}
@media (min-width: 625px) {
  .theme--mono .navbar--dropdown {
    left: -2.5rem;
  }
}
@media (min-width: 851px) {
  .theme--mono .navbar--dropdown {
    left: -3rem;
  }
}
@media (min-width: 1001px) {
  .theme--mono .navbar--dropdown {
    left: 3rem;
  }
}
@media (min-width: 1370px) {
  .theme--mono .navbar--dropdown {
    left: 100%;
    top: -2.5rem;
    height: 16rem;
    width: 40rem;
    margin-left: 2rem;
    padding: 2rem 4rem;
    flex-direction: row;
    transform: translateY(100%);
  }
}
.theme--mono .navbar--dropdown.active {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}
@media (min-width: 1370px) {
  .theme--mono .navbar--dropdown.active {
    transform: translateY(0);
  }
}
.theme--mono .navbar--dropdown--item {
  list-style: none;
  height: auto;
  width: 100%;
  margin: 0;
  padding: 2rem 0;
}
.theme--mono .navbar--dropdown--item a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #faa916;
}
.theme--mono .navbar--dropdown--item a:before {
  content: "";
  border: 2px solid #faa916;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1rem;
}

.block--sidebar {
  display: flex;
  flex-direction: column;
  grid-column: 2;
  grid-row: 2;
}
@media (min-width: 851px) {
  .block--sidebar {
    grid-column: 2;
  }
}
@media (min-width: 1370px) {
  .block--sidebar {
    grid-column: 10/-2;
    grid-row: 1;
  }
}
@media (min-width: 1801px) {
  .block--sidebar {
    grid-column: 9/-2;
  }
}
.block--sidebar--narrow {
  grid-column: 11/-2;
}

.theme--light .container {
  display: grid;
  width: 100%;
  height: 100vh;
  background-color: #52001f;
  z-index: 0;
  min-height: 100vh;
  transition: all 0.5s ease;
}
@media (min-width: 851px) {
  .theme--light .container {
    grid-template-columns: 1fr;
    grid-template-rows: min-content;
  }
}
@media (min-width: 851px) {
  .theme--light .container {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }
}
@media (min-width: 1370px) {
  .theme--light .container {
    grid-template-columns: [sidebar-start] 10rem [sidebar-end full-start] minmax(5rem, 1fr) [center-start] repeat(9, [col-start] minmax(min-content, 15rem) [col-end]) [center-end] minmax(5rem, 1fr) [full-end];
  }
}
@media (min-width: 1801px) {
  .theme--light .container {
    grid-template-columns: [sidebar-start] 10rem [sidebar-end full-start] minmax(6rem, 1fr) [center-start] repeat(9, [col-start] minmax(min-content, 14rem) [col-end]) [center-end] minmax(6rem, 1fr) [full-end];
  }
}

.theme--dark .container {
  display: grid;
  width: 100%;
  height: 100vh;
  background-color: #2a2442;
  z-index: 0;
  min-height: 100vh;
  transition: all 0.5s ease;
}
@media (min-width: 851px) {
  .theme--dark .container {
    grid-template-columns: 1fr;
    grid-template-rows: min-content;
  }
}
@media (min-width: 851px) {
  .theme--dark .container {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }
}
@media (min-width: 1370px) {
  .theme--dark .container {
    grid-template-columns: [sidebar-start] 10rem [sidebar-end full-start] minmax(5rem, 1fr) [center-start] repeat(9, [col-start] minmax(min-content, 15rem) [col-end]) [center-end] minmax(5rem, 1fr) [full-end];
  }
}
@media (min-width: 1801px) {
  .theme--dark .container {
    grid-template-columns: [sidebar-start] 10rem [sidebar-end full-start] minmax(6rem, 1fr) [center-start] repeat(9, [col-start] minmax(min-content, 14rem) [col-end]) [center-end] minmax(6rem, 1fr) [full-end];
  }
}

.theme--mono .container {
  display: grid;
  width: 100%;
  height: 100vh;
  background-color: #52001f;
  z-index: 0;
  min-height: 100vh;
  transition: all 0.5s ease;
}
@media (min-width: 851px) {
  .theme--mono .container {
    grid-template-columns: 1fr;
    grid-template-rows: min-content;
  }
}
@media (min-width: 851px) {
  .theme--mono .container {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }
}
@media (min-width: 1370px) {
  .theme--mono .container {
    grid-template-columns: [sidebar-start] 10rem [sidebar-end full-start] minmax(5rem, 1fr) [center-start] repeat(9, [col-start] minmax(min-content, 15rem) [col-end]) [center-end] minmax(5rem, 1fr) [full-end];
  }
}
@media (min-width: 1801px) {
  .theme--mono .container {
    grid-template-columns: [sidebar-start] 10rem [sidebar-end full-start] minmax(6rem, 1fr) [center-start] repeat(9, [col-start] minmax(min-content, 14rem) [col-end]) [center-end] minmax(6rem, 1fr) [full-end];
  }
}

.content {
  background-color: #104547;
  grid-column: 2/9;
  grid-row: 1/-2;
}

.theme--light .full-bleed {
  background-color: #f8f7f6;
  padding-bottom: 10rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-column: 1;
}
@media (min-width: 851px) {
  .theme--light .full-bleed {
    grid-column: 1;
    grid-template-columns: 2.5rem 1fr 2.5rem;
  }
}
@media (min-width: 1370px) {
  .theme--light .full-bleed {
    grid-column: 1/-1;
    grid-template-columns: 15rem repeat(4, 1fr) repeat(6, 5rem) repeat(3, 1fr) 5rem;
  }
}
@media (min-width: 1801px) {
  .theme--light .full-bleed {
    grid-column: 2/-1;
    grid-template-columns: 15rem repeat(4, 1fr) repeat(6, 5rem) repeat(3, 1fr) 10rem;
  }
}
.theme--light .full-bleed--container {
  display: grid;
  grid-template-columns: 2.5rem 1fr 2.5rem;
  grid-column: 1/-1;
  background-image: repeating-linear-gradient(#f8f7f6 0px, #f8f7f6 5rem, rgba(63, 0, 23, 0.1) 5.2rem);
}
@media (min-width: 625px) {
  .theme--light .full-bleed--container {
    grid-template-columns: 5rem 1fr 5rem;
  }
}
@media (min-width: 851px) {
  .theme--light .full-bleed--container {
    grid-template-columns: 10rem 1fr 10rem;
  }
}
@media (min-width: 1001px) {
  .theme--light .full-bleed--container {
    grid-template-columns: 20rem 1fr 20rem;
  }
}
@media (min-width: 1370px) {
  .theme--light .full-bleed--container {
    padding: 0;
    grid-column: 1/-1;
    grid-template-columns: 20rem repeat(4, 1fr) repeat(6, 5rem) repeat(3, 1fr) 10rem;
  }
}

.theme--dark .full-bleed {
  background-color: #121018;
  padding-bottom: 10rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-column: 1;
}
@media (min-width: 851px) {
  .theme--dark .full-bleed {
    grid-column: 1;
    grid-template-columns: 2.5rem 1fr 2.5rem;
  }
}
@media (min-width: 1370px) {
  .theme--dark .full-bleed {
    grid-column: 1/-1;
    grid-template-columns: 15rem repeat(4, 1fr) repeat(6, 5rem) repeat(3, 1fr) 5rem;
  }
}
@media (min-width: 1801px) {
  .theme--dark .full-bleed {
    grid-column: 2/-1;
    grid-template-columns: 15rem repeat(4, 1fr) repeat(6, 5rem) repeat(3, 1fr) 10rem;
  }
}
.theme--dark .full-bleed--container {
  display: grid;
  grid-template-columns: 2.5rem 1fr 2.5rem;
  grid-column: 1/-1;
  background-image: repeating-linear-gradient(#121018 0px, #121018 5rem, rgba(61, 59, 107, 0.1) 5.2rem);
}
@media (min-width: 625px) {
  .theme--dark .full-bleed--container {
    grid-template-columns: 5rem 1fr 5rem;
  }
}
@media (min-width: 851px) {
  .theme--dark .full-bleed--container {
    grid-template-columns: 10rem 1fr 10rem;
  }
}
@media (min-width: 1001px) {
  .theme--dark .full-bleed--container {
    grid-template-columns: 20rem 1fr 20rem;
  }
}
@media (min-width: 1370px) {
  .theme--dark .full-bleed--container {
    padding: 0;
    grid-column: 1/-1;
    grid-template-columns: 20rem repeat(4, 1fr) repeat(6, 5rem) repeat(3, 1fr) 10rem;
  }
}

.theme--mono .full-bleed {
  background-color: #f8f8f8;
  padding-bottom: 10rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-column: 1;
}
@media (min-width: 851px) {
  .theme--mono .full-bleed {
    grid-column: 1;
    grid-template-columns: 2.5rem 1fr 2.5rem;
  }
}
@media (min-width: 1370px) {
  .theme--mono .full-bleed {
    grid-column: 1/-1;
    grid-template-columns: 15rem repeat(4, 1fr) repeat(6, 5rem) repeat(3, 1fr) 5rem;
  }
}
@media (min-width: 1801px) {
  .theme--mono .full-bleed {
    grid-column: 2/-1;
    grid-template-columns: 15rem repeat(4, 1fr) repeat(6, 5rem) repeat(3, 1fr) 10rem;
  }
}
.theme--mono .full-bleed--container {
  display: grid;
  grid-template-columns: 2.5rem 1fr 2.5rem;
  grid-column: 1/-1;
  background-image: repeating-linear-gradient(#f8f8f8 0px, #f8f8f8 5rem, rgba(16, 69, 71, 0.1) 5.2rem);
}
@media (min-width: 625px) {
  .theme--mono .full-bleed--container {
    grid-template-columns: 5rem 1fr 5rem;
  }
}
@media (min-width: 851px) {
  .theme--mono .full-bleed--container {
    grid-template-columns: 10rem 1fr 10rem;
  }
}
@media (min-width: 1001px) {
  .theme--mono .full-bleed--container {
    grid-template-columns: 20rem 1fr 20rem;
  }
}
@media (min-width: 1370px) {
  .theme--mono .full-bleed--container {
    padding: 0;
    grid-column: 1/-1;
    grid-template-columns: 20rem repeat(4, 1fr) repeat(6, 5rem) repeat(3, 1fr) 10rem;
  }
}/*# sourceMappingURL=main.css.map */