:root {
  --font-color: #fffdf7;
  --font-primary: Foundersgrotesk, Georgia, sans-serif;
  --color-menu: var(--font-color);
  --font-secondary: Ppfragment, "Times New Roman", sans-serif;
  --core-padding: 4rem;
  --background-color: #101111;
  --max-internal-width: 75rem;
  --color-story-blue: #0d99ff;
  --color-story-purple: #9747ff;
  --color-story-yellow: #ffcd29;
  --color-story-green: #85e0a3;
  --color-story-red: #ff6058;
  --accent-color: var(--color-story-yellow);
  --font-size-h1: 0px;
  --font-size-h2: 0px;
  --font-size-h3: 0px;
  --font-size-h4: 0px;
  --font-size-h5: 0px;
  --font-size-h6: 0px;
}

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

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

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

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

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

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

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

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

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

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

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

body {
  color: var(--font-color);
  font-family: Foundersgrotesk, Georgia, sans-serif;
  font-size: 1rem;
  line-height: normal;
}

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

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.1;
}

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

.body {
  background-color: var(--font-color);
  color: var(--font-color);
  min-height: 100svh;
  margin-bottom: 0;
  font-size: 1rem;
}

.navbar {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--font-color);
  mix-blend-mode: exclusion;
  --font-color: #fffdf7;
  --font-primary: Foundersgrotesk, Georgia, sans-serif;
  --color-menu: var(--font-color);
  --font-secondary: Ppfragment, "Times New Roman", sans-serif;
  --core-padding: 4rem;
  --background-color: #101111;
  --max-internal-width: 75rem;
  --color-story-blue: #0d99ff;
  --color-story-purple: #9747ff;
  --color-story-yellow: #ffcd29;
  --color-story-green: #85e0a3;
  --color-story-red: #ff6058;
  --accent-color: var(--color-story-yellow);
  --font-size-h1: 0px;
  --font-size-h2: 0px;
  --font-size-h3: 0px;
  --font-size-h4: 0px;
  --font-size-h5: 0px;
  --font-size-h6: 0px;
  background-color: #0000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-content: center start;
  place-items: center;
  width: 100%;
  padding: .5rem 1rem;
  display: block;
  position: fixed;
}

.navbar:where(.w-variant-f1cd60c9-e75c-16fb-09ce-b2a9d2bae9e5) {
  mix-blend-mode: normal;
  --font-color: #fffdf7;
  --font-primary: Foundersgrotesk, Georgia, sans-serif;
  --color-menu: var(--color-story-yellow);
  --font-secondary: Ppfragment, "Times New Roman", sans-serif;
  --core-padding: 4rem;
  --background-color: #101111;
  --max-internal-width: 75rem;
  --color-story-blue: #0d99ff;
  --color-story-purple: #9747ff;
  --color-story-yellow: #ffcd29;
  --color-story-green: #85e0a3;
  --color-story-red: #ff6058;
  --accent-color: var(--color-story-yellow);
  --font-size-h1: 0px;
  --font-size-h2: 0px;
  --font-size-h3: 0px;
  --font-size-h4: 0px;
  --font-size-h5: 0px;
  --font-size-h6: 0px;
}

.navbar:where(.w-variant-869f40ba-9097-1449-d791-402f617cbb67) {
  mix-blend-mode: normal;
  --font-color: #fffdf7;
  --font-primary: Foundersgrotesk, Georgia, sans-serif;
  --color-menu: #ff64e3;
  --font-secondary: Ppfragment, "Times New Roman", sans-serif;
  --core-padding: 4rem;
  --background-color: #101111;
  --max-internal-width: 75rem;
  --color-story-blue: #0d99ff;
  --color-story-purple: #9747ff;
  --color-story-yellow: #ffcd29;
  --color-story-green: #85e0a3;
  --color-story-red: #ff6058;
  --accent-color: var(--color-story-yellow);
  --font-size-h1: 0px;
  --font-size-h2: 0px;
  --font-size-h3: 0px;
  --font-size-h4: 0px;
  --font-size-h5: 0px;
  --font-size-h6: 0px;
}

.navbar:where(.w-variant-5157c627-40f4-833f-7c85-88df06db68f0) {
  mix-blend-mode: normal;
  --font-color: #fffdf7;
  --font-primary: Foundersgrotesk, Georgia, sans-serif;
  --color-menu: #f1600f;
  --font-secondary: Ppfragment, "Times New Roman", sans-serif;
  --core-padding: 4rem;
  --background-color: #101111;
  --max-internal-width: 75rem;
  --color-story-blue: #0d99ff;
  --color-story-purple: #9747ff;
  --color-story-yellow: #ffcd29;
  --color-story-green: #85e0a3;
  --color-story-red: #ff6058;
  --accent-color: var(--color-story-yellow);
  --font-size-h1: 0px;
  --font-size-h2: 0px;
  --font-size-h3: 0px;
  --font-size-h4: 0px;
  --font-size-h5: 0px;
  --font-size-h6: 0px;
}

.navbar:where(.w-variant-d0dda2eb-81a2-4199-ff36-3dc91975f9cb) {
  mix-blend-mode: normal;
  --font-color: #fffdf7;
  --font-primary: Foundersgrotesk, Georgia, sans-serif;
  --color-menu: #e8e7d8;
  --font-secondary: Ppfragment, "Times New Roman", sans-serif;
  --core-padding: 4rem;
  --background-color: #101111;
  --max-internal-width: 75rem;
  --color-story-blue: #0d99ff;
  --color-story-purple: #9747ff;
  --color-story-yellow: #ffcd29;
  --color-story-green: #85e0a3;
  --color-story-red: #ff6058;
  --accent-color: var(--color-story-yellow);
  --font-size-h1: 0px;
  --font-size-h2: 0px;
  --font-size-h3: 0px;
  --font-size-h4: 0px;
  --font-size-h5: 0px;
  --font-size-h6: 0px;
}

.navbar:where(.w-variant-47f758da-723c-4247-6192-224bf8738b59) {
  mix-blend-mode: normal;
  --font-color: #fffdf7;
  --font-primary: Foundersgrotesk, Georgia, sans-serif;
  --color-menu: #44d62c;
  --font-secondary: Ppfragment, "Times New Roman", sans-serif;
  --core-padding: 4rem;
  --background-color: #101111;
  --max-internal-width: 75rem;
  --color-story-blue: #0d99ff;
  --color-story-purple: #9747ff;
  --color-story-yellow: #ffcd29;
  --color-story-green: #85e0a3;
  --color-story-red: #ff6058;
  --accent-color: var(--color-story-yellow);
  --font-size-h1: 0px;
  --font-size-h2: 0px;
  --font-size-h3: 0px;
  --font-size-h4: 0px;
  --font-size-h5: 0px;
  --font-size-h6: 0px;
}

.navbar:where(.w-variant-2552d824-8386-dee3-9197-9ba602630f7d) {
  --font-color: #101111;
  --font-primary: Foundersgrotesk, Georgia, sans-serif;
  --color-menu: var(--font-color);
  --font-secondary: Ppfragment, "Times New Roman", sans-serif;
  --core-padding: 4rem;
  --background-color: #fffdf7;
  --max-internal-width: 75rem;
  --color-story-blue: #0d99ff;
  --color-story-purple: #9747ff;
  --color-story-yellow: #ffcd29;
  --color-story-green: #85e0a3;
  --color-story-red: #ff6058;
  --accent-color: var(--color-story-yellow);
  --font-size-h1: 0px;
  --font-size-h2: 0px;
  --font-size-h3: 0px;
  --font-size-h4: 0px;
  --font-size-h5: 0px;
  --font-size-h6: 0px;
}

.nav-link {
  font-family: var(--font-primary);
  color: var(--color-menu);
  text-transform: uppercase;
  text-rendering: geometricprecision;
  padding: .5rem 1rem;
  font-weight: 500;
  display: inline-block;
}

.nav-link:hover {
  -webkit-text-stroke-width: 0px;
  text-decoration: underline;
}

.nav-link.w--current {
  color: var(--font-color);
  text-decoration: underline;
}

.nav-link.w--current:where(.w-variant-f1cd60c9-e75c-16fb-09ce-b2a9d2bae9e5) {
  color: var(--color-menu);
}

.nav-link.mobile {
  display: none;
}

.nav-link.alt:hover {
  text-decoration: none;
}

.code-embed {
  display: flex;
}

.brand {
  color: var(--font-color);
  width: 25rem;
  margin-left: auto;
  margin-right: auto;
}

.brand:where(.w-variant-47f758da-723c-4247-6192-224bf8738b59), .brand:where(.w-variant-d0dda2eb-81a2-4199-ff36-3dc91975f9cb), .brand:where(.w-variant-869f40ba-9097-1449-d791-402f617cbb67), .brand:where(.w-variant-5157c627-40f4-833f-7c85-88df06db68f0), .brand:where(.w-variant-f1cd60c9-e75c-16fb-09ce-b2a9d2bae9e5) {
  color: var(--color-menu);
}

.brand.w--current {
  z-index: 5;
  color: var(--color-menu);
}

.nav-menu {
  color: var(--font-color);
  padding-top: .5rem;
  padding-bottom: .5rem;
}

.div-block {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--font-color);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center start;
  width: 100%;
  display: grid;
}



.heading.alt {
  transform: none;
}

.text-span {
  font-family: var(--font-primary);
  text-transform: uppercase;
  transform-style: preserve-3d;
  font-size: 22vw;
  font-weight: 700;
}

.opening {
  padding: var(--core-padding);
  background-color: var(--background-color);
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  min-height: 100svh;
  display: flex;
}

.text-block {
  /* font-family: var(--font-primary);
  text-align: center;
  max-width: 35ch;
  margin: auto;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.1; */
}

.footer {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--font-color);
  color: var(--background-color);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: end;
  width: 100%;
  min-height: 100svh;
  padding: 1rem 1rem 1rem 0;
  display: grid;
  position: relative;
}

.footer:where(.w-variant-e0a6fcf5-e17b-dc5c-250d-45f6ef554e48) {
  background-color: var(--font-color);
  color: var(--font-color);
  --font-color: #101111;
  --font-primary: Foundersgrotesk, Georgia, sans-serif;
  --color-menu: var(--font-color);
  --font-secondary: Ppfragment, "Times New Roman", sans-serif;
  --core-padding: 4rem;
  --background-color: #fffdf7;
  --max-internal-width: 75rem;
  --color-story-blue: #0d99ff;
  --color-story-purple: #9747ff;
  --color-story-yellow: #ffcd29;
  --color-story-green: #85e0a3;
  --color-story-red: #ff6058;
  --accent-color: var(--color-story-yellow);
  --font-size-h1: 0px;
  --font-size-h2: 0px;
  --font-size-h3: 0px;
  --font-size-h4: 0px;
  --font-size-h5: 0px;
  --font-size-h6: 0px;
}

.footer-logo {
  aspect-ratio: 1;
  width: 100%;
}

.footer-logo:where(.w-variant-e0a6fcf5-e17b-dc5c-250d-45f6ef554e48) {
  color: var(--background-color);
}

.footer-logo.mobile {
  display: none;
}

.footer-link-group {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.text-block-2 {
  color: var(--background-color);
  text-align: right;
  text-transform: uppercase;
  justify-content: flex-end;
  align-items: center;
  min-width: 15ch;
  height: 2.5rem;
  padding: .5rem;
  font-weight: 500;
  line-height: 1;
  text-decoration: none;
  display: flex;
}

.text-block-2:hover {
  text-decoration: none;
}

.text-block-2.alt {
  height: 2rem;
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.link-block {
  color: var(--background-color);
  text-transform: uppercase;
  padding: .5rem;
  font-size: 1.25rem;
  font-weight: 500;
  text-decoration: none;
}

.link-block:hover {
  text-decoration: underline;
}

.link-block.alt {
  text-transform: none;
}

.link-block.alt.right {
  text-align: right;
  text-transform: uppercase;
  font-size: 1rem;
}

.link-block.alt.contact {
  color: var(--font-color);
}

.list-item {
  padding-right: .5rem;
  line-height: 1;
}

.footer-links {
  z-index: 5;
  margin-top: 3rem;
  margin-left: 15rem;
  padding-bottom: 10rem;
  position: relative;
}

.div-block-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  display: grid;
}

.div-block-3 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
}

.div-block-4 {
  flex-flow: column;
  display: flex;
}

.text-block-3 {
  text-align: right;
  --font-color: #fffdf7;
  --font-primary: Foundersgrotesk, Georgia, sans-serif;
  --color-menu: var(--font-color);
  --font-secondary: Ppfragment, "Times New Roman", sans-serif;
  --core-padding: 4rem;
  --background-color: #101111;
  --max-internal-width: 75rem;
  --color-story-blue: #0d99ff;
  --color-story-purple: #9747ff;
  --color-story-yellow: #ffcd29;
  --color-story-green: #85e0a3;
  --color-story-red: #ff6058;
  --accent-color: var(--color-story-yellow);
  --font-size-h1: 0px;
  --font-size-h2: 0px;
  --font-size-h3: 0px;
  --font-size-h4: 0px;
  --font-size-h5: 0px;
  --font-size-h6: 0px;
}

.div-block-5 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  margin-bottom: 2rem;
  display: flex;
}

.text-block-4 {
  font-family: var(--font-secondary);
  text-align: center;
  text-transform: uppercase;
  font-size: 4rem;
}

.div-block-6 {
  background-image: linear-gradient(180deg, var(--background-color), #0000);
  justify-content: center;
  align-items: center;
  min-height: 125dvh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-span-2 {
  font-family: var(--font-secondary);
  font-size: 12.5rem;
  font-weight: 400;
  line-height: 1;
}

.text-block-5 {
  font-family: var(--font-primary);
  text-align: center;
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 500;
}

.vision {
  background-image: url('https://res.cloudinary.com/dy4kfy1on/image/upload/f_auto,q_auto/v1744668201/storytale-2025/bw-stars_1'), linear-gradient(to bottom, var(--background-color), var(--background-color));
  background-blend-mode: lighten;
  background-position: 0 100%, 0 0;
  background-size: cover, auto;
  background-attachment: fixed, scroll;
}

.section {
  background-color: var(--font-color);
  font-family: var(--font-secondary);
  color: var(--background-color);
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  display: block;
}

.text-block-6 {
  text-align: center;
  max-width: 15ch;
  font-size: 2rem;
}

.div-block-7 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
}

.text-block-7 {
  text-transform: uppercase;
  width: 100%;
  font-size: 2rem;
}

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

.heading-2 {
  font-family: var(--font-primary);
  text-transform: uppercase;
  font-size: 20vw;
  line-height: .9;
}

.image {
  aspect-ratio: auto;
  object-fit: cover;
  object-position: 50% 0%;
  border-radius: 1rem;
  flex: 1;
  align-self: center;
  width: 75%;
  height: 13rem;
}

.div-block-8, .div-block-9 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: end center;
  width: 100%;
  display: grid;
}

.section-2 {
  background-color: var(--font-color);
  color: var(--background-color);
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  display: flex;
  position: relative;
}

.text-block-8 {
  font-family: var(--font-primary);
  text-align: center;
  text-transform: uppercase;
  width: 15ch;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
}

.section-3 {
  background-color: var(--font-color);
  color: var(--background-color);
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  display: flex;
}

.service-circle {
  color: var(--font-color);
  background-image: url('https://res.cloudinary.com/dy4kfy1on/image/upload/f_auto,q_auto/v1744668201/storytale-2025/strat-blob');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 1000rem;
  justify-content: center;
  align-items: center;
  width: 28rem;
  height: 28rem;
  display: flex;
  transform: rotate(-15deg);
}

.service-circle.red {
  color: var(--background-color);
  background-image: url('https://res.cloudinary.com/dy4kfy1on/image/upload/f_auto,q_auto/v1744668201/storytale-2025/brand-blob');
  transform: rotate(26deg);
}

.service-circle.yellow {
  color: var(--background-color);
  background-image: url('https://res.cloudinary.com/dy4kfy1on/image/upload/f_auto,q_auto/v1744668201/storytale-2025/digi-blob');
  transform: translate(50%, -10%)rotate(-15deg);
}

.text-block-10 {
  text-align: center;
  text-transform: uppercase;
  font-size: 4.5rem;
  font-weight: 700;
  line-height: .9;
}

.div-block-10 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  width: 58rem;
  display: flex;
}



.section-4 {
  padding: var(--core-padding);
  background-color: #61bdef;
  background-image: radial-gradient(circle farthest-side at 50% 0, #1d86ca, #fff0);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 100svh;
  font-size: 4rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-span-3 {
  font-family: var(--font-primary);
  font-size: 16rem;
  font-weight: 700;
}

.section-5 {
  background-color: var(--font-color);
  color: var(--background-color);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-11 {
  text-align: center;
  text-transform: uppercase;
  width: 15ch;
  margin-top: 4rem;
  margin-bottom: 4rem;
  font-size: 6.25rem;
  font-weight: 700;
  line-height: .9;
}

.heading-3 {
  text-align: center;
  text-transform: uppercase;
  font-size: 4rem;
}

.text-span-4 {
  font-size: 16vw;
  line-height: .7;
}

.heading-4 {
  font-family: var(--font-secondary);
  text-align: center;
  width: 18ch;
  font-size: 5rem;
  font-weight: 400;
}

.section-6 {
  background-color: var(--background-color);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 140vw;
  display: flex;
  position: relative;
}

.package-group {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  width: 100vw;
  margin-left: auto;
  display: flex;
  position: static;
  top: 0;
  overflow: hidden;
}

.package-mini {
  background-color: var(--font-color);
  color: var(--background-color);
  border-radius: 2rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  min-width: 50vw;
  height: 45vh;
  padding: 2.5rem;
  text-decoration: none;
  display: flex;
}

.package-mini.first {
  height: 45vh;
  margin-left: 30vw;
  text-decoration: none;
}

.package-heading {
  font-family: var(--font-secondary);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.75rem;
  font-weight: 400;
  line-height: 1.2;
}

.package-tag {
  width: 15ch;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: normal;
}

.text-block-12 {
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 500;
}

.link-block-2 {
  color: var(--background-color);
  text-decoration: none;
}

.div-block-11 {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.text-block-13 {
  text-transform: uppercase;
  padding-bottom: .5rem;
  font-size: 1rem;
  font-weight: 500;
}

.text-block-13:hover {
  text-decoration: underline;
}

.overflow-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  align-items: center;
  width: 100%;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.body-2 {
  background-color: var(--background-color);
  color: var(--font-color);
}

.section-7 {
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  padding-left: 4rem;
  padding-right: 4rem;
  display: flex;
}

.heading-5 {
  max-width: var(--max-internal-width);
  font-family: var(--font-secondary);
  color: var(--font-color);
  text-align: center;
  text-transform: uppercase;
  font-size: 6.25rem;
  font-weight: 400;
}

.section-8 {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  padding: 4rem;
  display: flex;
}

.text-block-15 {
  font-family: var(--font-secondary);
  font-size: 2.625rem;
  line-height: 1;
}

.heading-6 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12.5rem;
  font-weight: 400;
  line-height: .8;
}

.div-block-13 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template: ". ."
                 ". ."
                 ". Area"
                 / 1.25fr auto 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-2 {
  background-color: var(--font-color);
  object-fit: cover;
  object-position: 0% 50%;
  border-radius: 1rem;
  width: 100%;
  height: 100%;
}

.paragraph {
  font-size: 2rem;
  font-weight: 500;
}

.text-block-16 {
  font-size: 1.5rem;
  font-weight: 500;
}

.div-block-14 {
  max-width: var(--max-internal-width);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.heading-6-copy {
  text-align: right;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12.5rem;
  font-weight: 400;
  line-height: .8;
}

.text-block-16-copy {
  text-align: right;
  font-size: 1.5rem;
  font-weight: 500;
}

.div-block-13-copy {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template: ". ."
                 ". ."
                 ". Area"
                 / 1fr auto 1.25fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.heading-6-copy-copy {
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 12.5rem;
  font-weight: 400;
  line-height: .8;
}

.paragraph-copy {
  text-align: center;
  width: 35ch;
  font-size: 2rem;
  font-weight: 500;
}

.div-block-15 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 75vh;
  display: flex;
}

.text-block-17 {
  text-align: center;
  width: 50ch;
}

.section-9 {
  background-color: var(--font-color);
  color: var(--background-color);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 4rem;
  display: flex;
}

.heading-7 {
  font-family: var(--font-secondary);
  text-align: center;
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 12rem;
  font-weight: 400;
}

.div-block-16 {
  max-width: var(--max-internal-width);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-17 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 2rem;
  display: flex;
}

.div-block-17.left {
  justify-content: center;
  align-items: flex-start;
}

.image-3 {
  aspect-ratio: 1;
  background-color: #0000;
  border-radius: 100rem;
  width: 8rem;
}

.image-3.right {
  width: 8rem;
  margin-left: auto;
}

.image-3.offset {
  width: 8rem;
  margin-left: 3rem;
}

.heading-8 {
  width: 15ch;
  margin-top: -2.5rem;
  font-size: 3rem;
  font-weight: 500;
  line-height: .8;
}

.heading-8.left {
  text-align: left;
  margin-top: -3.5rem;
}

.paragraph-2 {
  width: 30ch;
  font-size: 1.5rem;
}

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

.section-10 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--font-color);
  color: var(--background-color);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 4rem;
  display: flex;
}

.heading-9 {
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 6.25rem;
  line-height: .8;
}

.text-block-18 {
  text-align: center;
  width: 20ch;
  margin-bottom: 2rem;
  font-size: 2rem;
}

.service-packages {
  max-width: var(--max-internal-width);
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.package {
  max-width: var(--max-internal-width);
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--background-color);
  color: var(--font-color);
  border-radius: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 2rem;
  text-decoration: none;
  display: grid;
}

.image-4 {
  z-index: 3;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 2rem;
  width: 100%;
  height: 100%;
  position: relative;
}

.heading-10 {
  font-family: var(--font-secondary);
  text-transform: uppercase;
  text-underline-offset: .5rem;
  font-size: 4rem;
  font-weight: 400;
  line-height: 1.1;
  text-decoration: underline;
  text-decoration-thickness: .25rem;
}

.div-block-18 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-block-20 {
  width: 20ch;
  font-size: 2rem;
  font-weight: 500;
}

.div-block-19 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-block-21 {
  white-space: nowrap;
  overflow-wrap: normal;
  font-weight: 500;
}

.section-11 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--font-color);
  color: var(--background-color);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 4rem;
  display: flex;
}

.heading-11 {
  font-family: var(--font-secondary);
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 6.25rem;
  font-weight: 400;
}

.text-block-22 {
  text-align: center;
  width: 45ch;
  font-size: 2rem;
}

.code-embed-2 {
  max-width: var(--max-internal-width);
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  overflow: auto;
}
.code-embed-2 svg {
  overflow: auto;
}

.process-cards {
  max-width: var(--max-internal-width);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.process-card {
  background-color: var(--color-story-blue);
  opacity: .7;
  border-radius: 2rem;
  padding: 2rem;
}

.process-card:hover {
  opacity: 1;
}

.process-card.quest {
  background-color: var(--color-story-blue);
  color: var(--font-color);
}

.process-card.quest:hover {
  opacity: 1;
}

.process-card.learn {
  background-color: var(--color-story-purple);
  color: var(--font-color);
}

.process-card.play {
  background-color: var(--color-story-yellow);
}

.process-card.launch {
  background-color: var(--color-story-green);
}

.process-card.craft-copy {
  background-color: var(--color-story-red);
}

.heading-12 {
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.1;
}

.heading-13 {
  max-width: var(--max-internal-width);
  font-family: var(--font-secondary);
  text-align: center;
  width: 15ch;
  font-size: 5rem;
  font-weight: 400;
  line-height: .9;
}

.cta {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--background-color);
  background-blend-mode: lighten;
  background-image: url('https://res.cloudinary.com/dy4kfy1on/image/upload/f_auto,q_auto/v1744668201/storytale-2025/bw-stars_1');
  background-position: 0 100%;
  background-size: auto;
  background-attachment: fixed;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100dvh;
  padding: 4rem;
  display: flex;
  position: relative;
}

.button {
  background-color: var(--font-color);
  color: var(--background-color);
  text-transform: uppercase;
  border-radius: 1000px;
  padding: 1rem 3rem;
  font-size: 3rem;
  font-weight: 500;
}

.section-12 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--background-color);
  color: var(--font-color);
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  min-height: 100svh;
  padding: 4rem;
  display: flex;
  position: relative;
}

.heading-14 {
  max-width: var(--max-internal-width);
  font-family: var(--font-secondary);
  text-align: center;
  text-transform: uppercase;
  font-size: 8.75rem;
  font-weight: 400;
  line-height: 1;
}

.text-block-23 {
  font-family: var(--font-secondary);
  text-transform: uppercase;
  font-size: 2rem;
}

.text-block-24 {
  font-family: var(--font-secondary);
  color: var(--background-color);
  text-align: justify;
  text-transform: uppercase;
  width: 100%;
  max-width: 62.5rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 7.5rem;
  font-weight: 400;
  line-height: 1;
}

.section-13 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 4rem;
  display: flex;
}

.text-block-24-copy {
  font-family: var(--font-secondary);
  color: var(--background-color);
  text-align: right;
  text-transform: uppercase;
  width: 100%;
  max-width: 62.5rem;
  margin-left: auto;
  margin-right: auto;
  font-size: 7.5rem;
  font-weight: 400;
  line-height: 1;
}

.image-5 {
  aspect-ratio: 1;
  object-fit: cover;
  object-position: 75% 50%;
  border-radius: 2rem;
  width: 24rem;
}

.div-block-20 {
  max-width: var(--max-internal-width);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: flex-end center;
  width: 62.5rem;
  display: grid;
}

.sitting {
  color: var(--background-color);
  text-transform: uppercase;
  width: 70%;
  font-size: 2rem;
  font-weight: 500;
}

.text-block-25 {
  color: var(--background-color);
  text-align: center;
  margin-bottom: 0;
  font-size: 16.5rem;
  font-weight: 700;
}

.text-block-26 {
  color: var(--background-color);
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 500;
}

.text-block-27 {
  font-family: var(--font-secondary);
  color: var(--background-color);
  text-align: center;
  text-transform: uppercase;
  font-size: 11.125rem;
  line-height: .9;
}

.div-block-21 {
  max-width: var(--max-internal-width);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.spark {
  background-color: var(--background-color);
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  display: flex;
}

.text-block-28 {
  font-family: var(--font-secondary);
  text-align: center;
  text-transform: uppercase;
  font-size: 4rem;
  line-height: .95;
}

.heading-15 {
  max-width: var(--max-internal-width);
  color: var(--background-color);
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 2rem;
  font-size: 11rem;
  line-height: .8;
}

.section-15 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 4rem;
  display: flex;
}

.paragraph-3 {
  color: var(--background-color);
  font-size: 2rem;
}

.div-block-22 {
  max-width: var(--max-internal-width);
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  overflow: auto;
}

.image-6 {
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 2rem;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.full-width-image {
  max-width: var(--max-internal-width);
  aspect-ratio: 2440 / 1178;
  border-radius: 2rem;
  width: 100%;
  /* height: 65svh; */
}

.text-block-29 {
  max-width: var(--max-internal-width);
  font-family: var(--font-secondary);
  color: var(--background-color);
  text-align: center;
  text-transform: uppercase;
  font-size: 4.5rem;
  font-weight: 400;
  line-height: .95;
}

.section-16, .section-17 {
  justify-content: center;
  align-items: center;
  padding: 4rem;
  display: flex;
}

.div-block-24 {
  max-width: var(--max-internal-width);
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  display: grid;
}

.image-7 {
  aspect-ratio: auto;
  object-fit: cover;
  border-radius: 2rem;
  width: 100%;
}

.heading-16 {
  font-family: var(--font-secondary);
  color: var(--background-color);
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1;
}

.text-block-30 {
  color: var(--background-color);
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
}

.div-block-25 {
  margin-top: 1rem;
}

.text-block-31 {
  color: var(--background-color);
  text-align: center;
}

.div-block-26 {
  max-width: var(--max-internal-width);
}

.section-18 {
  justify-content: center;
  align-items: center;
  padding: 4rem;
  display: flex;
}

.heading-17 {
  color: var(--background-color);
  font-size: 3rem;
  font-weight: 500;
}

.div-block-27 {
  color: var(--background-color);
}

.text-block-32 {
  font-size: 2.5rem;
  font-weight: 300;
}

.text-block-32-copy {
  text-transform: none;
  margin-bottom: 1rem;
  font-size: 2.5rem;
  font-weight: 500;
}

.paragraph-4 {
  text-transform: none;
  font-size: 1.5rem;
}

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

.heading-18 {
  max-width: var(--max-internal-width);
  text-align: center;
  word-break: normal;
  width: 15ch;
  font-family: Ppfragment, Times New Roman, sans-serif;
  font-size: 6rem;
  font-weight: 400;
  line-height: 1;
  display: block;
}

.button-2 {
  color: var(--background-color);
  text-transform: uppercase;
  background-color: #fffdf7;
  border-radius: 1000px;
  padding: 1rem 3rem;
  font-size: 3rem;
}

.section-19 {
  background-color: var(--background-color);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  padding: 4rem 4rem 0;
  display: flex;
  position: relative;
}

.section-19.alt {
  --font-color: #101111;
  --font-primary: Foundersgrotesk, Georgia, sans-serif;
  --color-menu: var(--font-color);
  --font-secondary: Ppfragment, "Times New Roman", sans-serif;
  --core-padding: 4rem;
  --background-color: #fffdf7;
  --max-internal-width: 75rem;
  --color-story-blue: #0d99ff;
  --color-story-purple: #9747ff;
  --color-story-yellow: #ffcd29;
  --color-story-green: #85e0a3;
  --color-story-red: #ff6058;
  --accent-color: var(--color-story-yellow);
  --font-size-h1: 0px;
  --font-size-h2: 0px;
  --font-size-h3: 0px;
  --font-size-h4: 0px;
  --font-size-h5: 0px;
  --font-size-h6: 0px;
  padding-bottom: 4rem;
}

.heading-19 {
  max-width: var(--max-internal-width);
  font-family: var(--font-secondary);
  text-align: center;
  text-transform: uppercase;
  margin-top: auto;
  font-size: 5rem;
  font-weight: 400;
  line-height: .9;
}

.heading-20 {
  font-family: var(--font-secondary);
  text-transform: uppercase;
  margin-top: auto;
  margin-bottom: 1rem;
}

.section-20 {
  background-color: var(--background-color);
  color: var(--font-color);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  display: flex;
}

.text-block-33 {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: -3rem;
  font-size: 7.5rem;
  font-weight: 400;
  position: relative;
}

.text-block-34 {
  text-transform: uppercase;
  margin-top: -3rem;
  font-size: 7.5rem;
  font-weight: 400;
  position: relative;
}

.text-block-35 {
  font-family: var(--font-secondary);
  text-transform: uppercase;
  font-size: 12.5rem;
  font-weight: 500;
}

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

.image-8 {
  aspect-ratio: 2 / 3;
  object-fit: cover;
  border-radius: 1rem;
  height: 100px;
  min-height: 35svh;
}

.section-21 {
  background-color: var(--background-color);
  justify-content: center;
  align-items: center;
  min-height: 50svh;
  padding: 4rem;
  display: flex;
}

.div-block-30 {
  max-width: var(--max-internal-width);
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  width: 100%;
  display: grid;
}

.text-block-36 {
  text-transform: none;
  font-size: 2rem;
  font-weight: 500;
  line-height: .9;
}

.paragraph-5 {
  font-size: 1.5rem;
  line-height: 1.25;
}

.section-22 {
  background-color: var(--background-color);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 50svh;
  padding: 4rem;
  display: flex;
}

.div-block-31 {
  max-width: var(--max-internal-width);
  width: 100%;
  margin-top: 2rem;
  margin-bottom: 4rem;
}

.image-9 {
  aspect-ratio: 2;
  object-fit: cover;
  border-radius: 1rem;
  width: 100%;
}

.heading-21 {
  text-align: center;
  text-transform: uppercase;
  margin-top: 1.5rem;
  margin-bottom: 2rem;
  font-size: 7.5rem;
  font-weight: 500;
  line-height: .9;
}

.div-block-32 {
  max-width: var(--max-internal-width);
  width: 100%;
}

.heading-22 {
  font-family: var(--font-secondary);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.1;
}

.list-item-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-top: 1px solid var(--font-color);
  border-bottom: 1px none var(--font-color);
  background-color: var(--background-color);
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  padding: 1.5rem .5rem;
  transition: all .4s ease-in-out;
  display: grid;
}

.list-item-2:hover {
  filter: invert();
}

.list-item-2.bonus {
  color: var(--color-story-yellow);
  border-bottom-style: solid;
}

.text-block-37 {
  opacity: .6;
  font-family: var(--font-primary);
  color: var(--font-color);
}

.image-10 {
  object-fit: cover;
  border-radius: .5rem;
  width: 7.75rem;
  height: 4.5rem;
  display: none;
}

.text-span-6 {
  opacity: .6;
  font-family: var(--font-primary);
  color: var(--font-color);
  font-size: 1rem;
  font-weight: 400;
}

.section-23 {
  color: var(--background-color);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 4rem;
  display: flex;
}

.heading-23 {
  text-align: center;
  text-transform: uppercase;
  font-size: 7.5rem;
  font-weight: 500;
  line-height: .9;
}

.section-24 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  color: var(--background-color);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 4rem;
  display: flex;
}

.div-block-33 {
  max-width: var(--max-internal-width);
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.div-block-34 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  background-color: var(--color-story-purple);
  color: var(--font-color);
  border-radius: 1.5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 22svh;
  padding: 1rem;
  transition: all .4s ease-in-out;
  display: flex;
}

.div-block-34:hover {
  filter: invert();
}

.div-block-34.big {
  background-color: var(--background-color);
  color: var(--font-color);
  background-image: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 20svh;
}

.div-block-34.red {
  background-color: var(--color-story-red);
  color: var(--background-color);
}

.div-block-34.yellow {
  background-color: var(--color-story-yellow);
  color: var(--background-color);
}

.div-block-34.light-blue {
  color: var(--background-color);
  background-color: #85cbfb;
}

.div-block-34.green {
  background-color: var(--color-story-green);
  color: var(--background-color);
}

.div-block-34.orange {
  color: var(--background-color);
  background-color: #f7931e;
}

.section-25 {
  color: var(--background-color);
  padding: 4rem;
}

.heading-24 {
  color: var(--background-color);
  text-align: center;
  text-transform: uppercase;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-size: 6.25rem;
  display: flex;
}

.div-block-35 {
  max-width: var(--max-internal-width);
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: left;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-36 {
  max-width: var(--max-internal-width);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.section-26 {
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  padding: 4rem;
  display: flex;
}

.heading-25 {
  font-family: var(--font-secondary);
  color: var(--background-color);
  text-align: center;
  font-size: 5rem;
  font-weight: 400;
}

.paragraph-6 {
  color: var(--background-color);
  text-align: center;
  font-size: 2rem;
}

.image-11 {
  aspect-ratio: 2/3;
  object-fit: contain;
  border-radius: 3rem;
  width: 100%;
  height: 100%;
}

.div-block-37 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-27 {
  color: var(--background-color);
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  padding: 4rem;
  display: flex;
}

.heading-26 {
  font-family: var(--font-secondary);
  text-align: center;
  text-transform: uppercase;
  max-width: 50rem;
  font-size: 5rem;
  font-weight: 400;
}

.div-block-38 {
  max-width: var(--max-internal-width);
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-7 {
  text-align: center;
  max-width: 50rem;
  font-size: 2rem;
}

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

.form {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  display: flex;
}

.submit-button {
  background-color: var(--background-color);
  color: var(--font-color);
  text-transform: uppercase;
  border-radius: 100rem;
  font-size: 2rem;
}

.checkbox {
  width: 2.5rem;
  height: 2.5rem;
  margin-top: 0;
  font-size: 2.5rem;
}

.checkbox-field {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.checkbox-label {
  opacity: .6;
  margin-bottom: 0;
  font-size: 1.5rem;
}

.text-field {
  border-radius: 100rem;
  height: 100%;
  margin-bottom: 0;
  padding: .75rem 1rem;
  font-size: 1.5rem;
}

.textarea {
  border-radius: 1rem;
  min-height: 20vh;
  margin-bottom: 0;
  padding: .5rem 1rem;
  font-size: 1.5rem;
}

.section-28 {
  background-color: var(--background-color);
  color: var(--font-color);
  background-image: url('https://res.cloudinary.com/dy4kfy1on/image/upload/f_auto,q_auto/v1744668201/storytale-2025/5a70b36414e5b376ed9c46ff8f1f698a_1');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  padding: 4rem;
  display: flex;
}

.heading-27 {
  max-width: var(--max-internal-width);
  font-family: var(--font-secondary);
  text-align: center;
  font-size: 5rem;
  font-weight: 400;
}

.div-block-40 {
  max-width: var(--max-internal-width);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.package-cta {
  background-color: var(--font-color);
  color: var(--background-color);
  border-radius: 2rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  min-height: 45svh;
  padding: 2rem;
  text-decoration: none;
  display: flex;
}

.text-block-38 {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 500;
}

.text-block-38-copy {
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
}

.heading-28 {
  font-family: var(--font-secondary);
  text-align: center;
  margin-top: 0;
  margin-bottom: .25rem;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.1;
}

.link {
  color: var(--background-color);
  text-align: center;
  margin-top: 1rem;
  font-weight: 600;
  text-decoration: none;
}

.div-block-42 {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  display: flex;
}

.text-block-39, .text-block-40, .text-block-41 {
  text-align: center;
}

.heading-29 {
  text-align: left;
  text-transform: uppercase;
  width: 15ch;
  font-size: 2rem;
  font-weight: 700;
  line-height: .9;
}

.div-block-43 {
  max-width: var(--max-internal-width);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.heading-32 {
  color: var(--background-color);
  text-transform: uppercase;
  font-size: 5rem;
  line-height: .9;
}

.paragraph-8 {
  color: var(--background-color);
  text-align: right;
  font-size: 2rem;
}

.section-29 {
  padding: var(--core-padding);
  background-color: var(--background-color);
  min-height: 100svh;
}

.text-span-7, .text-span-8, .text-span-9, .text-span-10 {
  color: var(--color-story-yellow);
}

.text-block-42 {
  font-family: var(--font-secondary);
  text-align: center;
  font-size: 3.25rem;
  line-height: 1;
}

.form-button {
  background-color: var(--font-color);
  color: var(--background-color);
  text-transform: uppercase;
  --font-color: #fffdf7;
  --font-primary: Foundersgrotesk, Georgia, sans-serif;
  --color-menu: var(--font-color);
  --font-secondary: Ppfragment, "Times New Roman", sans-serif;
  --core-padding: 4rem;
  --background-color: #101111;
  --max-internal-width: 75rem;
  --color-story-blue: #0d99ff;
  --color-story-purple: #9747ff;
  --color-story-yellow: #ffcd29;
  --color-story-green: #85e0a3;
  --color-story-red: #ff6058;
  --accent-color: var(--color-story-yellow);
  --font-size-h1: 0px;
  --font-size-h2: 0px;
  --font-size-h3: 0px;
  --font-size-h4: 0px;
  --font-size-h5: 0px;
  --font-size-h6: 0px;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  padding: .5rem 3rem;
  font-size: 1.5rem;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.form-button.big {
  font-size: 2.5rem;
}

.form-button.next {
  margin-top: auto;
  margin-bottom: 1rem;
}

.form-button.prev {
  font-size: 1rem;
  position: absolute;
  top: 1rem;
  left: 1rem;
  right: auto;
}

.form-button.close {
  border: 1px solid var(--background-color);
  --font-color: #101111;
  --font-primary: Foundersgrotesk, Georgia, sans-serif;
  --color-menu: var(--font-color);
  --font-secondary: Ppfragment, "Times New Roman", sans-serif;
  --core-padding: 4rem;
  --background-color: #fffdf7;
  --max-internal-width: 75rem;
  --color-story-blue: #0d99ff;
  --color-story-purple: #9747ff;
  --color-story-yellow: #ffcd29;
  --color-story-green: #85e0a3;
  --color-story-red: #ff6058;
  --accent-color: var(--color-story-yellow);
  --font-size-h1: 0px;
  --font-size-h2: 0px;
  --font-size-h3: 0px;
  --font-size-h4: 0px;
  --font-size-h5: 0px;
  --font-size-h6: 0px;
  font-size: 1rem;
  position: absolute;
  top: 1rem;
  left: auto;
  right: 1rem;
}

.field-label {
  font-family: var(--font-secondary);
  text-align: center;
  max-width: 35rem;
  font-size: 2.5rem;
  line-height: 1.1;
}

.form-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  min-height: calc(100svh - 8rem);
  display: flex;
  position: relative;
}

.form-block.fb-3 {
  justify-content: center;
  min-height: 90vh;
}

.form-block.fb-5 {
  position: relative;
}

.form-block.fb-6 {
  padding: 2rem;
}

.form-block.fb-0 {
  justify-content: center;
  min-height: calc(100svh - 8rem);
}

.text-field-one {
  background-color: var(--background-color);
  color: var(--font-color);
  border-radius: 1000rem;
  width: 45rem;
  height: 3rem;
  margin-bottom: 0;
  padding: .5rem 1rem;
  font-size: 1.5rem;
}

.div-block-44 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-33 {
  font-family: var(--font-secondary);
  text-align: center;
  margin-top: auto;
  font-size: 6.25rem;
  font-weight: 400;
}

.div-block-45 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: auto;
  display: grid;
}

.text-block-43 {
  text-transform: uppercase;
  padding-left: .5rem;
  font-size: 1.5rem;
  font-weight: 500;
}

.list {
  --font-color: #101111;
  --font-primary: Foundersgrotesk, Georgia, sans-serif;
  --color-menu: var(--font-color);
  --font-secondary: Ppfragment, "Times New Roman", sans-serif;
  --core-padding: 4rem;
  --background-color: #fffdf7;
  --max-internal-width: 75rem;
  --color-story-blue: #0d99ff;
  --color-story-purple: #9747ff;
  --color-story-yellow: #ffcd29;
  --color-story-green: #85e0a3;
  --color-story-red: #ff6058;
  --accent-color: var(--color-story-yellow);
  --font-size-h1: 0px;
  --font-size-h2: 0px;
  --font-size-h3: 0px;
  --font-size-h4: 0px;
  --font-size-h5: 0px;
  --font-size-h6: 0px;
}

.success-message {
  background-color: #0000;
  min-height: 90vh;
}

.div-block-46 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: 100%;
  height: 100%;
  min-height: 90svh;
  display: flex;
}

.text-block-44 {
  font-family: var(--font-secondary);
  font-size: 4rem;
}

.radio-button-field {
  width: 10rem;
  height: 10rem;
  margin-bottom: 0;
  padding-left: 0;
  position: relative;
}

.radio-button {
  border-radius: .5rem;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
}

.radio-button.w--redirected-checked {
  background-color: var(--color-story-yellow);
  color: var(--background-color);
  border: 1px #000;
}

.radio-button.w--redirected-focus {
  border: 1px #000;
  outline: none;
}

.radio-button-label {
  mix-blend-mode: luminosity;
  font-size: 1.25rem;
  font-weight: 500;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
}

.div-block-47, .div-block-48 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.work-splash {
  padding: var(--core-padding);
  color: var(--color-story-yellow);
  --font-color: #fffdf7;
  --font-primary: Foundersgrotesk, Georgia, sans-serif;
  --color-menu: #e8e7d8;
  --font-secondary: Ppfragment, "Times New Roman", sans-serif;
  --core-padding: 4rem;
  --background-color: #101111;
  --max-internal-width: 75rem;
  --color-story-blue: #0d99ff;
  --color-story-purple: #9747ff;
  --color-story-yellow: #ffcd29;
  --color-story-green: #85e0a3;
  --color-story-red: #ff6058;
  --accent-color: var(--color-story-yellow);
  --font-size-h1: 0px;
  --font-size-h2: 0px;
  --font-size-h3: 0px;
  --font-size-h4: 0px;
  --font-size-h5: 0px;
  --font-size-h6: 0px;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  min-height: 100svh;
  display: flex;
  position: relative;
}

.work-splash.pink {
  color: var(--color-menu);
  --font-color: #fffdf7;
  --font-primary: Foundersgrotesk, Georgia, sans-serif;
  --color-menu: #ff64e3;
  --font-secondary: Ppfragment, "Times New Roman", sans-serif;
  --core-padding: 4rem;
  --background-color: #101111;
  --max-internal-width: 75rem;
  --color-story-blue: #0d99ff;
  --color-story-purple: #9747ff;
  --color-story-yellow: #ffcd29;
  --color-story-green: #85e0a3;
  --color-story-red: #ff6058;
  --accent-color: var(--color-story-yellow);
  --font-size-h1: 0px;
  --font-size-h2: 0px;
  --font-size-h3: 0px;
  --font-size-h4: 0px;
  --font-size-h5: 0px;
  --font-size-h6: 0px;
}

.work-splash.green {
  --font-color: #fffdf7;
  --font-primary: Foundersgrotesk, Georgia, sans-serif;
  --color-menu: #44d62c;
  --font-secondary: Ppfragment, "Times New Roman", sans-serif;
  --core-padding: 4rem;
  --background-color: #101111;
  --max-internal-width: 75rem;
  --color-story-blue: #0d99ff;
  --color-story-purple: #9747ff;
  --color-story-yellow: #ffcd29;
  --color-story-green: #85e0a3;
  --color-story-red: #ff6058;
  --accent-color: var(--color-story-yellow);
  --font-size-h1: 0px;
  --font-size-h2: 0px;
  --font-size-h3: 0px;
  --font-size-h4: 0px;
  --font-size-h5: 0px;
  --font-size-h6: 0px;
}

.work-splash.orange {
  color: var(--color-menu);
  --font-color: #fffdf7;
  --font-primary: Foundersgrotesk, Georgia, sans-serif;
  --color-menu: #f1600f;
  --font-secondary: Ppfragment, "Times New Roman", sans-serif;
  --core-padding: 4rem;
  --background-color: #101111;
  --max-internal-width: 75rem;
  --color-story-blue: #0d99ff;
  --color-story-purple: #9747ff;
  --color-story-yellow: #ffcd29;
  --color-story-green: #85e0a3;
  --color-story-red: #ff6058;
  --accent-color: var(--color-story-yellow);
  --font-size-h1: 0px;
  --font-size-h2: 0px;
  --font-size-h3: 0px;
  --font-size-h4: 0px;
  --font-size-h5: 0px;
  --font-size-h6: 0px;
}

.work-splash.yellow {
  color: var(--color-menu);
  --font-color: #fffdf7;
  --font-primary: Foundersgrotesk, Georgia, sans-serif;
  --color-menu: var(--color-story-yellow);
  --font-secondary: Ppfragment, "Times New Roman", sans-serif;
  --core-padding: 4rem;
  --background-color: #101111;
  --max-internal-width: 75rem;
  --color-story-blue: #0d99ff;
  --color-story-purple: #9747ff;
  --color-story-yellow: #ffcd29;
  --color-story-green: #85e0a3;
  --color-story-red: #ff6058;
  --accent-color: var(--color-story-yellow);
  --font-size-h1: 0px;
  --font-size-h2: 0px;
  --font-size-h3: 0px;
  --font-size-h4: 0px;
  --font-size-h5: 0px;
  --font-size-h6: 0px;
}

.heading-34 {
  font-family: var(--font-secondary);
  text-align: center;
  text-transform: uppercase;
  --font-color: #fffdf7;
  --font-primary: Foundersgrotesk, Georgia, sans-serif;
  --color-menu: #e8e7d8;
  --font-secondary: Ppfragment, "Times New Roman", sans-serif;
  --core-padding: 4rem;
  --background-color: #101111;
  --max-internal-width: 75rem;
  --color-story-blue: #0d99ff;
  --color-story-purple: #9747ff;
  --color-story-yellow: #ffcd29;
  --color-story-green: #85e0a3;
  --color-story-red: #ff6058;
  --accent-color: var(--color-story-yellow);
  --font-size-h1: 0px;
  --font-size-h2: 0px;
  --font-size-h3: 0px;
  --font-size-h4: 0px;
  --font-size-h5: 0px;
  --font-size-h6: 0px;
  font-size: 12vw;
  font-weight: 700;
  line-height: .9;
}

.text-block-45, .text-block-46, .text-block-47 {
  font-weight: 400;
}

.div-block-49 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  --font-color: #fffdf7;
  --font-primary: Foundersgrotesk, Georgia, sans-serif;
  --color-menu: #e8e7d8;
  --font-secondary: Ppfragment, "Times New Roman", sans-serif;
  --core-padding: 4rem;
  --background-color: #101111;
  --max-internal-width: 75rem;
  --color-story-blue: #0d99ff;
  --color-story-purple: #9747ff;
  --color-story-yellow: #ffcd29;
  --color-story-green: #85e0a3;
  --color-story-red: #ff6058;
  --accent-color: var(--color-story-yellow);
  --font-size-h1: 0px;
  --font-size-h2: 0px;
  --font-size-h3: 0px;
  --font-size-h4: 0px;
  --font-size-h5: 0px;
  --font-size-h6: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  display: grid;
}

.div-block-50 {
  z-index: 2;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.div-block-50.green {
  z-index: 2;
  color: var(--color-menu);
  position: relative;
}

.opening-quote {
  color: var(--background-color);
  justify-content: center;
  align-items: center;
  min-height: 40svh;
  display: flex;
}

.heading-35 {
  font-family: var(--font-secondary);
  text-align: center;
  text-transform: uppercase;
  width: 18ch;
  font-size: 3rem;
  font-style: italic;
  font-weight: 400;
  line-height: 1;
}

.the-dragon {
  padding: var(--core-padding);
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  color: var(--background-color);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-48 {
  font-weight: 600;
}

.heading-36 {
  font-family: var(--font-secondary);
  text-align: center;
  margin-top: 1rem;
  margin-bottom: .5rem;
}

.paragraph-9 {
  text-align: center;
  width: 45ch;
  margin-top: 1rem;
  font-size: 1.5rem;
}

.div-block-51 {
  max-width: var(--max-internal-width);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 2rem;
  display: grid;
}

.heading-37 {
  width: 100%;
  max-width: 25ch;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1;
}

.div-block-52 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.paragraph-10 {
  width: 100%;
  max-width: 45ch;
  font-size: 1.5rem;
}

.project-info {
  padding: var(--core-padding);
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  color: var(--background-color);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-53 {
  max-width: var(--max-internal-width);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.paragraph-11 {
  width: 100%;
  max-width: 25ch;
  font-size: 2rem;
  font-weight: 500;
}

.paragraph-12 {
  font-size: 2rem;
  font-weight: 500;
}

.div-block-54 {
  max-width: var(--max-internal-width);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.heading-38 {
  margin-top: 1rem;
  margin-bottom: .25rem;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1;
}

.div-block-55 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.the-quest, .the-treasure {
  padding: var(--core-padding);
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  color: var(--background-color);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.next-work {
  padding: var(--core-padding);
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-30 {
  padding: 4rem var(--core-padding) var(--core-padding);
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  background-color: var(--background-color);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 100svh;
  display: flex;
  position: relative;
}

.heading-39 {
  font-family: var(--font-secondary);
  font-size: 4rem;
  font-weight: 400;
}

.div-block-57 {
  z-index: 2;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--background-color);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 4rem 1rem 1rem;
  display: flex;
  position: sticky;
  inset: 0% auto auto 0%;
}

.next-case {
  background-color: var(--font-color);
  color: var(--background-color);
  text-transform: uppercase;
  --font-color: #101111;
  --font-primary: Foundersgrotesk, Georgia, sans-serif;
  --color-menu: var(--font-color);
  --font-secondary: Ppfragment, "Times New Roman", sans-serif;
  --core-padding: 4rem;
  --background-color: #fffdf7;
  --max-internal-width: 75rem;
  --color-story-blue: #0d99ff;
  --color-story-purple: #9747ff;
  --color-story-yellow: #ffcd29;
  --color-story-green: #85e0a3;
  --color-story-red: #ff6058;
  --accent-color: var(--color-story-yellow);
  --font-size-h1: 0px;
  --font-size-h2: 0px;
  --font-size-h3: 0px;
  --font-size-h4: 0px;
  --font-size-h5: 0px;
  --font-size-h6: 0px;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  padding: .5rem 3rem;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.image-12 {
  aspect-ratio: auto;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.div-block-58 {
  max-width: var(--max-internal-width);
  aspect-ratio: 2;
  border-radius: 1rem;
  width: 100%;
  overflow: hidden;
}

.work-card {
  max-width: var(--max-internal-width);
  transform-origin: 0 100%;
  color: var(--font-color);
  flex-flow: column;
  justify-content: flex-start;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.work-card:hover {
  text-decoration: none;
}

.heading-40 {
  margin-top: 1rem;
  margin-bottom: .25rem;
}

.text-block-49 {
  font-size: 1.5rem;
}

.list-item-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid var(--font-color);
  border-bottom: 1px none var(--font-color);
  background-color: var(--background-color);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  padding: 1rem .5rem;
  display: grid;
}

.list-item-3:hover {
  mix-blend-mode: exclusion;
}

.list-item-3.first {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-top-style: none;
}

.heading-40-copy {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
}

.list-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding-left: 0;
  display: flex;
}

.text-block-9-copy {
  text-align: center;
  text-transform: uppercase;
  font-size: 2rem;
  font-weight: 700;
}

.loader {
  margin-top: auto;
  font-size: 1.5rem;
}

.section-31 {
  padding: var(--core-padding);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: var(--background-color);
  object-fit: cover;
  --font-color: #fffdf7;
  --font-primary: Foundersgrotesk, Georgia, sans-serif;
  --color-menu: var(--font-color);
  --font-secondary: Ppfragment, "Times New Roman", sans-serif;
  --core-padding: 4rem;
  --background-color: #101111;
  --max-internal-width: 75rem;
  --color-story-blue: #0d99ff;
  --color-story-purple: #9747ff;
  --color-story-yellow: #ffcd29;
  --color-story-green: #85e0a3;
  --color-story-red: #ff6058;
  --accent-color: var(--color-story-yellow);
  --font-size-h1: 0px;
  --font-size-h2: 0px;
  --font-size-h3: 0px;
  --font-size-h4: 0px;
  --font-size-h5: 0px;
  --font-size-h6: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  display: flex;
}

.hero-splash {
  padding: var(--core-padding);
  background-color: var(--background-color);
  --font-color: #fffdf7;
  --font-primary: Foundersgrotesk, Georgia, sans-serif;
  --color-menu: var(--font-color);
  --font-secondary: Ppfragment, "Times New Roman", sans-serif;
  --core-padding: 4rem;
  --background-color: #101111;
  --max-internal-width: 75rem;
  --color-story-blue: #0d99ff;
  --color-story-purple: #9747ff;
  --color-story-yellow: #ffcd29;
  --color-story-green: #85e0a3;
  --color-story-red: #ff6058;
  --accent-color: var(--color-story-yellow);
  --font-size-h1: 0px;
  --font-size-h2: 0px;
  --font-size-h3: 0px;
  --font-size-h4: 0px;
  --font-size-h5: 0px;
  --font-size-h6: 0px;
  background-image: url('https://res.cloudinary.com/dy4kfy1on/image/upload/f_auto,q_auto/v1744668201/storytale-2025/patrick-fore-DVpn-Ot0fV4-unsplash-1_1');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 90svh;
  display: flex;
  position: relative;
}

.heading-41 {
  z-index: 2;
  max-width: var(--max-internal-width);
  font-family: var(--font-secondary);
  color: var(--color-story-yellow);
  text-align: center;
  font-size: 7.5rem;
  font-style: italic;
  font-weight: 400;
  line-height: .9;
  position: relative;
}

.form-button-copy {
  z-index: 2;
  background-color: var(--font-color);
  color: var(--background-color);
  text-transform: uppercase;
  --font-color: #fffdf7;
  --font-primary: Foundersgrotesk, Georgia, sans-serif;
  --color-menu: var(--font-color);
  --font-secondary: Ppfragment, "Times New Roman", sans-serif;
  --core-padding: 4rem;
  --background-color: #101111;
  --max-internal-width: 75rem;
  --color-story-blue: #0d99ff;
  --color-story-purple: #9747ff;
  --color-story-yellow: #ffcd29;
  --color-story-green: #85e0a3;
  --color-story-red: #ff6058;
  --accent-color: var(--color-story-yellow);
  --font-size-h1: 0px;
  --font-size-h2: 0px;
  --font-size-h3: 0px;
  --font-size-h4: 0px;
  --font-size-h5: 0px;
  --font-size-h6: 0px;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  padding: .5rem 3rem;
  font-size: 1.5rem;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: auto auto -1.25rem;
}

.author {
  color: var(--color-story-yellow);
  text-align: center;
  font-size: 1.5rem;
}

.text-block-50 {
  color: var(--accent-color);
  text-align: center;
}

.rich-text-block {
  color: var(--font-color);
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  font-size: 1.5rem;
}

.link-2 {
  color: var(--font-color);
}

.image-13 {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: .5rem;
  width: 25rem;
  height: 100%;
}

.div-block-59 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.more-stories {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.form-button-copy-copy {
  background-color: var(--font-color);
  color: var(--background-color);
  text-transform: uppercase;
  --font-color: #fffdf7;
  --font-primary: Foundersgrotesk, Georgia, sans-serif;
  --color-menu: var(--font-color);
  --font-secondary: Ppfragment, "Times New Roman", sans-serif;
  --core-padding: 4rem;
  --background-color: #101111;
  --max-internal-width: 75rem;
  --color-story-blue: #0d99ff;
  --color-story-purple: #9747ff;
  --color-story-yellow: #ffcd29;
  --color-story-green: #85e0a3;
  --color-story-red: #ff6058;
  --accent-color: var(--color-story-yellow);
  --font-size-h1: 0px;
  --font-size-h2: 0px;
  --font-size-h3: 0px;
  --font-size-h4: 0px;
  --font-size-h5: 0px;
  --font-size-h6: 0px;
  border-radius: 1000px;
  justify-content: center;
  align-items: center;
  padding: .5rem 3rem;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: auto auto -1rem;
}

.div-block-61 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.heading-42 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.1;
}

.featured-story {
  padding: var(--core-padding);
  background-color: #101111;
  background-image: url('https://res.cloudinary.com/dy4kfy1on/image/upload/f_auto,q_auto/v1744668201/storytale-2025/patrick-fore-DVpn-Ot0fV4-unsplash-1_1');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  min-height: 70svh;
  display: flex;
  position: relative;
}

.other-stories {
  padding: 4rem var(--core-padding);
  background-color: var(--background-color);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.stories-filter-wrapper {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
}

.form-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.div-block-62 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.story-filter {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--background-color);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--background-color);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--background-color);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--background-color);
  color: var(--font-color);
  text-align: center;
  background-color: #ffffff40;
  border-radius: .5rem;
  min-width: 11.25rem;
  padding: .5rem 1rem;
  font-size: 1.25rem;
  position: relative;
  overflow: hidden;
}

.radio-button-2 {
  border: 1px #000;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0% auto auto 0%;
}

.radio-button-2.w--redirected-checked {
  background-color: var(--font-color);
  border-radius: 0;
}

.radio-button-label-2 {
  z-index: 2;
  font-size: 1.5rem;
  font-weight: 400;
  position: relative;
}

.heading-41-copy {
  max-width: var(--max-internal-width);
  font-family: var(--font-secondary);
  color: var(--color-story-yellow);
  text-align: center;
  margin-bottom: 2rem;
  font-size: 7.5rem;
  font-style: italic;
  font-weight: 400;
  line-height: .9;
}

.stories-card-list {
  max-width: var(--max-internal-width);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.stories-card {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.image-14 {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 1rem;
  width: 100%;
}

.heading-43 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 700;
}

.div-block-63 {
  grid-column-gap: 1ch;
  grid-row-gap: 1ch;
  display: flex;
}

.image-15 {
  aspect-ratio: auto;
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  position: absolute;
  inset: auto auto -10% 0%;
}

.background-video {
  width: 100%;
  height: 100%;
}

.div-block-64 {
  z-index: 1;
  background-color: var(--background-color);
  opacity: .7;
  mix-blend-mode: normal;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.div-block-65 {
  z-index: 2;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.heading-copy {
  font-family: var(--font-secondary);
  text-align: center;
  align-self: center;
  width: 100%;
  margin-top: 6rem;
  margin-bottom: 0;
  font-size: 4rem;
  font-weight: 400;
  line-height: .8;
}

.div-block-66 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.image-16 {
  width: 80%;
  margin-top: 2rem;
  margin-left: 4rem;
}

.text-span-11 {
  font-size: 4rem;
}

.div-block-67 {
  max-width: var(--max-internal-width);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-67._5-stage {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.div-block-68 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  display: flex;
}

.process-header {
  z-index: 2;
  background-color: var(--color-story-purple);
  min-height: 3rem;
  position: relative;
}

.process-header.first {
  z-index: 2;
  border-top-left-radius: 4rem;
  border-bottom-left-radius: 4rem;
  position: relative;
}

.process-header.second {
  background-color: var(--color-story-yellow);
  border-radius: 0;
}

.process-header.third {
  background-color: #f7931e;
  border-radius: 0;
  display: flex;
}

.process-header.last {
  background-color: var(--color-story-red);
  border-radius: 0 4rem 4rem 0;
}

.process-header.last.alt {
  background-color: var(--color-story-green);
}

.process-header.fourth {
  background-color: var(--color-story-red);
  border-radius: 0;
}

.process-highlight {
  z-index: 1;
  min-height: 10rem;
  margin-bottom: -1rem;
  position: relative;
}

.text-block-51 {
  opacity: .6;
  margin-top: .5rem;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  font-weight: 600;
}

.text-block-51.invisible {
  color: #0000;
}

.heading-44 {
  margin-bottom: .75rem;
  font-size: 2rem;
  line-height: 1.1;
}

.paragraph-13 {
  padding-right: 4rem;
}

.curtain {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  place-items: end center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.code-embed-3 {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100.5%;
  height: 100%;
  margin-bottom: -1%;
  margin-left: 0;
  margin-right: -1px;
  display: block;
}

.kickoff {
  height: 10rem;
  position: absolute;
  inset: auto auto 0% 0;
}

.image-17 {
  height: 100%;
}

.decide {
  height: 10rem;
  position: absolute;
  inset: -.5rem -1rem auto auto;
}

.image-2-copy {
  background-color: var(--font-color);
  object-fit: cover;
  object-position: 50% 50%;
  border-radius: 2.5rem;
  width: 100%;
  height: 100%;
}

.div-block-70 {
  position: relative;
}

.josh-circle {
  flex-flow: column;
  font-size: 16vw;
  display: inline;
  position: relative;
}

.isaac-circle {
  font-size: 16vw;
  position: relative;
}

.bg-video {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.background-video-2 {
  height: 100%;
}

.background-video-3 {
  aspect-ratio: auto;
  border-radius: 1rem;
  width: 100%;
  height: 100%;
}

.link-3 {
  color: var(--background-color);
  text-decoration: underline;
}

.link-4 {
  color: var(--background-color);
}

.text-block-52 {
  font-size: 1.5rem;
}

.text-block-54 {
  font-size: 1rem;
}

.background-video-4 {
  border-radius: 1rem;
  width: 100%;
  height: 100%;
}

.body-3 {
  background-color: var(--font-color);
}

.heading-45 {
  text-align: center;
  text-transform: uppercase;
  width: 18ch;
  font-size: 2.5rem;
}

.text-block-56 {
  width: 22ch;
}

.heading-19-copy {
  font-family: var(--font-secondary);
  color: var(--font-color);
  text-align: center;
  text-transform: uppercase;
  margin-top: auto;
  margin-bottom: 2rem;
  font-size: 8rem;
  font-weight: 400;
  line-height: .9;
}

.text-block-57 {
  font-family: var(--font-secondary);
  color: var(--font-color);
  font-size: 2rem;
}

.text-block-33-copy {
  max-width: var(--max-internal-width);
  font-family: var(--font-primary);
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 11rem;
  font-weight: 600;
  line-height: .85;
  position: relative;
}

.section-20-copy {
  padding-right: var(--core-padding);
  padding-left: var(--core-padding);
  background-color: var(--background-color);
  color: var(--font-color);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 100svh;
  display: flex;
}

.transition {
  z-index: 1001;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.transition_content {
  z-index: 2;
  background-image: linear-gradient(to bottom, var(--background-color), var(--background-color));
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100svw;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.transition_logo-wrapper {
  justify-content: center;
  align-items: center;
  width: 20rem;
  height: 20rem;
  display: flex;
  position: relative;
}
.transition_logo-wrapper > div{
  width: 20rem;
  height: 20rem;
}

.transition-trigger {
  display: none;
}

.transition_glass {
  z-index: 1;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.section-32 {
  padding: var(--core-padding);
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-block-58 {
  opacity: .7;
  font-weight: 500;
}

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

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 20rem;
  display: flex;
}

.body-4 {
  background-color: var(--background-color);
  --font-color: #fffdf7;
  --font-primary: Foundersgrotesk, Georgia, sans-serif;
  --color-menu: var(--font-color);
  --font-secondary: Ppfragment, "Times New Roman", sans-serif;
  --core-padding: 4rem;
  --background-color: #101111;
  --max-internal-width: 75rem;
  --color-story-blue: #0d99ff;
  --color-story-purple: #9747ff;
  --color-story-yellow: #ffcd29;
  --color-story-green: #85e0a3;
  --color-story-red: #ff6058;
  --accent-color: var(--color-story-yellow);
  --font-size-h1: 0px;
  --font-size-h2: 0px;
  --font-size-h3: 0px;
  --font-size-h4: 0px;
  --font-size-h5: 0px;
  --font-size-h6: 0px;
}

.heading-46 {
  font-family: var(--font-primary);
  text-transform: uppercase;
}

.text-block-60 {
  font-family: var(--font-primary);
  width: 15rem;
  font-size: .8rem;
  font-weight: 300;
  position: absolute;
  inset: auto auto 2rem 2rem;
}

.identity {
  height: 9rem;
  position: absolute;
  inset: auto auto 0% 0;
}

.approve {
  height: 9rem;
  position: absolute;
  bottom: 0;
  left: auto;
  right: 0;
}

.web {
  height: 8rem;
  position: absolute;
  inset: auto auto 0% 0;
}

.package-blob {
  height: 9rem;
  position: absolute;
  inset: auto auto 0% -1rem;
}

.workshop-2 {
  height: 8rem;
  position: absolute;
  top: auto;
  bottom: 0%;
  right: 0;
}

.refine {
  height: 10rem;
  position: absolute;
  inset: auto auto 0% -1rem;
}

.workshops {
  height: 12rem;
  position: absolute;
  inset: auto auto 0% 45%;
}

.div-block-72 {
  background-color: var(--color-story-blue);
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-left: auto;
  padding: .5rem;
  display: flex;
}

.image-18 {
  width: 1.5rem;
  height: 100%;
}

.craft {
  height: 8rem;
  position: absolute;
  inset: auto auto 0% 25%;
}

.repeat {
  height: 9rem;
  position: absolute;
  bottom: 0;
  left: auto;
  right: -1.5rem;
}

.training {
  height: 9rem;
  position: absolute;
  inset: auto auto 0% 25%;
}

.image-19 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
}

.read-loader {
  z-index: 2;
  background-color: var(--color-story-yellow);
  transform-origin: 0%;
  width: 100%;
  height: .5rem;
  position: fixed;
}

.alt-image {
  object-fit: cover;
  object-position: 50% 0%;
  border-radius: 2rem;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.image-6-copy {
  object-fit: contain;
  object-position: 50% 50%;
  border-radius: 2rem;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.body-5 {
  background-color: var(--background-color);
}

.section-33 {
  padding-top: 4rem;
  padding-right: var(--core-padding);
  padding-left: var(--core-padding);
}

.paragraph-15 {
  max-width: var(--max-internal-width);
}

.rich-text-block-2 {
  max-width: var(--max-internal-width);
  width: 75ch;
  margin-left: auto;
  margin-right: auto;
}

.dark {
  background-color: var(--background-color);
}

.link-5 {
  color: var(--font-color);
}

.a-vision {
  justify-content: center;
  align-items: center;
  min-height: 100dvh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-6-copy {
  background-color: var(--background-color);
  justify-content: center;
  align-items: center;
  min-height: 125dvh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-copy {
  aspect-ratio: auto;
  object-fit: cover;
  border-radius: 1rem;
  flex: 1;
  align-self: center;
  height: 13rem;
}

.body-6 {
  background-color: var(--font-color);
}

.div-block-73 {
  max-width: var(--max-internal-width);
  width: 100%;
}

@media screen and (max-width: 991px) {
  .nav-link {
    font-size: 2rem;
  }

  .nav-link.mobile {
    display: block;
  }

  .brand.w--current {
    order: -1;
  }

  .nav-menu {
    background-color: #0000;
    flex-flow: column;
    order: -1;
    display: none;
  }

  .div-block {
    flex-flow: column;
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .text-block-25 {
    font-size: 13rem;
  }

  .text-block-27 {
    font-size: 8rem;
  }

  .heading-15 {
    font-size: 6rem;
  }

  .div-block-22 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .div-block-28 {
    grid-template-columns: 1fr;
  }

  .button-2 {
    font-size: 3rem;
  }

  .section-29 {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .heading-39 {
    font-size: 2rem;
  }

  .div-block-57 {
    padding-top: 2rem;
  }

  .nav-menu-2 {
    z-index: 4;
    background-color: var(--background-color);
    flex-flow: column;
    width: 100%;
    height: 100svh;
    display: flex;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .menu-button {
    border: 1px solid var(--background-color);
    background-color: var(--font-color);
    color: var(--background-color);
    border-radius: 1rem;
    padding: .5rem 1rem;
    font-size: .8rem;
    position: fixed;
    top: 45vh;
    right: 1rem;
    transform: rotate(-90deg);
  }

  .menu-button.w--open {
    border-color: var(--accent-color);
    background-color: var(--font-color);
    color: var(--background-color);
  }

  .div-block-71 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .navbar {
    mix-blend-mode: exclusion;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .nav-link {
    font-size: 2rem;
  }

  .nav-link.mobile {
    display: block;
  }

  .nav-menu {
    display: none;
  }

  .heading {
    transform: scale3d(1, 1.9, 1);
  }

  .heading.alt {
    font-size: 2rem;
  }

  .text-span {
    transform: scale3d(1, 1.5, 1);
  }

  .footer {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .footer:where(.w-variant-e0a6fcf5-e17b-dc5c-250d-45f6ef554e48) {
    place-items: end start;
  }

  .footer-logo {
    display: none;
  }

  .footer-logo.mobile {
    width: 7.5rem;
    display: block;
  }

  .text-block-2 {
    min-width: 1ch;
  }

  .text-block-2.alt {
    text-align: left;
    justify-content: flex-start;
    align-items: center;
  }

  .footer-links {
    margin-top: 0;
    margin-left: 0;
  }

  .div-block-3 {
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
  }

  .div-block-5 {
    justify-content: flex-end;
    align-items: flex-start;
  }

  .text-span-2 {
    font-size: 8rem;
  }

  .div-block-7 {
    min-height: 60svh;
  }

  .image {
    height: 8rem;
  }

  .div-block-8, .div-block-9 {
    justify-content: center;
    align-items: center;
  }

  .text-block-8 {
    width: 10ch;
    font-size: 1.5rem;
  }


  .service-circle {
    width: 15rem;
    height: 15rem;
  }

  .service-circle.yellow {
    transform: translate(0%)rotate(-15deg);
  }

  .text-block-10 {
    font-size: 1.5rem;
  }



  .div-block-10 {
    width: 24rem;
    justify-content: center;
    align-items: flex-start;
  }

  .text-span-3 {
    font-size: 20svw;
  }

  .text-block-11 {
    font-size: 3rem;
  }

  .heading-4 {
    font-size: 2.5rem;
  }

  .section-6 {
    height: 100%;
  }

  .package-group {
    flex-flow: column;
    height: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow: visible;
  }

  .package-mini {
    align-items: center;
  }

  .package-mini.first {
    align-items: center;
    margin-left: 0;
  }

  .package-heading, .package-tag, .text-block-12 {
    text-align: center;
  }

  .div-block-11 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .overflow-wrapper {
    height: 100%;
    position: static;
  }

  .heading-5 {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 3rem;
  }

  .heading-6 {
    font-size: 6rem;
  }

  .div-block-13 {
    flex-flow: column;
    display: flex;
  }

  .heading-6-copy {
    font-size: 6rem;
  }

  .text-block-16-copy {
    text-align: left;
  }

  .div-block-13-copy {
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: flex;
  }

  .heading-6-copy-copy {
    font-size: 6rem;
  }

  .paragraph-copy {
    width: 100%;
  }

  .text-block-17 {
    width: 100%;
  }

  .heading-7 {
    font-size: 6rem;
  }

  .div-block-16 {
    flex-flow: column;
    display: flex;
  }

  .service-packages {
    max-width: var(--max-internal-width);
    width: 100%;
  }

  .package, .div-block-19 {
    flex-flow: column;
    display: flex;
  }

  .heading-11 {
    font-size: 4rem;
  }

  .text-block-22 {
    width: 25ch;
  }

  .process-cards {
    flex-flow: column;
    display: flex;
  }

  .process-card.craft-copy {
    position: static;
  }

  .heading-13 {
    font-size: 3rem;
    width: 100%;
  }

  .cta {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .button {
    font-size: 2.5rem;
  }

  .heading-14, .text-block-24 {
    font-size: 6rem;
  }

  .image-5 {
    width: 100%;
  }

  .div-block-20 {
    flex-flow: column;
    display: flex;
  }

  .text-block-25 {
    font-size: 6rem;
  }

  .text-block-26 {
    text-align: center;
  }

  .text-block-27, .heading-15 {
    font-size: 5rem;
  }

  .image-6 {
    object-fit: cover;
  }

  .full-width-image {
    /* aspect-ratio: 3 / 2;
    height: 35svh; */
  }

  .div-block-24 {
    flex-flow: column;
    display: flex;
  }

  .heading-18 {
    text-align: center;
    font-size: 3rem;
  }

  .button-2 {
    color: var(--background-color);
    font-size: 2rem;
  }

  .heading-19 {
    font-size: 4rem;
  }

  .heading-20 {
    text-align: center;
  }

  .text-block-33 {
    font-size: 5rem;
  }

  .text-block-34 {
    text-align: center;
    font-size: 5rem;
  }

  .text-block-35 {
    font-size: 6rem;
  }

  .div-block-30 {
    grid-template-columns: .75fr;
  }

  .heading-21 {
    font-size: 5rem;
  }

  .div-block-33 {
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: flex;
  }

  .div-block-34 {
    width: 100%;
  }

  .heading-24 {
    font-size: 4rem;
  }

  .div-block-35 {
    flex-flow: column;
    display: flex;
  }

  .div-block-36 {
    grid-template-columns: 1fr;
  }

  .div-block-40 {
    flex-flow: column;
    display: flex;
  }

  .form-button {
    font-size: 1rem;
  }

  .text-field-one {
    width: 100%;
  }

  .heading-33 {
    font-size: 5rem;
  }

  .radio-button-field {
    width: 100%;
  }

  .div-block-47, .div-block-48 {
    flex-flow: column;
    width: 100%;
  }

  .heading-35 {
    font-size: 2.5rem;
  }

  .paragraph-9 {
    width: 100%;
  }

  .div-block-51 {
    grid-template-columns: 1fr;
  }

  .paragraph-10 {
    width: 100%;
  }

  .div-block-53, .div-block-54 {
    grid-template-columns: 1fr;
  }

  .heading-39 {
    font-size: 2rem;
  }

  .div-block-57 {
    flex-flow: column;
  }

  .heading-41 {
    font-size: 5rem;
  }

  .rich-text-block {
    font-size: 1.5rem;
  }

  .stories-filter-wrapper {
    flex-flow: column;
  }

  .div-block-62 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .story-filter {
    min-width: 6rem;
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .heading-41-copy {
    font-size: 6rem;
  }

  .stories-card-list {
    flex-flow: column;
    grid-template-columns: 1fr 1fr;
    display: flex;
  }

  .image-16 {
    margin-left: 0;
  }

  .div-block-67 {
    grid-template-columns: 1fr;
  }

  .process-highlight {
    display: none;
  }

  .image-2-copy {
    border-radius: 3rem;
  }

  .background-video-3 {
    box-sizing: border-box;
    aspect-ratio: auto;
    object-fit: cover;
  }

  .nav-menu-2 {
    z-index: 4;
    background-color: var(--background-color);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100svh;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .menu-button {
    background-color: var(--font-color);
    color: var(--background-color);
    border: 1px solid #000;
    border-radius: 16px;
    padding: .5rem 1rem;
    font-size: .75rem;
    position: fixed;
    top: 45vh;
    right: 1rem;
    transform: rotate(-90deg);
  }

  .menu-button:hover {
    border-color: var(--accent-color);
    background-color: var(--font-color);
  }

  .menu-button.w--open {
    background-color: var(--font-color);
    color: var(--background-color);
  }

  .div-block-71 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
  }

  .text-block-58 {
    text-align: center;
  }

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

  .form-block-2 {
    flex-flow: column;
    display: flex;
  }

  .image-copy {
    height: 8rem;
  }
}

@media screen and (max-width: 479px) {
  body {
    --font-color: #fffdf7;
    --font-primary: Foundersgrotesk, Georgia, sans-serif;
    --color-menu: var(--font-color);
    --font-secondary: Ppfragment, "Times New Roman", sans-serif;
    --core-padding: 1rem;
    --background-color: #101111;
    --max-internal-width: 20rem;
    --color-story-blue: #0d99ff;
    --color-story-purple: #9747ff;
    --color-story-yellow: #ffcd29;
    --color-story-green: #85e0a3;
    --color-story-red: #ff6058;
    --accent-color: var(--color-story-yellow);
    --font-size-h1: 0px;
    --font-size-h2: 0px;
    --font-size-h3: 0px;
    --font-size-h4: 0px;
    --font-size-h5: 0px;
    --font-size-h6: 0px;
  }

  .navbar {
    min-height: 3rem;
    inset: 0% auto auto 0%;
  }

  .nav-link {
    text-align: center;
    font-size: 1.5rem;
    display: block;
  }

  .brand {
    width: 100%;
    padding-left: 0;
  }

  .brand.w--current {
    width: 16rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  .nav-menu {
    display: none;
  }

  .heading {
    font-size: 2rem;
    transform: scale3d(1, 2.7, 1);
  }

  .heading.alt {
    padding-left: 1rem;
    padding-right: 1rem;
    transform: none;
  }

  .text-span {
    transform: scale3d(1, 1.5, 1);
  }

  .opening {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: center;
  }

  .text-block {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 3rem;
    font-size: 1.5rem;
  }

  .footer-logo.mobile {
    width: 10rem;
    margin-top: 1rem;
  }

  .footer-link-group:where(.w-variant-e0a6fcf5-e17b-dc5c-250d-45f6ef554e48) {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: auto 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .text-block-2:where(.w-variant-e0a6fcf5-e17b-dc5c-250d-45f6ef554e48) {
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 9ch;
    max-width: 9ch;
    padding-left: .25rem;
    padding-right: .25rem;
  }

  .text-block-2.alt:where(.w-variant-e0a6fcf5-e17b-dc5c-250d-45f6ef554e48) {
    max-width: 100%;
  }

  .link-block:where(.w-variant-e0a6fcf5-e17b-dc5c-250d-45f6ef554e48) {
    padding-left: .25rem;
    padding-right: .25rem;
  }

  .link-block.alt.right {
    text-align: left;
  }

  .footer-links {
    padding-bottom: 2rem;
  }

  .div-block-3, .div-block-4, .div-block-5 {
    width: 100%;
  }

  .text-block-4 {
    font-size: 4rem;
    line-height: .9;
  }

  .div-block-6 {
    min-height: 80dvh;
  }

  .text-span-2 {
    font-size: 5rem;
  }

  .text-block-5 {
    font-size: 1.5rem;
  }

  .text-block-7, .text-block-7.right {
    text-align: center;
  }

  .heading-2 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 25vw;
  }

  .image {
    flex: 0 auto;
    width: 100%;
    height: 10rem;
  }

  .div-block-8 {
    flex-flow: column;
    grid-template-columns: 1fr;
    align-items: center;
    margin-bottom: 1rem;
  }

  .div-block-9 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .section-2 {
    min-height: 50svh;
  }

  .text-block-8 {
    z-index: 2;
    font-size: .75rem;
    position: relative;
  }

  .section-3 {
    min-height: 50svh;
  }

  .service-circle, .service-circle.red {
    width: 9rem;
    height: 9rem;
  }

  .text-block-10 {
    font-size: 1.5rem;
  }

  .div-block-10 {
    width: 100%;
  }

  .section-4 {
    min-height: 50svh;
  }

  .text-span-3 {
    font-size: 4.5rem;
  }

  .text-block-11 {
    font-size: 2rem;
  }

  .heading-3 {
    text-align: center;
    font-size: 3rem;
  }

  .heading-4 {
    font-size: 1.5rem;
  }

  .section-6 {
    height: 100%;
  }

  .package-group {
    flex-flow: column;
    width: 100%;
    height: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .package-mini {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .package-mini.first {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    min-width: 100%;
    height: 100%;
    margin-left: 0;
    padding: 1rem 2rem;
  }

  .package-heading {
    text-align: center;
    font-size: 2rem;
  }

  .package-tag, .text-block-12 {
    text-align: center;
  }

  .div-block-11 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .overflow-wrapper {
    height: 100%;
  }

  .section-7 {
    padding-right: var(--core-padding);
    padding-left: var(--core-padding);
  }

  .heading-5 {
    font-size: 2rem;
  }

  .section-8 {
    padding-right: var(--core-padding);
    padding-left: var(--core-padding);
  }

  .heading-6 {
    font-size: 3.5rem;
  }

  .div-block-13 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    display: flex;
  }

  .paragraph {
    font-size: 1.5rem;
  }

  .div-block-14 {
    flex-flow: column;
    width: 100%;
  }

  .heading-6-copy {
    font-size: 3rem;
  }

  .text-block-16-copy {
    text-align: left;
  }

  .div-block-13-copy {
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    display: flex;
  }

  .heading-6-copy-copy {
    font-size: 3rem;
  }

  .paragraph-copy {
    width: 100%;
    font-size: 1rem;
  }

  .div-block-15 {
    justify-content: center;
    width: 100%;
    min-height: 50vh;
  }

  .text-block-17 {
    width: 100%;
  }

  .section-9 {
    padding-right: var(--core-padding);
    padding-left: var(--core-padding);
  }

  .heading-7 {
    font-size: 4rem;
  }

  .div-block-16 {
    flex-flow: column;
    display: flex;
  }

  .div-block-17.left {
    padding: 1rem;
  }

  .heading-8.left {
    width: 100%;
    font-size: 2rem;
  }

  .paragraph-2.left {
    width: 100%;
  }

  .section-10 {
    padding-right: var(--core-padding);
    padding-left: var(--core-padding);
  }

  .heading-9 {
    font-size: 3rem;
  }

  .text-block-18 {
    width: 100%;
  }

  .service-packages {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    width: 100%;
  }

  .package {
    flex-flow: column;
    width: 100%;
    display: flex;
  }

  .heading-10 {
    font-size: 2rem;
    line-height: 1.3;
  }

  .text-block-20 {
    width: 100%;
  }

  .div-block-19 {
    flex-flow: column;
    display: flex;
  }

  .section-11 {
    padding-right: var(--core-padding);
    padding-left: var(--core-padding);
  }

  .heading-11 {
    font-size: 4rem;
  }

  .text-block-22 {
    width: 100%;
  }

  .process-cards {
    flex-flow: column;
    display: flex;
  }

  .heading-13 {
    font-size: 3rem;
  }

  .cta {
    padding-right: var(--core-padding);
    padding-left: var(--core-padding);
    flex-flow: column;
    justify-content: center;
    align-items: center;
    min-height: 50dvh;
  }

  .button {
    white-space: nowrap;
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 1.5rem;
  }

  .heading-14 {
    font-size: 4rem;
  }

  .text-block-23 {
    text-align: center;
  }

  .text-block-24 {
    font-size: 4rem;
  }

  .section-13 {
    padding-right: var(--core-padding);
    padding-left: var(--core-padding);
  }

  .text-block-24-copy {
    font-size: 5rem;
  }

  .div-block-20 {
    grid-template-columns: 1fr;
    max-width: 100%;
  }

  .text-block-25 {
    font-size: 5rem;
  }

  .text-block-26 {
    text-align: center;
    font-size: 1rem;
  }

  .text-block-27 {
    font-size: 3rem;
  }

  .spark {
    min-height: 50svh;
  }

  .heading-15 {
    font-size: 3rem;
  }

  .section-15 {
    padding-right: var(--core-padding);
    padding-left: var(--core-padding);
  }

  .paragraph-3 {
    text-align: center;
  }

  .image-6 {
    aspect-ratio: 2.39;
    object-fit: contain;
    border-radius: .5rem;
  }

  .full-width-image {
    aspect-ratio: 3 / 2;
    height: auto;
  }

  .text-block-29 {
    font-size: 3rem;
  }

  .section-16, .section-17 {
    padding-right: var(--core-padding);
    padding-left: var(--core-padding);
  }

  .div-block-24 {
    grid-template-columns: 1fr;
  }

  .section-18 {
    padding-right: var(--core-padding);
    padding-left: var(--core-padding);
  }

  .heading-17 {
    text-align: center;
    font-weight: 600;
  }

  .heading-18 {
    direction: ltr;
    overflow-wrap: normal;
    width: 100%;
    font-size: 1.75rem;
  }

  .button-2 {
    white-space: nowrap;
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 1.25rem;
  }

  .section-19 {
    padding-right: var(--core-padding);
    padding-left: var(--core-padding);
  }

  .heading-19 {
    font-size: 3rem;
  }

  .heading-20 {
    direction: ltr;
    text-align: center;
    overflow-wrap: normal;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 1.5rem;
    display: flex;
  }

  .section-20 {
    min-height: 50svh;
  }

  .text-block-33 {
    font-size: 2.5rem;
  }

  .text-block-34 {
    text-align: center;
    font-size: 2.5rem;
  }

  .text-block-35 {
    font-size: 3.5rem;
  }

  .image-8 {
    aspect-ratio: 1;
    min-height: 20svh;
  }

  .section-21 {
    padding-right: var(--core-padding);
    padding-left: var(--core-padding);
  }

  .div-block-30 {
    flex-flow: column;
    grid-template-columns: .75fr;
    place-items: start center;
    max-width: 100%;
    display: flex;
  }

  .text-block-36 {
    text-align: center;
    width: 100%;
  }

  .paragraph-5 {
    text-align: center;
  }

  .section-22 {
    padding-right: var(--core-padding);
    padding-left: var(--core-padding);
  }

  .div-block-31 {
    margin-bottom: 2rem;
  }

  .image-9 {
    aspect-ratio: 16 / 9;
  }

  .heading-21 {
    text-align: left;
    font-size: 2.5rem;
  }

  .list-item-2 {
    grid-template-columns: 1.5fr;
  }

  .section-23 {
    padding-right: var(--core-padding);
    padding-left: var(--core-padding);
  }

  .heading-23 {
    font-size: 4rem;
  }

  .section-24 {
    padding-right: var(--core-padding);
    padding-left: var(--core-padding);
  }

  .div-block-33 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    max-width: 100%;
    display: flex;
  }

  .div-block-34 {
    width: 100%;
  }

  .heading-24 {
    padding-right: var(--core-padding);
    text-align: left;
    flex: 1;
    justify-content: center;
    align-items: flex-start;
    padding-left: 1rem;
    font-size: 2.5rem;
    line-height: 1;
  }

  .div-block-35 {
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .div-block-36 {
    grid-template-columns: 1fr;
  }

  .section-26 {
    padding-right: var(--core-padding);
    padding-left: var(--core-padding);
  }

  .heading-25 {
    font-size: 4rem;
  }

  .paragraph-6 {
    line-height: 1;
  }

  .div-block-37 {
    flex-flow: column;
  }

  .section-27 {
    padding: 2rem var(--core-padding);
  }

  .heading-26 {
    font-size: 3rem;
  }

  .div-block-39 {
    grid-template-columns: 1fr;
  }

  .checkbox {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 1.5rem;
  }

  .checkbox-label {
    font-size: 1rem;
  }

  .section-28 {
    padding-right: var(--core-padding);
    padding-left: var(--core-padding);
  }

  .heading-27 {
    width: 100%;
    margin-bottom: 1rem;
    font-size: 2.5rem;
  }

  .div-block-40 {
    flex-flow: column;
    display: flex;
  }

  .heading-32 {
    font-size: 3rem;
  }

  .section-29 {
    padding-top: 3rem;
  }

  .text-block-42 {
    font-size: 2.5rem;
  }

  .form-button.big.next {
    font-size: 2rem;
  }

  .form-button.next {
    text-align: center;
    padding-left: 2rem;
    padding-right: 2rem;
    font-size: 1.25rem;
  }

  .form-button.prev, .form-button.close {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .field-label {
    font-size: 2rem;
  }

  .form-block.fb-3 {
    min-height: 100vh;
    padding-top: 4rem;
  }

  .form-block.fb-6 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-field-one {
    width: 100%;
  }

  .heading-33 {
    font-size: 4rem;
  }

  .div-block-45 {
    grid-template-columns: 1fr;
  }

  .radio-button-field {
    width: 100%;
  }

  .div-block-47, .div-block-48 {
    flex-flow: column;
    width: 100%;
  }

  .work-splash {
    min-height: 50svh;
  }

  .work-splash.pink {
    justify-content: center;
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .heading-34 {
    font-size: 11vw;
  }

  .div-block-49 {
    flex-flow: column;
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-50 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex: 0 auto;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    display: grid;
  }

  .opening-quote {
    padding-right: var(--core-padding);
    padding-left: var(--core-padding);
  }

  .heading-35 {
    width: 100%;
    font-size: 2rem;
  }

  .paragraph-9 {
    width: 100%;
  }

  .div-block-51 {
    grid-template-columns: 1fr;
  }

  .heading-37 {
    width: 100%;
    font-size: 1.5rem;
  }

  .paragraph-10 {
    width: 100%;
  }

  .div-block-53 {
    grid-template-columns: 1fr;
  }

  .paragraph-11 {
    width: 100%;
    font-size: 1.5rem;
  }

  .paragraph-12 {
    font-size: 1.5rem;
  }

  .div-block-54, .div-block-55 {
    grid-template-columns: 1fr;
  }

  .next-work {
    flex-flow: column;
  }

  .section-30 {
    padding-top: 4rem;
  }

  .heading-39 {
    width: 100%;
    height: auto;
    font-size: 1.5rem;
  }

  .div-block-57 {
    padding-right: var(--core-padding);
    padding-bottom: 1rem;
    padding-left: var(--core-padding);
    flex-flow: column;
  }

  .next-case {
    text-align: center;
  }

  .list-item-3, .list-item-3.first {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-columns: 1fr;
  }

  .section-31 {
    padding-left: var(--core-padding);
    --font-color: #fffdf7;
    --font-primary: Foundersgrotesk, Georgia, sans-serif;
    --color-menu: var(--font-color);
    --font-secondary: Ppfragment, "Times New Roman", sans-serif;
    --core-padding: 1rem;
    --background-color: #101111;
    --max-internal-width: 20rem;
    --color-story-blue: #0d99ff;
    --color-story-purple: #9747ff;
    --color-story-yellow: #ffcd29;
    --color-story-green: #85e0a3;
    --color-story-red: #ff6058;
    --accent-color: var(--color-story-yellow);
    --font-size-h1: 0px;
    --font-size-h2: 0px;
    --font-size-h3: 0px;
    --font-size-h4: 0px;
    --font-size-h5: 0px;
    --font-size-h6: 0px;
    margin-top: 0;
  }

  .hero-splash {
    min-height: 60svh;
  }

  .heading-41 {
    font-size: 4rem;
  }

  .form-button-copy {
    font-size: 1rem;
  }

  .form-button-copy.w--current {
    text-align: center;
  }

  .metadata {
    padding-top: 1rem;
  }

  .rich-text-block {
    max-width: 16rem;
    font-size: 1rem;
  }

  .div-block-62 {
    flex-flow: column;
  }

  .heading-41-copy {
    font-size: 4rem;
  }

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

  .image-15 {
    object-fit: none;
    width: 150%;
  }

  .heading-copy {
    font-size: 3rem;
  }

  .image-16 {
    width: 90%;
    margin-top: 0;
    margin-left: 0;
  }

  .text-span-11 {
    font-size: 2rem;
  }

  .div-block-67 {
    grid-template-columns: 1fr;
  }

  .div-block-67._5-stage {
    grid-template-columns: 1fr;
    padding-left: 0;
  }

  .div-block-68 {
    border-left: 2rem #000;
    min-height: 17rem;
    padding-left: 3rem;
    position: relative;
  }

  .process-header {
    perspective-origin: 0 0;
    transform-origin: 0 0;
    width: 17rem;
    min-height: 2rem;
    margin-left: -1rem;
    display: block;
    transform: rotate(90deg);
  }

  .process-header.first {
    border-top-left-radius: 4rem;
    border-bottom-left-radius: 4rem;
  }

  .process-highlight {
    display: none;
  }

  .image-2-copy {
    border-radius: 1.55rem;
  }

  .nav-menu-2 {
    z-index: 4;
    background-color: var(--background-color);
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100%;
    position: fixed;
    inset: 0% auto auto 0%;
  }

  .heading-45 {
    width: 100%;
    line-height: .9;
  }

  .section-32 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .menu-button {
    border: 1px solid var(--background-color);
    background-color: var(--font-color);
    color: var(--background-color);
    border-radius: 1000px;
    height: 2rem;
    padding: .5rem 1rem;
    font-size: .75rem;
    font-weight: 500;
    position: absolute;
    inset: 45vh 0% 0% auto;
    transform: rotate(-90deg);
  }

  .menu-button.w--open {
    z-index: 5;
    border: 1px solid var(--accent-color);
    background-color: var(--font-color);
    color: var(--background-color);
  }

  .div-block-71 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
  }

  .text-block-58 {
    text-align: center;
  }

  .list-3:where(.w-variant-e0a6fcf5-e17b-dc5c-250d-45f6ef554e48), .text-block-59:where(.w-variant-e0a6fcf5-e17b-dc5c-250d-45f6ef554e48) {
    width: 100%;
  }

  .workshops {
    height: 10rem;
  }

  .a-vision, .div-block-6-copy {
    min-height: 80dvh;
  }

  .image-copy {
    flex: 0 auto;
    width: 100%;
    height: 10rem;
  }
}

#w-node-_89b96b23-2aba-c0f8-aec3-8dd3fe3cb37d-7a1ba87a, #w-node-c1cb8f12-8ee5-846d-3d81-69dbffed9998-7a1ba87a {
  align-self: center;
}

#w-node-b6ee0c19-15bd-148f-c08f-ded7f78cab1b-f78cab19 {
  grid-area: 1 / 1 / 3 / 3;
  align-self: end;
}

#w-node-b6ee0c19-15bd-148f-c08f-ded7f78cab1c-f78cab19 {
  grid-area: 1 / 1 / -1 / -1;
}

#w-node-_7279c433-7ef7-ff80-0b66-b7533eb4a6bc-3eb4a6b5 {
  justify-self: end;
}

#w-node-_7279c433-7ef7-ff80-0b66-b7533eb4a6c5-3eb4a6b5 {
  order: 9999;
}

#w-node-_11c69622-a81b-394b-a040-35aa175cc0e2-adf6d0c9, #w-node-_46b2d565-9d67-8563-1128-b3be2a2a5792-adf6d0c9, #w-node-_64131765-227a-e363-f420-cdd2af4cb879-adf6d0c9, #w-node-a4bd6624-8ebc-341e-ad98-a688eddc87d1-adf6d0c9, #w-node-_2da96f8f-8e39-f1a1-1d20-8a313bc0dd8e-adf6d0c9, #w-node-ef783e25-a1cf-3970-867c-28baf4bf200d-adf6d0c9, #w-node-_5c0be00c-5655-3c02-a47a-fa3921099605-adf6d0c9, #w-node-_989641d6-8f4a-e95f-88dd-f9b5f7947469-adf6d0c9, #w-node-d21b744f-2c53-48d2-4eeb-9af08ec0523e-adf6d0c9 {
  align-self: center;
}

#w-node-_0aba6aa1-2c26-fe10-18f8-606d1b4b8085-0c956855 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-_12ca9684-0015-e8a2-e1eb-33526c0e5a62-0c956855 {
  grid-area: 1 / 3 / 2 / 3;
  justify-self: end;
}

#w-node-_176ed19e-6b56-9341-7620-ebd1ff659045-0c956855 {
  grid-area: 3 / 3 / 4 / 4;
  align-self: end;
}

#w-node-_419c82a8-1f82-14fa-a2d0-48c6a8a3bcfb-0c956855 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-a7878df2-20d1-6e6f-0fcb-5f344cc3b7c3-0c956855 {
  grid-area: 1 / 3 / 4 / 4;
}

#w-node-a7878df2-20d1-6e6f-0fcb-5f344cc3b7c4-0c956855 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: end;
}

#w-node-a7878df2-20d1-6e6f-0fcb-5f344cc3b7c6-0c956855 {
  grid-area: 3 / 1 / 4 / 2;
  align-self: end;
}

#w-node-a7878df2-20d1-6e6f-0fcb-5f344cc3b7c8-0c956855 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_021cb5a2-5730-73c7-207b-0347878a1379-0c956855 {
  justify-self: auto;
}

#w-node-_8c35b935-5916-b098-f963-e1e9db4da29b-eb67f4e2, #w-node-c76b9042-3115-e78f-07d4-e0206bdaccfe-eb67f4e2 {
  justify-self: start;
}

#w-node-dcdf1f77-2128-eba9-ce7d-322c119c3d38-7e677189 {
  align-self: end;
}

#w-node-a7fa5d6c-e958-a668-2e74-96cd07def52c-7e677189 {
  justify-self: end;
}

#w-node-ed8ca74d-74a8-47ac-a195-41b1e5dbc34e-410cd8a5, #w-node-ed8ca74d-74a8-47ac-a195-41b1e5dbc34f-410cd8a5 {
  grid-area: 1 / 1 / -1 / -1;
}

#w-node-_9f1326d1-8ce7-963e-140c-236abff41ee1-410cd8a5, #w-node-_716b658c-61a4-b03f-e9c0-b5b0bc6fe03f-410cd8a5, #w-node-df8d4ca4-87ab-9279-9fc5-6c3f16be1122-410cd8a5, #w-node-a0bccd9d-e3cd-5f74-9c47-53a181ef146d-410cd8a5, #w-node-_18d1d730-c3c8-a17d-6c5d-3006e4036718-410cd8a5, #w-node-_3d326753-2190-9a69-1e6d-fae33812bc0c-410cd8a5, #w-node-c7c21d19-0d4b-7d76-c97c-fc56c6de5d63-410cd8a5, #w-node-_61729943-48f6-1422-08cd-e36625c511a1-410cd8a5 {
  justify-self: end;
}

#w-node-b8bdc8f6-3d73-9b89-0230-04ff9effb5b8-410cd8a5, #w-node-_8b0aa809-8ba1-721d-6c78-18318b014448-410cd8a5, #w-node-a0d86fe5-173d-4c01-456a-c51abbd49a77-410cd8a5, #w-node-b0a09854-2a21-92b9-764e-af6bd59c58f1-410cd8a5, #w-node-_225af869-3b21-e56a-fbd4-07ca5191158a-410cd8a5, #w-node-e90507d6-167c-2d43-fa30-ebea4fe01e29-410cd8a5 {
  align-self: end;
}

#w-node-cf1d57d4-3f9c-f06e-5f81-1795feddb783-410cd8a5 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: end;
}

#w-node-_81121df0-5204-eb09-dafc-3f116c1c6f4b-410cd8a5 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_7e74c93f-a2ac-9fa2-ff22-4dd367ab208d-410cd8a5 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_3645992f-156c-f133-29fc-23268e14c121-410cd8a5 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_643cf6ba-0823-0a37-a6b1-9632ce3886a9-410cd8a5 {
  place-self: center;
}

#w-node-ed8ca74d-74a8-47ac-a195-41b1e5dbc34e-5e3e0fc1, #w-node-ed8ca74d-74a8-47ac-a195-41b1e5dbc34f-5e3e0fc1 {
  grid-area: 1 / 1 / -1 / -1;
}

#w-node-_109ab16d-cec6-23dc-fa3b-d4e6b1cb7b88-5e3e0fc1, #w-node-_109ab16d-cec6-23dc-fa3b-d4e6b1cb7b8e-5e3e0fc1, #w-node-_109ab16d-cec6-23dc-fa3b-d4e6b1cb7b94-5e3e0fc1, #w-node-_109ab16d-cec6-23dc-fa3b-d4e6b1cb7b9b-5e3e0fc1, #w-node-_109ab16d-cec6-23dc-fa3b-d4e6b1cb7ba1-5e3e0fc1, #w-node-_109ab16d-cec6-23dc-fa3b-d4e6b1cb7ba7-5e3e0fc1, #w-node-_109ab16d-cec6-23dc-fa3b-d4e6b1cb7bad-5e3e0fc1, #w-node-_109ab16d-cec6-23dc-fa3b-d4e6b1cb7bb5-5e3e0fc1 {
  justify-self: end;
}

#w-node-b8bdc8f6-3d73-9b89-0230-04ff9effb5b8-5e3e0fc1, #w-node-_8b0aa809-8ba1-721d-6c78-18318b014448-5e3e0fc1, #w-node-a0d86fe5-173d-4c01-456a-c51abbd49a77-5e3e0fc1, #w-node-b0a09854-2a21-92b9-764e-af6bd59c58f1-5e3e0fc1, #w-node-_225af869-3b21-e56a-fbd4-07ca5191158a-5e3e0fc1, #w-node-e90507d6-167c-2d43-fa30-ebea4fe01e29-5e3e0fc1 {
  align-self: end;
}

#w-node-cf1d57d4-3f9c-f06e-5f81-1795feddb783-5e3e0fc1 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: end;
}

#w-node-_501e2e16-ee10-c775-d4fa-fd8d9c825146-5e3e0fc1 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_501e2e16-ee10-c775-d4fa-fd8d9c82514d-5e3e0fc1 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_501e2e16-ee10-c775-d4fa-fd8d9c825154-5e3e0fc1 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_501e2e16-ee10-c775-d4fa-fd8d9c82515b-5e3e0fc1 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_643cf6ba-0823-0a37-a6b1-9632ce3886a9-5e3e0fc1 {
  place-self: center;
}

#w-node-ed8ca74d-74a8-47ac-a195-41b1e5dbc34e-07c5c015, #w-node-ed8ca74d-74a8-47ac-a195-41b1e5dbc34f-07c5c015 {
  grid-area: 1 / 1 / -1 / -1;
}

#w-node-_9f1326d1-8ce7-963e-140c-236abff41ee1-07c5c015, #w-node-_716b658c-61a4-b03f-e9c0-b5b0bc6fe03f-07c5c015, #w-node-df8d4ca4-87ab-9279-9fc5-6c3f16be1122-07c5c015, #w-node-a0bccd9d-e3cd-5f74-9c47-53a181ef146d-07c5c015, #w-node-_18d1d730-c3c8-a17d-6c5d-3006e4036718-07c5c015, #w-node-_3d326753-2190-9a69-1e6d-fae33812bc0c-07c5c015, #w-node-c7c21d19-0d4b-7d76-c97c-fc56c6de5d63-07c5c015, #w-node-_61729943-48f6-1422-08cd-e36625c511a1-07c5c015 {
  justify-self: end;
}

#w-node-_201d80a4-166f-32c5-0008-9934a6669a3a-07c5c015, #w-node-_201d80a4-166f-32c5-0008-9934a6669a3f-07c5c015, #w-node-_201d80a4-166f-32c5-0008-9934a6669a44-07c5c015, #w-node-_201d80a4-166f-32c5-0008-9934a6669a49-07c5c015, #w-node-_201d80a4-166f-32c5-0008-9934a6669a4e-07c5c015, #w-node-_201d80a4-166f-32c5-0008-9934a6669a53-07c5c015 {
  align-self: end;
}

#w-node-_201d80a4-166f-32c5-0008-9934a6669a58-07c5c015 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: end;
}

#w-node-_81121df0-5204-eb09-dafc-3f116c1c6f4b-07c5c015 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_7e74c93f-a2ac-9fa2-ff22-4dd367ab208d-07c5c015 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_3645992f-156c-f133-29fc-23268e14c121-07c5c015 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-e2589e9f-3421-aa56-1e28-d7f62a0145b1-07c5c015 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_643cf6ba-0823-0a37-a6b1-9632ce3886a9-07c5c015 {
  place-self: center;
}

#w-node-ed8ca74d-74a8-47ac-a195-41b1e5dbc34e-a7ec7581, #w-node-ed8ca74d-74a8-47ac-a195-41b1e5dbc34f-a7ec7581 {
  grid-area: 1 / 1 / -1 / -1;
}

#w-node-_9f1326d1-8ce7-963e-140c-236abff41ee1-a7ec7581, #w-node-_716b658c-61a4-b03f-e9c0-b5b0bc6fe03f-a7ec7581, #w-node-df8d4ca4-87ab-9279-9fc5-6c3f16be1122-a7ec7581, #w-node-a0bccd9d-e3cd-5f74-9c47-53a181ef146d-a7ec7581, #w-node-_18d1d730-c3c8-a17d-6c5d-3006e4036718-a7ec7581, #w-node-_3d326753-2190-9a69-1e6d-fae33812bc0c-a7ec7581, #w-node-c7c21d19-0d4b-7d76-c97c-fc56c6de5d63-a7ec7581, #w-node-_61729943-48f6-1422-08cd-e36625c511a1-a7ec7581 {
  justify-self: end;
}

#w-node-_3eb3dd69-730c-6217-f483-b1857bf084c7-a7ec7581, #w-node-_3eb3dd69-730c-6217-f483-b1857bf084cc-a7ec7581, #w-node-_3eb3dd69-730c-6217-f483-b1857bf084d1-a7ec7581, #w-node-_3eb3dd69-730c-6217-f483-b1857bf084d6-a7ec7581, #w-node-_3eb3dd69-730c-6217-f483-b1857bf084db-a7ec7581, #w-node-_3eb3dd69-730c-6217-f483-b1857bf084e0-a7ec7581 {
  align-self: end;
}

#w-node-_3eb3dd69-730c-6217-f483-b1857bf084e5-a7ec7581 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: end;
}

#w-node-b68957dc-4ec8-cdfa-8953-0d61dffc4ca5-a7ec7581 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-b68957dc-4ec8-cdfa-8953-0d61dffc4cac-a7ec7581 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-b68957dc-4ec8-cdfa-8953-0d61dffc4cb3-a7ec7581 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-b68957dc-4ec8-cdfa-8953-0d61dffc4cba-a7ec7581 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_643cf6ba-0823-0a37-a6b1-9632ce3886a9-a7ec7581 {
  place-self: center;
}

#w-node-ed8ca74d-74a8-47ac-a195-41b1e5dbc34e-fd074fb0, #w-node-ed8ca74d-74a8-47ac-a195-41b1e5dbc34f-fd074fb0 {
  grid-area: 1 / 1 / -1 / -1;
}

#w-node-_9f1326d1-8ce7-963e-140c-236abff41ee1-fd074fb0, #w-node-_716b658c-61a4-b03f-e9c0-b5b0bc6fe03f-fd074fb0, #w-node-df8d4ca4-87ab-9279-9fc5-6c3f16be1122-fd074fb0, #w-node-a0bccd9d-e3cd-5f74-9c47-53a181ef146d-fd074fb0, #w-node-_18d1d730-c3c8-a17d-6c5d-3006e4036718-fd074fb0, #w-node-_3d326753-2190-9a69-1e6d-fae33812bc0c-fd074fb0, #w-node-c7c21d19-0d4b-7d76-c97c-fc56c6de5d63-fd074fb0, #w-node-_61729943-48f6-1422-08cd-e36625c511a1-fd074fb0 {
  justify-self: end;
}

#w-node-_0689217f-4d31-6758-83f3-5a35add0c4a1-fd074fb0, #w-node-_0689217f-4d31-6758-83f3-5a35add0c4a6-fd074fb0, #w-node-_0689217f-4d31-6758-83f3-5a35add0c4ab-fd074fb0, #w-node-_0689217f-4d31-6758-83f3-5a35add0c4b0-fd074fb0, #w-node-_0689217f-4d31-6758-83f3-5a35add0c4b5-fd074fb0, #w-node-_0689217f-4d31-6758-83f3-5a35add0c4ba-fd074fb0 {
  align-self: end;
}

#w-node-_0689217f-4d31-6758-83f3-5a35add0c4bf-fd074fb0 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: end;
}

#w-node-_4aa4bc53-72c2-aa53-01d9-00b2bdf2aefa-fd074fb0 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_4aa4bc53-72c2-aa53-01d9-00b2bdf2af01-fd074fb0 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-_4aa4bc53-72c2-aa53-01d9-00b2bdf2af08-fd074fb0 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_4aa4bc53-72c2-aa53-01d9-00b2bdf2af0f-fd074fb0 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_2eade2de-84fe-bb32-e418-b740cbd98c82-fd074fb0 {
  align-self: end;
}

#w-node-_9ca970ed-dae1-fc98-e378-6c5b9f3d59e4-b3be1b1d {
  justify-self: start;
}

#w-node-_378635ed-2cfb-c048-2fa4-a66de8a6ac56-b3be1b1d {
  justify-self: center;
}

#w-node-_9f70434c-40d9-f17f-577a-27a75c666f00-b3be1b1d, #w-node-_46a2ab71-602f-6099-9fc2-908a6db5338a-b3be1b1d, #w-node-e2570d34-adcd-c059-c192-7fb36bf22162-b3be1b1d {
  justify-self: end;
}

#w-node-b883a093-97c9-b01f-eef0-c01df9f9cd66-b3be1b1d {
  place-self: center;
}

#w-node-_9ca970ed-dae1-fc98-e378-6c5b9f3d59e4-b45d66cd {
  justify-self: start;
}

#w-node-_378635ed-2cfb-c048-2fa4-a66de8a6ac56-b45d66cd {
  justify-self: center;
}

#w-node-_9f70434c-40d9-f17f-577a-27a75c666f00-b45d66cd, #w-node-_46a2ab71-602f-6099-9fc2-908a6db5338a-b45d66cd, #w-node-e2570d34-adcd-c059-c192-7fb36bf22162-b45d66cd {
  justify-self: end;
}

#w-node-b883a093-97c9-b01f-eef0-c01df9f9cd66-b45d66cd {
  place-self: center;
}

#w-node-_9ca970ed-dae1-fc98-e378-6c5b9f3d59e4-061256be {
  justify-self: start;
}

#w-node-_378635ed-2cfb-c048-2fa4-a66de8a6ac56-061256be {
  justify-self: center;
}

#w-node-_9f70434c-40d9-f17f-577a-27a75c666f00-061256be, #w-node-_46a2ab71-602f-6099-9fc2-908a6db5338a-061256be, #w-node-e2570d34-adcd-c059-c192-7fb36bf22162-061256be {
  justify-self: end;
}

#w-node-de573bfd-5735-46d7-d939-ca7143c23680-061256be {
  place-self: center;
}

#w-node-_9ca970ed-dae1-fc98-e378-6c5b9f3d59e4-3ff1f7e3 {
  justify-self: start;
}

#w-node-_378635ed-2cfb-c048-2fa4-a66de8a6ac56-3ff1f7e3 {
  justify-self: center;
}

#w-node-_9f70434c-40d9-f17f-577a-27a75c666f00-3ff1f7e3, #w-node-_46a2ab71-602f-6099-9fc2-908a6db5338a-3ff1f7e3, #w-node-e2570d34-adcd-c059-c192-7fb36bf22162-3ff1f7e3 {
  justify-self: end;
}

#w-node-b883a093-97c9-b01f-eef0-c01df9f9cd66-3ff1f7e3 {
  place-self: center;
}

#w-node-_9ca970ed-dae1-fc98-e378-6c5b9f3d59e4-f272a7c4 {
  justify-self: start;
}

#w-node-_378635ed-2cfb-c048-2fa4-a66de8a6ac56-f272a7c4 {
  justify-self: center;
}

#w-node-_9f70434c-40d9-f17f-577a-27a75c666f00-f272a7c4, #w-node-_46a2ab71-602f-6099-9fc2-908a6db5338a-f272a7c4, #w-node-e2570d34-adcd-c059-c192-7fb36bf22162-f272a7c4 {
  justify-self: end;
}

#w-node-b883a093-97c9-b01f-eef0-c01df9f9cd66-f272a7c4 {
  place-self: center;
}

#w-node-_9ca970ed-dae1-fc98-e378-6c5b9f3d59e4-cf7bcaac {
  justify-self: start;
}

#w-node-_378635ed-2cfb-c048-2fa4-a66de8a6ac56-cf7bcaac {
  justify-self: center;
}

#w-node-_9f70434c-40d9-f17f-577a-27a75c666f00-cf7bcaac, #w-node-_46a2ab71-602f-6099-9fc2-908a6db5338a-cf7bcaac, #w-node-e2570d34-adcd-c059-c192-7fb36bf22162-cf7bcaac {
  justify-self: end;
}

#w-node-b883a093-97c9-b01f-eef0-c01df9f9cd66-cf7bcaac {
  place-self: center;
}

#w-node-_9f1326d1-8ce7-963e-140c-236abff41ee1-5ee30304, #w-node-_716b658c-61a4-b03f-e9c0-b5b0bc6fe03f-5ee30304, #w-node-df8d4ca4-87ab-9279-9fc5-6c3f16be1122-5ee30304, #w-node-a0bccd9d-e3cd-5f74-9c47-53a181ef146d-5ee30304, #w-node-_18d1d730-c3c8-a17d-6c5d-3006e4036718-5ee30304, #w-node-_3d326753-2190-9a69-1e6d-fae33812bc0c-5ee30304 {
  justify-self: end;
}

#w-node-_96c5aae2-dc1e-12d4-ed14-4c3ab0f60c97-5ee30304, #w-node-_96c5aae2-dc1e-12d4-ed14-4c3ab0f60c9c-5ee30304, #w-node-_96c5aae2-dc1e-12d4-ed14-4c3ab0f60ca1-5ee30304, #w-node-_96c5aae2-dc1e-12d4-ed14-4c3ab0f60ca6-5ee30304, #w-node-_96c5aae2-dc1e-12d4-ed14-4c3ab0f60cab-5ee30304, #w-node-_96c5aae2-dc1e-12d4-ed14-4c3ab0f60cb0-5ee30304 {
  align-self: end;
}

#w-node-_96c5aae2-dc1e-12d4-ed14-4c3ab0f60cb5-5ee30304 {
  grid-area: span 1 / span 3 / span 1 / span 3;
  align-self: end;
}

#w-node-aece3426-fcf1-6c4f-2a4e-1ad1a1de7da2-5ee30304 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-aece3426-fcf1-6c4f-2a4e-1ad1a1de7da9-5ee30304 {
  grid-area: 2 / 3 / 3 / 4;
}

#w-node-aece3426-fcf1-6c4f-2a4e-1ad1a1de7db0-5ee30304 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-aece3426-fcf1-6c4f-2a4e-1ad1a1de7db7-5ee30304 {
  grid-area: 3 / 2 / 4 / 3;
}

@media screen and (max-width: 991px) {
  #w-node-_7279c433-7ef7-ff80-0b66-b7533eb4a6c5-3eb4a6b5 {
    justify-self: end;
  }
}

@media screen and (max-width: 767px) {
  #w-node-b6ee0c19-15bd-148f-c08f-ded7f78cab59-f78cab19 {
    justify-self: start;
  }

  #w-node-_12ca9684-0015-e8a2-e1eb-33526c0e5a62-0c956855, #w-node-_176ed19e-6b56-9341-7620-ebd1ff659045-0c956855, #w-node-_419c82a8-1f82-14fa-a2d0-48c6a8a3bcfb-0c956855 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-de7ffe7e-8591-da92-3198-b9a89675e695-c558612e {
    place-self: center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-a7fa5d6c-e958-a668-2e74-96cd07def52c-7e677189 {
    justify-self: start;
  }

  #w-node-_49e12569-64e9-d13a-8b08-b8e8cb1f1ca9-5e3e0fc1, #w-node-_9ca970ed-dae1-fc98-e378-6c5b9f3d59e4-3ff1f7e3, #w-node-_378635ed-2cfb-c048-2fa4-a66de8a6ac56-3ff1f7e3, #w-node-_9f70434c-40d9-f17f-577a-27a75c666f00-3ff1f7e3 {
    justify-self: center;
  }
}


@font-face {
  font-family: 'Foundersgrotesk';
  src: url('../fonts/FoundersGrotesk-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Foundersgrotesk';
  src: url('../fonts/FoundersGrotesk-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Foundersgrotesk';
  src: url('../fonts/FoundersGrotesk-SemiboldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Foundersgrotesk';
  src: url('../fonts/FoundersGrotesk-MediumItalic.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Foundersgrotesk';
  src: url('../fonts/FoundersGrotesk-RegularItalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Foundersgrotesk';
  src: url('../fonts/FoundersGrotesk-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Foundersgrotesk';
  src: url('../fonts/FoundersGrotesk-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Foundersgrotesk';
  src: url('../fonts/FoundersGrotesk-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Foundersgrotesk';
  src: url('../fonts/FoundersGrotesk-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Foundersgrotesk';
  src: url('../fonts/FoundersGrotesk-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ppfragment';
  src: url('../fonts/PPFragment-GlareExtraBold.otf') format('opentype'), url('../fonts/PPFragment-SansExtraBold.otf') format('opentype'), url('../fonts/PPFragment-SerifExtraBold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ppfragment';
  src: url('../fonts/PPFragment-GlareLight.otf') format('opentype'), url('../fonts/PPFragment-SerifLight.otf') format('opentype'), url('../fonts/PPFragment-SansLight.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ppfragment';
  src: url('../fonts/PPFragment-SansExtraBoldItalic.otf') format('opentype'), url('../fonts/PPFragment-GlareExtraBoldItalic.otf') format('opentype'), url('../fonts/PPFragment-SerifExtraBoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Ppfragment';
  src: url('../fonts/PPFragment-GlareRegularItalic.otf') format('opentype'), url('../fonts/PPFragment-TextRegularItalic.otf') format('opentype'), url('../fonts/PPFragment-SerifRegularItalic.otf') format('opentype'), url('../fonts/PPFragment-SansRegularitalic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Ppfragment';
  src: url('../fonts/PPFragment-SerifRegular.otf') format('opentype'), url('../fonts/PPFragment-TextRegular.otf') format('opentype'), url('../fonts/PPFragment-SansRegular.otf') format('opentype'), url('../fonts/PPFragment-GlareRegular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ppfragment';
  src: url('../fonts/PPFragment-GlareLightItalic.otf') format('opentype'), url('../fonts/PPFragment-SerifLightItalic.otf') format('opentype'), url('../fonts/PPFragment-SansLightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}