@font-face {
  font-family: Plus Jakarta Sans;
  src: url('../fonts/Plus_Jakarta_Sans.zip') format("undefined");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Redhattext Variablefont Wght;
  src: url('../fonts/RedHatText-VariableFont_wght.ttf') format("truetype"), url('../fonts/RedHatText-VariableFont_wght.ttf') format("truetype");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Redhattext Variablefont Wght;
  src: url('../fonts/RedHatText-Italic-VariableFont_wght.ttf') format("truetype"), url('../fonts/RedHatText-Italic-VariableFont_wght.ttf') format("truetype");
  font-weight: 300 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Redhattext;
  src: url('../fonts/RedHatText-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Redhattext;
  src: url('../fonts/RedHatText-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Redhattext;
  src: url('../fonts/RedHatText-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Redhattext;
  src: url('../fonts/RedHatText-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Redhattext;
  src: url('../fonts/RedHatText-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Redhattext;
  src: url('../fonts/RedHatText-SemiBoldItalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Redhattext;
  src: url('../fonts/RedHatText-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Redhattext;
  src: url('../fonts/RedHatText-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Redhattext;
  src: url('../fonts/RedHatText-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Redhattext;
  src: url('../fonts/RedHatText-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Powergrotesk;
  src: url('../fonts/PowerGrotesk-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bigshouldersstencil 18 Pt";
  src: url('../fonts/BigShouldersStencil_18pt-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bigshouldersstencil 18 Pt";
  src: url('../fonts/BigShouldersStencil_18pt-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bigshouldersstencil 24 Pt";
  src: url('../fonts/BigShouldersStencil_24pt-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bigshouldersstencil 18 Pt";
  src: url('../fonts/BigShouldersStencil_18pt-ExtraBold.ttf') format("truetype"), url('../fonts/BigShouldersStencil_18pt-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bigshouldersstencil 24 Pt";
  src: url('../fonts/BigShouldersStencil_24pt-ExtraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bigshouldersstencil 24 Pt";
  src: url('../fonts/BigShouldersStencil_24pt-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bigshouldersstencil 24 Pt";
  src: url('../fonts/BigShouldersStencil_24pt-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bigshouldersstencil 24 Pt";
  src: url('../fonts/BigShouldersStencil_24pt-Thin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bigshouldersstencil 18 Pt";
  src: url('../fonts/BigShouldersStencil_18pt-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bigshouldersstencil 18 Pt";
  src: url('../fonts/BigShouldersStencil_18pt-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bigshouldersstencil 18 Pt";
  src: url('../fonts/BigShouldersStencil_18pt-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bigshouldersstencil 24 Pt";
  src: url('../fonts/BigShouldersStencil_24pt-ExtraBold.ttf') format("truetype"), url('../fonts/BigShouldersStencil_24pt-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bigshouldersstencil 24 Pt";
  src: url('../fonts/BigShouldersStencil_24pt-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bigshouldersstencil 24 Pt";
  src: url('../fonts/BigShouldersStencil_24pt-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bigshouldersstencil 18 Pt";
  src: url('../fonts/BigShouldersStencil_18pt-Thin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bigshouldersstencil 36 Pt";
  src: url('../fonts/BigShouldersStencil_36pt-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bigshouldersstencil 36 Pt";
  src: url('../fonts/BigShouldersStencil_36pt-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bigshouldersstencil 36 Pt";
  src: url('../fonts/BigShouldersStencil_36pt-Bold.ttf') format("truetype"), url('../fonts/BigShouldersStencil_36pt-ExtraBold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bigshouldersstencil 36 Pt";
  src: url('../fonts/BigShouldersStencil_36pt-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bigshouldersstencil 36 Pt";
  src: url('../fonts/BigShouldersStencil_36pt-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bigshouldersstencil 36 Pt";
  src: url('../fonts/BigShouldersStencil_36pt-Thin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bigshouldersstencil 60 Pt";
  src: url('../fonts/BigShouldersStencil_60pt-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bigshouldersstencil 36 Pt";
  src: url('../fonts/BigShouldersStencil_36pt-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bigshouldersstencil 60 Pt";
  src: url('../fonts/BigShouldersStencil_60pt-Bold.ttf') format("truetype"), url('../fonts/BigShouldersStencil_60pt-ExtraBold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bigshouldersstencil 60 Pt";
  src: url('../fonts/BigShouldersStencil_60pt-ExtraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bigshouldersstencil 36 Pt";
  src: url('../fonts/BigShouldersStencil_36pt-ExtraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bigshouldersstencil 60 Pt";
  src: url('../fonts/BigShouldersStencil_60pt-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bigshouldersstencil 60 Pt";
  src: url('../fonts/BigShouldersStencil_60pt-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bigshouldersstencil;
  src: url('../fonts/BigShouldersStencil-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bigshouldersstencil 60 Pt";
  src: url('../fonts/BigShouldersStencil_60pt-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bigshouldersstencil;
  src: url('../fonts/BigShouldersStencil-ExtraBold.ttf') format("truetype"), url('../fonts/BigShouldersStencil-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bigshouldersstencil 60 Pt";
  src: url('../fonts/BigShouldersStencil_60pt-Thin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bigshouldersstencil;
  src: url('../fonts/BigShouldersStencil-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bigshouldersstencil;
  src: url('../fonts/BigShouldersStencil-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bigshouldersstencil 18 Pt";
  src: url('../fonts/BigShouldersStencil_18pt-ExtraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bigshouldersstencil;
  src: url('../fonts/BigShouldersStencil-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bigshouldersstencil;
  src: url('../fonts/BigShouldersStencil-ExtraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bigshouldersstencil;
  src: url('../fonts/BigShouldersStencil-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bigshouldersstencil 60 Pt";
  src: url('../fonts/BigShouldersStencil_60pt-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bigshouldersstencil;
  src: url('../fonts/BigShouldersStencil-Thin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Fraunces Variablefont Soft Wonk Opsz Wght;
  src: url('../images/') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Fraunces Variablefont Soft Wonk Opsz Wght;
  src: url('../images/') format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url('../fonts/GeneralSans-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url('../fonts/GeneralSans-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url('../fonts/GeneralSans-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url('../fonts/GeneralSans-Extralight.otf') format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url('../fonts/GeneralSans-Italic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Generalsans;
  src: url('../fonts/GeneralSans-SemiboldItalic.otf') format("opentype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

:root {
  --primitives--black: #000;
  --primitives--white: #fff;
  --color-bg: #101418;
  --primitives--green-brand: #289944;
  --primitives--green-dark: #0d3317;
  --space-lg: 64px;
  --space-md: 32px;
  --space-sm: 16px;
  --color-text: #f0ede8;
  --color-accent-hover: #9589f0;
  --color-surface: #1a1a1a;
  --font-display: "Playfair Display", Georgia, serif;
  --space-xs: 8px;
  --color-border: #2a2a2a;
  --color-surface-2: #242424;
  --space-xl: 96px;
  --radius-card: 16px;
  --color-text-secondary: #dbdbdb;
  --color-accent: #7b6fe8;
  --font-body: "Redhattext Variablefont Wght", Arial, sans-serif;
}

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

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

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

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

body {
  background-color: var(--primitives--black);
  color: var(--primitives--white);
  font-family: Generalsans, Arial, sans-serif;
  font-size: 16px;
  line-height: 150%;
}

.effect-drop-shadow-quote {
  box-shadow: 2px 2px 4px #00000040;
}

.text-h1 {
  text-align: center;
  letter-spacing: 0;
  -webkit-text-stroke-width: 0px;
  text-transform: uppercase;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
  direction: ltr;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Powergrotesk, Arial, sans-serif;
  font-size: 16vw;
  font-style: italic;
  font-weight: 400;
  line-height: 110%;
  position: static;
}

.text-h1.footer-heading {
  text-align: right;
  font-size: 7vw;
}

.text-h1.footer-heading.ft-heading2 {
  text-align: left;
}

.text-h1.footer-heading.footer-heading-music {
  color: #ef4444;
  letter-spacing: .1em;
  font-family: "Bigshouldersstencil 18 Pt", Arial, sans-serif;
  font-size: 8vw;
  font-style: normal;
  font-weight: 700;
}

.text-h1.footer-heading.ft-heading-snow {
  color: #60a5fa;
  -webkit-text-stroke-color: #60a5fa;
  font-family: Fraunces Variablefont Soft Wonk Opsz Wght, Times New Roman, sans-serif;
  font-weight: 900;
}

.text-h1.h1-product {
  font-family: Powergrotesk, Arial, sans-serif;
}

.text-h1.h1-product.h1-project {
  color: #3c4e72;
  font-size: 8vw;
  font-style: normal;
}

.text-h1.h1-product.h1-project.h1-project-2 {
  color: #030f1b;
}

.text-h1.h1-product.h1-project.h1-top10, .text-h1.h1-product.h1-project.h1-cryllet, .text-h1.h1-product.h1-project.h1-kinkstik {
  color: #fff;
}

.text-h1.h1-product.h1-project.h1-loop {
  color: #222;
}

.text-h1.h1-music {
  color: #ef4444;
  letter-spacing: .2em;
  font-family: "Bigshouldersstencil 18 Pt", Arial, sans-serif;
  font-size: 21vw;
  font-style: normal;
  font-weight: 900;
}

.text-h1.h1-sonw {
  color: #60a5fa;
  letter-spacing: .2em;
  font-family: Fraunces Variablefont Soft Wonk Opsz Wght, Times New Roman, sans-serif;
  font-size: 20vw;
  font-style: normal;
  font-weight: 900;
}

.text-h2 {
  color: var(--primitives--white);
  letter-spacing: -.01em;
  -webkit-text-fill-color: transparent;
  mix-blend-mode: difference;
  background-color: #fff;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
  margin-bottom: 60px;
  font-family: Generalsans, Arial, sans-serif;
  font-size: 64px;
  font-weight: 500;
  line-height: 100%;
  position: relative;
  top: auto;
}

.text-h2.h2-membership {
  margin-bottom: 0;
}

.text-h3 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Generalsans, Arial, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 110%;
}

.text-body {
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: General Sans Variable, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.text-body-small {
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Generalsans, Arial, sans-serif;
  font-size: 14px;
  font-weight: 200;
  line-height: 130%;
}

.text-body-light {
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: General Sans Variable, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 120%;
}

.text-text-large {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Powergrotesk, Arial, sans-serif;
  font-size: 70px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  position: static;
}

.text-text-large.blend-text {
  z-index: 99;
  opacity: .77;
  color: #fff;
  mix-blend-mode: difference;
  justify-content: flex-start;
  align-items: center;
  height: 60vh;
  padding-left: 95px;
  display: flex;
  position: sticky;
  top: 20px;
}

.text-text-large.blend-text.blend-text2 {
  mix-blend-mode: overlay;
}

.text-text-large.blend-text.blend-text2.text-last {
  opacity: .77;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: difference;
  background-clip: border-box;
}

.text-text-large.blend-text.tittle-music {
  font-family: "Bigshouldersstencil 36 Pt", Arial, sans-serif;
  font-weight: 700;
}

.text-text-large.blend-text.tittle-snow {
  font-family: Fraunces Variablefont Soft Wonk Opsz Wght, Times New Roman, sans-serif;
  font-weight: 900;
}

.section {
  padding: 64px;
}

.section.hero-section {
  background-blend-mode: screen;
  background-image: url('../images/magnific-bqAkLYJ5KYIGjD019IoZ-Hero-background10_1.avif');
  background-position: 50%;
  background-size: cover;
  min-height: 100vh;
  padding: 20px 0 0;
  position: relative;
  overflow: visible;
}

.section.hero-section.footer-section {
  background-color: #000;
  background-image: none;
}

.section.hero-section.music-hero-section {
  background-image: url('../images/music-backgrond_1.avif');
  background-size: cover;
  background-attachment: fixed;
}

.section.hero-section.hero-section-snow {
  background-image: url('../images/Frame-18_1.avif');
}

.section.hero-section.project-hero {
  text-align: center;
  background-image: url('../images/Background.jpg');
  background-position: 50% 0;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  min-height: 100vh;
  display: flex;
}

.section.hero-section.project-hero.project-2 {
  background-image: url('../images/Intro---Product_1.avif');
}

.section.hero-section.project-hero.project-3 {
  background-image: url('../images/Cover.jpg');
}

.section.hero-section.project-hero.project-5 {
  background-image: url('../images/Cover22.jpg');
}

.section.hero-section.project-hero.project-6 {
  background-image: url('../images/SimindfulnessCover.avif');
}

.section.hero-section.project-hero.project-7 {
  background-image: url('../images/Background33.jpg');
}

.section.hero-section.project-hero.projrct-22 {
  background-image: url('../images/top10-casinosbg.png');
}

.section.hero-section.project-hero.closedloop-section {
  background-image: url('../images/BackgroundLoop.jpg');
  margin-left: auto;
}

.section.nav-bar {
  grid-column-gap: 58px;
  grid-row-gap: 58px;
  background-color: #0000;
  justify-content: space-around;
  align-items: center;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 32px;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.section.gray-bg {
  background-color: #000;
}

.section.section-proyects {
  text-align: center;
  background-image: url('../images/top10-casinosbg.png');
  background-position: 0 0;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: auto;
  padding-bottom: 350px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.section.section-proyects.proyect2 {
  background-image: url('../images/Intro---Product_1.avif');
  background-position: 0 0;
  background-size: cover;
  padding-bottom: 350px;
}

.section.section-proyects.project {
  color: var(--primitives--white);
  background-image: url('../images/Background33.jpg');
  padding-bottom: 328px;
}

.section.section-proyects.project4 {
  background-image: url('../images/KinstikCover_1.avif');
}

.section.section-proyects.project5 {
  background-image: url('../images/SimindfulnessCover.avif');
}

.section.section-proyects.project6 {
  background-image: url('../images/Export_Desktop_1.avif');
}

.section.section-proyects.project7 {
  background-image: url('../images/Cover.jpg');
}

.section.section-proyects.project-10 {
  background-image: url('../images/Background.jpg');
}

.section.section-proyects.project-11 {
  background-image: url('../images/BackgroundLoop.jpg');
}

.container {
  grid-column-gap: 41px;
  grid-row-gap: 41px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  max-width: none;
  margin-left: 32px;
  margin-right: 32px;
  display: flex;
  position: relative;
}

.container.nav-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff0;
  border-radius: 8px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 32px;
  padding-right: 32px;
  display: block;
}

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

.container.hero-container {
  width: 100%;
  max-width: none;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.container.hero-container.footer-container {
  justify-content: space-between;
  align-items: flex-end;
  padding-left: 75px;
  padding-right: 75px;
}

.container.hero-container.footer-container.footer-container2 {
  justify-content: space-between;
  align-items: flex-start;
}

.container.hero-container.footer-container.footer-container2.last-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 45px;
  display: block;
}

.container.proyect-container {
  z-index: 50;
  float: none;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 80vh;
  margin-left: 0;
  margin-right: 0;
  padding-left: 95px;
  display: flex;
  position: sticky;
  top: 10px;
  overflow: visible;
}

._2-col-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  display: block;
}

.hero-content {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.star-icon {
  margin-left: -18px;
  margin-right: -7px;
  padding-right: 0;
}

.body {
  font-size: 18px;
}

.body.mode-product {
  background-color: var(--color-bg);
}

.body.mode-product.bassbet-body {
  background-image: url('../images/background22.jpg');
  background-position: 0 0;
  background-size: auto;
}

.body.mode-product.closed-loopbody {
  background-color: var(--primitives--white);
}

.text-block {
  font-family: Redhattext Variablefont Wght, Arial, sans-serif;
  font-weight: 400;
}

.text-block.text-project-3 {
  color: #030f1b;
}

.text-block.text-project-6 {
  color: #000114;
}

.text-block.text-loop {
  color: var(--primitives--black);
  padding-bottom: 20px;
}

.semi-bold {
  font-size: 16px;
  font-weight: 600;
}

.flex-h {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  align-items: center;
  display: flex;
}

.secondary-content {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  display: flex;
}

.link-block {
  margin-top: 10px;
}

.white-circle-item {
  background-color: var(--primitives--white);
  border-radius: 20px;
  width: 24px;
  height: 24px;
}

.btn {
  grid-column-gap: 14px;
  grid-row-gap: 14px;
  border: 1px solid var(--primitives--green-brand);
  background-image: linear-gradient(27deg, #0d3317e6, #289944e6);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  padding: 14px 30px;
  transition: box-shadow .2s;
  display: flex;
  box-shadow: 0 2px 90px #289944b3;
}

.btn:hover {
  box-shadow: 0 2px 90px #289944;
}

.btn.ghost-button {
  background-image: linear-gradient(27deg, #0d331780, #28994480);
}

.btn.btn-menu {
  display: none;
}

.text-block-2 {
  color: var(--primitives--white);
  font-weight: 500;
  text-decoration: none;
}

.image {
  vertical-align: baseline;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.meet-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-top: 1px solid var(--primitives--white);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  place-content: center start;
  padding-top: 30px;
}

.nav-link {
  color: var(--primitives--white);
  padding-left: 40px;
  padding-right: 40px;
  font-size: 16px;
  font-weight: 300;
}

.brand, .brand.w--current {
  padding-top: 0;
  padding-bottom: 24px;
}

.nav-logo {
  height: 50px;
  padding-top: 0;
  padding-bottom: 5px;
  padding-left: 0;
}

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

.feature-card {
  background-image: url('../images/female-driver_1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 8px;
  height: auto;
  padding: 30px;
}

.feature-card.card-2 {
  background-color: var(--primitives--black);
  background-image: url('../images/Headphones_1.avif');
  background-position: 210% 100%;
  background-repeat: no-repeat;
  background-size: auto 500px;
  justify-content: flex-start;
  align-items: flex-end;
  height: 400px;
  display: flex;
}

.feature-card.card-3 {
  background-color: var(--primitives--black);
  background-image: url('../images/Mobile-mockup_1.avif');
  background-position: 5% 100%;
  background-size: auto 370px;
  justify-content: flex-end;
  align-items: flex-end;
  height: 400px;
  display: flex;
}

.heading {
  font-weight: 300;
}

.heading.text-h3 {
  font-family: Generalsans, Arial, sans-serif;
  font-weight: 300;
}

.div-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  max-width: 380px;
  display: flex;
}

.text-size-medium {
  font-size: 24px;
  font-weight: 300;
}

._3-col-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
}

.card-pricing-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: center;
  mix-blend-mode: normal;
  border: 1px solid #ffffff1a;
  border-radius: 8px;
  flex-flow: column;
  align-items: center;
  padding: 24px;
  display: flex;
  box-shadow: 0 2px 20px 2px #0d331799;
}

.card-pricing-wrapper.card-highlight {
  border-color: #28994466;
  box-shadow: 0 2px 30px 14px #0d3317e6;
}

.card-text-item {
  outline-offset: 0px;
  border: 1px solid #ffffff1a;
  border-bottom: 0 #ffffff1a;
  outline: 3px #fff;
  width: 100%;
  padding-top: 0;
  padding-bottom: 16px;
}

.text-block-3 {
  border-bottom: 1px #fff;
}

.div-block-2 {
  border-bottom: 1px solid #fff;
}

.card-item-text {
  border-bottom: 1px solid #ffffff26;
  width: 100%;
  padding-bottom: 20px;
}

.small-container {
  text-align: center;
  max-width: 700px;
}

.text-span {
  color: #fff;
}

.text-crossed {
  color: #aeaeae;
  text-decoration: line-through;
  text-decoration-thickness: 3px;
}

.faq-wrapper {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.faq-wrapper-item {
  background-color: var(--primitives--black);
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  padding: 20px 25px;
  display: flex;
}

.logo-footer {
  width: 100%;
}

.div-block-3 {
  background-color: #1a1a1a;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  margin-top: 45px;
  padding: 20px;
  display: flex;
}

.footer-links-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.image-2 {
  width: 23px;
}

.image-2.x-image {
  width: 20px;
}

.mobile-menu-image {
  display: none;
}

.div-block-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: baseline;
  display: block;
}

.image-3 {
  z-index: 250;
  display: none;
  position: absolute;
  inset: auto 58% 4% auto;
}

.image-3.hiden-image {
  display: none;
}

.div-block-5 {
  margin-top: 120px;
}

.div-block-6 {
  background-color: #fff;
  width: 100%;
  margin-top: 20px;
}

.div-block-6.hero-block {
  z-index: 999;
  margin-top: 152px;
  position: absolute;
  bottom: 0;
}

.div-block-6.hero-block.hero-block-music {
  background-color: #ffe6e6;
  margin-top: 0;
}

.div-block-6.hero-block.hero-block-snow {
  background-color: #d3e7ff;
  margin-top: 0;
}

.div-block-6.hero-block-music {
  background-color: #ffe6e6;
}

.div-block-6.hero-block-snow {
  background-color: #d3e7ff;
}

.div-block-7 {
  padding-left: 32px;
  padding-right: 32px;
  position: relative;
}

.div-block-7.div-block-music {
  color: #fff;
}

.grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: stretch;
  place-items: stretch stretch;
}

.grid.footer-grid {
  grid-template-columns: 1fr 1fr 1fr;
  place-items: start center;
}

.div-block-8 {
  color: var(--primitives--black);
  text-align: center;
  flex-flow: column;
  padding-top: 24px;
  padding-bottom: 24px;
  text-decoration: none;
  display: flex;
}

.link {
  font-family: Redhattext, Arial, sans-serif;
}

.link.hero-link {
  color: #000;
  text-transform: uppercase;
  width: 100%;
  font-family: Redhattext Variablefont Wght, Arial, sans-serif;
  font-weight: 700;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: flex;
}

.link.hero-link.no-hover {
  color: #00000075;
}

.link.hero-link.footer-link {
  color: #fff;
  text-transform: none;
  font-weight: 300;
}

.link.hero-link.hero-link-music {
  letter-spacing: 4px;
  font-family: "Bigshouldersstencil 18 Pt", Arial, sans-serif;
  font-size: 25px;
  font-style: normal;
}

.link.hero-link.hero-link-snow {
  font-family: Fraunces Variablefont Soft Wonk Opsz Wght, Times New Roman, sans-serif;
  font-style: normal;
  font-weight: 900;
}

.link.footer-link {
  color: var(--primitives--white);
  text-align: left;
  text-decoration: none;
}

.div-block-9 {
  padding-top: 32px;
}

.image-4 {
  max-width: 80%;
  height: 65vh;
  position: relative;
  left: 102px;
}

.image-4.img4-2 {
  height: 70vh;
}

.image-4.img44 {
  left: 81px;
}

.image-4.img-responsive1 {
  left: 114px;
}

.div-block-10 {
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 0;
  display: flex;
  position: relative;
  left: 168px;
  right: 0;
  overflow: visible;
}

.div-block-10.blend-scope {
  width: auto;
  max-width: 100%;
  left: -1px;
}

.image-5 {
  z-index: 25;
  max-width: 25%;
  position: absolute;
  top: 318px;
  left: 274px;
}

.image-5.img5-3 {
  inset: auto auto 73% 10%;
}

.image-5.img5-3.img5-4 {
  left: 16%;
}

.image-5.img-5 {
  top: 395px;
  left: 231px;
}

.image-5.img-5.img55 {
  top: 299px;
  left: 221px;
}

.image-6 {
  z-index: 25;
  position: absolute;
  inset: auto 7% -35% auto;
}

.image-6.img-2 {
  inset: 73% 14% auto auto;
}

.image-6.img-2.img2-3 {
  height: 250px;
}

.image-6.img6-3 {
  max-width: 25%;
  inset: auto 6% -35% auto;
}

.image-6.img6-3.img64 {
  bottom: -32%;
  right: 12%;
}

.project-background-wrapper {
  z-index: -50;
  width: 120%;
  height: 100%;
  position: fixed;
  inset: 0%;
}

.image-7 {
  aspect-ratio: 2 / 3;
  object-fit: cover;
  width: 100%;
  max-width: none;
}

.image-7.image-pr22 {
  background-color: #722c2c00;
}

.div-block-12 {
  height: 10vh;
  position: sticky;
}

.text-block-4 {
  color: var(--primitives--white);
  text-align: left;
  font-family: Redhattext Variablefont Wght, Arial, sans-serif;
  font-weight: 600;
}

.slide-1 {
  position: relative;
}

.image-9 {
  filter: drop-shadow(0 2px 5px #dcd5ee57);
  height: 500px;
  position: absolute;
  inset: auto 24% -41% auto;
}

.image-9.image-hero {
  height: 100vh;
  bottom: -74%;
  right: 21%;
}

.image-9.image-hero.hero-snowboard {
  height: 100vh;
  top: auto;
  bottom: -57%;
  right: 21%;
}

.image-9.image-hero.hero-music {
  filter: drop-shadow(0 2px 5px #94898a3d);
  max-width: none;
  height: 100vh;
  bottom: -34%;
  right: 18%;
}

.image-10 {
  box-sizing: border-box;
  object-fit: contain;
  max-width: none;
  height: 12vh;
}

.section-project {
  background-color: #f5f5f5;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 45px 32px 65px 40px;
  display: flex;
}

.section-project.gallery-project {
  padding-top: 45px;
}

.section-project.bassbet {
  background-color: #ffffff03;
  padding-bottom: 45px;
}

.section-project.button-section {
  background-image: url('../images/background22.jpg');
  background-position: 0 0;
  background-size: auto;
  flex-flow: row;
}

.heading-2 {
  color: var(--primitives--black);
  font-family: Powergrotesk, Arial, sans-serif;
  font-size: 24px;
  font-weight: 400;
}

.heading-2.heading-bassbet {
  color: var(--primitives--white);
}

.text-block-5 {
  color: var(--primitives--black);
  font-family: Redhattext, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.text-block-5.text-bassbet {
  color: var(--primitives--white);
}

.text-block-6 {
  color: var(--primitives--black);
  font-family: Redhattext, Arial, sans-serif;
  font-weight: 500;
}

.text-block-6.text-bassbet {
  color: var(--primitives--white);
}

.image-11 {
  text-align: center;
  max-width: 80%;
}

.image-11.image-top10 {
  width: 163vh;
  max-width: none;
}

.image-12 {
  box-sizing: border-box;
  aspect-ratio: auto;
  vertical-align: sub;
  object-fit: contain;
}

.image-13, .div-block-13 {
  object-fit: fill;
}

.image-14 {
  aspect-ratio: auto;
  object-fit: fill;
  max-width: 100%;
  max-height: none;
}

.image-14.image-esp {
  aspect-ratio: auto;
  object-fit: contain;
  max-height: 100%;
}

.grid-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: row;
  place-items: center;
}

.grid-3 {
  grid-template-rows: auto;
  width: 100%;
}

.button {
  text-transform: uppercase;
  background-image: linear-gradient(168deg, #cf5cec, #bd8cc9);
  border-radius: 8px;
  margin-left: 0;
  padding: 14px 45px;
  font-family: Redhattext, Arial, sans-serif;
  font-weight: 700;
  transition: transform .2s cubic-bezier(.55, .055, .675, .19);
  position: relative;
  bottom: -206px;
  left: -19px;
}

.button:hover {
  background-image: linear-gradient(168deg, #c648e5, #cda2d8);
}

.button.button-top10 {
  -webkit-backdrop-filter: drop-shadow(-8px -8px 24px #ffffff40) blur(90px);
  backdrop-filter: drop-shadow(-8px -8px 24px #ffffff40) blur(90px);
  color: #fff;
  text-transform: none;
  background-color: #3898ec00;
  background-image: linear-gradient(160deg, #fefefe85, #ffffff40);
  border: 1px solid #d4d4d454;
  border-radius: 10px;
  font-family: Generalsans, Arial, sans-serif;
  transition: transform .225s cubic-bezier(.55, .055, .675, .19);
  bottom: -201px;
  left: 50px;
}

.button.button-top10:hover {
  background-image: linear-gradient(160deg, #fefefeb0, #ffffff4a);
}

.button.button-biddie {
  text-transform: none;
  background-color: #e75f4d;
  background-image: none;
  border-radius: 14px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 500;
}

.button.button-biddie:hover {
  background-color: #ff614ccc;
}

.button.button-kinstik {
  box-shadow: 0 0 12px -7px var(--primitives--white);
  text-transform: none;
  background-color: #2643e1;
  background-image: none;
  border-radius: 10px;
  padding-left: 60px;
  padding-right: 60px;
}

.button.button-kinstik:hover {
  box-shadow: 0 0 12px -3px var(--primitives--white);
}

.button.button-simind {
  text-transform: none;
  background-color: #9dcc9c;
  background-image: none;
  font-weight: 500;
}

.button.button-simind:hover {
  background-color: #86df84;
}

.button.button-project2 {
  position: static;
}

.button.button-bets {
  text-transform: none;
  background-color: #56b13a;
  background-image: none;
  font-family: Powergrotesk, Arial, sans-serif;
  font-weight: 400;
  text-decoration-style: solid;
}

.button.button-bets:hover {
  color: var(--primitives--green-dark);
  background-color: #fcfcfc;
}

.button.button-bassbet.button-project {
  background-image: linear-gradient(#0f5, #093 50%, #00804b 60%, #00665e);
  border: 2px solid #00ff8c;
  position: static;
}

.button.button-bassbet.button-project.button-home {
  position: relative;
}

.button.button-bassbet.button-project.button-home.button-loop {
  background-color: #ea5e00;
  background-image: none;
  border-style: none;
  border-radius: 48px;
  position: static;
}

.button.button-bassbet.button-project.button-home.button-loop.button-main {
  position: relative;
}

.div-block-14, .div-block-15, .div-block-16, .div-block-17, .div-block-18, .image-projects {
  justify-content: center;
  align-items: center;
  display: flex;
}

.bold-text {
  text-transform: none;
  font-weight: 400;
}

.div-block-19, .div-block-20 {
  text-align: center;
}

.av-intro {
  background-color: var(--color-bg);
  border-bottom: 0 solid #2a2a2a;
  align-items: center;
  min-height: 100vh;
  padding: 80px 48px 80px 70px;
  display: flex;
}

.av-intro.section-1 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  min-height: 80vh;
  padding-top: 60px;
  padding-bottom: 10px;
  line-height: 140%;
}

.av-intro.about-intro {
  min-height: 90vh;
  padding-top: 32px;
  padding-bottom: 32px;
}

.av-intro-inner {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: 3fr minmax(256px, .25fr);
  justify-content: stretch;
  align-items: start;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
}

.av-intro-content {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.av-intro-label {
  color: #888;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin: 0;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.av-intro-headline {
  color: #f0ede8;
  font-size: var(--space-lg);
  letter-spacing: -.02em;
  margin: 0;
  font-family: Times New Roman;
  font-weight: 400;
  line-height: 1.1;
}

.av-intro-bio {
  color: #a0a0a0;
  max-width: 620px;
  margin: 0;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 17px;
  line-height: 1.65;
}

.av-intro-cta {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.av-intro-cta.cta-end {
  justify-content: center;
  align-items: center;
}

.av-btn-primary {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #fff;
  background-color: #7b6fe8;
  border-radius: 8px;
  border: none;
  align-items: center;
  padding: 11px 22px;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color .2s ease, transform .15s ease, box-shadow .2s ease;
  display: inline-flex;
  min-height: 44px;
}
.av-btn-primary:hover {
  background-color: #6a5fd4;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(72,69,219,0.35);
}
.av-btn-primary:active {
  background-color: #6a5fd4;
  transform: translateY(0);
  box-shadow: none;
}

.av-btn-secondary {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #f0ede8;
  background-color: #0000;
  border: 1px solid #2a2a2a;
  border-radius: 100px;
  align-items: center;
  padding: 14px 28px;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
  transition: border-color .25s, transform .2s;
  display: inline-flex;
}

.av-skills {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  display: flex;
}

.av-skill-tag {
  color: #888;
  letter-spacing: .06em;
  background-color: #1a1a1a;
  border: 1px solid #2a2a2a;
  border-radius: 100px;
  padding: 6px 14px;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.av-intro-side {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-end;
  padding-top: 8px;
  display: flex;
}

.av-photo-wrap {
  background-color: #1a1a1a00;
  border: 1px #2a2a2a;
  border-radius: 0%;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 70%;
  height: 180px;
  display: flex;
  overflow: hidden;
}

.av-photo-initials {
  color: #7b6fe8;
  letter-spacing: -.02em;
  font-family: Playfair Display, Georgia, serif;
  font-size: 48px;
  font-weight: 700;
}

.av-cv-panel {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #1a1a1a;
  border: 1px solid #2a2a2a;
  border-radius: 16px;
  flex-direction: column;
  padding: 24px;
  display: flex;
}

.av-cv-top {
  border-bottom: 1px solid #2a2a2a;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px;
  display: flex;
}

.av-cv-title {
  color: #888;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 11px;
  font-weight: 500;
}

.av-cv-link {
  color: #7b6fe8;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 12px;
  text-decoration: none;
  transition: opacity .2s;
}

.av-cv-entry {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-direction: column;
  display: flex;
}

.av-cv-row {
  justify-content: space-between;
  align-items: baseline;
  display: flex;
}

.av-cv-co {
  color: #f0ede8;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.av-cv-yr {
  color: #888;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 11px;
}

.av-cv-role {
  color: #888;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.av-nav-links {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  margin-right: 8px;
  display: flex;
}

.av-nav-link {
  color: #888;
  letter-spacing: .08em;
  text-transform: uppercase;
  border-radius: 100px;
  padding: 8px 16px;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  transition: color .2s, background .2s;
}

.av-nav-active {
  color: #f0ede8;
}

.av-sidebar {
  z-index: 1000;
  box-sizing: border-box;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: var(--color-bg);
  border: 1px solid #000;
  border-right-color: #414141;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: auto;
  height: 100vh;
  padding: 85px 40px 32px 50px;
  display: flex;
  position: fixed;
  inset: 0% auto 0% 0%;
}

.av-sidebar-logo {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 48px;
  text-decoration: none;
  display: flex;
}

.av-logo-text {
  color: #f0ede8;
  letter-spacing: -.04em;
  font-family: Playfair Display, Georgia, serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
}

.av-sidebar-nav {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  flex: 1;
  padding-left: .1rem;
  display: flex;
}

.av-sidebar-link {
  color: #555;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 8px 0;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  transition: color .2s;
}

.av-sidebar-bottom {
  margin-top: auto;
  padding-top: 8px;
  padding-bottom: 8px;
}

.av-dark-toggle {
  cursor: pointer;
  background-color: #1a1a1a;
  border: 1px solid #2a2a2a;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 24px;
  transition: background .2s;
  display: flex;
}

.av-toggle-icon {
  color: #888;
  font-size: 14px;
}

.av-layout-spacer, .nav-bar {
  display: none;
}

.av-intro-1 {
  padding-left: 48px;
  padding-right: 48px;
}

.av-featured-section {
  background-color: var(--color-bg);
  border-bottom: 0 solid #1e1e1e;
  padding: 80px 48px;
}

.av-featured-section.section-2 {
  padding-bottom: 0;
}

.av-featured-inner {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-columns: 1fr 300px;
  align-items: stretch;
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
}

.av-section-label {
  color: #555;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin: 0 0 16px;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 11px;
  font-weight: 500;
}

.av-featured-title {
  color: #f0ede8;
  letter-spacing: -.02em;
  margin: 0 0 20px;
  font-family: Playfair Display, Georgia, serif;
  font-size: clamp(28px, 3vw, 44px);
  font-weight: 700;
  line-height: 1.15;
}

.av-featured-desc {
  color: #888;
  max-width: 560px;
  margin: 0 0 32px;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 16px;
  line-height: 1.65;
}

.av-featured-cta {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  color: #f0ede8;
  border: 1px solid #2a2a2a;
  border-radius: 100px;
  align-items: center;
  padding: 12px 24px;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: border-color .2s, transform .2s;
  display: inline-flex;
}

.av-cv-side {
  position: sticky;
  top: 32px;
}

.av-cv-card {
  background-color: var(--color-bg);
  -webkit-text-fill-color: inherit;
  background-clip: padding-box;
  border: 1px solid #0000;
  border-radius: 16px;
  padding: 24px;
  position: relative;
}

.av-cv-card-header {
  border-bottom: 1px solid #1e1e1e;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 16px;
  display: flex;
}

.av-cv-card-title {
  color: #555;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 11px;
  font-weight: 500;
}

.av-cv-card-link {
  color: #7b6fe8;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 16px;
  text-decoration: none;
  transition: opacity .2s;
}

.av-cv-card-item {
  margin-bottom: 16px;
}

.av-cv-card-row {
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 3px;
  display: flex;
}

.av-cv-card-co {
  color: #f0ede8;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.av-cv-card-badge {
  color: #fff;
  letter-spacing: .04em;
  background-color: #7b6fe8;
  border-radius: 100px;
  padding: 2px 8px;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 10px;
  font-weight: 500;
}

.av-cv-card-yr {
  color: #555;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 11px;
}

.av-cv-card-role {
  color: #666;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 13px;
}

.av-testimonials {
  background-color: var(--color-bg);
  border: 0 #000;
  padding: 40px 48px 100px;
}

.av-testimonials-inner {
  flex-flow: column;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
}

.av-testimonials-header {
  text-align: left;
  max-width: none;
  margin: 0 0 64px;
}

.av-testimonials-title {
  color: #f0ede8;
  letter-spacing: -.02em;
  margin: 0 0 24px;
  padding-top: 40px;
  padding-bottom: 20px;
  font-family: \"Playfair Displa;
  font-size: clamp(28px, 3.5vw, 52px);
  font-weight: 700;
  line-height: 1.15;
  display: block;
}

.av-testimonials-intro {
  color: #666;
  margin: 0;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 17px;
  line-height: 1.65;
}

.av-testimonials-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.av-quote-card {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #111;
  border: 1px solid #1e1e1e;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px;
  transition: border-color .25s, transform .25s;
  display: flex;
}

.av-quote-text {
  color: #aaa;
  margin: 0;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 15px;
  font-style: italic;
  line-height: 1.7;
}

.av-quote-author {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  display: flex;
}

.av-quote-avatar {
  color: #7b6fe8;
  letter-spacing: .05em;
  background-color: #1e1e1e;
  border: 1px solid #2a2a2a;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 11px;
  font-weight: 600;
  display: flex;
}

.av-quote-info {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  display: flex;
}

.av-quote-name {
  color: #f0ede8;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
}

.av-quote-role {
  color: #555;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 12px;
}

.av-sidebar-1 {
  z-index: 1000;
  box-sizing: border-box;
  background-color: #0e0e0e;
  border-right: 1px solid #1e1e1e;
  flex-direction: column;
  width: 160px;
  height: 100vh;
  padding: 32px 24px;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.av-sidebar-logo-1 {
  align-items: center;
  margin-bottom: 48px;
  text-decoration: none;
  display: flex;
}

.av-sidebar-active {
  color: #f0ede8;
}

.av-dark-toggle-1 {
  cursor: pointer;
  background-color: #1a1a1a;
  border: 1px solid #2a2a2a;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 24px;
  display: flex;
}

.about-hero {
  background-color: #0e0e0e;
  border-bottom: 1px solid #1e1e1e;
  padding: 80px 48px;
}

.about-hero-inner {
  max-width: 1000px;
}

.about-label {
  color: #555;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin: 0 0 24px;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
}

.about-headline {
  color: #f0ede8;
  letter-spacing: -.02em;
  max-width: 100%;
  margin: 0 0 48px;
  font-family: \"Playfair Displa;
  font-size: clamp(28px, 3.5vw, 50px);
  font-weight: 700;
  line-height: 1.15;
}

.about-photo-row {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  align-items: flex-start;
  display: flex;
}

.about-photo-circle {
  background-color: #1a1a1a;
  border: 1px solid #2a2a2a;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 160px;
  display: flex;
}

.about-photo-initials {
  color: #7b6fe8;
  font-family: Playfair Display, Georgia, serif;
  font-size: 40px;
  font-weight: 700;
}

.about-bio-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  display: flex;
}

.about-bio {
  color: #aaa;
  margin: 0;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 17px;
  line-height: 1.7;
}

.about-skills {
  background-color: #080808;
  border-bottom: 1px solid #1e1e1e;
  padding: 80px 48px;
}

.about-skills-inner {
  max-width: 1000px;
}

.about-section-title {
  color: #f0ede8;
  letter-spacing: -.02em;
  margin: 0 0 48px;
  padding-top: 64px;
  font-family: \"Playfair Displa;
  font-size: clamp(24px, 2.5vw, 40px);
  font-weight: 700;
  line-height: 1.2;
}

.about-section-title.inline-h2-0 {
  margin-top: 64px;
}

.about-skills-groups {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  display: flex;
}

.about-skill-group-title {
  color: #555;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin: 0 0 16px;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 11px;
  font-weight: 500;
}

.about-tags {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  display: flex;
}

.about-tags.tag-1 {
  margin-bottom: 64px;
}

.about-tag {
  color: #888;
  background-color: #141414;
  border: 1px solid #1e1e1e;
  border-radius: 100px;
  padding: 8px 16px;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 13px;
}

.about-tag-accent {
  color: #7b6fe8;
  background-color: #7b6fe814;
  border-color: #7b6fe84d;
}

.about-exp {
  background-color: #0e0e0e;
  padding: 80px 48px 100px;
}

.about-exp-inner {
  max-width: 1000px;
}

.about-exp-list {
  grid-row-gap: 0;
  grid-column-gap: 0;
  border-top: 1px solid #1e1e1e;
  flex-direction: column;
  display: flex;
}

.about-exp-item {
  border-bottom: 1px solid #1e1e1e;
  padding: 40px 0;
}

.about-exp-meta {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 8px;
  display: flex;
}

.about-exp-co {
  color: #f0ede8;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.about-exp-badge {
  color: #fff;
  background-color: #7b6fe8;
  border-radius: 100px;
  padding: 3px 10px;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 10px;
  font-weight: 600;
}

.about-exp-loc {
  color: #555;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 13px;
}

.about-exp-role {
  color: #f0ede8;
  margin-bottom: 4px;
  font-family: Playfair Display, Georgia, serif;
  font-size: 20px;
  font-weight: 600;
}

.about-exp-date {
  color: #555;
  margin-bottom: 16px;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 13px;
}

.about-exp-bullets {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-direction: column;
  margin: 0;
  padding-left: 20px;
  display: flex;
}

.about-edu-grid {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.about-edu-item {
  background-color: #111;
  border: 1px solid #1e1e1e;
  border-radius: 16px;
  padding: 28px;
}

.about-edu-school {
  color: #555;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 8px;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 11px;
  font-weight: 500;
}

.about-edu-degree {
  color: #f0ede8;
  margin-bottom: 6px;
  font-family: Playfair Display, Georgia, serif;
  font-size: 20px;
  font-weight: 700;
}

.about-edu-date {
  color: #7b6fe8;
  margin-bottom: 10px;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 13px;
}

.about-edu-desc {
  color: #666;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 14px;
  line-height: 1.6;
}

.av-work-section {
  background-color: var(--color-bg);
  padding: 80px 48px;
}

.av-work-section.section-3 {
  padding-top: 10px;
}

.av-work-section.about-work {
  padding-top: 32px;
}

.av-work-inner {
  max-width: 1200px;
  margin: 0 auto;
}

.av-work-inner.about-exp {
  padding-left: 0;
  padding-right: 0;
}

.av-work-header {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 28px;
  display: flex;
}

.av-work-eyebrow {
  color: #555;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 11px;
}

.av-work-view-all {
  color: #888;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 13px;
  text-decoration: none;
  transition: color .2s;
}

.av-bento-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 220px;
  margin-left: auto;
  display: grid;
}

.av-bento-card {
  background-color: #1a1a1a;
  border: 1px solid #242424;
  border-radius: 14px;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  text-decoration: none;
  transition: transform .25s, border-color .25s, box-shadow .25s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.av-bento-card.av-fade {
  background-image: url('../images/Cryllet.jpg');
  background-position: 0 0;
  background-size: cover;
}

.av-bento-card.av-fade.closed-loop {
  background-color: #1a1a1a00;
  background-image: url('../images/closedLoop.jpg');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.av-bento-card.av-fade.kinstik-card {
  background-image: url('../images/Kinstik.jpg');
}

.av-bento-card.av-bento-card--teal.av-fade {
  background-image: url('../images/betsGo.jpg');
  background-size: cover;
}

.av-bento-card.av-bento-card--tall.av-fade {
  background-image: url('../images/Top10Casino.jpg');
  background-position: 100% 0;
  background-size: cover;
}

.av-bento-card.av-bento-card--wide.av-bento-card--violet.av-fade {
  background-image: url('../images/OSC-Design-System.jpg');
  background-position: 0 0;
  background-size: cover;
}

.av-bento-card--wide {
  grid-column-start: span 2;
}

.av-bento-card--tall {
  grid-row-start: span 2;
}

.av-bento-card--violet {
  background-image: linear-gradient(145deg, #1c1235, #2b1a5e);
  border-color: #3a2880;
}

.av-bento-card--teal {
  background-image: linear-gradient(145deg, #0a2020, #0b3330);
  border-color: #145550;
}

.av-card-tag {
  color: #555;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 10px;
  display: block;
}

.av-card-title {
  color: #f0ede8;
  flex: 1;
  align-items: flex-end;
  margin: 0;
  padding-bottom: 10px;
  font-family: \"Playfair Displa;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  display: flex;
}

.av-card-title.av-long-card {
  max-width: 75%;
}

.av-card-arrow {
  color: #333;
  font-size: 16px;
  line-height: 1;
  transition: color .2s, transform .2s;
  position: absolute;
  top: 18px;
  right: 18px;
}

.image-15 {
  padding-bottom: 8px;
}

.cs-hero {
  background-image: linear-gradient(140deg, #1a0f3a 0%, #2a338a 40%, #4480d0 75%, #50ada0 100%);
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 440px;
  padding: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cs-hero.av-fade {
  background-image: url('../images/test33.jpg');
  background-position: 50% 0;
  background-repeat: repeat-y;
  background-size: cover;
  justify-content: center;
  align-items: flex-end;
}

.cs-hero.av-fade.main-hero {
  background-image: url('../images/BackgroundLoop.jpg');
  justify-content: center;
  align-items: center;
  padding-left: 196px;
}

.cs-hero.av-fade.main-hero.hero-bassbet {
  background-image: url('../images/test33.jpg');
}

.cs-hero.av-fade.hero-2 {
  background-image: url('../images/background22.jpg');
  padding-left: 200px;
}

.cs-hero.av-fade.hero-2.loop-hero-2 {
  background-image: url('../images/BackgroundLoop.jpg');
}

.cs-hero-tag {
  color: #ffffff59;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 10px;
  position: absolute;
  bottom: 24px;
  left: 32px;
}

.cs-hero-phones {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 20px;
  display: flex;
}

.cs-ph {
  color: #bbb;
  background-color: #ffffffe0;
  border: 6px solid #00000080;
  border-radius: 26px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 310px;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 11px;
  display: flex;
  box-shadow: 0 20px 50px #00000080;
}

.cs-ph-up {
  transform: translateY(-28px);
}

.cs-ph-mid {
  transform: translateY(-14px);
}

.cs-intro {
  max-width: 1200px;
  margin: 0 auto;
  padding: 64px 32px;
}

.cs-intro.av-fade {
  padding-left: 250px;
}

.cs-main-title {
  color: #f0ede8;
  max-width: 860px;
  margin: 0 0 28px;
  font-family: Playfair Display, Georgia, serif;
  font-size: clamp(30px, 3.5vw, 50px);
  font-weight: 700;
  line-height: 1.15;
}

.cs-intro-body {
  color: #888;
  max-width: 820px;
  margin: 0 0 48px;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 18px;
  line-height: 1.75;
}

.cs-meta-grid {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  border-top: 1px solid #1e1e1e;
  grid-template-columns: 55% 38%;
  padding-top: 40px;
  display: grid;
}

.cs-meta-lbl {
  color: #f0ede8;
  margin: 0 0 8px;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.cs-meta-lbl.inline-p-0 {
  margin-top: 20px;
}

.cs-meta-txt {
  color: #666;
  margin: 0;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 15px;
  line-height: 1.65;
}

.cs-section {
  max-width: 1200px;
  margin: 0 auto;
  padding: 72px 32px;
}

.cs-section.av-fade {
  padding-left: 250px;
}

.cs-section.av-fade.inline-section-0 {
  padding-bottom: 120px;
}

.cs-cgrid {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 30% 1fr;
  align-items: start;
  display: grid;
}

.cs-cleft {
  padding-right: 8px;
}

.cs-eye {
  color: #555;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-family: \"Power Grotes;
  font-size: 11px;
  display: block;
}

.cs-stitle {
  color: #f0ede8;
  margin: 0;
  font-family: Playfair Display, Georgia, serif;
  font-size: clamp(20px, 2vw, 28px);
  font-weight: 700;
  line-height: 1.25;
}

.cs-bt {
  color: #888;
  margin: 0 0 24px;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 17px;
  line-height: 1.75;
}

.cs-q {
  background-color: #141414;
  border: 1px solid #242424;
  border-radius: 14px;
  margin: 32px 0 0;
  padding: 32px 36px;
}

.cs-qt {
  color: #f0ede8;
  margin: 0 0 16px;
  font-family: Playfair Display, Georgia, serif;
  font-size: clamp(17px, 1.8vw, 22px);
  font-style: normal;
  font-weight: 700;
  line-height: 1.45;
}

.cs-qc {
  color: #555;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 13px;
  font-style: normal;
  display: block;
}

.cs-imgbreak {
  background-image: linear-gradient(145deg, #1c1235, #2b1a5e 50%, #1a3560);
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 400px;
  display: flex;
}

.cs-imglbl {
  color: #fff3;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 12px;
}

.inline-a-0 {
  color: #f0ede8;
  margin-bottom: 48px;
  font-family: Playfair Display, serif;
  font-size: 22px;
  font-weight: 700;
  text-decoration: none;
  display: block;
}

.inline-nav-0 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.inline-span-0 {
  color: #888;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 13px;
}

.inline-div-0 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.cs-bthen {
  color: #f0ede8;
  margin: 0 0 28px;
  font-family: Playfair Display, Georgia, serif;
  font-size: clamp(26px, 2.8vw, 38px);
  font-weight: 700;
}

.cs-res-wrap {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 32px 80px;
}

.cs-res-wrap.av-fade {
  padding-left: 250px;
  padding-right: 100px;
}

.cs-res-card {
  background-color: #141414;
  border-radius: 16px;
  padding: 48px;
  position: relative;
  overflow: hidden;
}

.cs-res-title {
  color: #f0ede8;
  margin: 0 0 20px;
  font-family: Playfair Display, Georgia, serif;
  font-size: 36px;
  font-weight: 700;
}

.cs-res-body {
  color: #888;
  margin: 0;
  font-family: Power Grotesk, Inter, sans-serif;
  font-size: 17px;
  line-height: 1.75;
}

.div-block-21 {
  box-sizing: border-box;
  object-fit: fill;
  border: 1px solid #afafaf;
}

.av-fc {
  width: 100%;
}

.av-fc.av-fade {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.av-fc-card {
  background-color: var(--color-bg);
  border: 2px solid #8d8d8d69;
  border-radius: 20px;
  flex-direction: column;
  min-height: 400px;
  display: flex;
  overflow: hidden;
}

.av-fc-slide {
  flex: 1;
  display: none;
}

.av-fc-slide.av-s-on {
  animation: .4s avFcIn;
  display: flex;
}

.av-fc-body {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: center;
  padding: 28px 24px 16px;
  display: flex;
}

.av-fc-left {
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-width: 0;
  display: flex;
}

.av-fc-lbl {
  color: #555;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin: 0 0 14px;
  font-size: 10px;
  display: block;
}

.av-fc-ttl {
  color: #f0ede8;
  margin: 0 0 14px;
  font-family: Playfair Display, Georgia, serif;
  font-size: clamp(22px, 2.4vw, 34px);
  font-weight: 700;
  line-height: 1.22;
}

.av-fc-dsc {
  color: #f0f0f0;
  max-width: 360px;
  margin: 0 0 24px;
  font-size: 14px;
  line-height: 1.7;
}

.av-fc-btn {
  color: #f0ede8;
  -webkit-text-stroke-color: #fff;
  border: 1px solid #747474;
  border-radius: 8px;
  align-items: center;
  padding: 9px 18px;
  font-size: 13px;
  text-decoration: none;
  display: block;
}

.av-fc-vis {
  flex: 0 0 180px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 180px;
  display: flex;
  position: relative;
}

.av-fc-nav {
  justify-content: center;
  padding-bottom: 28px;
  display: flex;
}

.av-fc-pill {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  background-color: #181818;
  border: 1px solid #252525;
  border-radius: 50px;
  padding: 5px;
  display: inline-flex;
}

.av-fc-nb {
  color: #555;
  cursor: pointer;
  border-style: none;
  border-radius: 38px;
  justify-content: center;
  align-items: center;
  width: 42px;
  height: 42px;
  font-size: 16px;
  transition: background .25s, color .25s;
  display: flex;
}

.av-fc-nb.av-nb-on {
  color: #0e0e0e;
  background-color: #f0ede8;
}

.av-v0 {
  width: 240px;
  height: 240px;
  position: relative;
}

.av-ring {
  border: 1px solid #ffffff1a;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.av-ring-a {
  width: 70px;
  height: 70px;
}

.av-ring-b {
  width: 138px;
  height: 138px;
}

.av-ring-c {
  width: 206px;
  height: 206px;
}

.av-ow {
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 50%;
}

.av-ow-a {
  animation: 3s linear infinite avRot;
}

.av-ow-b {
  animation: 5.5s linear infinite reverse avRot;
}

.av-ow-c {
  animation: 8s linear infinite avRot;
}

.av-od {
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin: -5px;
  position: absolute;
}

.av-v1 {
  perspective: 450px;
  justify-content: center;
  align-items: center;
  width: 240px;
  height: 240px;
  display: flex;
}

.av-cube {
  width: 90px;
  height: 90px;
  transform-style: preserve-3d;
  animation: 7s ease-in-out infinite avCub;
  position: relative;
}

.av-cf {
  background-color: #785adc1f;
  border: 1px solid #c8b4ff33;
  width: 90px;
  height: 90px;
  position: absolute;
}

.av-v2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: repeat(3, 56px);
  grid-template-columns: repeat(3, 56px);
  display: grid;
}

.av-gs {
  background-color: #1c1c1c;
  border: 1px solid #2a2a2a;
  border-radius: 8px;
  animation: 2.2s ease-in-out infinite avGsP;
}

.av-v3 {
  width: 240px;
  height: 240px;
  position: relative;
}

.av-sp {
  animation: 2s ease-in-out infinite avSpT;
  position: absolute;
}

.image-16 {
  box-sizing: border-box;
  aspect-ratio: 3 / 2;
  object-fit: contain;
  max-width: none;
  font-size: 100%;
}

.cs-hero-1 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #0e0e0e;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 48px 24px 40px;
  display: flex;
}

.cs-hero-content {
  flex: 1;
  max-width: 700px;
}

.cs-label {
  color: #888;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 16px;
  font-size: 12px;
  display: block;
}

.cs-h1 {
  color: #f0ede8;
  margin: 0 0 20px;
  font-family: Times New Roman, serif;
  font-size: 36px;
  line-height: 1.05;
}

.cs-sub {
  color: #aaa;
  margin: 0 0 40px;
  font-size: 18px;
  line-height: 1.6;
}

.cs-stats {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  margin-bottom: 32px;
  display: flex;
}

.cs-stat {
  flex-direction: column;
  display: flex;
}

.cs-stat-n {
  color: #7469f0;
  margin-bottom: 4px;
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
}

.cs-stat-l {
  color: #888;
  font-size: 13px;
}

.cs-role {
  color: #888;
  border-top: 1px solid #1a1a1a;
  padding-top: 20px;
  font-size: 14px;
}

.cs-hero-phones-1 {
  background-color: #141414;
  border-radius: 16px;
  flex-shrink: 0;
  width: 100%;
  min-height: 180px;
}

.cs-intro-s {
  background-color: #0e0e0e;
  padding: 0 24px 40px;
}

.cs-intro-inner {
  border-left: 3px solid #7469f0;
  max-width: 700px;
  padding-left: 24px;
}

.cs-intro-text {
  color: #c8c5be;
  margin: 0;
  font-size: 20px;
  line-height: 1.7;
}

.bassbet-image-1 {
  display: block;
}

.bassbet-image-1.bassbet-image-3 {
  max-width: 35%;
}

.bassbet-image-1.loop-image-1 {
  object-fit: contain;
}

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

.div-block-22 {
  display: flex;
}

.list-item {
  color: #888;
  padding-bottom: 20px;
  font-family: Redhattext Variablefont Wght, Arial, sans-serif;
}

.list-item-2, .list-item-3 {
  color: #888;
  padding-bottom: 20px;
}

.div-block-24 {
  padding-bottom: 24px;
}

.text-long-card {
  max-width: 75%;
}

@media screen and (min-width: 1920px) {
  .section.hero-section {
    padding-top: 63px;
  }

  .section.hero-section.footer-section {
    color: var(--primitives--white);
    background-image: linear-gradient(#000, #000);
  }

  .section.hero-section.project-hero {
    background-image: url('../images/Background.jpg');
    background-position: 50% 0;
  }

  .section.hero-section.project-hero.projrct-22 {
    background-image: url('../images/top10-casinosbg.png');
  }

  .body.mode-product.closed-loopbody {
    background-image: none;
  }

  .text-block {
    font-size: 19px;
  }

  .text-block.text-loop {
    padding-bottom: 20px;
  }

  .div-block-6.hero-block {
    margin-top: 311px;
  }

  .div-block-6.hero-block.hero-block-music {
    margin-top: 0;
  }

  .image-5.img-5 {
    top: 322px;
    left: 224px;
  }

  .image-9.image-hero {
    height: 85vh;
    bottom: -78%;
    right: 22%;
  }

  .image-9.image-hero.hero-snowboard {
    height: 95vh;
    bottom: -67%;
    right: 22%;
  }

  .image-9.image-hero.hero-music {
    height: 100vh;
    bottom: -35%;
    right: 20%;
  }

  .section-project {
    flex-flow: row;
  }

  .section-project.bassbet.last-section {
    padding-bottom: 90px;
  }

  .heading-2.heading-bassbet {
    color: var(--primitives--white);
    -webkit-text-stroke-color: var(--primitives--white);
    font-size: 32px;
  }

  .text-block-5 {
    color: var(--primitives--white);
    font-size: 17px;
  }

  .text-block-5.text-cryllet {
    color: var(--primitives--black);
    font-weight: 500;
  }

  .text-block-6.text-bassbet {
    color: var(--primitives--white);
  }

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

  .button.button-bassbet {
    background-image: linear-gradient(#0f5, #093 50%, #00804b 60%, #00665e);
    border: 2px solid #00ff8c;
    border-radius: 12px;
    display: inline-block;
    position: relative;
  }

  .button.button-bassbet.button-project {
    position: static;
  }

  .button.button-bassbet.button-project.button-home.button-loop {
    background-color: #ea5e00;
    background-image: none;
    border-style: none;
    border-width: 0;
    border-radius: 48px;
    position: static;
  }

  .div-block-19, .div-block-20 {
    text-align: center;
  }

  .av-intro {
    padding-left: 15px;
    padding-right: 0;
  }

  .av-intro-inner {
    grid-column-gap: 13px;
    grid-row-gap: 45px;
    grid-template-rows: auto;
    grid-template-columns: 1fr .25fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    place-items: start stretch;
    display: grid;
  }

  .av-intro-headline {
    font-size: var(--space-lg);
    font-weight: 500;
  }

  .av-intro-bio {
    font-size: var(--space-sm);
    font-weight: 400;
  }

  .av-photo-wrap {
    border-style: none;
    border-radius: 0%;
    width: 100%;
  }

  .av-sidebar {
    position: fixed;
    inset: 0% auto 0% 0%;
  }

  .av-sidebar-nav {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    justify-content: flex-start;
    align-items: stretch;
  }

  .av-sidebar-link {
    font-size: 16px;
  }

  .av-testimonials-inner {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: left;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .av-testimonials-header {
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }

  .av-testimonials-title {
    text-align: left;
    justify-content: flex-start;
    align-items: stretch;
    margin-top: 0;
    padding-bottom: 20px;
    display: flex;
  }

  .av-testimonials-intro {
    text-align: left;
  }

  .av-quote-card {
    background-color: #e4e4e4;
  }

  .av-quote-text {
    color: #474747;
  }

  .av-quote-name {
    color: #464646;
  }

  .av-bento-card.av-bento-card--wide.av-bento-card--violet.av-fade {
    background-position: 0 0;
  }

  .image-15 {
    padding-bottom: 8px;
  }

  .cs-hero.av-fade.main-hero {
    padding-left: 0;
  }

  .cs-intro.av-fade, .cs-section.av-fade, .cs-section.av-fade.inline-section-0 {
    padding-left: 40px;
  }

  .image-16 {
    aspect-ratio: 3 / 2;
  }

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

@media screen and (max-width: 991px) {
  .text-h1 {
    font-size: 60px;
  }

  .text-h1.h1-product {
    z-index: 50;
    position: relative;
  }

  .text-text-large {
    font-size: 32px;
  }

  .text-text-large.blend-text {
    height: 20vh;
  }

  .section.section-proyects {
    text-align: left;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 300px;
    display: flex;
  }

  .section.section-proyects.proyect2 {
    padding-bottom: 400px;
  }

  .section.section-proyects.project4 {
    padding-bottom: 353px;
  }

  .section.section-proyects.project6 {
    padding-bottom: 400px;
  }

  .container.nav-container {
    justify-content: space-around;
    align-items: stretch;
    display: block;
  }

  .container.hero-container {
    z-index: 0;
  }

  ._2-col-grid {
    flex-flow: column;
    display: flex;
  }

  .text-block.text-loop {
    padding-bottom: 20px;
  }

  .flex-h {
    flex-flow: column;
    align-items: stretch;
  }

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

  .btn {
    grid-column-gap: 14px;
    grid-row-gap: 14px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: inline-flex;
  }

  .image {
    order: -1;
  }

  .meet-grid {
    flex-flow: column;
    display: flex;
  }

  .nav-link {
    border: 1px solid #000;
    border-bottom-color: #ffffff26;
    border-radius: 0;
    padding-left: 0;
  }

  .nav-logo {
    width: auto;
    height: 40px;
  }

  .nav-menu-icon.w--open {
    background-color: #c8c8c800;
  }

  .nav-menu {
    background-color: #000;
    border: 0 solid #ffffff1f;
    border-radius: 0 0 8px 8px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
    box-shadow: 0 2px 13px 4px #ffffff1c;
  }

  .mobile-menu-image {
    object-fit: cover;
    border-radius: 8px;
    width: 100%;
    height: 250px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
  }

  .div-block-4 {
    margin-bottom: 100px;
  }

  .image-4 {
    vertical-align: baseline;
    max-width: 60%;
    height: auto;
    display: inline-block;
    left: 166px;
  }

  .image-4.img4-2 {
    height: auto;
    left: 188px;
  }

  .image-4.img44 {
    left: 168px;
  }

  .div-block-10.blend-scope {
    flex-flow: row;
    justify-content: center;
    align-items: flex-start;
    display: block;
  }

  .image-5 {
    max-width: 40%;
    top: 285px;
    left: 72px;
  }

  .image-5.img5-3 {
    inset: auto 11% -44% auto;
  }

  .image-5.img-5 {
    inset: auto auto -51% 9%;
  }

  .image-5.img-5.img55 {
    inset: auto auto -63% 12%;
  }

  .image-6 {
    bottom: -35%;
    right: 15%;
  }

  .image-6.img-2 {
    max-width: 40%;
    top: 124%;
    right: 39%;
  }

  .image-6.img-2.img2-3 {
    height: auto;
    right: 17%;
  }

  .image-6.img6-3 {
    max-width: 25%;
    right: 15%;
  }

  .image-6.img6-3.img64 {
    max-width: 22%;
    inset: auto 13% -44% auto;
  }

  .image-9.image-hero {
    z-index: 0;
    height: 95vh;
    bottom: -252%;
    right: 21%;
  }

  .image-9.image-hero.hero-snowboard {
    height: 95vh;
    bottom: -160%;
    right: 17%;
  }

  .image-9.image-hero.hero-music {
    height: 95vh;
    bottom: -140%;
    right: 10%;
  }

  .button {
    bottom: -339px;
    left: 250px;
  }

  .button.button-top10 {
    bottom: -234px;
    left: 250px;
  }

  .button.button-biddie {
    bottom: -226px;
    left: 250px;
  }

  .button.button-kinstik {
    bottom: -306px;
    left: 250px;
  }

  .button.button-simind {
    bottom: -254px;
    left: 250px;
  }

  .button.button-bets {
    bottom: -232px;
  }

  .button.button-bassbet.button-project.button-home {
    bottom: -254px;
  }

  .av-intro {
    padding: 60px 24px;
  }

  .av-intro-inner {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
    place-items: start stretch;
    margin-top: 0;
    padding-top: 60px;
  }

  .av-intro-side {
    flex-flow: wrap;
    align-items: flex-start;
  }

  .av-photo-wrap {
    height: 100%;
  }

  .av-sidebar {
    z-index: 1000;
    border-bottom: 1px solid #1e1e1e;
    border-right-style: none;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 16px 24px;
    position: absolute;
    inset: 0% 0% auto;
  }

  .av-sidebar-logo {
    margin-bottom: 0;
  }

  .av-sidebar-nav {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: row;
    flex: 0;
  }

  .av-sidebar-bottom {
    margin-top: 0;
  }

  .nav-bar {
    display: none;
  }

  .av-featured-section {
    padding: 60px 24px;
  }

  .av-featured-inner {
    grid-template-columns: 1fr;
  }

  .av-cv-side {
    position: static;
  }

  .av-testimonials {
    padding: 64px 24px;
  }

  .av-testimonials-header {
    text-align: left;
  }

  .av-testimonials-grid {
    grid-template-columns: 1fr;
  }

  .av-sidebar-1 {
    border-bottom: 1px solid #1e1e1e;
    border-right-style: none;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 16px 24px;
    position: fixed;
    top: 0;
  }

  .av-sidebar-logo-1 {
    margin-bottom: 0;
  }

  .about-hero {
    padding: 60px 24px;
  }

  .about-photo-row {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-direction: column;
  }

  .about-skills {
    padding: 60px 24px;
  }

  .about-exp {
    padding: 60px 24px 80px;
  }

  .about-edu-grid {
    grid-template-columns: 1fr;
  }

  .cs-intro.av-fade, .cs-section.av-fade {
    padding-left: 30px;
  }

  .cs-res-wrap.av-fade {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (max-width: 767px) {
  .text-h1.footer-heading.footer-heading-music {
    text-align: center;
  }

  .text-text-large {
    font-size: 32px;
  }

  .section.section-proyects {
    justify-content: center;
    align-items: flex-start;
  }

  .container.hero-container.footer-container {
    justify-content: space-between;
    align-items: center;
  }

  .text-block.text-loop {
    padding-bottom: 20px;
  }

  .btn.btn-menu {
    display: block;
  }

  .meet-grid {
    flex-flow: column;
    display: flex;
  }

  .image-4.img4-2 {
    left: 81px;
  }

  .image-4.img-responsive1 {
    left: 150px;
  }

  .div-block-10.blend-scope {
    flex-flow: column;
    display: block;
    left: 0;
  }

  .image-5 {
    top: 200px;
    left: 87px;
  }

  .image-6 {
    max-width: 40%;
    height: 120px;
    font-size: 15px;
    bottom: -39%;
    right: 6%;
  }

  .image-6.img6-3 {
    max-width: 100%;
    height: 81px;
    right: 7%;
  }

  .image-9.image-hero {
    right: 10%;
  }

  .image-9.image-hero.hero-snowboard {
    bottom: -195%;
    right: 6%;
  }

  .image-9.image-hero.hero-music {
    bottom: -156%;
    right: 2%;
  }

  .button {
    left: 206px;
  }

  .button.button-bets {
    bottom: -277px;
  }

  .av-intro {
    min-height: auto;
    padding: 48px 20px;
  }

  .av-intro-headline {
    font-size: var(--space-md);
  }

  .av-intro-side {
    flex-direction: column;
  }

  .av-photo-wrap {
    width: 100%;
    height: 120px;
  }

  .av-sidebar-nav {
    display: none;
  }

  .av-featured-section, .av-testimonials {
    padding: 48px 20px;
  }

  .av-quote-card {
    padding: 24px;
  }

  .about-hero {
    padding: 48px 20px;
  }

  .about-photo-circle {
    width: 100px;
    height: 100px;
  }

  .about-skills, .about-exp {
    padding: 48px 20px;
  }
}

@media screen and (max-width: 479px) {
  .text-h1 {
    font-size: 32px;
  }

  .text-h1.footer-heading {
    text-align: center;
    font-size: 9vw;
  }

  .text-h1.footer-heading.ft-heading2 {
    text-align: center;
    font-size: 8vw;
  }

  .text-h1.h1-product {
    font-size: 50px;
  }

  .text-text-large.blend-text {
    justify-content: center;
    align-items: center;
    height: 31vh;
    padding-left: 0;
  }

  .section {
    padding: 24px;
  }

  .section.hero-section {
    padding-left: 0;
    padding-right: 0;
  }

  .section.hero-section.footer-section {
    padding-top: 0;
  }

  .section.hero-section.project-hero.closedloop-section {
    padding-left: 16px;
    padding-right: 16px;
  }

  .section.nav-bar {
    mix-blend-mode: normal;
    background-color: #0000;
    padding-left: 12px;
    padding-right: 12px;
  }

  .section.section-proyects {
    justify-content: center;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 221px;
  }

  .section.section-proyects.proyect2 {
    padding-bottom: 295px;
  }

  .section.section-proyects.project {
    padding-bottom: 213px;
  }

  .section.section-proyects.project4 {
    padding-bottom: 327px;
  }

  .section.section-proyects.project5 {
    padding-bottom: 257px;
  }

  .section.section-proyects.project6 {
    padding-bottom: 331px;
  }

  .container.hero-container {
    padding-left: 0;
    padding-right: 0;
  }

  .container.hero-container.footer-container {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .container.hero-container.footer-container.footer-container2 {
    justify-content: space-between;
    align-items: center;
  }

  .container.hero-container.footer-container.footer-container2.last-container {
    text-align: center;
    flex-flow: column;
    display: block;
  }

  .text-block {
    font-size: 12px;
  }

  .text-block.text-loop {
    padding-bottom: 35px;
  }

  .secondary-content {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
  }

  .nav-link {
    border-style: none;
    border-color: #000;
    padding-top: 40px;
  }

  .nav-menu {
    padding-bottom: 0;
  }

  .div-block-4 {
    margin-bottom: 29px;
  }

  .div-block-6 {
    margin-top: 0;
  }

  .div-block-6.hero-block {
    color: #fff;
    margin-top: 101px;
  }

  .div-block-7 {
    color: #fff0;
  }

  .grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-auto-flow: column;
    display: flex;
  }

  .grid.footer-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: center;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: grid;
  }

  .div-block-8 {
    text-align: center;
    justify-content: center;
    align-items: center;
    padding-bottom: 16px;
    display: block;
  }

  .link.hero-link.no-hover.footer-link {
    justify-content: center;
    align-items: center;
  }

  .div-block-9 {
    text-align: center;
  }

  .image-4, .image-4.img4-2 {
    max-width: 80%;
    left: 0;
  }

  .image-4.img44 {
    left: 0;
  }

  .image-4.img-responsive1 {
    max-width: 80%;
    line-height: 80%;
    left: 0;
  }

  .div-block-10.blend-scope {
    text-align: center;
    align-self: center;
    line-height: 100%;
    display: block;
    left: 0;
    right: 0;
  }

  .image-5 {
    max-width: 60%;
    inset: auto auto -63% 22%;
  }

  .image-5.img5-3 {
    bottom: -61%;
    left: 20%;
  }

  .image-5.img5-3.img5-4 {
    max-width: 70%;
    left: 15%;
  }

  .image-5.img-5 {
    bottom: -85%;
    left: 20%;
  }

  .image-5.img-5.img55 {
    bottom: -77%;
    left: 20%;
  }

  .image-6 {
    max-width: 40%;
    height: 60px;
    inset: -43% 27% auto auto;
  }

  .image-6.img-2 {
    max-width: 100%;
    height: 105px;
    top: 147%;
    right: 25%;
  }

  .image-6.img-2.img2-3 {
    max-width: 60%;
    height: auto;
    right: 20%;
  }

  .image-6.img6-3 {
    max-width: 100%;
    height: 60px;
    inset: -37% 0% auto 28%;
  }

  .image-6.img6-3.img64 {
    max-width: 30%;
    inset: -51% auto auto 35%;
  }

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

  .image-8 {
    max-width: 100%;
  }

  .image-9.image-hero {
    max-width: none;
    height: 700px;
    bottom: -236%;
    right: -4%;
  }

  .image-9.image-hero.hero-snowboard {
    height: 95vh;
    bottom: -250%;
    right: -15%;
  }

  .image-9.image-hero.hero-music {
    height: 70vh;
    bottom: -160%;
    right: -15%;
  }

  .section-project {
    padding-left: 16px;
    padding-right: 16px;
  }

  .image-11 {
    max-width: 100%;
  }

  .image-11.image-top10 {
    width: 40vh;
  }

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

  .grid-3, .grid-4 {
    grid-template-columns: 1fr;
  }

  .button {
    padding-left: 20px;
    padding-right: 20px;
    bottom: -239px;
    left: 0;
  }

  .button.button-top10 {
    bottom: -191px;
    left: 0;
  }

  .button.button-biddie {
    bottom: -182px;
    left: 0;
  }

  .button.button-kinstik {
    padding-left: 30px;
    padding-right: 30px;
    left: 0;
  }

  .button.button-simind {
    bottom: -222px;
    left: 0;
  }

  .button.button-bets {
    bottom: -158px;
  }

  .button.button-bassbet.button-project.button-home {
    position: relative;
    bottom: -185px;
  }

  .av-intro.section-1 {
    padding-top: 0;
  }

  .av-intro-inner {
    grid-auto-flow: row;
    padding-top: 10px;
  }

  .av-photo-wrap {
    width: auto;
    display: none;
  }

  .av-sidebar {
    inset: 0% 0% auto;
  }

  .cs-hero.av-fade.hero-2 {
    justify-content: center;
    align-items: center;
    min-height: 200px;
    padding: 20px 20px 0;
  }

  .cs-meta-grid {
    grid-template-columns: 55%;
    grid-auto-flow: row;
    justify-items: stretch;
    display: block;
  }

  .cs-meta-txt {
    display: block;
  }

  .cs-cgrid {
    grid-template-columns: 30%;
    display: block;
  }

  .cs-q {
    padding-left: 13px;
    padding-right: 13px;
  }

  .cs-res-wrap.av-fade {
    padding-left: 12px;
    padding-right: 12px;
  }

  .cs-res-card {
    padding: 20px 16px;
  }
}

#w-node-_74f530c5-6353-0fdc-04f5-5bc3716b0343-4936c621 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-a95e1118-aae3-7ade-9158-36a690cc3092-4eba22c2, #w-node-_9cec2f21-d2a9-17e1-5edb-9fc9f2072f8c-4eba22c2, #w-node-dc0607cc-9b74-852b-c581-58f6d91e3106-4eba22c2, #w-node-_341d4c3b-3e16-3baa-f1ca-2bbf784ed5f8-4eba22c2, #w-node-_341d4c3b-3e16-3baa-f1ca-2bbf784ed5fb-4eba22c2, #w-node-_341d4c3b-3e16-3baa-f1ca-2bbf784ed5fe-4eba22c2 {
  place-self: center;
}

#w-node-be4a4ef6-526f-81e2-7bf1-e9b3c2cc68ae-4eba22c2 {
  place-self: center start;
}

#w-node-be4a4ef6-526f-81e2-7bf1-e9b3c2cc68b9-4eba22c2, #w-node-be4a4ef6-526f-81e2-7bf1-e9b3c2cc68be-4eba22c2 {
  place-self: start center;
}

#w-node-a95e1118-aae3-7ade-9158-36a690cc3092-f6382c94, #w-node-_9cec2f21-d2a9-17e1-5edb-9fc9f2072f8c-f6382c94, #w-node-dc0607cc-9b74-852b-c581-58f6d91e3106-f6382c94, #w-node-_341d4c3b-3e16-3baa-f1ca-2bbf784ed5f8-f6382c94, #w-node-_341d4c3b-3e16-3baa-f1ca-2bbf784ed5fb-f6382c94, #w-node-_341d4c3b-3e16-3baa-f1ca-2bbf784ed5fe-f6382c94 {
  place-self: center;
}

#w-node-_3e3952ba-339f-a09c-5706-0236d2390a1c-f6382c94 {
  place-self: center start;
}

#w-node-_3e3952ba-339f-a09c-5706-0236d2390a27-f6382c94, #w-node-_3e3952ba-339f-a09c-5706-0236d2390a2c-f6382c94 {
  place-self: start center;
}

#w-node-_02fb3065-fc90-6310-7e88-6b7ecb602050-ba8ac694 {
  align-self: start;
}

#w-node-_517216c8-055a-dff8-1492-9302cc00f51a-ba8ac694 {
  place-self: center start;
}

#w-node-_7ff687a3-5a6e-07f6-0941-1e7daf59de0d-ba8ac694 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: stretch stretch;
}

#w-node-_7ff687a3-5a6e-07f6-0941-1e7daf59de0a-ba8ac694 {
  place-self: stretch stretch;
}

#w-node-c7079ea5-1b4a-9dca-fe1a-ba21db72f7c9-ba8ac694 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a682f733-d016-24cf-590c-4e8cfc885693-ba8ac694 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: stretch stretch;
}

#w-node-_02fb3065-fc90-6310-7e88-6b7ecb602050-9d7522df {
  align-self: start;
}

#w-node-_517216c8-055a-dff8-1492-9302cc00f51a-9d7522df {
  place-self: center start;
}

#w-node-_7ff687a3-5a6e-07f6-0941-1e7daf59de0d-9d7522df, #w-node-_03371c47-55f9-76b3-7750-ebc2d5c80707-9d7522df {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_7ff687a3-5a6e-07f6-0941-1e7daf59de0a-9d7522df, #w-node-_54490f68-b731-cd46-3d32-b6c3de8bf8ee-9d7522df {
  place-self: stretch stretch;
}

#w-node-a682f733-d016-24cf-590c-4e8cfc885693-9d7522df, #w-node-ec02b7b0-9750-09ba-0ad2-beed811815f4-9d7522df {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-c7079ea5-1b4a-9dca-fe1a-ba21db72f7c9-9d7522df, #w-node-_73a95e8d-5b23-faa3-338f-0635163bc805-9d7522df, #w-node-_2eeb54d2-17ce-204a-166b-f2f91adb399b-9d7522df, #w-node-_252b3fec-368e-05fc-ca4d-ebf145c3d52c-9d7522df, #w-node-_65ae389c-c38a-e232-6626-24f1c2df3743-9d7522df, #w-node-_85b5942c-1422-b3de-7bfe-67cb1e2fbcd0-9d7522df {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_02fb3065-fc90-6310-7e88-6b7ecb602050-180bb960 {
  align-self: start;
}

#w-node-_517216c8-055a-dff8-1492-9302cc00f51a-180bb960 {
  place-self: center start;
}

#w-node-_7ff687a3-5a6e-07f6-0941-1e7daf59de0a-180bb960, #w-node-_54490f68-b731-cd46-3d32-b6c3de8bf8ee-180bb960 {
  place-self: stretch stretch;
}

#w-node-a682f733-d016-24cf-590c-4e8cfc885693-180bb960 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: stretch center;
}

#w-node-ec02b7b0-9750-09ba-0ad2-beed811815f4-180bb960 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-c7079ea5-1b4a-9dca-fe1a-ba21db72f7c9-180bb960, #w-node-_73a95e8d-5b23-faa3-338f-0635163bc805-180bb960 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fb2fd822-145a-c2c3-2eb6-f461c46830a5-180bb960, #w-node-_51195d69-3011-63b0-c051-83c5868524cb-180bb960, #w-node-d50f078f-cae9-db2a-8df1-d7d7083b1901-180bb960, #w-node-aa4f233c-b14a-c704-6cf9-a8530ae2b78c-180bb960 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_2eeb54d2-17ce-204a-166b-f2f91adb399b-180bb960, #w-node-_252b3fec-368e-05fc-ca4d-ebf145c3d52c-180bb960, #w-node-_65ae389c-c38a-e232-6626-24f1c2df3743-180bb960, #w-node-_85b5942c-1422-b3de-7bfe-67cb1e2fbcd0-180bb960, #w-node-_25fd9e08-a030-cb13-0fbc-3bb1cab761b0-180bb960, #w-node-eee711ae-afee-5813-278e-eb2acb9faa85-180bb960 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ff20e575-fd43-fbf0-00b2-a576e0bf68e7-180bb960 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_95ba5a3c-e87c-6090-3b50-bd467cbb30de-180bb960, #w-node-ed6c9315-3252-9794-e580-16a041a4592c-180bb960, #w-node-_807e3e02-eb3e-25ba-003e-b6479f284c91-180bb960, #w-node-bfd0a5ce-ca8e-369c-b0db-86f86b4039f0-180bb960 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_02fb3065-fc90-6310-7e88-6b7ecb602050-858f7b0b {
  align-self: start;
}

#w-node-_517216c8-055a-dff8-1492-9302cc00f51a-858f7b0b {
  place-self: center start;
}

#w-node-_7ff687a3-5a6e-07f6-0941-1e7daf59de0a-858f7b0b, #w-node-_54490f68-b731-cd46-3d32-b6c3de8bf8ee-858f7b0b {
  place-self: stretch stretch;
}

#w-node-a682f733-d016-24cf-590c-4e8cfc885693-858f7b0b {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: stretch center;
}

#w-node-ec02b7b0-9750-09ba-0ad2-beed811815f4-858f7b0b, #w-node-_6153b5c1-57ab-6281-c0d1-96229883fb52-858f7b0b, #w-node-_1b19ad19-7747-f096-a113-a97f7995445f-858f7b0b, #w-node-_55ef10b1-1ee0-ea2c-8f62-ccf7e6d3cb1a-858f7b0b, #w-node-_678c78dc-2391-8503-34e8-0c82c7235413-858f7b0b {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-c7079ea5-1b4a-9dca-fe1a-ba21db72f7c9-858f7b0b, #w-node-_73a95e8d-5b23-faa3-338f-0635163bc805-858f7b0b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-fb2fd822-145a-c2c3-2eb6-f461c46830a5-858f7b0b {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_95ba5a3c-e87c-6090-3b50-bd467cbb30de-858f7b0b, #w-node-dd9e6d00-dde2-379b-1077-aad827e00f64-858f7b0b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ff20e575-fd43-fbf0-00b2-a576e0bf68e7-858f7b0b, #w-node-d6f4c939-1fc7-92f0-7984-66edc53f63ad-858f7b0b {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_02fb3065-fc90-6310-7e88-6b7ecb602050-3d842344 {
  align-self: start;
}

#w-node-_517216c8-055a-dff8-1492-9302cc00f51a-3d842344 {
  place-self: center start;
}

#w-node-_7ff687a3-5a6e-07f6-0941-1e7daf59de0a-3d842344 {
  place-self: stretch stretch;
}

#w-node-c7079ea5-1b4a-9dca-fe1a-ba21db72f7c9-3d842344, #w-node-e3119114-3714-55b9-af93-683ba93bbabc-3d842344, #w-node-_93a9fa58-f9bf-f706-86fb-68952a51d25f-3d842344, #w-node-a0e1092b-0bbd-632e-7ce4-876b6e2043b6-3d842344, #w-node-_7f234af9-4d2b-e52c-38bf-75e6098fc203-3d842344 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6bbf762e-afcb-62cf-9095-ca9d18857b71-3d842344, #w-node-_6bbf762e-afcb-62cf-9095-ca9d18857b74-3d842344, #w-node-_6bbf762e-afcb-62cf-9095-ca9d18857b77-3d842344 {
  place-self: center;
}

#w-node-_9f35e13b-0a18-16c7-af6b-fe0e650bf463-3d842344 {
  place-self: center start;
}

#w-node-_9f35e13b-0a18-16c7-af6b-fe0e650bf46e-3d842344, #w-node-_9f35e13b-0a18-16c7-af6b-fe0e650bf473-3d842344 {
  place-self: start center;
}

#w-node-_02fb3065-fc90-6310-7e88-6b7ecb602050-320acdaf {
  align-self: start;
}

#w-node-_517216c8-055a-dff8-1492-9302cc00f51a-320acdaf {
  place-self: center start;
}

#w-node-_7ff687a3-5a6e-07f6-0941-1e7daf59de0d-320acdaf, #w-node-_03371c47-55f9-76b3-7750-ebc2d5c80707-320acdaf {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-_7ff687a3-5a6e-07f6-0941-1e7daf59de0a-320acdaf, #w-node-_54490f68-b731-cd46-3d32-b6c3de8bf8ee-320acdaf {
  place-self: stretch stretch;
}

#w-node-a682f733-d016-24cf-590c-4e8cfc885693-320acdaf, #w-node-ec02b7b0-9750-09ba-0ad2-beed811815f4-320acdaf, #w-node-_4cf952d8-d65b-28bf-e979-6723aac472c0-320acdaf {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-d2b2beed-b74a-01b5-daf9-deb2ee825c9d-320acdaf, #w-node-d2b2beed-b74a-01b5-daf9-deb2ee825ca0-320acdaf, #w-node-d2b2beed-b74a-01b5-daf9-deb2ee825ca3-320acdaf {
  place-self: center;
}

#w-node-_8d8a3804-c6d3-b6ce-d5a2-f67ea154a57e-320acdaf {
  place-self: center start;
}

#w-node-_8d8a3804-c6d3-b6ce-d5a2-f67ea154a589-320acdaf, #w-node-_8d8a3804-c6d3-b6ce-d5a2-f67ea154a58e-320acdaf {
  place-self: start center;
}

#w-node-_7ff687a3-5a6e-07f6-0941-1e7daf59de0d-453ad382, #w-node-e8b7e435-f1bc-0b40-ce1c-f005e00c9433-453ad382, #w-node-ffaff867-848e-110a-fd41-5e5b6ba6f086-453ad382, #w-node-f5f0e4be-f027-a16f-1b69-95496b14a511-453ad382, #w-node-_081c12b9-8792-5564-18c7-b471a2516bb6-453ad382, #w-node-_0b72ee97-1165-831c-f52a-53df23fcccfa-453ad382, #w-node-_79830c72-8128-d4ae-107d-10098ad1c34c-453ad382 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: stretch stretch;
}

#w-node-_0045abfb-340a-94da-69fd-039f0e5eebfc-453ad382, #w-node-_0045abfb-340a-94da-69fd-039f0e5eebff-453ad382, #w-node-_0045abfb-340a-94da-69fd-039f0e5eec02-453ad382 {
  place-self: center;
}

#w-node-a9b83b3d-7727-4fed-8f81-33a48aa42dd0-453ad382 {
  place-self: center start;
}

#w-node-a9b83b3d-7727-4fed-8f81-33a48aa42ddb-453ad382, #w-node-a9b83b3d-7727-4fed-8f81-33a48aa42de0-453ad382 {
  place-self: start center;
}

#w-node-_7ff687a3-5a6e-07f6-0941-1e7daf59de0d-c9fc6410, #w-node-e8b7e435-f1bc-0b40-ce1c-f005e00c9433-c9fc6410, #w-node-a47c60ef-a214-ce6d-1f5e-fad733126f3e-c9fc6410, #w-node-ffaff867-848e-110a-fd41-5e5b6ba6f086-c9fc6410, #w-node-f5f0e4be-f027-a16f-1b69-95496b14a511-c9fc6410, #w-node-_081c12b9-8792-5564-18c7-b471a2516bb6-c9fc6410, #w-node-_0b72ee97-1165-831c-f52a-53df23fcccfa-c9fc6410, #w-node-_79830c72-8128-d4ae-107d-10098ad1c34c-c9fc6410, #w-node-e8912251-6d69-9897-e101-c0b65185b63f-c9fc6410, #w-node-e3b23972-15e4-2ea0-2ed1-999c8fada353-c9fc6410, #w-node-f11d92bf-235e-f0f0-9700-db8605d40d46-c9fc6410, #w-node-_872e7a90-a294-e6f7-2354-f89e45c93ab1-c9fc6410, #w-node-_140692ae-199c-3b0f-f994-52a736e20712-c9fc6410, #w-node-c8d32aaf-e68d-16f5-5bcc-d52462203603-c9fc6410 {
  grid-area: span 1 / span 2 / span 1 / span 2;
  place-self: stretch stretch;
}

#w-node-_0045abfb-340a-94da-69fd-039f0e5eebfc-c9fc6410, #w-node-_0045abfb-340a-94da-69fd-039f0e5eebff-c9fc6410, #w-node-_0045abfb-340a-94da-69fd-039f0e5eec02-c9fc6410 {
  place-self: center;
}

#w-node-a9b83b3d-7727-4fed-8f81-33a48aa42dd0-c9fc6410 {
  place-self: center start;
}

#w-node-a9b83b3d-7727-4fed-8f81-33a48aa42ddb-c9fc6410, #w-node-a9b83b3d-7727-4fed-8f81-33a48aa42de0-c9fc6410 {
  place-self: start center;
}

#w-node-_09126a92-2dfb-d8df-2603-ba6d3a87c0ba-064cccdb, #w-node-_09126a92-2dfb-d8df-2603-ba6d3a87c0ba-64e394d3 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1920px) {
  #w-node-_74f530c5-6353-0fdc-04f5-5bc3716b0319-4936c621 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_09126a92-2dfb-d8df-2603-ba6d3a87c0b1-064cccdb, #w-node-_09126a92-2dfb-d8df-2603-ba6d3a87c0b1-64e394d3 {
    align-self: stretch;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_74f530c5-6353-0fdc-04f5-5bc3716b0343-4936c621 {
    order: -9999;
    justify-self: center;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_74f530c5-6353-0fdc-04f5-5bc3716b0319-4936c621 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-f23b1e56-bb53-c8d5-782c-ed88c609b079-ba8ac694, #w-node-_0edfc666-0ae0-a974-6117-fcd0fe6b3999-ba8ac694 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_7ff687a3-5a6e-07f6-0941-1e7daf59de0a-ba8ac694 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: stretch stretch;
  }

  #w-node-c7079ea5-1b4a-9dca-fe1a-ba21db72f7c9-ba8ac694, #w-node-f23b1e56-bb53-c8d5-782c-ed88c609b079-9d7522df, #w-node-_0edfc666-0ae0-a974-6117-fcd0fe6b3999-9d7522df {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_7ff687a3-5a6e-07f6-0941-1e7daf59de0a-9d7522df, #w-node-_54490f68-b731-cd46-3d32-b6c3de8bf8ee-9d7522df {
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: stretch stretch;
  }

  #w-node-c7079ea5-1b4a-9dca-fe1a-ba21db72f7c9-9d7522df, #w-node-_73a95e8d-5b23-faa3-338f-0635163bc805-9d7522df, #w-node-_2eeb54d2-17ce-204a-166b-f2f91adb399b-9d7522df, #w-node-_252b3fec-368e-05fc-ca4d-ebf145c3d52c-9d7522df, #w-node-_65ae389c-c38a-e232-6626-24f1c2df3743-9d7522df, #w-node-_85b5942c-1422-b3de-7bfe-67cb1e2fbcd0-9d7522df, #w-node-f23b1e56-bb53-c8d5-782c-ed88c609b079-180bb960, #w-node-_0edfc666-0ae0-a974-6117-fcd0fe6b3999-180bb960 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_7ff687a3-5a6e-07f6-0941-1e7daf59de0a-180bb960, #w-node-_54490f68-b731-cd46-3d32-b6c3de8bf8ee-180bb960 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: stretch stretch;
  }

  #w-node-c7079ea5-1b4a-9dca-fe1a-ba21db72f7c9-180bb960, #w-node-_73a95e8d-5b23-faa3-338f-0635163bc805-180bb960, #w-node-_2eeb54d2-17ce-204a-166b-f2f91adb399b-180bb960, #w-node-_252b3fec-368e-05fc-ca4d-ebf145c3d52c-180bb960, #w-node-_65ae389c-c38a-e232-6626-24f1c2df3743-180bb960, #w-node-_85b5942c-1422-b3de-7bfe-67cb1e2fbcd0-180bb960, #w-node-_25fd9e08-a030-cb13-0fbc-3bb1cab761b0-180bb960, #w-node-eee711ae-afee-5813-278e-eb2acb9faa85-180bb960, #w-node-_95ba5a3c-e87c-6090-3b50-bd467cbb30de-180bb960, #w-node-ed6c9315-3252-9794-e580-16a041a4592c-180bb960, #w-node-_807e3e02-eb3e-25ba-003e-b6479f284c91-180bb960, #w-node-bfd0a5ce-ca8e-369c-b0db-86f86b4039f0-180bb960, #w-node-f23b1e56-bb53-c8d5-782c-ed88c609b079-858f7b0b, #w-node-_0edfc666-0ae0-a974-6117-fcd0fe6b3999-858f7b0b {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_7ff687a3-5a6e-07f6-0941-1e7daf59de0a-858f7b0b, #w-node-_54490f68-b731-cd46-3d32-b6c3de8bf8ee-858f7b0b {
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: stretch stretch;
  }

  #w-node-c7079ea5-1b4a-9dca-fe1a-ba21db72f7c9-858f7b0b, #w-node-_73a95e8d-5b23-faa3-338f-0635163bc805-858f7b0b, #w-node-_95ba5a3c-e87c-6090-3b50-bd467cbb30de-858f7b0b, #w-node-dd9e6d00-dde2-379b-1077-aad827e00f64-858f7b0b, #w-node-f23b1e56-bb53-c8d5-782c-ed88c609b079-3d842344, #w-node-_0edfc666-0ae0-a974-6117-fcd0fe6b3999-3d842344 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_7ff687a3-5a6e-07f6-0941-1e7daf59de0a-3d842344 {
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: stretch stretch;
  }

  #w-node-c7079ea5-1b4a-9dca-fe1a-ba21db72f7c9-3d842344, #w-node-e3119114-3714-55b9-af93-683ba93bbabc-3d842344, #w-node-_93a9fa58-f9bf-f706-86fb-68952a51d25f-3d842344, #w-node-a0e1092b-0bbd-632e-7ce4-876b6e2043b6-3d842344, #w-node-_7f234af9-4d2b-e52c-38bf-75e6098fc203-3d842344, #w-node-f23b1e56-bb53-c8d5-782c-ed88c609b079-320acdaf, #w-node-_0edfc666-0ae0-a974-6117-fcd0fe6b3999-320acdaf {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_7ff687a3-5a6e-07f6-0941-1e7daf59de0a-320acdaf, #w-node-_54490f68-b731-cd46-3d32-b6c3de8bf8ee-320acdaf {
    grid-area: span 1 / span 2 / span 1 / span 2;
    place-self: stretch stretch;
  }
}


@font-face {
  font-family: 'Plus Jakarta Sans';
  src: url('../fonts/Plus_Jakarta_Sans.zip') format('undefined');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Redhattext Variablefont Wght';
  src: url('../fonts/RedHatText-VariableFont_wght.ttf') format('truetype'), url('../fonts/RedHatText-VariableFont_wght.ttf') format('truetype');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Redhattext Variablefont Wght';
  src: url('../fonts/RedHatText-Italic-VariableFont_wght.ttf') format('truetype'), url('../fonts/RedHatText-Italic-VariableFont_wght.ttf') format('truetype');
  font-weight: 300 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Redhattext';
  src: url('../fonts/RedHatText-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Redhattext';
  src: url('../fonts/RedHatText-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Redhattext';
  src: url('../fonts/RedHatText-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Redhattext';
  src: url('../fonts/RedHatText-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Redhattext';
  src: url('../fonts/RedHatText-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Redhattext';
  src: url('../fonts/RedHatText-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Redhattext';
  src: url('../fonts/RedHatText-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Redhattext';
  src: url('../fonts/RedHatText-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Redhattext';
  src: url('../fonts/RedHatText-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Redhattext';
  src: url('../fonts/RedHatText-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Powergrotesk';
  src: url('../fonts/PowerGrotesk-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil 18 Pt';
  src: url('../fonts/BigShouldersStencil_18pt-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil 18 Pt';
  src: url('../fonts/BigShouldersStencil_18pt-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil 24 Pt';
  src: url('../fonts/BigShouldersStencil_24pt-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil 18 Pt';
  src: url('../fonts/BigShouldersStencil_18pt-ExtraBold.ttf') format('truetype'), url('../fonts/BigShouldersStencil_18pt-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil 24 Pt';
  src: url('../fonts/BigShouldersStencil_24pt-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil 24 Pt';
  src: url('../fonts/BigShouldersStencil_24pt-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil 24 Pt';
  src: url('../fonts/BigShouldersStencil_24pt-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil 24 Pt';
  src: url('../fonts/BigShouldersStencil_24pt-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil 18 Pt';
  src: url('../fonts/BigShouldersStencil_18pt-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil 18 Pt';
  src: url('../fonts/BigShouldersStencil_18pt-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil 18 Pt';
  src: url('../fonts/BigShouldersStencil_18pt-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil 24 Pt';
  src: url('../fonts/BigShouldersStencil_24pt-ExtraBold.ttf') format('truetype'), url('../fonts/BigShouldersStencil_24pt-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil 24 Pt';
  src: url('../fonts/BigShouldersStencil_24pt-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil 24 Pt';
  src: url('../fonts/BigShouldersStencil_24pt-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil 18 Pt';
  src: url('../fonts/BigShouldersStencil_18pt-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil 36 Pt';
  src: url('../fonts/BigShouldersStencil_36pt-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil 36 Pt';
  src: url('../fonts/BigShouldersStencil_36pt-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil 36 Pt';
  src: url('../fonts/BigShouldersStencil_36pt-Bold.ttf') format('truetype'), url('../fonts/BigShouldersStencil_36pt-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil 36 Pt';
  src: url('../fonts/BigShouldersStencil_36pt-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil 36 Pt';
  src: url('../fonts/BigShouldersStencil_36pt-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil 36 Pt';
  src: url('../fonts/BigShouldersStencil_36pt-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil 60 Pt';
  src: url('../fonts/BigShouldersStencil_60pt-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil 36 Pt';
  src: url('../fonts/BigShouldersStencil_36pt-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil 60 Pt';
  src: url('../fonts/BigShouldersStencil_60pt-Bold.ttf') format('truetype'), url('../fonts/BigShouldersStencil_60pt-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil 60 Pt';
  src: url('../fonts/BigShouldersStencil_60pt-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil 36 Pt';
  src: url('../fonts/BigShouldersStencil_36pt-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil 60 Pt';
  src: url('../fonts/BigShouldersStencil_60pt-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil 60 Pt';
  src: url('../fonts/BigShouldersStencil_60pt-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil';
  src: url('../fonts/BigShouldersStencil-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil 60 Pt';
  src: url('../fonts/BigShouldersStencil_60pt-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil';
  src: url('../fonts/BigShouldersStencil-ExtraBold.ttf') format('truetype'), url('../fonts/BigShouldersStencil-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil 60 Pt';
  src: url('../fonts/BigShouldersStencil_60pt-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil';
  src: url('../fonts/BigShouldersStencil-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil';
  src: url('../fonts/BigShouldersStencil-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil 18 Pt';
  src: url('../fonts/BigShouldersStencil_18pt-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil';
  src: url('../fonts/BigShouldersStencil-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil';
  src: url('../fonts/BigShouldersStencil-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil';
  src: url('../fonts/BigShouldersStencil-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil 60 Pt';
  src: url('../fonts/BigShouldersStencil_60pt-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bigshouldersstencil';
  src: url('../fonts/BigShouldersStencil-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fraunces Variablefont Soft Wonk Opsz Wght';
  src: url('../images/') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fraunces Variablefont Soft Wonk Opsz Wght';
  src: url('../images/') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-Extralight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Generalsans';
  src: url('../fonts/GeneralSans-SemiboldItalic.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}