@font-face {
  font-family: Helvetica Now Display;
  src: url('../fonts/HelveticaNowDisplay-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Now Display;
  src: url('../fonts/HelveticaNowDisplay-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Now Display;
  src: url('../fonts/HelveticaNowDisplay-Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Now Display;
  src: url('../fonts/HelveticaNowDisplay-Bold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Unica 77 LL";
  src: url('../fonts/Unica77LLWeb-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: MD System VF;
  src: url('../fonts/MDSystem-VF.woff2') format("woff2");
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Matter GX;
  src: url('../fonts/MatterGX.woff2') format("woff2");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: PP Neue Montreal Mono;
  src: url('../fonts/PPNeueMontrealMono-Variable.woff2') format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: ABC Monument Grotesk Mono;
  src: url('../fonts/ABCMonumentGroteskMono-Medium.fceaf225.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter VF;
  src: url('../fonts/InterVariable-Italic.woff2') format("woff2");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Inter VF;
  src: url('../fonts/InterVariable.woff2') format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Helvetica Now VF;
  src: url('../fonts/HelveticaNowVar.woff2') format("woff2");
  font-weight: 50 1000;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Neureal Mono;
  src: url('../fonts/Neureal-Mono.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: NaN Holo;
  src: url('../fonts/NaNHoloVF.woff2') format("woff2");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Rules;
  src: url('../fonts/rules-variable-wght-slnt.woff2') format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Unica 78 Mono Web";
  src: url('../fonts/Unica78MonoWeb-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Unica 78 Web";
  src: url('../fonts/Unica78Web-Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Unica 78 Web";
  src: url('../fonts/Unica78Web-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Polestar Unica 77 TT";
  src: url('../fonts/Polestar-Unica77-TT-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Polestar Unica 77 TT";
  src: url('../fonts/Polestar-Unica77-TT-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Polestar Unica 77 TT";
  src: url('../fonts/Polestar-Unica77-TT-Medium.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Akzidenz-Grotesk;
  src: url('../fonts/f3a8d1cb88fe9a3b-s.p.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: VCR OSD Mono;
  src: url('../fonts/vcrosdmono-regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: KMR Apparat;
  src: url('../fonts/KMR-Apparat-Book.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: KMR Apparat;
  src: url('../fonts/KMR-Apparat-Bold.woff2') format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: KMR Apparat;
  src: url('../fonts/KMR-Apparat-Heavy.woff2') format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: KMR Apparat;
  src: url('../fonts/KMR-Apparat-Black.woff2') format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: KMR Apparat;
  src: url('../fonts/KMR-Apparat-Regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: KMR Apparat;
  src: url('../fonts/KMR-Apparat-Medium.woff2') format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: KMR Apparat;
  src: url('../fonts/KMR-Apparat-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Basilea;
  src: url('../fonts/BasileaReg.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Folio;
  src: url('../fonts/FolioMed.woff2') format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Rhymes Text;
  src: url('../fonts/RhymesText-Light.woff2') format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Eins Sans;
  src: url('../fonts/EinsSansMedium.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Eins Sans;
  src: url('../fonts/EinsSansLight.woff') format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Eins Sans;
  src: url('../fonts/EinsSansThin.woff') format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Eins Sans;
  src: url('../fonts/EinsSansBlack.woff') format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Eins Sans;
  src: url('../fonts/EinsSansBold.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Eins Sans;
  src: url('../fonts/EinsSansRegular.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Circular Std;
  src: url('../fonts/63c8b1f6d02161183cc5d266_CircularStd-Medium.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Circular Std;
  src: url('../fonts/63c8b1f698ae6e28a5f061b3_CircularStd-Book.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Serial B Neue;
  src: url('../fonts/SerialBNeueTRIAL-Black.ttf') format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

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

@font-face {
  font-family: Serial B Neue;
  src: url('../fonts/SerialBNeueTRIAL-Heavy.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Slussen VF;
  src: url('../fonts/Slussen-Variable.ttf') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Slussen Mono VF;
  src: url('../fonts/Slussen-Mono-Variable.ttf') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Uncut Plan 8";
  src: url('../fonts/UncutPlan8-Variable.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Plaid;
  src: url('../fonts/Plaid-S.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Plaid;
  src: url('../fonts/Plaid-L.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

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

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

@font-face {
  font-family: Acumin Pro;
  src: url('../fonts/Acumin-BdItPro.otf') format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Acumin Pro;
  src: url('../fonts/Acumin-RPro.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

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

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

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

@font-face {
  font-family: Akzidenz-Grotesk;
  src: url('../fonts/AGBuchBQ-UltraLight.otf') format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

:root {
  --ramen-tv-v-2-0---menu-font: "Slussen VF", Arial, sans-serif;
  --ramen-tv-v-2-0---padding-global: 1.2rem;
  --ramen-tv-v-2-0---button-font: "KMR Apparat", Arial, sans-serif;
  --ramen-tv-v-2-0---mono-font: "VCR OSD Mono", Arial, sans-serif;
  --ramen-tv-v-2-0---text-label: #212121;
  --ramen-tv-v-2-0---titles-font: "KMR Apparat", Arial, sans-serif;
  --ramen-tv-v-2-0---text-font: "Slussen VF", Arial, sans-serif;
  --ramen-tv-v-2-0---corners-opacity: 50%;
  --ramen-tv-v-2-0---corners-size: 10px;
  --ramen-tv-v-2-0---corners-width: .1em;
  --ramen-tv-v-2-0---corners-color: whitesmoke;
  --ramen-tv-v-2-0---number-font: "Uncut Plan 8", Arial, sans-serif;
  --ramen-tv-v-2-0---thumb-radius: .4em;
  --ramen-tv-v-2-0---text-color: black;
  --background: white;
  --padding-global: 1rem;
  --base-font: "Unica 78 Web", Arial, sans-serif;
  --text: #555;
  --label-radius: 5px;
  --_base-collection-2---text-color\<deleted\|variable-b89714ac-cd3f-1e87-34ca-dc0ec90c1a40\>: white;
  --footer-font: "Unica 78 Web", Arial, sans-serif;
  --button-font: Plaid, Arial, sans-serif;
  --icon-radius: 16px;
  --thumb-radius: .6em;
  --labels-font: Plaid, Arial, sans-serif;
  --titles-font: "Helvetica Now Display", Arial, sans-serif;
  --label-background: #e1e1e1;
  --thumb-carrusel-radius: .6rem;
  --ramen-tv-v-2-0---padding-blackbox: 1.2rem;
  --ramen-tv-v-2-0---pading-logo-front: 30px;
  --ramen-tv-v-2-0---background-color: whitesmoke;
  --ramen-tv-v-2-0---alt-text-color: white;
  --ramen-tv-v-2-0---transparency: white;
  --ramen-tv-v-2-0---corner-radius: .1rem;
  --ramen-tv-v-2-0---front-logo-shadow-color: #121212b3;
  --ramen-tv-v-2-0---navbar-space: 62px;
  --ramen-tv-v-2-0---navbar-mobile-space: var(--ramen-tv-v-2-0---navbar-space);
  --ramen-tv-v-2-0---header: 3.5rem;
  --ramen-tv-v-2-0---header-prod-services: 15vw;
  --ramen-tv-v-2-0---header-our-house: 15vw;
  --ramen-tv-v-2-0---header-info-page: 17vw;
  --ramen-tv-v-2-0---header-feat-works: 17vw;
  --ramen-tv-v-2-0---header-photo: 17vw;
  --ramen-tv-v-2-0---header-news: 19em;
  --ramen-tv-v-2-0---header-number: 1.2em;
  --ramen-tv-v-2-0---header-number-mobile: 18px;
  --ramen-tv-v-2-0---front-logo-shadow: 50px;
  --ramen-tv-v-2-0---thumb-radius-photo: .05em;
  --ramen-tv-v-2-0---header-mobile: 18vw;
  --ramen-tv-v-2-0---preloader-bg: #121212;
  --ramen-tv-v-2-0---player-window-radius: 6px;
  --ramen-tv-v-2-0---menu-button-radius: .2em;
  --ramen-tv-v-2-0---text-bg: #e1e1e1;
  --ramen-tv-v-2-0---logo-width: 16vw;
  --ramen-tv-v-2-0---footer: #151515;
  --ramen-tv-v-2-0---radius-player: 15px;
}

body {
  --ramen-tv-v-2-0---menu-font: "Slussen VF", Arial, sans-serif;
  --ramen-tv-v-2-0---padding-global: 1.2rem;
  --ramen-tv-v-2-0---button-font: "KMR Apparat", Arial, sans-serif;
  --ramen-tv-v-2-0---mono-font: "VCR OSD Mono", Arial, sans-serif;
  --ramen-tv-v-2-0---text-label: #212121;
  --ramen-tv-v-2-0---titles-font: "KMR Apparat", Arial, sans-serif;
  --ramen-tv-v-2-0---text-font: "Slussen VF", Arial, sans-serif;
  --ramen-tv-v-2-0---corners-opacity: 50%;
  --ramen-tv-v-2-0---corners-size: 10px;
  --ramen-tv-v-2-0---corners-width: .1em;
  --ramen-tv-v-2-0---corners-color: whitesmoke;
  --ramen-tv-v-2-0---number-font: "Uncut Plan 8", Arial, sans-serif;
  --ramen-tv-v-2-0---thumb-radius: .4em;
  --ramen-tv-v-2-0---text-color: black;
  --ramen-tv-v-2-0---padding-blackbox: 1.2rem;
  --ramen-tv-v-2-0---pading-logo-front: 30px;
  --ramen-tv-v-2-0---background-color: whitesmoke;
  --ramen-tv-v-2-0---alt-text-color: white;
  --ramen-tv-v-2-0---transparency: white;
  --ramen-tv-v-2-0---corner-radius: .1rem;
  --ramen-tv-v-2-0---front-logo-shadow-color: #121212b3;
  --ramen-tv-v-2-0---navbar-space: 62px;
  --ramen-tv-v-2-0---navbar-mobile-space: var(--ramen-tv-v-2-0---navbar-space);
  --ramen-tv-v-2-0---header: 3.5rem;
  --ramen-tv-v-2-0---header-prod-services: 15vw;
  --ramen-tv-v-2-0---header-our-house: 15vw;
  --ramen-tv-v-2-0---header-info-page: 17vw;
  --ramen-tv-v-2-0---header-feat-works: 17vw;
  --ramen-tv-v-2-0---header-photo: 17vw;
  --ramen-tv-v-2-0---header-news: 19em;
  --ramen-tv-v-2-0---header-number: 1.2em;
  --ramen-tv-v-2-0---header-number-mobile: 18px;
  --ramen-tv-v-2-0---front-logo-shadow: 50px;
  --ramen-tv-v-2-0---thumb-radius-photo: .05em;
  --ramen-tv-v-2-0---header-mobile: 18vw;
  --ramen-tv-v-2-0---preloader-bg: #121212;
  --ramen-tv-v-2-0---player-window-radius: 6px;
  --ramen-tv-v-2-0---menu-button-radius: .2em;
  --ramen-tv-v-2-0---text-bg: #e1e1e1;
  --ramen-tv-v-2-0---logo-width: 16vw;
  --ramen-tv-v-2-0---footer: #151515;
  --ramen-tv-v-2-0---radius-player: 15px;
}

.ramen-tv-v-2-0--navbar-logo {
  align-self: flex-start;
  align-items: flex-start;
  width: 12.9%;
  display: flex;
}

.ramen-tv-v-2-0--navbar-logo.w--current {
  width: 13%;
  padding: 1px;
}

.ramen-tv-v-2-0--nav-menu {
  grid-column-gap: 1.6em;
  grid-row-gap: 1.6em;
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-start;
  list-style-type: none;
  display: flex;
}

.ramen-tv-v-2-0--link-menu {
  font-family: var(--ramen-tv-v-2-0---menu-font);
  font-variation-settings: "wght" 650;
  text-transform: uppercase;
  padding-top: .05em;
  padding-left: .1em;
  padding-right: .1em;
  font-size: 1.2em;
  line-height: 1em;
  text-decoration: none;
}

.ramen-tv-v-2-0--link-menu.ramen-tv-v-2-0--icon {
  font-size: 1em;
  line-height: .8em;
}

.ramen-tv-v-2-0--icon {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  position: relative;
}

.ramen-tv-v-2-0--icon:hover {
  text-decoration: none;
}

.ramen-tv-v-2-0--close-button {
  background-color: #0000;
  width: 32px;
  height: 32px;
  display: none;
  position: relative;
  top: -2px;
  right: -2px;
}

.ramen-tv-v-2-0--nav-moblie {
  z-index: 9;
  justify-content: flex-end;
  align-items: flex-start;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 26px;
  display: none;
}

.ramen-tv-v-2-0--navbar {
  z-index: 9;
  width: 75%;
  padding-top: var(--ramen-tv-v-2-0---padding-global);
  padding-right: var(--ramen-tv-v-2-0---padding-global);
  mix-blend-mode: exclusion;
  grid-template-rows: auto;
  grid-template-columns: 25% 50% 25%;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
  position: fixed;
  inset: 0% 0% auto auto;
}

.ramen-tv-v-2-0--open-button {
  background-color: #0000;
  width: 32px;
  height: 32px;
  position: relative;
  top: -2px;
  right: -4px;
}

.ramen-tv-v-2-0--nav-desktop {
  z-index: 9;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 25% 75%;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
}

.ramen-tv-v-2-0--menu-button-border {
  color: #fff;
  text-decoration: none;
  display: flex;
}

.ramen-tv-v-2-0--menu-button-border:hover {
  color: #000;
  background-color: #fff;
  border-color: #fff;
}

.ramen-tv-v-2-0--menu-button-border.w--current {
  color: #000;
  background-color: #fff;
}

.ramen-tv-v-2-0--padding-logo {
  pointer-events: none;
}

.ramen-tv-v-2-0--padding-logo.ramen-tv-v-2-0--pages {
  margin-top: 0;
}

.ramen-tv-v-2-0--logo-page {
  z-index: 8;
  padding-top: var(--ramen-tv-v-2-0---padding-global);
  padding-right: var(--ramen-tv-v-2-0---padding-global);
  padding-left: var(--ramen-tv-v-2-0---padding-global);
  mix-blend-mode: exclusion;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: space-between center;
  place-items: stretch end;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.ramen-tv-v-2-0--navbar-logo-fixed {
  flex-flow: column;
  align-self: flex-start;
  align-items: flex-start;
  width: 65px;
  display: flex;
}

.ramen-tv-v-2-0--link-menu-moile {
  font-family: var(--ramen-tv-v-2-0---button-font);
  color: #fff;
  text-transform: uppercase;
  justify-content: flex-end;
  align-items: flex-start;
  font-size: 6vw;
  font-weight: 600;
  line-height: .75em;
  text-decoration: none;
  display: flex;
}

.ramen-tv-v-2-0--menu-mobile {
  z-index: 8;
  width: 100%;
  height: 100%;
  padding: var(--ramen-tv-v-2-0---padding-global);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #000c;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  display: none;
  position: fixed;
  inset: 0%;
}

.ramen-tv-v-2-0--list-item-menu-mobile {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.ramen-tv-v-2-0--menu-icon-arrow-mobile {
  margin-left: 5px;
  font-size: 3vw;
  line-height: .45em;
}

.ramen-tv-v-2-0--menu-logo-space {
  display: flex;
}

.ramen-tv-v-2-0--list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  margin-top: 80px;
  padding-left: 0;
  display: flex;
}

.ramen-tv-v-2-0--loader__logo-wrap {
  justify-content: center;
  align-items: center;
  width: 22em;
  height: 8em;
  display: flex;
  position: relative;
}

.ramen-tv-v-2-0--loader__bg {
  background-color: #121212;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.ramen-tv-v-2-0--loader__bg-bar {
  z-index: 1;
  transform-origin: 0%;
  width: 100%;
  height: .25em;
  transform-style: preserve-3d;
  background-color: #f5f5f5;
  position: absolute;
  inset: auto 0% 0%;
  transform: scale3d(0, 1, 1);
}

.ramen-tv-v-2-0--loader__text-wrap {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 3.5em;
}

.ramen-tv-v-2-0--loader__text-el {
  font-family: var(--ramen-tv-v-2-0---mono-font);
  text-transform: uppercase;
  white-space: nowrap;
  margin-bottom: -.25em;
  padding-bottom: .25em;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1em;
  position: absolute;
}

.ramen-tv-v-2-0--loader__container {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.ramen-tv-v-2-0--loader {
  z-index: 100;
  color: #fff;
  width: 100%;
  height: 100dvh;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.ramen-tv-v-2-0--loader__logo-item {
  width: 100%;
  position: absolute;
}

.ramen-tv-v-2-0--loader__logo-item.ramen-tv-v-2-0--is--top {
  clip-path: inset(0 100% 0 0);
}

.ramen-tv-v-2-0--loader__logo-item.ramen-tv-v-2-0--is--base {
  opacity: .2;
}

.ramen-tv-v-2-0--loader__logo-img {
  width: 100%;
  padding: 1px;
  display: block;
}

.ramen-tv-v-2-0--project-title {
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.ramen-tv-v-2-0--project-link {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.ramen-tv-v-2-0--text-project-bold {
  background-color: var(--ramen-tv-v-2-0---text-label);
  font-family: var(--ramen-tv-v-2-0---titles-font);
  color: #fff;
  letter-spacing: .01em;
  text-transform: uppercase;
  padding: .15em;
  font-size: .95em;
  font-weight: 700;
  line-height: 1em;
  overflow: visible;
}

.ramen-tv-v-2-0--text-project {
  background-color: var(--ramen-tv-v-2-0---text-label);
  font-family: var(--ramen-tv-v-2-0---titles-font);
  color: #fff;
  letter-spacing: .01em;
  text-transform: uppercase;
  padding: .15em;
  font-size: .95em;
  font-weight: 400;
  line-height: 1em;
}

.ramen-tv-v-2-0--project-info {
  font-family: var(--ramen-tv-v-2-0---text-font);
  color: #e1e1e1;
  text-transform: uppercase;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 85% 15%;
  grid-auto-columns: 1fr;
  place-items: start;
  font-size: 1em;
  line-height: 1em;
  display: grid;
}

.ramen-tv-v-2-0--right-group {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.ramen-tv-v-2-0--project-element {
  flex-flow: column;
  grid-template-rows: 1px auto 1px;
  grid-template-columns: 1px 1fr 1px;
  justify-content: flex-start;
  place-items: center;
  width: 95%;
  display: flex;
  position: relative;
}

.ramen-tv-v-2-0--corners {
  z-index: 8;
  width: 100%;
  height: 100%;
  opacity: var(--ramen-tv-v-2-0---corners-opacity);
  pointer-events: none;
  mix-blend-mode: exclusion;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
}

.ramen-tv-v-2-0--corner-left-up {
  width: var(--ramen-tv-v-2-0---corners-size);
  height: var(--ramen-tv-v-2-0---corners-size);
  border-right: var(--ramen-tv-v-2-0---corners-width) solid var(--ramen-tv-v-2-0---corners-color);
  border-bottom: var(--ramen-tv-v-2-0---corners-width) solid var(--ramen-tv-v-2-0---corners-color);
  display: flex;
  position: absolute;
  inset: -15px auto auto -15px;
}

.ramen-tv-v-2-0--corner-left-down {
  width: var(--ramen-tv-v-2-0---corners-size);
  height: var(--ramen-tv-v-2-0---corners-size);
  border-top: var(--ramen-tv-v-2-0---corners-width) solid var(--ramen-tv-v-2-0---corners-color);
  border-right: var(--ramen-tv-v-2-0---corners-width) solid var(--ramen-tv-v-2-0---corners-color);
  position: absolute;
  inset: auto auto -15px -15px;
}

.ramen-tv-v-2-0--corner-right-down {
  width: var(--ramen-tv-v-2-0---corners-size);
  height: var(--ramen-tv-v-2-0---corners-size);
  border-top: var(--ramen-tv-v-2-0---corners-width) solid var(--ramen-tv-v-2-0---corners-color);
  border-left: var(--ramen-tv-v-2-0---corners-width) solid var(--ramen-tv-v-2-0---corners-color);
  position: absolute;
  inset: auto -15px -15px auto;
}

.ramen-tv-v-2-0--corner-right-up {
  width: var(--ramen-tv-v-2-0---corners-size);
  height: var(--ramen-tv-v-2-0---corners-size);
  border-bottom: var(--ramen-tv-v-2-0---corners-width) solid var(--ramen-tv-v-2-0---corners-color);
  border-left: var(--ramen-tv-v-2-0---corners-width) solid var(--ramen-tv-v-2-0---corners-color);
  display: flex;
  position: absolute;
  inset: -15px -15px auto auto;
}

.ramen-tv-v-2-0--corner-med-down {
  width: var(--ramen-tv-v-2-0---corners-size);
  height: var(--ramen-tv-v-2-0---corners-width);
  border-bottom: var(--ramen-tv-v-2-0---corners-width) solid var(--ramen-tv-v-2-0---corners-color);
  display: none;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 50%;
  transform: translate(-50%);
}

.ramen-tv-v-2-0--corner-med-up {
  width: var(--ramen-tv-v-2-0---corners-size);
  height: var(--ramen-tv-v-2-0---corners-width);
  border-top: var(--ramen-tv-v-2-0---corners-width) solid var(--ramen-tv-v-2-0---corners-color);
  display: none;
  position: absolute;
  top: 0%;
  bottom: auto;
  left: 50%;
  transform: translate(-50%);
}

.ramen-tv-v-2-0--corner-left-med {
  width: var(--ramen-tv-v-2-0---corners-width);
  height: var(--ramen-tv-v-2-0---corners-size);
  border-left: var(--ramen-tv-v-2-0---corners-width) solid var(--ramen-tv-v-2-0---corners-color);
  display: none;
  position: absolute;
  top: 50%;
  left: 0%;
  right: auto;
  transform: translate(0, -50%);
}

.ramen-tv-v-2-0--corner-right-med {
  width: var(--ramen-tv-v-2-0---corners-width);
  height: var(--ramen-tv-v-2-0---corners-size);
  border-right: var(--ramen-tv-v-2-0---corners-width) solid var(--ramen-tv-v-2-0---corners-color);
  display: none;
  position: absolute;
  top: 50%;
  left: auto;
  right: 0%;
  transform: translate(0, -50%);
}

.ramen-tv-v-2-0--project-name {
  grid-column-gap: 5px;
  grid-row-gap: 2px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.ramen-tv-v-2-0--text-category-label {
  background-color: var(--ramen-tv-v-2-0---text-label);
  font-family: var(--ramen-tv-v-2-0---number-font);
  color: #fff;
  font-variation-settings: "slnt" 0;
  letter-spacing: -.02em;
  text-transform: uppercase;
  font-feature-settings: "case", "kern";
  justify-content: center;
  align-items: center;
  padding: .2em .15em;
  font-size: .7em;
  font-weight: 400;
  line-height: 1em;
  display: flex;
}

.ramen-tv-v-2-0--media {
  border-radius: var(--ramen-tv-v-2-0---thumb-radius);
  width: 100%;
  position: relative;
}

.ramen-tv-v-2-0--aspect-ratio {
  padding-top: 66.66%;
}

.ramen-tv-v-2-0--cover-media {
  border-radius: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.ramen-tv-v-2-0--cover-placeholder {
  text-align: center;
  border-radius: inherit;
  background-color: #80808026;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 1em;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  container-type: inline-size;
}

.ramen-tv-v-2-0--cover-placeholder__p {
  opacity: .2;
  color: var(--ramen-tv-v-2-0---text-color);
  font-variation-settings: "wght" 540;
  text-transform: uppercase;
  word-spacing: -3px;
  margin-bottom: 0;
  font-family: Slussen Mono VF, Arial, sans-serif;
  font-size: 3cqw;
  display: none;
}

.ramen-tv-v-2-0--cover-video, .ramen-tv-v-2-0--cover-image {
  object-fit: cover;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

body {
  color: #333;
  --background: white;
  --padding-global: 1rem;
  --base-font: "Unica 78 Web", Arial, sans-serif;
  --text: #555;
  --label-radius: 5px;
  --footer-font: "Unica 78 Web", Arial, sans-serif;
  --button-font: Plaid, Arial, sans-serif;
  --icon-radius: 16px;
  --thumb-radius: .6em;
  --labels-font: Plaid, Arial, sans-serif;
  --titles-font: "Helvetica Now Display", Arial, sans-serif;
  --label-background: #e1e1e1;
  --thumb-carrusel-radius: .6rem;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

ul, figure {
  margin-bottom: 0;
}

.text-filter {
  text-transform: uppercase;
  margin-right: 9px;
  font-family: Plaid, Arial, sans-serif;
  font-size: 1em;
  font-style: italic;
  font-weight: 400;
  line-height: 1em;
}

.filter-section {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.portfolio {
  z-index: 1;
  background-color: #fff;
  flex-flow: column;
  width: 100%;
  padding-top: 20em;
  padding-bottom: 15vh;
  display: flex;
  position: relative;
}

.portfolio-gallery {
  grid-row-gap: 3rem;
  flex-flow: wrap;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
}

.portfolio-row {
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.about {
  z-index: 1;
  background-color: var(--background);
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}

.page-background {
  background-image: linear-gradient(#61d3e2, #e7f5ff);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.video-background {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-image: url('../images/thumb-49.jpg');
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-attachment: scroll;
  height: 100%;
  padding-bottom: 0;
  padding-right: 0;
  position: absolute;
}

.video-background.mobile {
  display: none;
}

.text-project {
  font-family: var(--base-font);
  color: var(--text);
  letter-spacing: -.015em;
  padding: 0;
  font-size: 1.15em;
}

.text-project.bold {
  font-weight: 600;
}

.text-project.bold.white {
  letter-spacing: -.015em;
}

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

.button-small {
  border-radius: var(--label-radius);
  color: #fff;
  text-transform: uppercase;
  background-color: #333;
  border: .12em solid #333;
  justify-content: center;
  align-items: center;
  height: 28px;
  padding: 0 7px;
  font-family: Plaid, Arial, sans-serif;
  font-size: 1em;
  font-style: italic;
  font-weight: 500;
  line-height: 1em;
  text-decoration: none;
  display: flex;
}

.button-small:hover {
  color: #333;
  background-color: #12121200;
}

.button-small:active {
  background-color: #3555fa;
}

.button-small:focus {
  color: var(--_base-collection-2---text-color\<deleted\|variable-b89714ac-cd3f-1e87-34ca-dc0ec90c1a40\>);
  background-color: #0000;
}

.button-small.all-selected, .button-small.display-selected {
  display: none;
}

.button-small.display-archive {
  position: relative;
}

.button-small.display-type {
  display: none;
}

.button-small.display-video {
  display: flex;
}

.button-small.display-content {
  white-space: nowrap;
  display: flex;
}

.button-small.display-campaign {
  display: flex;
}

.button-small-selected {
  border-radius: var(--label-radius);
  color: #333;
  text-transform: uppercase;
  border: .12em solid #333;
  justify-content: center;
  align-items: center;
  height: 28px;
  padding: 0 7px;
  font-family: Plaid, Arial, sans-serif;
  font-size: 1em;
  font-style: italic;
  font-weight: 500;
  line-height: 1em;
  text-decoration: none;
  display: flex;
}

.button-small-selected.display-archive {
  display: none;
}

.button-small-selected.display-all:hover {
  background-color: #0000;
}

.button-small-selected.display-campaign, .button-small-selected.display-content, .button-small-selected.display-editorial, .button-small-selected.display-music, .button-small-selected.display-video, .button-small-selected.display-photo {
  display: none;
}

.portfolio-item {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  box-sizing: border-box;
  flex-direction: column;
  width: 33.33%;
  height: 37vw;
  padding-left: .25rem;
  padding-right: .25rem;
  transition-property: width;
  transition-duration: .5s;
  transition-timing-function: cubic-bezier(.075, .82, .165, 1);
  display: flex;
  position: relative;
}

.filter-wrapper-alt {
  z-index: 3;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.filter {
  z-index: 4;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #ffffff59;
  border: 1px solid #fff3;
  border-radius: 40px;
  flex-flow: row;
  justify-content: space-between;
  align-self: center;
  align-items: stretch;
  width: 80%;
  height: 75px;
  margin-bottom: 25px;
  display: flex;
  position: fixed;
  bottom: 0%;
  transform: none;
  box-shadow: 0 2px 8px #0006;
}

.portada {
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  width: 100%;
  height: 101svh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.link-project {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-decoration: none;
}

.carrusel {
  background-image: none;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.text-carrusel {
  color: var(--text);
  text-align: right;
  letter-spacing: -.01em;
  font-family: Inter VF, Arial, sans-serif;
  font-size: 1.4em;
  font-weight: 600;
  line-height: 1em;
}

.label {
  z-index: 1;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  word-spacing: -2px;
  font-feature-settings: "case", "ss02";
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  padding-right: 12px;
  display: flex;
}

.project-title {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  font-feature-settings: "case";
  flex-flow: row;
  order: 9999;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  justify-content: space-between;
  place-items: center stretch;
  width: 100%;
  display: grid;
}

.project-title.for-player {
  color: #fff;
  order: 0;
  grid-template-columns: minmax(auto, .25fr) .75fr;
  align-items: center;
  width: 80%;
  padding-left: 0;
  padding-right: 0;
}

.blur {
  z-index: 1;
  opacity: 0;
  -webkit-backdrop-filter: brightness(110%) saturate(65%) blur(20px);
  backdrop-filter: brightness(110%) saturate(65%) blur(20px);
  background-color: #ffffff26;
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  inset: 0%;
}

.space {
  opacity: 0;
  pointer-events: auto;
  flex: 1;
  align-self: stretch;
}

.header-section {
  z-index: 2;
  grid-column-gap: 40px;
  flex-flow: row;
  width: 100%;
  margin-bottom: 30px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: relative;
}

.heading {
  color: #666;
  white-space: nowrap;
  font-family: Helvetica Now VF, Arial, sans-serif;
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1.2em;
}

.gradient-left {
  z-index: 3;
  background-image: linear-gradient(90deg, #ced6e0, #ced6e000);
  width: 25px;
  position: absolute;
  inset: 0 auto 0 10px;
}

.header-content {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  overflow: scroll;
}

.gradient-right {
  z-index: 3;
  background-image: linear-gradient(270deg, #ced6e0, #ced6e000);
  width: 25px;
  position: absolute;
  inset: 0 10px 0 auto;
}

.main {
  background-color: #fff;
  flex-flow: column;
  justify-content: space-between;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.bold {
  font-weight: 800;
}

.nav {
  z-index: 10;
  padding-top: var(--padding-global);
  padding-right: var(--padding-global);
  padding-left: var(--padding-global);
  mix-blend-mode: exclusion;
  background-color: #0000;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: fixed;
  top: 0%;
  left: 0%;
  right: 0%;
}

.navbar-logo {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}

.footer-text {
  font-family: var(--footer-font);
  color: var(--text);
  font-feature-settings: "case", "ss02";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1em;
  display: flex;
}

.footer {
  background-color: var(--background);
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 50vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.icon {
  font-variation-settings: "wght" 450;
  font-family: Inter VF, Arial, sans-serif;
  font-size: .85rem;
  font-weight: 600;
  line-height: .7em;
  position: relative;
  bottom: .1rem;
}

.footer-column {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-title {
  font-family: var(--footer-font);
  color: var(--text);
  text-transform: uppercase;
  text-underline-offset: 2px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1em;
  text-decoration: none;
}

.footer-container {
  width: 100%;
  height: 100%;
  padding: 8rem var(--padding-global) var(--padding-global);
  grid-column-gap: var(--padding-global);
  grid-row-gap: var(--padding-global);
  object-fit: cover;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
  position: relative;
}

.footer-info-container {
  grid-template: "Area Area-2 . Area-3"
  / 25% 25% 25% 25%;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: grid;
}

.footer-logo {
  flex-flow: column;
  display: flex;
}

.footer-credits {
  grid-column-gap: var(--padding-global);
  grid-row-gap: var(--padding-global);
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-end;
  display: flex;
}

.footer-content-group {
  grid-column-gap: 4px;
  grid-row-gap: 6px;
  color: #fff;
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.footer-link {
  font-family: var(--footer-font);
  color: var(--text);
  text-underline-offset: .1rem;
  text-decoration: none;
  -webkit-text-decoration-color: var(--text);
  text-decoration-color: var(--text);
  font-feature-settings: "case", "ss02";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1em;
}

.footer-link:hover {
  text-underline-offset: .1rem;
  text-decoration: underline;
}

.footer-content-mail-group {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.button-small-footer {
  grid-column-gap: .375em;
  grid-row-gap: .375em;
  border: .12em solid var(--text);
  height: 1.8rem;
  font-family: var(--button-font);
  color: var(--text);
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #0000;
  border-radius: .45em;
  justify-content: center;
  align-items: center;
  padding: .05em 12px 0 15px;
  font-size: .9rem;
  font-weight: 500;
  line-height: .75em;
  text-decoration: none;
  display: flex;
  position: relative;
}

.button-small-footer:hover {
  background-color: var(--text);
  color: var(--background);
}

.button-small-footer:active {
  color: var(--_base-collection-2---text-color\<deleted\|variable-b89714ac-cd3f-1e87-34ca-dc0ec90c1a40\>);
  background-color: #3555fa;
  border-color: #3555fa;
}

.footer-copyright, .footer-copyright.mobile {
  display: flex;
}

.footer-credits-link {
  font-family: var(--footer-font);
  color: var(--text);
  text-transform: uppercase;
  text-underline-offset: 2px;
  font-feature-settings: "case", "ss02";
  font-size: .8rem;
  font-weight: 500;
  line-height: 1em;
  text-decoration: none;
}

.footer-credits-link:hover {
  text-underline-offset: .1rem;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--text);
  text-decoration-color: var(--text);
}

.footer-credits-text {
  font-family: var(--footer-font);
  color: var(--text);
  text-transform: uppercase;
  font-feature-settings: "case", "ss02";
  font-size: .8rem;
  font-weight: 500;
  line-height: 1em;
}

.footer-right-column {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  flex-direction: column;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.footer-info {
  grid-row-gap: 15px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.navbar-player {
  z-index: 10;
  padding-top: var(--padding-global);
  padding-right: var(--padding-global);
  padding-left: var(--padding-global);
  mix-blend-mode: exclusion;
  position: fixed;
  inset: 0% 0% auto;
}

.preloader {
  z-index: 10;
  background-color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.logo-preloader-container {
  justify-content: center;
  align-items: center;
  width: 25%;
}

.wrapper {
  border-radius: var(--label-radius);
  position: absolute;
  inset: 0%;
}

.credits-space {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.project-carrusel {
  z-index: 2;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.project-carrusel._1-1 {
  aspect-ratio: 1;
  border-radius: var(--icon-radius);
  object-fit: cover;
  width: 8vw;
  margin-right: 10px;
  overflow: clip;
}

.project-carrusel._16-9 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 20vw;
}

.title-hover {
  z-index: 6;
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  opacity: 0;
  color: var(--text);
  font-feature-settings: "case", "ss02";
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  bottom: 50%;
  left: 10%;
  right: 10%;
  transform: translate(0, 50%);
}

.text-hover {
  color: #212121;
  letter-spacing: -.02em;
  text-transform: capitalize;
  font-family: Plaid, Arial, sans-serif;
  font-size: 4.2vw;
  font-style: italic;
  font-weight: 400;
  line-height: 1em;
  text-decoration: none;
}

.text-hover.bold {
  text-transform: uppercase;
  font-weight: 700;
}

.text-hover.emoji {
  font-style: normal;
  display: none;
}

.asset {
  border-radius: var(--thumb-radius);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.asset._1-1 {
  aspect-ratio: 1;
  border-radius: var(--thumb-radius);
  object-fit: cover;
}

.asset._16-9 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.hero-header {
  z-index: 1;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 100svh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.project-gallery {
  z-index: 1;
  padding-right: var(--padding-global);
  padding-bottom: var(--padding-global);
  padding-left: var(--padding-global);
  grid-column-gap: var(--padding-global);
  grid-row-gap: var(--padding-global);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.highlight-asset {
  z-index: 1;
  padding-right: var(--padding-global);
  padding-bottom: var(--padding-global);
  padding-left: var(--padding-global);
  grid-column-gap: var(--padding-global);
  grid-row-gap: var(--padding-global);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-wrapper {
  grid-column-gap: 9%;
  grid-row-gap: 9%;
  flex-flow: row;
  display: flex;
}

.text-description {
  font-family: var(--base-font);
  color: var(--text);
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.2em;
}

.text-description.light {
  color: #fff;
  font-variation-settings: "wght" 300;
}

.project-wrapper {
  z-index: 1;
  background-color: #fff;
  flex-flow: column;
  padding-bottom: 20vh;
  display: flex;
  position: relative;
}

.text-label {
  color: #fff;
  text-align: right;
  text-transform: uppercase;
  word-spacing: -5px;
  background-color: #000;
  border-radius: 2.5px;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 5px 7px 5px 5px;
  font-family: ABC Monument Grotesk Mono, Arial, sans-serif;
  font-size: 1.2em;
  font-style: italic;
  font-weight: 700;
  line-height: .9em;
  display: flex;
  box-shadow: 0 1px 5px #07223c26;
}

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

.text-detail {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  font-family: var(--base-font);
  color: var(--text);
  letter-spacing: -.015rem;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 1.25em;
  font-weight: 400;
  line-height: 1.2em;
  text-decoration: none;
  display: flex;
}

.text-detail.link:hover {
  opacity: .55;
}

.text-detail.link.light, .text-detail.light {
  color: #fff;
}

.spline-scene {
  width: 110%;
  height: 110%;
  display: none;
}

.carrusel-background {
  background-image: linear-gradient(#fff0, #ffffff0d 15%, #fff3 28%, #fff9 52%, #fffffff2 75%, #fff 90%);
  justify-content: flex-start;
  align-items: flex-end;
  position: absolute;
  inset: -40% 0% 0%;
}

.text-carrusel-wrapper {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  align-items: flex-start;
  display: flex;
}

.studio {
  z-index: 1;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-color: #fff;
  flex-flow: column;
  padding-top: 140px;
  padding-bottom: 140px;
  display: flex;
  position: relative;
}

.text-data {
  font-family: var(--labels-font);
  color: var(--text);
  letter-spacing: .01rem;
  text-transform: uppercase;
  font-size: .875em;
  font-weight: 500;
  line-height: 1em;
}

.text-data.light {
  color: #fff;
}

.icon-link {
  font-family: Helvetica Now VF, Arial, sans-serif;
  font-size: .7rem;
  line-height: 1.4em;
}

.asset-info-wrapper {
  justify-content: flex-end;
  align-items: flex-start;
  padding-left: 5px;
  padding-right: 5px;
  display: none;
}

.asset-info-subtext {
  opacity: .6;
  color: var(--text);
  font-variation-settings: "wght" 450;
  letter-spacing: -.015em;
  font-family: Inter VF, Arial, sans-serif;
  font-size: 1em;
  font-weight: 500;
  line-height: 1em;
}

.related-works {
  z-index: 1;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #cdd6e0;
  flex-flow: column;
  padding-bottom: 60px;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
  position: relative;
}

.title-related-wrapper {
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  padding-top: 40px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.title-related {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  font-family: var(--titles-font);
  color: var(--text);
  letter-spacing: .01rem;
  align-items: center;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1em;
  display: flex;
}

.info {
  z-index: 5;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #0009;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.assets-group {
  flex-flow: row;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.carrusel-left-group {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.carrusel-right-group {
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.logo-preloader {
  fill: #fff;
  display: block;
  overflow: visible;
}

.logo-footer {
  fill: #000;
  padding-top: 1px;
  padding-bottom: 1px;
  display: block;
  overflow: visible;
}

.navbar-wrapper {
  z-index: 10;
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr;
  justify-content: flex-end;
  place-items: flex-start stretch;
  width: 100%;
  display: flex;
}

.footer-legal-links {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  display: flex;
}

.text-separator {
  display: none;
}

.text-separator.for-hover {
  color: #212121;
  text-transform: capitalize;
  font-family: Plaid, Arial, sans-serif;
  font-size: 4.2vw;
  font-style: italic;
  font-weight: 400;
  line-height: 1em;
  display: block;
}

.cart-label {
  border-top-left-radius: var(--label-radius);
  border-top-right-radius: var(--label-radius);
  border-bottom-left-radius: var(--label-radius);
  border-bottom-right-radius: var(--label-radius);
  background-color: var(--label-background);
  height: 28px;
  box-shadow: none;
  color: var(--text);
  text-align: right;
  letter-spacing: .02em;
  text-transform: uppercase;
  word-spacing: -1px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-left: 6px;
  padding-right: 8px;
  font-family: Plaid, Arial, sans-serif;
  font-size: 1.1em;
  font-style: italic;
  font-weight: 600;
  line-height: 1em;
  display: flex;
}

.div-block-12 {
  width: 70%;
}

.heading-2 {
  font-family: var(--base-font);
  color: var(--text);
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.1em;
}

.text-category {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--text);
  border-right-style: solid;
  border-right-width: 1px;
  border-right-color: var(--text);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: var(--text);
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: var(--text);
  height: 1.6em;
  color: var(--text);
  letter-spacing: -.015em;
  text-transform: uppercase;
  white-space: nowrap;
  word-spacing: -.5px;
  border-radius: .45em;
  justify-content: center;
  align-items: center;
  padding-left: .45em;
  padding-right: .45em;
  font-family: Plaid, Arial, sans-serif;
  font-size: .675rem;
  font-weight: 500;
  line-height: 1em;
  display: flex;
}

.text-category.for-player {
  color: #fff;
  border-color: #fff;
}

.bunny-player__timeline {
  cursor: pointer;
  flex: 1;
  align-items: center;
  height: 1em;
  margin-left: .5em;
  margin-right: .5em;
  display: flex;
  position: relative;
}

.path {
  fill: #161616;
}

.bunny-player__timeline-handle {
  pointer-events: none;
  border-radius: 1em;
  width: 1em;
  height: 1em;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%)scale(0);
}

.bunny-player__loading-svg {
  width: 6em;
}

.bunny-player__playpause {
  pointer-events: auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.bunny-player__interface {
  mix-blend-mode: exclusion;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
  position: fixed;
}

.bunny-player__time {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.bunny-player__volume-mute-svg {
  display: none;
}

.bunny-player__timeline-bar {
  border-radius: 1px;
  width: 100%;
  height: 2px;
  position: absolute;
  overflow: hidden;
}

.bunny-player__before {
  padding-top: 62.5%;
}

.bunny-player__loading {
  opacity: 0;
  visibility: hidden;
  background-color: #00000054;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.bunny-player__pause-svg {
  display: none;
}

.page-controls {
  width: 100%;
  padding-top: var(--padding-global);
  padding-right: var(--padding-global);
  pointer-events: auto;
  mix-blend-mode: exclusion;
  justify-content: flex-end;
  align-items: flex-start;
  transition: opacity .3s linear;
  display: flex;
  position: absolute;
  top: 0;
}

.svg-22 {
  padding: 1px;
}

.bunny-player__timeline-buffered {
  opacity: .25;
  pointer-events: none;
  background-color: #fff;
  border-radius: 1em;
  width: 100%;
  height: 100%;
  position: absolute;
  transform: translateX(-100%);
}

.bunny-player__timeline-progress {
  pointer-events: none;
  background-color: #fff;
  border-radius: 1em;
  width: 100%;
  height: 100%;
  position: absolute;
  transform: translateX(-100%);
}

.bunny-player__toggle-playpause {
  cursor: pointer;
  width: 1.5em;
  height: 1.5em;
  display: none;
}

.bunny-player__interface-fade {
  background-image: linear-gradient(#0000, #000);
  width: 100%;
  height: 20%;
  position: absolute;
  bottom: 0;
}

.bunny-player__placeholder {
  border-radius: var(--thumb-radius);
  object-fit: contain;
  width: 99%;
  position: absolute;
  overflow: clip;
}

.bunny-player__timeline-bg {
  background-color: #ffffff1a;
  border-radius: 1em;
  width: 100%;
  height: 100%;
  position: absolute;
}

.bunny-player__text {
  white-space: nowrap;
  font-feature-settings: "case";
  margin-bottom: 0;
  font-family: Inter VF, Arial, sans-serif;
  font-size: .8em;
  font-weight: 400;
  line-height: 1;
}

.bunny-player__dark {
  opacity: .1;
  background-color: #000;
  width: 100%;
  height: 100%;
  position: absolute;
}

.bunny-player__big-btn {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 8em;
  height: 8em;
  padding: 2em;
  display: flex;
  position: relative;
}

.bunny-player__fullscreen-shrink-svg {
  display: none;
}

.bunny-player__toggle-fullscreen {
  cursor: pointer;
  width: 1.4em;
  height: 1.4em;
}

.bunny-player__toggle-mute {
  cursor: pointer;
  width: 1.5em;
  height: 1.5em;
}

.bunny-player {
  pointer-events: none;
  color: #fff;
  isolation: isolate;
  background-color: #121212;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100svh;
  padding-left: .5%;
  padding-right: .5%;
  display: flex;
  position: relative;
  transform: translateX(0);
}

.bunny-player__interface-bottom {
  width: 100%;
  padding-top: 15px;
  padding-bottom: var(--padding-global);
  grid-column-gap: .685rem;
  grid-row-gap: .685rem;
  pointer-events: auto;
  padding-right: calc(var(--padding-global)  + 10px);
  padding-left: calc(var(--padding-global)  + 10px);
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.bunny-player__interface-projectname {
  width: 100%;
  padding-top: var(--padding-global);
  padding-right: var(--padding-global);
  padding-left: calc(var(--padding-global)  + 10px);
  grid-template-rows: auto;
  grid-template-columns: 70% 30%;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: center start;
  display: flex;
  position: relative;
}

.icon-logo-nav {
  width: 50px;
}

.icon-logo-nav.fade {
  fill: #fff;
}

.bunny-player__video {
  border-radius: var(--thumb-radius);
  width: 100%;
  min-height: 74%;
  padding-bottom: 0;
  padding-right: 0;
  position: relative;
  overflow: clip;
}

.bunny-player__interface-btns {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  align-items: center;
  margin-left: 1rem;
  display: flex;
}

.video-card {
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
}

.video-card:hover {
  background-color: #fff;
}

.video-card-visual {
  border-radius: var(--thumb-radius);
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.video-card-visual._1-1 {
  aspect-ratio: 1;
  object-fit: cover;
}

.video-card-visual._16-9 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.video-card-visual__img {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.video-card-visual__video {
  aspect-ratio: 16 / 9;
  opacity: 0;
  object-fit: cover;
  min-width: 102%;
  height: 102%;
  padding-bottom: 0;
  padding-right: 0;
  transition: opacity .2s;
  position: absolute;
}

.bunny-player__close-btn {
  cursor: pointer;
  width: 35px;
}

.progressive-blur_panel {
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  padding: 0;
  position: absolute;
  -webkit-mask: linear-gradient(#0000 10%, #000 20% 40%, #0000 50%);
  mask: linear-gradient(#0000 10%, #000 20% 40%, #0000 50%);
}

.progressive-blur_panel.is-3 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 0%, #000 20% 30%, #0000 50%);
  mask: linear-gradient(#0000 0%, #000 20% 30%, #0000 50%);
}

.progressive-blur_panel.is-6 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 30%, #000 50% 60%, #0000 80%);
  mask: linear-gradient(#0000 30%, #000 50% 60%, #0000 80%);
}

.progressive-blur_panel.is-2 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / var(--ratio)));
  backdrop-filter: blur(calc(var(--blur) / var(--ratio)));
  -webkit-mask: linear-gradient(#0000 0%, #000 10% 20%, #0000 40%);
  mask: linear-gradient(#0000 0%, #000 10% 20%, #0000 40%);
}

.progressive-blur_panel.is-8 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 50%, #000 70% 80%, #0000 100%);
  mask: linear-gradient(#0000 50%, #000 70% 80%, #0000 100%);
}

.progressive-blur_panel.is-1 {
  -webkit-backdrop-filter: blur(var(--blur));
  backdrop-filter: blur(var(--blur));
  -webkit-mask: linear-gradient(#000 0% 10%, #0000 30%);
  mask: linear-gradient(#000 0% 10%, #0000 30%);
}

.progressive-blur_panel.is-9 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 60%, #000 80% 90%, #0000 100%);
  mask: linear-gradient(#0000 60%, #000 80% 90%, #0000 100%);
}

.progressive-blur_panel.is-7 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 40%, #000 60% 70%, #0000 90%);
  mask: linear-gradient(#0000 40%, #000 60% 70%, #0000 90%);
}

.progressive-blur_panel.is-4 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 10%, #000 30% 40%, #0000 60%);
  mask: linear-gradient(#0000 10%, #000 30% 40%, #0000 60%);
}

.progressive-blur_panel.is-10 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 70%, #000 90%, #0000 100%);
  mask: linear-gradient(#0000 70%, #000 90%, #0000 100%);
}

.progressive-blur_panel.is-5 {
  -webkit-backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  backdrop-filter: blur(calc(var(--blur) / (var(--ratio) * var(--ratio) * var(--ratio) * var(--ratio))));
  -webkit-mask: linear-gradient(#0000 20%, #000 40% 50%, #0000 70%);
  mask: linear-gradient(#0000 20%, #000 40% 50%, #0000 70%);
}

.progressive-blur_wrap {
  pointer-events: none;
  height: 15vw;
  min-height: 10rem;
  position: fixed;
  inset: 0% 0% auto;
  overflow: clip;
}

.project-description {
  z-index: 1;
  padding: 40px var(--padding-global);
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.bunny-bg__video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
  padding-right: 0;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.bunny-bg__loading-svg {
  width: 6em;
}

.bunny-bg__pause-svg {
  display: none;
}

.bunny-bg__placeholder {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.bunny-bg__playpause {
  pointer-events: auto;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 4vw;
  right: 4vw;
}

.bunny-bg {
  pointer-events: none;
  color: #fff;
  isolation: isolate;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 102%;
  display: flex;
  position: absolute;
  overflow: hidden;
  transform: translateX(0);
}

.bunny-bg__btn {
  -webkit-backdrop-filter: blur(1em);
  backdrop-filter: blur(1em);
  cursor: pointer;
  background-color: #6464644d;
  border: 1px solid #ffffff1a;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  padding: .8125em;
  display: flex;
  position: relative;
}

.bunny-bg__loading {
  opacity: 0;
  visibility: hidden;
  background-color: #00000054;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
}

.masonry-item__visual-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.masonry-item__visual {
  border-radius: var(--thumb-radius);
  width: 100%;
  position: relative;
  overflow: hidden;
}

.masonry-item__visual.is--square {
  aspect-ratio: 1;
}

.masonry-item__visual.is--tall {
  aspect-ratio: 2 / 3;
}

.masonry-item {
  width: calc(((100% - 1px)  - (var(--masonry-col)  - 1) * var(--masonry-gap)) / var(--masonry-col));
  background-color: #ededed;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.masonry-wrap {
  padding: 25em 1em 4em;
}

.masonry-item-2 {
  width: calc(((100% - 1px)  - (var(--masonry-col)  - 1) * var(--masonry-gap)) / var(--masonry-col));
}

.svg-24 {
  padding: 1px;
}

.svg-25 {
  display: none;
}

.nav-desktop {
  z-index: 9;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 25% 75%;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: stretch;
}

.nav-moblie {
  z-index: 9;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.open-button {
  width: 35px;
  height: 35px;
}

.close-button {
  width: 35px;
  height: 35px;
  display: none;
}

.project-link {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
  position: relative;
}

.media {
  border-radius: var(--thumb-radius);
  width: 100%;
  position: relative;
}

.aspect-ratio {
  padding-top: 100%;
}

.cover-media {
  border-radius: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.cover-placeholder {
  text-align: center;
  border-radius: inherit;
  background-color: #80808026;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 1em;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  container-type: inline-size;
}

.cover-placeholder__p {
  opacity: .2;
  color: var(--ramen-tv-v-2-0---text-color);
  font-variation-settings: "wght" 540;
  text-transform: uppercase;
  word-spacing: -3px;
  margin-bottom: 0;
  font-family: Slussen Mono VF, Arial, sans-serif;
  font-size: 3cqw;
  display: none;
}

.cover-video, .cover-image {
  object-fit: cover;
  border-radius: inherit;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.nav-wrap {
  z-index: 2;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 1.5rem;
  display: flex;
  position: absolute;
  bottom: 1vh;
  left: 0;
  right: 0;
}

.nav-list {
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.nav-item {
  justify-content: center;
  align-items: center;
  width: 7em;
  transition: width .5s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  position: relative;
}

.nav-item__link {
  z-index: 1;
  pointer-events: auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: .3em;
  padding-right: .3em;
  display: flex;
  position: relative;
}

.nav-item__tooltip {
  z-index: 0;
  opacity: 0;
  pointer-events: none;
  color: #000;
  white-space: nowrap;
  background-color: #fff;
  border-radius: .25em;
  padding: .4em .5em;
  font-size: 1em;
  transition: transform .5s cubic-bezier(.16, 1, .3, 1), opacity .5s cubic-bezier(.16, 1, .3, 1);
  position: absolute;
  top: 0;
  transform: translate(0, -80%);
}

.text-block {
  font-family: var(--base-font);
  color: #000;
  font-size: 1.2em;
  line-height: 1.3em;
}

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

.brand-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65px;
}

.logo-wrapper {
  flex-flow: column;
  display: flex;
}

.svg-49 {
  padding: 1px;
}

.menu-buttons {
  z-index: 5;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  mix-blend-mode: exclusion;
  flex-flow: row;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-content: center;
  place-items: stretch start;
  display: flex;
}

.menu-btn-2 {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  color: #fff;
  appearance: none;
  white-space: nowrap;
  background-color: #0006;
  border-radius: .25em;
  justify-content: center;
  align-items: center;
  height: 28px;
  font-family: Slussen VF, Arial, sans-serif;
  font-size: 1.1em;
  font-weight: 500;
  line-height: 1em;
  text-decoration: none;
  display: flex;
}

.menu-btn-2:hover {
  background-color: #212121;
}

.menu-btn-2:active {
  color: #000;
  background-color: #fff;
  border-color: #fff;
}

.background-video {
  background-color: #151515;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: 100svh;
  display: flex;
  position: fixed;
  inset: 0%;
}

.home-overlay {
  z-index: 3;
  opacity: 0;
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  background-color: #000000bf;
  display: none;
  position: absolute;
  inset: 0%;
}

.progressive-blur_wrap-3 {
  z-index: 1;
  pointer-events: none;
  height: 20vw;
  min-height: 10rem;
  position: absolute;
  inset: auto 0% 0%;
  overflow: clip;
  transform: rotate(180deg);
}

.head-page {
  z-index: 5;
  grid-column-gap: .5em;
  grid-row-gap: .5em;
  mix-blend-mode: exclusion;
  flex-flow: column;
  align-items: stretch;
  width: 100%;
  padding: 1rem;
  display: flex;
  position: sticky;
  top: 60px;
}

.head-page.centered {
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 15%;
  padding-right: 15%;
}

.header-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.header-wrapper:lang(es-es) {
  padding-left: 0;
}

.header {
  z-index: 10;
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}

.header-ok {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  color: #fff;
  letter-spacing: -.02em;
  text-transform: uppercase;
  word-spacing: 2px;
  font-family: KMR Apparat, Arial, sans-serif;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: .75em;
}

.politica-privacidad {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  align-content: space-around;
  padding-left: 15%;
  padding-right: 15%;
  display: flex;
  position: relative;
}

.column {
  grid-column-gap: 1.2rem;
  grid-row-gap: 1.2rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 20% 80%;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.text-header {
  color: #000;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: KMR Apparat, Arial, sans-serif;
  font-size: 1.7em;
  line-height: 1.2em;
}

.list-text {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #000;
  flex-flow: column;
  padding-left: 20px;
  list-style-type: disc;
  display: flex;
}

.link-2 {
  color: #000;
  text-decoration: none;
}

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

.page-content {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-color: #0000;
  flex-flow: column;
  align-content: space-around;
  padding-left: 15%;
  padding-right: 15%;
  display: flex;
  position: relative;
}

.text-header-2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: KMR Apparat, Arial, sans-serif;
}

.text-block-3 {
  color: #000;
  text-align: justify;
  flex-flow: wrap;
  font-family: Slussen VF, Arial, sans-serif;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.3em;
}

.list-item {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  list-style-type: disc;
}

.list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #000;
  flex-flow: column;
  padding-left: 12px;
  list-style-type: disc;
  display: flex;
}

.button {
  color: #000;
  text-transform: uppercase;
  background-color: #0000;
  border: .12em solid #000;
  border-radius: .25em;
  font-family: Slussen VF, Arial, sans-serif;
  font-size: 1em;
  font-weight: 600;
}

.button:hover {
  color: #fff;
  background-color: #000;
}

.header-page {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  color: #fff;
  letter-spacing: -.02em;
  text-transform: uppercase;
  word-spacing: 2px;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  font-family: KMR Apparat, Arial, sans-serif;
  font-size: 3.5rem;
  font-weight: 700;
  line-height: .75em;
  display: flex;
}

.loader__logo-wrap {
  justify-content: center;
  align-items: center;
  width: 22em;
  height: 8em;
  display: flex;
  position: relative;
}

.loader__bg {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.loader__bg-bar {
  z-index: 1;
  transform-origin: 0%;
  width: 100%;
  height: .25em;
  transform-style: preserve-3d;
  background-color: #555;
  position: absolute;
  inset: auto 0% 0%;
  transform: scale3d(0, 1, 1);
}

.loader__text-wrap {
  color: #555;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: 3.5em;
}

.loader__text-el {
  font-family: var(--ramen-tv-v-2-0---mono-font);
  text-transform: uppercase;
  white-space: nowrap;
  margin-bottom: -.25em;
  padding-bottom: .25em;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1em;
  position: absolute;
}

.loader__container {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.loader {
  z-index: 100;
  color: #fff;
  width: 100%;
  height: 100dvh;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.loader__logo-item {
  width: 100%;
  position: absolute;
}

.loader__logo-item.is--top {
  clip-path: inset(0 100% 0 0);
}

.loader__logo-item.is--base {
  opacity: .2;
}

.loader__logo-img {
  width: 100%;
  padding: 1px;
  display: block;
}

.link-menu-moile {
  font-family: var(--ramen-tv-v-2-0---button-font);
  color: #fff;
  text-transform: uppercase;
  justify-content: flex-end;
  align-items: flex-start;
  font-size: 5vw;
  font-weight: 600;
  line-height: .75em;
  text-decoration: none;
  display: flex;
}

.menu-mobile {
  z-index: 8;
  width: 100%;
  height: 100%;
  padding: var(--ramen-tv-v-2-0---padding-global);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #000c;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-end;
  display: none;
  position: fixed;
  inset: 0%;
}

.list-item-menu-mobile {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.list-menu-mobile {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  flex-flow: column;
  margin-top: 80px;
  padding-left: 0;
  display: flex;
}

.svg-50 {
  display: none;
}

.svg-51, .svg-52 {
  pointer-events: none;
}

.player {
  z-index: 15;
  background-color: #121212;
  position: relative;
}

.transition {
  z-index: 100;
  pointer-events: none;
  position: fixed;
  inset: 0;
  overflow: clip;
}

.transition__dark {
  opacity: 0;
  background-color: #000;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

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

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

@media screen and (max-width: 991px) {
  body {
    --ramen-tv-v-2-0---menu-font: "Slussen VF", Arial, sans-serif;
    --ramen-tv-v-2-0---padding-global: 1.2rem;
    --ramen-tv-v-2-0---button-font: "KMR Apparat", Arial, sans-serif;
    --ramen-tv-v-2-0---mono-font: "VCR OSD Mono", Arial, sans-serif;
    --ramen-tv-v-2-0---text-label: #212121;
    --ramen-tv-v-2-0---titles-font: "KMR Apparat", Arial, sans-serif;
    --ramen-tv-v-2-0---text-font: "Slussen VF", Arial, sans-serif;
    --ramen-tv-v-2-0---corners-opacity: 50%;
    --ramen-tv-v-2-0---corners-size: 10px;
    --ramen-tv-v-2-0---corners-width: .1em;
    --ramen-tv-v-2-0---corners-color: whitesmoke;
    --ramen-tv-v-2-0---number-font: "Uncut Plan 8", Arial, sans-serif;
    --ramen-tv-v-2-0---thumb-radius: .5em;
    --ramen-tv-v-2-0---text-color: black;
    --ramen-tv-v-2-0---padding-blackbox: 1.2rem;
    --ramen-tv-v-2-0---pading-logo-front: 30px;
    --ramen-tv-v-2-0---background-color: whitesmoke;
    --ramen-tv-v-2-0---alt-text-color: white;
    --ramen-tv-v-2-0---transparency: white;
    --ramen-tv-v-2-0---corner-radius: .1rem;
    --ramen-tv-v-2-0---front-logo-shadow-color: #121212b3;
    --ramen-tv-v-2-0---navbar-space: 62px;
    --ramen-tv-v-2-0---navbar-mobile-space: var(--ramen-tv-v-2-0---navbar-space);
    --ramen-tv-v-2-0---header: 3.5rem;
    --ramen-tv-v-2-0---header-prod-services: 15vw;
    --ramen-tv-v-2-0---header-our-house: 15vw;
    --ramen-tv-v-2-0---header-info-page: 17vw;
    --ramen-tv-v-2-0---header-feat-works: 17vw;
    --ramen-tv-v-2-0---header-photo: 17vw;
    --ramen-tv-v-2-0---header-news: 19em;
    --ramen-tv-v-2-0---header-number: 1.2em;
    --ramen-tv-v-2-0---header-number-mobile: 18px;
    --ramen-tv-v-2-0---front-logo-shadow: 50px;
    --ramen-tv-v-2-0---thumb-radius-photo: .05em;
    --ramen-tv-v-2-0---header-mobile: 18vw;
    --ramen-tv-v-2-0---player-window-radius: 6px;
    --ramen-tv-v-2-0---menu-button-radius: .2em;
    --ramen-tv-v-2-0---text-bg: #e1e1e1;
    --ramen-tv-v-2-0---logo-width: 16vw;
    --ramen-tv-v-2-0---footer: #151515;
    --ramen-tv-v-2-0---radius-player: 15px;
  }

  .ramen-tv-v-2-0--navbar-logo {
    display: flex;
  }

  .ramen-tv-v-2-0--nav-menu {
    align-self: stretch;
  }

  .ramen-tv-v-2-0--list-item {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .ramen-tv-v-2-0--close-button {
    justify-content: center;
    align-self: stretch;
    align-items: center;
  }

  .ramen-tv-v-2-0--nav-moblie {
    display: block;
  }

  .ramen-tv-v-2-0--navbar {
    justify-content: flex-end;
    width: auto;
    display: flex;
  }

  .ramen-tv-v-2-0--open-button {
    align-self: stretch;
  }

  .ramen-tv-v-2-0--nav-desktop {
    display: none;
  }

  .ramen-tv-v-2-0--logo-page {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    align-items: stretch;
    display: flex;
  }

  .ramen-tv-v-2-0--navbar-logo-fixed {
    display: flex;
  }

  .ramen-tv-v-2-0--link-menu-moile {
    font-size: 8vw;
  }

  .ramen-tv-v-2-0--menu-icon-arrow-mobile {
    margin-left: 4px;
    font-family: MD System VF, Arial, sans-serif;
    font-size: 40px;
    line-height: 1em;
    top: -1.6vw;
  }

  .ramen-tv-v-2-0--project-element {
    width: 95%;
  }

  body {
    --background: white;
    --padding-global: 1rem;
    --base-font: "Unica 78 Web", Arial, sans-serif;
    --text: #555;
    --label-radius: 5px;
    --footer-font: "Unica 78 Web", Arial, sans-serif;
    --button-font: Plaid, Arial, sans-serif;
    --icon-radius: 16px;
    --thumb-radius: .6em;
    --labels-font: Plaid, Arial, sans-serif;
    --titles-font: "Helvetica Now Display", Arial, sans-serif;
    --label-background: #e1e1e1;
    --thumb-carrusel-radius: .6rem;
  }

  .portfolio-gallery {
    grid-row-gap: 40px;
  }

  .portfolio-row {
    height: auto;
  }

  .portfolio-row.project-page {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
  }

  .text-project {
    word-spacing: -.5px;
  }

  .button-small, .button-small-selected {
    font-size: 14px;
  }

  .portfolio-item {
    width: 50%;
    height: 50vw;
  }

  .portada {
    justify-content: flex-end;
    align-items: flex-end;
  }

  .carrusel {
    padding-left: 20px;
    padding-right: 20px;
  }

  .navbar-logo {
    padding-left: 0;
  }

  .navbar-logo.w--current {
    display: flex;
  }

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

  .footer-logo {
    justify-content: space-between;
    align-items: flex-end;
    display: flex;
  }

  .footer-copyright {
    display: flex;
  }

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

  .footer-credits-link {
    text-decoration: none;
  }

  .project-carrusel._1-1 {
    width: 13%;
  }

  .project-carrusel._16-9 {
    width: 28%;
  }

  .title-hover {
    justify-content: center;
    align-items: flex-start;
  }

  .text-hover {
    padding-top: 45%;
    font-size: 6vw;
  }

  .text-description {
    font-size: 1.8em;
  }

  .text-detail {
    font-size: 1.2em;
  }

  .text-data {
    font-size: .65em;
  }

  .title-related {
    font-size: 1.8em;
  }

  .bunny-bg__playpause {
    bottom: 1em;
    right: 1em;
  }

  .nav-desktop {
    display: none;
  }

  .nav-moblie {
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
  }

  .open-button {
    justify-content: center;
    align-self: stretch;
    align-items: center;
    font-size: 30px;
    display: flex;
  }

  .close-button {
    justify-content: center;
    align-self: stretch;
    align-items: center;
    font-size: 30px;
    display: none;
  }

  .nav-list {
    font-size: 1.5vw;
  }

  .menu-buttons {
    width: 100%;
  }

  .header-wrapper {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .text-block-3 {
    text-align: left;
    font-size: 17px;
  }

  .link-menu-moile {
    font-size: 8vw;
  }
}

@media screen and (max-width: 767px) {
  body {
    --ramen-tv-v-2-0---menu-font: "Slussen VF", Arial, sans-serif;
    --ramen-tv-v-2-0---padding-global: 1rem;
    --ramen-tv-v-2-0---button-font: "KMR Apparat", Arial, sans-serif;
    --ramen-tv-v-2-0---mono-font: "VCR OSD Mono", Arial, sans-serif;
    --ramen-tv-v-2-0---text-label: #212121;
    --ramen-tv-v-2-0---titles-font: "KMR Apparat", Arial, sans-serif;
    --ramen-tv-v-2-0---text-font: "Slussen VF", Arial, sans-serif;
    --ramen-tv-v-2-0---corners-opacity: 50%;
    --ramen-tv-v-2-0---corners-size: 10px;
    --ramen-tv-v-2-0---corners-width: .1em;
    --ramen-tv-v-2-0---corners-color: whitesmoke;
    --ramen-tv-v-2-0---number-font: "Uncut Plan 8", Arial, sans-serif;
    --ramen-tv-v-2-0---thumb-radius: .35em;
    --ramen-tv-v-2-0---text-color: black;
    --ramen-tv-v-2-0---padding-blackbox: 1rem;
    --ramen-tv-v-2-0---pading-logo-front: 20px;
    --ramen-tv-v-2-0---background-color: whitesmoke;
    --ramen-tv-v-2-0---alt-text-color: white;
    --ramen-tv-v-2-0---transparency: white;
    --ramen-tv-v-2-0---corner-radius: .1rem;
    --ramen-tv-v-2-0---front-logo-shadow-color: #121212b3;
    --ramen-tv-v-2-0---navbar-space: 70px;
    --ramen-tv-v-2-0---navbar-mobile-space: var(--ramen-tv-v-2-0---navbar-space);
    --ramen-tv-v-2-0---header: 3.5rem;
    --ramen-tv-v-2-0---header-prod-services: 15vw;
    --ramen-tv-v-2-0---header-our-house: 15vw;
    --ramen-tv-v-2-0---header-info-page: 17vw;
    --ramen-tv-v-2-0---header-feat-works: 17vw;
    --ramen-tv-v-2-0---header-photo: 17vw;
    --ramen-tv-v-2-0---header-news: 19em;
    --ramen-tv-v-2-0---header-number: 1.2em;
    --ramen-tv-v-2-0---header-number-mobile: 18px;
    --ramen-tv-v-2-0---front-logo-shadow: 50px;
    --ramen-tv-v-2-0---thumb-radius-photo: .05em;
    --ramen-tv-v-2-0---header-mobile: 18vw;
    --ramen-tv-v-2-0---player-window-radius: 6px;
    --ramen-tv-v-2-0---menu-button-radius: .2em;
    --ramen-tv-v-2-0---text-bg: #e1e1e1;
    --ramen-tv-v-2-0---logo-width: 16vw;
    --ramen-tv-v-2-0---footer: #151515;
    --ramen-tv-v-2-0---radius-player: 15px;
  }

  .ramen-tv-v-2-0--nav-menu {
    flex-direction: column;
    padding-bottom: 30px;
    padding-left: 0;
  }

  .ramen-tv-v-2-0--project-element {
    width: 95%;
  }

  body {
    --background: white;
    --padding-global: .8rem;
    --base-font: "Unica 78 Web", Arial, sans-serif;
    --text: #555;
    --label-radius: 5px;
    --footer-font: "Unica 78 Web", Arial, sans-serif;
    --button-font: Plaid, Arial, sans-serif;
    --icon-radius: 16px;
    --thumb-radius: .6em;
    --labels-font: Plaid, Arial, sans-serif;
    --titles-font: "Helvetica Now Display", Arial, sans-serif;
    --label-background: #e1e1e1;
    --thumb-carrusel-radius: .6rem;
  }

  .portfolio {
    padding-bottom: 45px;
  }

  .portfolio-row {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
  }

  .carrusel {
    padding-bottom: 18px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .space {
    flex: 0 auto;
  }

  .navbar-logo, .navbar-logo.w--current {
    width: 100%;
  }

  .footer {
    height: 60vh;
  }

  .footer-info-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template: "Area Area-2"
                   "Area-3 Area-3"
                   "Area-4 Area-4"
                   / 1fr 1fr;
    display: grid;
  }

  .footer-content-group, .footer-right-column {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .credits-space {
    justify-content: center;
  }

  .project-carrusel._16-9 {
    width: 48%;
  }

  .carrusel-left-group {
    display: none;
  }

  .carrusel-right-group {
    flex: 1;
  }

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

  .menu-buttons {
    width: 100%;
  }

  .menu-btn-2 {
    flex: 0 auto;
    padding-right: 5em;
  }

  .header-ok {
    font-size: 4.5rem;
  }

  .text-block-3 {
    font-size: 17px;
  }

  .header-page {
    font-size: 4.5rem;
  }
}

@media screen and (max-width: 479px) {
  body {
    --ramen-tv-v-2-0---menu-font: "Slussen VF", Arial, sans-serif;
    --ramen-tv-v-2-0---padding-global: 1em;
    --ramen-tv-v-2-0---button-font: "Kmr Apparat", Arial, sans-serif;
    --ramen-tv-v-2-0---mono-font: "VCR OSD Mono", Arial, sans-serif;
    --ramen-tv-v-2-0---text-label: #212121;
    --ramen-tv-v-2-0---titles-font: "KMR Apparat", Arial, sans-serif;
    --ramen-tv-v-2-0---text-font: "Slussen VF", Arial, sans-serif;
    --ramen-tv-v-2-0---corners-opacity: 50%;
    --ramen-tv-v-2-0---corners-size: 10px;
    --ramen-tv-v-2-0---corners-width: .1em;
    --ramen-tv-v-2-0---corners-color: whitesmoke;
    --ramen-tv-v-2-0---number-font: "Uncut Plan 8", Arial, sans-serif;
    --ramen-tv-v-2-0---thumb-radius: .35em;
    --ramen-tv-v-2-0---text-color: black;
    --ramen-tv-v-2-0---padding-blackbox: 1rem;
    --ramen-tv-v-2-0---pading-logo-front: 10px;
    --ramen-tv-v-2-0---background-color: whitesmoke;
    --ramen-tv-v-2-0---alt-text-color: white;
    --ramen-tv-v-2-0---transparency: white;
    --ramen-tv-v-2-0---corner-radius: .1rem;
    --ramen-tv-v-2-0---front-logo-shadow-color: #121212b3;
    --ramen-tv-v-2-0---navbar-space: 70px;
    --ramen-tv-v-2-0---navbar-mobile-space: var(--ramen-tv-v-2-0---navbar-space);
    --ramen-tv-v-2-0---header: 3.5rem;
    --ramen-tv-v-2-0---header-prod-services: 15vw;
    --ramen-tv-v-2-0---header-our-house: 15vw;
    --ramen-tv-v-2-0---header-info-page: 17vw;
    --ramen-tv-v-2-0---header-feat-works: 17vw;
    --ramen-tv-v-2-0---header-photo: 17vw;
    --ramen-tv-v-2-0---header-news: 19em;
    --ramen-tv-v-2-0---header-number: 1.2em;
    --ramen-tv-v-2-0---header-number-mobile: 18px;
    --ramen-tv-v-2-0---front-logo-shadow: 50px;
    --ramen-tv-v-2-0---thumb-radius-photo: .05em;
    --ramen-tv-v-2-0---header-mobile: 1.8rem;
    --ramen-tv-v-2-0---player-window-radius: 6px;
    --ramen-tv-v-2-0---menu-button-radius: .2em;
    --ramen-tv-v-2-0---text-bg: #e1e1e1;
    --ramen-tv-v-2-0---logo-width: 16vw;
    --ramen-tv-v-2-0---footer: #151515;
    --ramen-tv-v-2-0---radius-player: 15px;
  }

  .ramen-tv-v-2-0--nav-menu {
    flex-direction: column;
  }

  .ramen-tv-v-2-0--list-item {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .ramen-tv-v-2-0--logo-page {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    --ramen-tv-v-2-0---menu-font: "Slussen VF", Arial, sans-serif;
    --ramen-tv-v-2-0---padding-global: 1em;
    --ramen-tv-v-2-0---button-font: "Kmr Apparat", Arial, sans-serif;
    --ramen-tv-v-2-0---mono-font: "VCR OSD Mono", Arial, sans-serif;
    --ramen-tv-v-2-0---text-label: #212121;
    --ramen-tv-v-2-0---titles-font: "KMR Apparat", Arial, sans-serif;
    --ramen-tv-v-2-0---text-font: "Slussen VF", Arial, sans-serif;
    --ramen-tv-v-2-0---corners-opacity: 50%;
    --ramen-tv-v-2-0---corners-size: 10px;
    --ramen-tv-v-2-0---corners-width: .1em;
    --ramen-tv-v-2-0---corners-color: whitesmoke;
    --ramen-tv-v-2-0---number-font: "Uncut Plan 8", Arial, sans-serif;
    --ramen-tv-v-2-0---thumb-radius: .35em;
    --ramen-tv-v-2-0---text-color: black;
    --ramen-tv-v-2-0---padding-blackbox: 1rem;
    --ramen-tv-v-2-0---pading-logo-front: 10px;
    --ramen-tv-v-2-0---background-color: whitesmoke;
    --ramen-tv-v-2-0---alt-text-color: white;
    --ramen-tv-v-2-0---transparency: white;
    --ramen-tv-v-2-0---corner-radius: .1rem;
    --ramen-tv-v-2-0---front-logo-shadow-color: #121212b3;
    --ramen-tv-v-2-0---navbar-space: 70px;
    --ramen-tv-v-2-0---navbar-mobile-space: var(--ramen-tv-v-2-0---navbar-space);
    --ramen-tv-v-2-0---header: 3.5rem;
    --ramen-tv-v-2-0---header-prod-services: 15vw;
    --ramen-tv-v-2-0---header-our-house: 15vw;
    --ramen-tv-v-2-0---header-info-page: 17vw;
    --ramen-tv-v-2-0---header-feat-works: 17vw;
    --ramen-tv-v-2-0---header-photo: 17vw;
    --ramen-tv-v-2-0---header-news: 19em;
    --ramen-tv-v-2-0---header-number: 1.2em;
    --ramen-tv-v-2-0---header-number-mobile: 18px;
    --ramen-tv-v-2-0---front-logo-shadow: 50px;
    --ramen-tv-v-2-0---thumb-radius-photo: .05em;
    --ramen-tv-v-2-0---header-mobile: 1.8rem;
    --ramen-tv-v-2-0---player-window-radius: 6px;
    --ramen-tv-v-2-0---menu-button-radius: .2em;
    --ramen-tv-v-2-0---text-bg: #e1e1e1;
    --ramen-tv-v-2-0---logo-width: 16vw;
    --ramen-tv-v-2-0---footer: #151515;
    --ramen-tv-v-2-0---radius-player: 15px;
  }

  .ramen-tv-v-2-0--navbar-logo-fixed {
    width: 65px;
  }

  .ramen-tv-v-2-0--link-menu-moile {
    font-size: 12vw;
  }

  .ramen-tv-v-2-0--menu-icon-arrow-mobile {
    font-size: 32px;
    top: -1.6vw;
  }

  .ramen-tv-v-2-0--project-title {
    justify-content: flex-start;
    align-items: stretch;
    font-size: .8rem;
  }

  .ramen-tv-v-2-0--project-link {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .ramen-tv-v-2-0--text-project-bold {
    padding-top: .2em;
    padding-bottom: .2em;
  }

  .ramen-tv-v-2-0--text-project {
    flex-flow: wrap;
    padding-top: .2em;
    padding-bottom: .2em;
    display: flex;
  }

  .ramen-tv-v-2-0--project-info {
    flex-flow: row;
    grid-template-columns: 90% 10%;
    justify-content: center;
    align-items: flex-start;
    font-size: .825rem;
    display: flex;
  }

  .ramen-tv-v-2-0--right-group {
    z-index: 2;
    display: none;
  }

  .ramen-tv-v-2-0--project-element {
    width: 95%;
  }

  .ramen-tv-v-2-0--project-name {
    justify-content: flex-start;
    align-items: center;
  }

  .ramen-tv-v-2-0--text-category-label {
    font-size: .5rem;
    top: 3px;
  }

  body {
    --background: white;
    --padding-global: .8rem;
    --base-font: "Unica 78 Web", Arial, sans-serif;
    --text: #555;
    --label-radius: 5px;
    --footer-font: "Unica 78 Web", Arial, sans-serif;
    --button-font: Plaid, Arial, sans-serif;
    --icon-radius: 16px;
    --thumb-radius: .6em;
    --labels-font: Plaid, Arial, sans-serif;
    --titles-font: "Helvetica Now Display", Arial, sans-serif;
    --label-background: #e1e1e1;
    --thumb-carrusel-radius: .6rem;
  }

  .portfolio-row.project-page {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    flex-flow: column;
  }

  .about {
    padding-right: var(--padding-global);
    padding-left: var(--padding-global);
  }

  .page-background {
    aspect-ratio: 9 / 16;
    object-fit: cover;
    background-image: linear-gradient(#61d3e2, #e7f5ff);
    width: 102%;
    height: 102%;
    left: auto;
    right: auto;
    overflow: hidden;
    transform: translate(0);
  }

  .video-background.mobile {
    aspect-ratio: 9 / 16;
    width: auto;
    height: 100%;
    display: none;
  }

  .portfolio-item {
    width: 100%;
    height: auto;
  }

  .portada {
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    height: 102svh;
    margin-top: -1svh;
  }

  .carrusel {
    justify-content: flex-end;
    align-items: flex-end;
    padding-bottom: 22px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .text-carrusel {
    white-space: nowrap;
    font-size: 1.4em;
    font-weight: 700;
    transform: rotate(0);
  }

  .label {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .project-title {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .space {
    display: none;
  }

  .main {
    background-color: #fff;
  }

  .footer {
    height: 50vh;
  }

  .footer-column {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    padding-right: 0;
  }

  .footer-container {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .footer-info-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template: "Area Area-2"
                   "Area-3 Area-3"
                   "Area-4 Area-4"
                   / 1fr 1fr;
    align-items: stretch;
    height: 100%;
    display: grid;
  }

  .footer-logo {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-content-group {
    justify-content: flex-start;
    align-items: baseline;
  }

  .footer-content-mail-group {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
  }

  .button-small-footer {
    height: 28px;
    padding-left: 12px;
    padding-right: 10px;
    font-size: .9em;
  }

  .footer-copyright {
    order: 1;
  }

  .footer-credits-link {
    text-underline-offset: 1.5px;
    font-size: .9em;
    text-decoration: underline;
    text-decoration-thickness: .08em;
  }

  .footer-credits-link:hover {
    text-decoration: none;
  }

  .footer-credits-text {
    font-size: .8em;
  }

  .footer-right-column {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: center;
    align-items: flex-start;
  }

  .footer-info {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .preloader {
    display: none;
  }

  .logo-preloader-container {
    width: 70%;
  }

  .credits-space {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: space-around;
    align-self: stretch;
    font-size: .9em;
  }

  .project-carrusel._1-1 {
    flex: 0 auto;
  }

  .project-carrusel._16-9 {
    flex: 0 auto;
    width: 56%;
  }

  .project-gallery {
    flex-flow: column;
    display: flex;
  }

  .text-wrapper {
    grid-column-gap: 16%;
    grid-row-gap: 30px;
    flex-flow: wrap;
  }

  .text-description {
    font-variation-settings: "wght" 400;
    letter-spacing: -.015em;
    font-size: 1.6em;
    line-height: 1.2em;
  }

  .project-wrapper {
    padding-bottom: 100px;
  }

  .text-detail {
    font-size: 1.15em;
  }

  .text-detail.link {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    font-size: 1.1em;
  }

  .spline-scene {
    width: 100%;
    height: 100%;
  }

  .carrusel-background {
    justify-content: flex-end;
    align-items: flex-end;
    padding-bottom: 22px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .text-data {
    margin-left: 0;
  }

  .icon-link {
    line-height: .8em;
  }

  .asset-info-wrapper {
    padding-left: 3px;
    padding-right: 3px;
    display: none;
  }

  .asset-info-subtext {
    font-size: .65em;
  }

  .title-related-wrapper {
    padding-top: 30px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .logo-footer {
    fill: #777;
  }

  .text-separator {
    font-variation-settings: "wght" 400;
    text-transform: uppercase;
    word-spacing: -4px;
    flex-flow: wrap;
    font-weight: 400;
  }

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

  .heading-2 {
    font-size: 1.8em;
  }

  .svg {
    padding: 1px;
    display: flex;
  }

  .bunny-player__interface-bottom {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .icon-logo-nav {
    border-radius: 1px;
  }

  .bunny-player__interface-btns {
    grid-column-gap: .8em;
    grid-row-gap: .8em;
  }

  .project-description {
    padding-top: 20px;
  }

  .project-link {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .menu-buttons {
    width: 100%;
    display: flex;
    position: relative;
  }

  .menu-btn-2 {
    flex: 0 auto;
    padding-right: 3em;
  }

  .home-overlay {
    display: none;
  }

  .header-wrapper {
    width: 100%;
  }

  .header {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    text-transform: uppercase;
    flex-flow: wrap;
    justify-content: flex-start;
  }

  .header-ok {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    letter-spacing: -.02em;
    font-size: 2.6rem;
  }

  .text-block-3 {
    font-size: 15px;
  }

  .header-page {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    letter-spacing: -.02em;
    font-size: 2.6rem;
  }

  .link-menu-moile {
    font-size: 12vw;
  }

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

#w-node-_6012360f-38be-30c7-f130-aaa1646ed496-646ed492 {
  grid-area: Area;
}

#w-node-_6012360f-38be-30c7-f130-aaa1646ed4a4-646ed492 {
  grid-area: Area-2;
}

#w-node-_6012360f-38be-30c7-f130-aaa1646ed4b4-646ed492 {
  grid-area: Area-3;
}

#w-node-_44a56b2c-5637-5e0c-7500-158929f32c2d-29f32c1e {
  justify-self: end;
}

@media screen and (max-width: 991px) {
  #w-node-_6012360f-38be-30c7-f130-aaa1646ed4b4-646ed492 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_6012360f-38be-30c7-f130-aaa1646ed4b4-646ed492 {
    grid-area: Area-3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_6012360f-38be-30c7-f130-aaa1646ed496-646ed492 {
    grid-area: Area;
  }

  #w-node-_6012360f-38be-30c7-f130-aaa1646ed4a4-646ed492 {
    grid-area: Area-2;
  }

  #w-node-_6012360f-38be-30c7-f130-aaa1646ed4b4-646ed492 {
    grid-area: Area-3;
  }
}


@font-face {
  font-family: 'Helvetica Now Display';
  src: url('../fonts/HelveticaNowDisplay-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Now Display';
  src: url('../fonts/HelveticaNowDisplay-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Now Display';
  src: url('../fonts/HelveticaNowDisplay-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Now Display';
  src: url('../fonts/HelveticaNowDisplay-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Unica 77 LL';
  src: url('../fonts/Unica77LLWeb-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MD System VF';
  src: url('../fonts/MDSystem-VF.woff2') format('woff2');
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Matter GX';
  src: url('../fonts/MatterGX.woff2') format('woff2');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PP Neue Montreal Mono';
  src: url('../fonts/PPNeueMontrealMono-Variable.woff2') format('woff2');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'ABC Monument Grotesk Mono';
  src: url('../fonts/ABCMonumentGroteskMono-Medium.fceaf225.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter VF';
  src: url('../fonts/InterVariable-Italic.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Inter VF';
  src: url('../fonts/InterVariable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica Now VF';
  src: url('../fonts/HelveticaNowVar.woff2') format('woff2');
  font-weight: 50 1000;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Neureal Mono';
  src: url('../fonts/Neureal-Mono.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'NaN Holo';
  src: url('../fonts/NaNHoloVF.woff2') format('woff2');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rules';
  src: url('../fonts/rules-variable-wght-slnt.woff2') format('woff2');
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Unica 78 Mono Web';
  src: url('../fonts/Unica78MonoWeb-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Unica 78 Web';
  src: url('../fonts/Unica78Web-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Unica 78 Web';
  src: url('../fonts/Unica78Web-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Polestar Unica 77 TT';
  src: url('../fonts/Polestar-Unica77-TT-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Polestar Unica 77 TT';
  src: url('../fonts/Polestar-Unica77-TT-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Polestar Unica 77 TT';
  src: url('../fonts/Polestar-Unica77-TT-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Akzidenz-Grotesk';
  src: url('../fonts/f3a8d1cb88fe9a3b-s.p.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'VCR OSD Mono';
  src: url('../fonts/vcrosdmono-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'KMR Apparat';
  src: url('../fonts/KMR-Apparat-Book.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'KMR Apparat';
  src: url('../fonts/KMR-Apparat-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'KMR Apparat';
  src: url('../fonts/KMR-Apparat-Heavy.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'KMR Apparat';
  src: url('../fonts/KMR-Apparat-Black.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'KMR Apparat';
  src: url('../fonts/KMR-Apparat-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'KMR Apparat';
  src: url('../fonts/KMR-Apparat-Medium.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'KMR Apparat';
  src: url('../fonts/KMR-Apparat-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Basilea';
  src: url('../fonts/BasileaReg.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Folio';
  src: url('../fonts/FolioMed.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Rhymes Text';
  src: url('../fonts/RhymesText-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eins Sans';
  src: url('../fonts/EinsSansMedium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eins Sans';
  src: url('../fonts/EinsSansLight.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eins Sans';
  src: url('../fonts/EinsSansThin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eins Sans';
  src: url('../fonts/EinsSansBlack.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eins Sans';
  src: url('../fonts/EinsSansBold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Eins Sans';
  src: url('../fonts/EinsSansRegular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Circular Std';
  src: url('../fonts/63c8b1f6d02161183cc5d266_CircularStd-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Circular Std';
  src: url('../fonts/63c8b1f698ae6e28a5f061b3_CircularStd-Book.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Serial B Neue';
  src: url('../fonts/SerialBNeueTRIAL-Black.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Serial B Neue';
  src: url('../fonts/SerialBNeueTRIAL-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Serial B Neue';
  src: url('../fonts/SerialBNeueTRIAL-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Serial B Neue';
  src: url('../fonts/SerialBNeueTRIAL-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Serial B Neue';
  src: url('../fonts/SerialBNeueTRIAL-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Serial B Neue';
  src: url('../fonts/SerialBNeueTRIAL-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Serial B Neue';
  src: url('../fonts/SerialBNeueTRIAL-Heavy.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Slussen VF';
  src: url('../fonts/Slussen-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Slussen Mono VF';
  src: url('../fonts/Slussen-Mono-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Uncut Plan 8';
  src: url('../fonts/UncutPlan8-Variable.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plaid';
  src: url('../fonts/Plaid-M.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plaid';
  src: url('../fonts/Plaid-S.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plaid';
  src: url('../fonts/Plaid-L.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plaid';
  src: url('../fonts/Plaid-XL.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Plaid';
  src: url('../fonts/Plaid-XS.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Acumin Pro';
  src: url('../fonts/Acumin-BdItPro.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Acumin Pro';
  src: url('../fonts/Acumin-RPro.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Acumin Pro';
  src: url('../fonts/Acumin-ItPro.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Acumin Pro';
  src: url('../fonts/Acumin-BdPro.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Akzidenz-Grotesk';
  src: url('../fonts/AGBuchBQ-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Akzidenz-Grotesk';
  src: url('../fonts/AGBuchBQ-UltraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}