@font-face {
  font-family: Roboto Condensed;
  src: url('../fonts/Roboto_Condensed-ThinItalic.ttf') format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

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

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

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

:root {
  --background: black;
  --off-contrast: whitesmoke;
  --highlight: #e84c3d;
  --focus: #0fa;
  --contrast: white;
  --_sizing---xl: 48px;
  --_sizing---m: 24px;
  --_sizing---2xl: 80px;
  --_sizing---s: 16px;
  --_sizing---xs: 8px;
  --_sizing---3xl: 160px;
  --_sizing---l: 32px;
  --off-background: #202020;
  --_apps---typography--heading-font: Roboto, Arial, sans-serif;
  --_apps---typography--body-font: Roboto, Arial, sans-serif;
  --_apps---typography--button-font: Roboto, Arial, sans-serif;
  --_apps---sizes--radius: 16px;
  --_apps---colors--background: #fff;
  --_apps---colors--foreground: #070707;
  --_apps---colors--card: #fff;
  --_apps---colors--card-foreground: #060606;
  --_apps---colors--popover: #f2f2f2;
  --_apps---colors--popover-foreground: #060606;
  --_apps---colors--primary: #e84c3d;
  --_apps---colors--primary-foreground: #150a08;
  --_apps---colors--secondary: #ffe4da;
  --_apps---colors--secondary-foreground: #130b0a;
  --_apps---colors--muted: #f8f8f8;
  --_apps---colors--muted-foreground: #7d797a;
  --_apps---colors--accent: #e4e4e4;
  --_apps---colors--accent-foreground: #0d0d0d;
  --_apps---colors--destructive: #d64651;
  --_apps---colors--border: #ebebeb;
  --_apps---colors--input: #eee;
  --_apps---colors--ring: #d46254;
  --_apps---charts--chart-1: #e84c3d;
  --_apps---charts--chart-2: #f28575;
  --_apps---charts--chart-3: #de2b20;
  --_apps---charts--chart-4: #b93a2e;
  --_apps---charts--chart-5: #9a0403;
  --_apps---sidebar--sidebar: #f8f8f8;
  --_apps---sidebar--sidebar-foreground: #060606;
  --_apps---sidebar--sidebar-primary: #e84c3d;
  --_apps---sidebar--sidebar-primary-foreground: #150a08;
  --_apps---sidebar--sidebar-accent: #e4e4e4;
  --_apps---sidebar--sidebar-accent-foreground: #0d0d0d;
  --_apps---sidebar--sidebar-border: #ebebeb;
  --_apps---sidebar--sidebar-ring: #d46254;
  --_apps---colors--background-dark: #000;
  --_apps---colors--foreground-dark: #f8f8f8;
  --_apps---colors--card-dark: #020202;
  --_apps---colors--card-foreground-dark: #f8f8f8;
  --_apps---colors--popover-dark: #020202;
  --_apps---colors--popover-foreground-dark: #f8f8f8;
  --_apps---colors--primary-dark: #e84c3d;
  --_apps---colors--primary-foreground-dark: #150a08;
  --_apps---colors--secondary-dark: #190000;
  --_apps---colors--secondary-foreground-dark: #fff6f5;
  --_apps---colors--muted-dark: #000;
  --_apps---colors--muted-foreground-dark: #747474;
  --_apps---colors--accent-dark: #121212;
  --_apps---colors--accent-foreground-dark: #f8f8f8;
  --_apps---colors--destructive-dark: #ff6e74;
  --_apps---colors--border-dark: #e84c3d;
  --_apps---colors--input-dark: #fff;
  --_apps---colors--ring-dark: #e47162;
  --_apps---charts--chart-1-dark: #e84c3d;
  --_apps---charts--chart-2-dark: #ff9585;
  --_apps---charts--chart-3-dark: #cb0b07;
  --_apps---charts--chart-4-dark: #fb7e6d;
  --_apps---charts--chart-5-dark: #ab2118;
  --_apps---sidebar--sidebar-dark: #000;
  --_apps---sidebar--sidebar-foreground-dark: #f8f8f8;
  --_apps---sidebar--sidebar-primary-dark: #e84c3d;
  --_apps---sidebar--sidebar-primary-foreground-dark: #150a08;
  --_apps---sidebar--sidebar-accent-dark: #121212;
  --_apps---sidebar--sidebar-accent-foreground-dark: #f8f8f8;
  --_apps---sidebar--sidebar-border-dark: #fff;
  --_apps---sidebar--sidebar-ring-dark: #e47162;
}

body {
  background-color: var(--background);
  color: var(--off-contrast);
  font-family: Roboto, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
}

h1 {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 6.6vw;
  font-weight: 900;
  line-height: 6.6vw;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5rem;
  font-weight: 900;
  line-height: 120%;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 120%;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 150%;
}

p {
  margin-bottom: 10px;
  font-weight: 400;
  line-height: 140%;
}

a {
  color: var(--highlight);
  text-underline-offset: 5px;
  text-decoration: underline;
  text-decoration-thickness: 1.5px;
  transition: color .2s cubic-bezier(.165, .84, .44, 1), text-decoration-color .2s cubic-bezier(.165, .84, .44, 1), text-underline-offset .2s cubic-bezier(.165, .84, .44, 1);
  display: inline-block;
}

a:hover {
  color: var(--off-contrast);
  text-underline-offset: 3px;
  -webkit-text-decoration-color: var(--off-contrast);
  text-decoration-color: var(--off-contrast);
}

a:focus-visible, a[data-wf-focus-visible] {
  z-index: 99;
  background-color: var(--background);
  outline-color: var(--focus);
  outline-offset: 4px;
  color: var(--focus);
  border-radius: 2px;
  outline-width: 2px;
  outline-style: solid;
}

strong {
  font-weight: bold;
}

.home-stage {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: flex;
}

.stage-content {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 16vh;
  display: flex;
}

.decoration {
  z-index: 5;
  text-align: center;
  font-family: Roboto Condensed, Arial, sans-serif;
  font-size: 6.6vw;
  font-weight: 100;
  line-height: 6.6vw;
  position: relative;
}

.decoration.sticky {
  height: 8vh;
  position: sticky;
  top: 38vh;
}

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

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.deco-heading-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
}

.neg-margin-16 {
  margin-top: -16px;
}

.neg-margin-24 {
  margin-top: -24px;
}

.highlight {
  color: var(--highlight);
  text-transform: uppercase;
  font-size: 10.5vw;
  line-height: 10.5vw;
}

.highlight.decorated {
  paint-order: stroke fill;
  margin-top: -3vw;
}

.highlight.et {
  color: var(--contrast);
  text-transform: none;
  font-family: Roboto, Arial, sans-serif;
  font-weight: 100;
}

.home-caption {
  text-align: center;
  text-transform: none;
  max-width: 520px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
}

.home-top {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: absolute;
  top: 5%;
  left: 5%;
  right: 5%;
}

.flex {
  justify-content: flex-start;
  display: flex;
}

.flex.vertical {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.flex.vertical.gap-xl {
  grid-column-gap: var(--_sizing---xl);
  grid-row-gap: var(--_sizing---xl);
}

.flex.vertical.gap-viewport {
  grid-column-gap: 100vh;
  grid-row-gap: 100vh;
}

.flex.vertical.gap-viewport.decorated {
  margin-top: -4vh;
  padding-bottom: 38vh;
}

.flex.vertical.relative {
  position: relative;
}

.flex.vertical.gap-m {
  grid-column-gap: var(--_sizing---m);
  grid-row-gap: var(--_sizing---m);
}

.flex.vertical.gap-m.sticky {
  top: var(--_sizing---2xl);
  position: sticky;
}

.flex.vertical.gap-m.sticky.x-left {
  justify-content: center;
  align-items: flex-start;
}

.flex.vertical.gap-m.sticky.x-left.width-30 {
  width: 30%;
}

.flex.vertical.left-x {
  align-items: flex-start;
}

.flex.vertical.left-x.gap-m._w-70 {
  width: 70%;
}

.flex.vertical.gap-s {
  grid-column-gap: var(--_sizing---s);
  grid-row-gap: var(--_sizing---s);
}

.flex.banderole {
  grid-column-gap: var(--_sizing---xl);
  grid-row-gap: var(--_sizing---xl);
}

.flex.stretch-y {
  flex: 1;
}

.flex.stretch-y.align-center {
  justify-content: center;
  align-items: center;
}

.flex.stretch-y.align-center.dda {
  background-color: #000;
  border-radius: 16px;
  padding: 12px 8px;
}

.flex.center-y {
  align-items: center;
}

.flex.center-y.wrap {
  flex-flow: wrap;
}

.flex.margin-left-xs {
  margin-left: var(--_sizing---xs);
}

.flex.gap-xs {
  grid-column-gap: var(--_sizing---xs);
  grid-row-gap: var(--_sizing---xs);
}

.flex.gap-m {
  grid-column-gap: var(--_sizing---m);
  grid-row-gap: var(--_sizing---m);
}

.flex.space-between {
  justify-content: space-between;
}

.flex.space-between.center-y.fullwidth {
  width: 100%;
}

.flex.space-between.top-y {
  align-items: flex-start;
}

.flex.space-between.top-y.fullwidth {
  width: 100%;
}

.sticky-top {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  min-height: 20vh;
  display: flex;
  position: sticky;
  top: 5vh;
  left: 0;
  right: 0;
}

.logo-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.logo-container.flex.align-x-center {
  justify-content: center;
  align-items: center;
}

.logo-container.flex.align-x-center.padding-bottom-m {
  z-index: 101;
  padding-top: var(--_sizing---m);
  padding-bottom: var(--_sizing---m);
}

.sticky-logo {
  position: sticky;
  top: 0;
}

.animated-h1-wrapper {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 10.5vw;
  margin-top: -3vw;
  display: flex;
  position: relative;
  overflow: hidden;
}

.onload-curtain-container {
  z-index: 100;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.curtain {
  height: 150vh;
  position: absolute;
  left: -20vw;
  right: -20vw;
  transform: rotate(-15deg);
}

.curtain.orange {
  z-index: 7;
  background-color: var(--highlight);
  border-top: 5px solid #000;
}

.curtain.white {
  z-index: 5;
  background-color: var(--contrast);
}

._3d-icon {
  z-index: 99;
  width: 120px;
  position: absolute;
}

._3d-icon.pos-1 {
  top: -14vw;
  left: 0;
}

._3d-icon.pos-2 {
  bottom: 10vh;
  right: 35vw;
}

._3d-icon.pos-3 {
  bottom: -10px;
  left: 10vw;
}

._3d-icon.pos-4 {
  top: -8px;
  right: 10vw;
}

._3d-icon.article {
  top: 5vw;
  left: 5vw;
}

.relative {
  position: relative;
}

.section {
  padding: var(--_sizing---3xl) 10vw;
  position: relative;
}

.section.min-h-75vh {
  min-height: 75vh;
}

.section.min-h-100vh {
  min-height: 100vh;
}

.section.horizontal-scroll {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 300vw;
  padding: 0;
  display: flex;
}

.heading {
  font-size: 3rem;
  line-height: 120%;
}

.grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1536px;
  display: grid;
}

.grid._3-col {
  grid-column-gap: var(--_sizing---l);
  grid-row-gap: var(--_sizing---l);
  grid-template-columns: 1fr 1fr 1fr;
}

.grid._3-col.align-center-top {
  z-index: 5;
  align-items: start;
  position: relative;
}

.grid._3-col.align-center-top.absolute {
  position: absolute;
  inset: 0%;
}

.grid._3-col.align-center-top.absolute.p-x10vw {
  place-items: center stretch;
  padding-left: 10vw;
  padding-right: 10vw;
}

.grid._3-col.align-center-top.absolute.p-x10vw.max-w-0 {
  max-width: none;
}

.award-wall {
  grid-column-gap: var(--_sizing---s);
  grid-row-gap: var(--_sizing---s);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.award-tile {
  padding: var(--_sizing---l) var(--_sizing---s) var(--_sizing---xs);
  grid-column-gap: var(--_sizing---m);
  grid-row-gap: var(--_sizing---m);
  border-radius: var(--_sizing---s);
  background-color: var(--off-background);
  color: var(--background);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-height: 280px;
  display: flex;
  position: relative;
}

.award-label {
  padding: var(--_sizing---xs) var(--_sizing---s);
  color: var(--off-contrast);
}

.max-w-120 {
  max-width: 120px;
}

.award-logo-m {
  width: 100%;
  max-width: 220px;
}

.award-logo-s {
  width: 100%;
  max-width: 160px;
}

.award-logo-l {
  width: 100%;
  max-width: 280px;
}

.h-100 {
  height: 100%;
}

.dda {
  background-color: #000;
  border-radius: 16px;
  padding: 16px 8px;
}

.caps {
  text-transform: uppercase;
}

.button {
  z-index: 2;
  border-radius: var(--_sizing---xs);
  background-image: linear-gradient(45deg, #9e3127, var(--highlight));
  color: var(--contrast);
  justify-content: center;
  align-items: center;
  max-width: 1280px;
  padding: 16px 24px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button:hover {
  outline-color: var(--highlight);
}

.button:focus-visible, .button[data-wf-focus-visible] {
  color: var(--contrast);
}

.button.bright {
  border: 1px solid #fff6;
}

.button-label {
  z-index: 2;
  filter: drop-shadow(0 0 1px #000000b3);
  position: relative;
}

.button-gradient {
  z-index: 1;
  background-image: linear-gradient(45deg, var(--highlight), #91222b 45%, #91222b 55%, var(--highlight));
  width: 200%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.button-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.button-wrapper.bright {
  border: 1px solid var(--contrast);
}

.abdunkler {
  border: 2px solid var(--highlight);
  border-radius: var(--_sizing---xs);
  opacity: 0;
  background-color: #000;
  position: absolute;
  inset: 0%;
}

.button-icon {
  z-index: 5;
  width: 60px;
  position: absolute;
  top: -24px;
  right: -16px;
}

.container {
  z-index: 10;
  grid-column-gap: var(--_sizing---m);
  grid-row-gap: var(--_sizing---m);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1536px;
  display: flex;
  position: relative;
}

.container._w-66 {
  width: 66%;
}

.container.horizontal {
  flex-flow: row;
}

.container.horizontal.relative.center-y {
  align-items: center;
}

.container.horizontal.relative.center-y.gap-l {
  grid-column-gap: var(--_sizing---l);
  grid-row-gap: var(--_sizing---l);
}

.quote {
  text-indent: -1rem;
  font-family: Roboto, Arial, sans-serif;
  font-size: 3.25rem;
  font-weight: 500;
  line-height: 120%;
}

.ux-collective-image {
  background-image: url('../images/UOCRusQLRWqcxue0nJyb_zP2KUmp04F50849c.webp');
  background-position: 50%;
  background-size: cover;
  border-radius: 20px;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  margin-right: 2px;
  display: inline-block;
}

.ux-collective-profile {
  border-radius: 24px;
  width: 24px;
  height: 24px;
  margin-bottom: 8px;
}

.medium-mockup {
  width: 37%;
  position: absolute;
  right: -5%;
}

.footer {
  padding: 64px 10vw var(--_sizing---l);
  width: 100%;
  position: relative;
  overflow: hidden;
}

.footer-white {
  z-index: 4;
  background-color: var(--contrast);
  position: absolute;
  inset: 12px 0% 16px;
  transform: rotate(-1deg);
}

.footer-orange {
  z-index: 5;
  background-color: var(--highlight);
  position: absolute;
  inset: 28px 0% 0;
}

.footer-logo {
  width: 120px;
  position: sticky;
  top: 0;
}

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

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

.dark:hover {
  color: var(--background);
  -webkit-text-decoration-color: var(--background);
  text-decoration-color: var(--background);
}

.dark.small {
  font-size: .8rem;
  font-weight: 500;
  line-height: 150%;
}

.dark.small.w--current {
  text-decoration: line-through;
}

.case-mockup {
  grid-column-gap: var(--_sizing---s);
  grid-row-gap: var(--_sizing---s);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.sticky-wrapper {
  z-index: 1;
  background-image: linear-gradient(45deg, #131733, #97342b 80%);
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.work {
  flex: none;
  justify-content: center;
  align-items: stretch;
  width: 100vw;
  height: 100%;
  display: flex;
  position: relative;
}

.work._2 {
  background-color: #faa;
}

.work._1 {
  background-color: #ffc299;
}

.work._3 {
  background-color: #d4ffa5;
}

.work._4 {
  background-color: #b4fffd;
}

.work._01 {
  background-image: linear-gradient(45deg, #131733, #97342b 80%);
}

.work.bottom {
  align-items: flex-end;
}

.work-content {
  flex: 1;
  position: absolute;
  inset: 0%;
}

.work-content._01 {
  z-index: 300;
  background-image: url('../images/UXUI-Foreground.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.work-content._01.l-hidden {
  display: none;
}

.work-content._03 {
  z-index: 300;
  background-image: url('../images/Advert-Mockup.webp');
  background-position: 15%;
  background-repeat: no-repeat;
  background-size: contain;
}

.work-content._02 {
  z-index: 300;
  object-position: 50% 100%;
  align-self: flex-end;
}

._300vw-slider {
  z-index: 4;
  width: 300vw;
  height: 100%;
  padding: 0;
  display: flex;
  position: relative;
}

.frame-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.frame {
  z-index: 4;
  outline-color: var(--background);
  border-radius: 50px;
  outline-width: 100px;
  outline-style: solid;
  width: 104%;
  height: 104%;
  position: absolute;
}

.motion-video {
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0%;
  left: 0%;
}

.line-heigh-180 {
  line-height: 180%;
}

.width-100 {
  width: 100%;
}

.width-70 {
  width: 70%;
}

.l-hidden, .mobile-image {
  display: none;
}

@media screen and (max-width: 991px) {
  .flex.vertical.gap-m.sticky.x-left.width-30.m-fullwidth {
    width: 100%;
  }

  .flex.vertical.gap-m.sticky.x-left.width-30.m-fullwidth.m-grid-2col {
    grid-column-gap: var(--_sizing---m);
    grid-row-gap: var(--_sizing---m);
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .flex.vertical.gap-m.sticky.x-left.m-relative {
    position: relative;
    top: auto;
  }

  .flex.vertical.gap-m.sticky.x-left.m-relative.m-mt-5vh {
    margin-top: 12vh;
  }

  .flex.vertical.left-x.gap-m._w-70.m-w-60 {
    width: 60%;
  }

  .curtain {
    left: -30vw;
    right: -30vw;
  }

  ._3d-icon.pos-1 {
    top: -25vw;
  }

  ._3d-icon.pos-2 {
    bottom: 15vh;
    right: 25vw;
  }

  ._3d-icon.pos-3 {
    bottom: -150px;
    left: 5vw;
  }

  ._3d-icon.pos-4 {
    top: -17vw;
  }

  ._3d-icon.article {
    top: 15vw;
  }

  .section {
    padding: var(--_sizing---2xl) 5vw;
  }

  .section.min-h-100vh.flex.center-y.m-min-h-0 {
    min-height: 0;
  }

  .section.min-h-100vh.flex.center-y.m-min-h-0.m-p-vertical-25vh {
    padding-top: 25vh;
    padding-bottom: 25vh;
  }

  .grid._3-col.align-center-top.absolute.p-x10vw.max-w-0.m-align-top {
    place-items: start stretch;
  }

  .award-logo-m {
    max-width: 180px;
  }

  .award-logo-s {
    max-width: 120px;
  }

  .container.horizontal.relative.center-y.gap-l.m-vertical {
    flex-flow: column;
  }

  .quote {
    font-size: 2.75rem;
  }

  .work-content._01, .work-content._03 {
    top: 40vh;
  }

  .work-content._02 {
    top: 30vh;
  }

  .width-70.m-fullwidth {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .decoration {
    font-size: 5vw;
    line-height: 5vw;
  }

  .flex.vertical.gap-m.sticky.x-left.width-30.m-fullwidth.m-grid-2col.s-flex-vertical {
    display: flex;
  }

  .flex.vertical.gap-m.sticky.x-left.m-relative.m-mt-5vh.s-mt-5vw {
    margin-top: 15vw;
  }

  .flex.vertical.gap-m.sticky.x-left.s-relative {
    position: relative;
    top: 0;
  }

  .flex.vertical.left-x.gap-m._w-70.m-w-60.s-fullwidth {
    width: 100%;
  }

  .flex.banderole.s-gap-m {
    grid-column-gap: var(--_sizing---m);
    grid-row-gap: var(--_sizing---m);
  }

  .flex.gap-xs.margin-left-xs.s-margin-left-0 {
    margin-left: 0;
  }

  .flex.gap-m.top-y.s-vertical {
    flex-flow: column;
  }

  .flex.space-between.center-y.fullwidth.s-align-bottom {
    justify-content: space-between;
    align-items: flex-end;
  }

  .animated-h1-wrapper {
    margin-top: -2vw;
    margin-bottom: var(--_sizing---s);
  }

  .curtain {
    right: -40vw;
  }

  ._3d-icon.pos-1 {
    top: -50vw;
    left: -20vw;
  }

  ._3d-icon.pos-2 {
    bottom: 15vw;
    right: 10vw;
  }

  ._3d-icon.pos-4 {
    top: -35vw;
    right: 5vw;
  }

  ._3d-icon.article.s-hidden {
    display: none;
  }

  .section.min-h-100vh.flex.center-y.m-min-h-0.m-p-vertical-25vh.s-m-p-vertical-15 {
    padding-top: 15vh;
    padding-bottom: 15vh;
  }

  .section.min-h-100vh.flex.center-y.m-min-h-0.s-mt-0 {
    padding-top: 0;
  }

  .section.horizontal-scroll.s-h-auto {
    height: auto;
  }

  .grid._3-col.align-center-top.absolute.p-x10vw.max-w-0.m-align-top.s-relative {
    padding-left: 5vw;
    padding-right: 5vw;
    position: relative;
  }

  .grid._3-col.align-center-top.s-flex-vertical {
    flex-flow: column;
    display: flex;
  }

  .award-wall {
    grid-column-gap: var(--_sizing---s);
    grid-row-gap: var(--_sizing---s);
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    display: flex;
  }

  .award-tile {
    padding-right: var(--_sizing---xs);
    padding-left: var(--_sizing---xs);
    grid-column-gap: var(--_sizing---s);
    grid-row-gap: var(--_sizing---s);
    min-height: 150px;
  }

  .award-logo-m {
    max-width: 120px;
  }

  .award-logo-s {
    max-width: 80px;
  }

  .award-logo-l {
    max-width: 160px;
  }

  .button-wrapper.s-hidden {
    display: none;
  }

  .container.horizontal.relative.center-y.s-flex-vertical {
    flex-flow: column;
  }

  .quote {
    font-size: 2.5rem;
  }

  .medium-mockup {
    display: none;
  }

  .footer-logo {
    width: 180px;
  }

  .sticky-wrapper.s-relative {
    position: relative;
  }

  .sticky-wrapper.s-relative.s-height-auto {
    height: auto;
  }

  .work-content._01.l-hidden {
    display: flex;
  }

  .work-content._01.l-hidden.s-relative {
    position: relative;
    inset: auto;
  }

  ._300vw-slider {
    display: none;
  }

  .width-70.m-fullwidth.s-ar-1-1 {
    aspect-ratio: 1;
  }

  .width-70.m-fullwidth.s-ar-1-1.fit-cover {
    object-fit: cover;
  }

  .l-hidden {
    display: block;
  }

  .mobile-image {
    display: flex;
  }

  .ar-1-1 {
    aspect-ratio: 1;
  }

  .ar-1-1.fit-cover {
    aspect-ratio: 7 / 8;
    object-fit: cover;
  }

  .ar-1-1.fit-cover.left-40 {
    object-position: 35% 50%;
  }

  .link {
    display: inline;
  }
}

@media screen and (max-width: 479px) {
  .flex.banderole.s-gap-m {
    width: 380vw;
  }
}

#w-node-b475c795-1276-3c1a-9ffe-d7053e72a963-c1a172c0 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_35cbc037-2bf9-a2bc-80d9-3e1c03bc6714-c1a172c0 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_0b693975-b096-249c-232d-d39d6d8a3483-21e1898d, #w-node-_0b693975-b096-249c-232d-d39d6d8a3483-e0f66cc3 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

@media screen and (max-width: 991px) {
  #w-node-_35cbc037-2bf9-a2bc-80d9-3e1c03bc6714-c1a172c0 {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-_013d6a1f-67d2-ba4c-4b24-97a78bf55dda-c1a172c0 {
    grid-area: 1 / 1 / 2 / 2;
  }

  #w-node-_013d6a1f-67d2-ba4c-4b24-97a78bf55dde-c1a172c0 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_013d6a1f-67d2-ba4c-4b24-97a78bf55de0-c1a172c0 {
    grid-area: 2 / 1 / 3 / 2;
    justify-self: start;
  }
}


@font-face {
  font-family: 'Roboto Condensed';
  src: url('../fonts/Roboto_Condensed-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}