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

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

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

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

:root {
  --light-grey: #fafafa;
  --dark-grey: #34343b;
  --brand-dark: #3a5cff;
  --black: #1d1c1e;
  --white: white;
  --brand-blue: #5b78ff;
  --plum: #fca8eb;
}

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

body {
  background-color: var(--light-grey);
  color: var(--dark-grey);
  cursor: default;
  font-family: Ppmori, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.4;
}

h1 {
  width: auto;
  color: var(--brand-dark);
  letter-spacing: .02em;
  cursor: default;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: .8em;
  font-family: Ppmori, sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.3;
}

h2 {
  letter-spacing: .015em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.05em;
  font-weight: 400;
  line-height: 1.3;
}

h3 {
  opacity: .4;
  color: var(--dark-grey);
  letter-spacing: .01em;
  margin-top: 1.2em;
  margin-bottom: 0;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.2;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}

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

h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.4;
}

p {
  letter-spacing: .015em;
  margin-bottom: 0;
  font-size: 1.3em;
  line-height: 1.45;
  text-decoration: none;
}

a {
  border-color: var(--black);
  color: var(--black);
  font-size: 1em;
  text-decoration: none;
}

ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.25rem;
}

ol {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 40px;
}

li {
  margin-bottom: .5rem;
}

img {
  max-width: 100%;
  display: inline-block;
}

label {
  margin-bottom: .25rem;
  font-weight: 500;
}

strong {
  font-weight: bold;
}

blockquote {
  border-left: .1875rem solid var(--black);
  margin-bottom: 0;
  padding: .75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.5;
}

figure {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

figcaption {
  text-align: center;
  margin-top: .25rem;
}

.global-styles {
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.page-wrapper {
  position: relative;
}

.page-wrapper.case-page {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.page-wrapper.case-page.white-bg {
  background-color: #fff;
}

.container-large {
  flex-direction: row;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.container-large.hero-infoblock-wrapper {
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.container-large.welcome-container {
  padding-top: 5em;
}

.container-large.services-container {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  margin-bottom: 0;
  padding-top: 3em;
}

.container-large.cases-container, .container-large.footer-container {
  flex-direction: column;
  align-items: stretch;
}

.container-large.client-list-container {
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
}

.page-padding {
  width: 100%;
  padding-left: 7%;
  padding-right: 4%;
}

.page-padding.case-page-padding {
  padding-right: 7%;
}

.page-padding.case-page-padding.sticky-page-padding {
  position: sticky;
  top: 10vh;
}

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

.form-message-error {
  margin-top: .75rem;
  padding: .75rem;
}

.utility_component {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  display: flex;
}

.utility_form-block {
  text-align: center;
  flex-direction: column;
  max-width: 20rem;
  display: flex;
}

.utility_form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.utility_image {
  margin-bottom: .5rem;
  margin-left: auto;
  margin-right: auto;
}

.main-wrapper {
  background-color: var(--light-grey);
  position: relative;
}

.margin-xsmall {
  margin: 1rem;
}

.margin-small {
  margin: 1.5rem;
}

.margin-top {
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}

.margin-bottom {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

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

.text-color-white.case-hero-links {
  color: var(--dark-grey);
  letter-spacing: .1em;
  text-transform: uppercase;
  border-bottom: 1px solid #3d3d45cc;
  font-size: .9em;
  font-weight: 400;
  text-decoration: none;
}

.button {
  color: var(--brand-dark);
  text-align: center;
  letter-spacing: 0;
  background-color: #0000;
  border: 1px solid #879af3;
  justify-content: center;
  padding: .75em 1.5em;
  font-size: 1em;
  text-decoration: none;
}

.button.with-icon {
  border-style: solid;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  transition: all .2s;
  display: flex;
}

.button.with-icon:hover {
  background-color: var(--brand-dark);
  color: #fff;
}

.button.with-icon.white-button {
  color: #fff;
  border-color: #fff;
}

.button.with-icon.hidden-hero-btn {
  display: none;
}

.button.button-large {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 1.4em;
  padding-bottom: 1.4em;
  transition: background-color .2s;
  display: flex;
  position: relative;
}

.button.button-large:hover {
  background-color: var(--brand-dark);
  color: var(--white);
}

.button.button-large.white-version-of-btn {
  border-color: var(--white);
  color: var(--white);
  margin-top: 2em;
}

.button.button-large._96pro-wide {
  width: 96%;
  display: flex;
}

.navbar_logo-link {
  z-index: 1;
  padding-left: 0;
}

.navbar-link {
  color: #fff;
  text-transform: none;
  width: 100%;
  margin-left: 0;
  padding: .3em 0;
  font-family: Ppmori, sans-serif;
  font-size: 3em;
  line-height: 1;
  transition: padding .35s, opacity .5s;
  display: inline-block;
  position: static;
}

.navbar-link:hover {
  opacity: .53;
  color: #fff;
  padding-left: .3em;
}

.navbar-link.w--current {
  color: var(--black);
}

.hero-content-wrapper {
  background-color: var(--white);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  min-height: auto;
  display: flex;
  position: fixed;
  overflow: hidden;
}

.section-hero {
  background-color: var(--white);
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  height: auto;
  min-height: 100vh;
  display: flex;
}

.button-icon {
  justify-content: center;
  align-items: center;
  width: 1.125rem;
  height: 1.125rem;
  margin-left: 1.5rem;
  display: flex;
  transform: translate(0);
}

.section-cases {
  margin-top: 6em;
  padding-top: 6em;
}

.line-divider {
  background-color: var(--light-grey);
  width: 100%;
  height: 1px;
  display: flex;
}

.line-divider.grey-divider {
  background-color: #0000004d;
}

.line-divider.hidden-divider {
  display: none;
}

.footer3_bottom-wrapper {
  color: #fff;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer_credit-text {
  margin-top: 0;
  font-size: .875rem;
}

.footer_component {
  z-index: 12;
  background-color: var(--dark-grey);
  padding-top: 2em;
  padding-bottom: 2em;
}

.marquee_component {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  height: 110vh;
  padding-top: 30vh;
  display: flex;
  position: sticky;
  overflow: hidden;
}

.marquee_heading1 {
  opacity: 1;
  color: var(--white);
  margin-right: .5em;
  font-family: Ppeiko, sans-serif;
  font-size: 4em;
}

.marquee_text-wrapper {
  flex-direction: row;
  flex: none;
  display: flex;
  position: sticky;
  top: 20vh;
}

.logo {
  z-index: 100;
  filter: invert();
  height: 2rem;
  position: relative;
}

.cursor-dot {
  border: 1px solid var(--brand-blue);
  background-color: var(--brand-blue);
  -webkit-backdrop-filter: invert();
  backdrop-filter: invert();
  mix-blend-mode: exclusion;
  border-radius: 100%;
  width: 12px;
  height: 12px;
}

.cursor-wrap {
  z-index: 20000;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.marquee_badge {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  text-align: center;
  border-radius: 20rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70vw;
  height: 70vw;
  margin-bottom: 2rem;
  display: flex;
  position: relative;
}

.marquee_badge-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.white-text {
  z-index: 200;
  color: var(--white);
  line-height: 1.3;
  position: relative;
}

.blue-text {
  color: var(--brand-blue);
}

.jumbo {
  font-size: 2.6em;
}

.jumbo.about-jumbo {
  width: 85%;
  font-size: 3.1em;
  line-height: 1.25;
}

._40pro-left-col-wrapper {
  width: 40%;
  padding-right: 10%;
  position: relative;
}

._60pro-right-col-wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 60%;
  padding-right: 10%;
  display: flex;
}

._60pro-right-col-wrapper.top-padding-custom {
  padding-top: 1.6em;
}

._60pro-right-col-wrapper.hero-texts {
  justify-content: center;
  position: relative;
}

._60pro-right-col-wrapper.contact-text {
  color: #fff;
  margin-top: -.4em;
}

.btn-text {
  letter-spacing: .1em;
  text-transform: uppercase;
  padding-top: .2em;
  font-size: 1em;
  line-height: 1;
}

.btn-text.btn-text-underline {
  border-bottom: 1px solid var(--light-grey);
  line-height: 3.4;
  display: inline;
}

.h1-no-topline {
  z-index: 5;
  border-top-style: none;
  position: relative;
}

._2col-wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 20%;
  padding-right: 3%;
  display: flex;
}

._2col-wrapper.no-padding {
  padding-right: 0%;
}

.top-margin-2em-global {
  margin-top: 2em;
}

.services-div {
  border-top: 1px solid #e6e6e6;
  width: 100%;
  margin-top: 1.3em;
  padding-top: 2em;
  font-size: 1.2em;
  line-height: 1.7;
}

.services-div.case-list-div {
  border-top-style: none;
  margin-top: .6em;
  padding-top: 0;
}

.services-div.case-list-div.tighter-lineheight {
  margin-top: .8em;
  line-height: 1.35;
}

.flexbox-horizontal-wrapper {
  flex-flow: wrap;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.flexbox-horizontal-wrapper.flexbox-bottom-aligned {
  align-items: flex-end;
}

.flexbox-horizontal-wrapper.hero-texts-wrapper {
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: .5em;
  padding-left: 5%;
  padding-right: 1em;
}

.flexbox-horizontal-wrapper.hidden-delete {
  display: none;
}

.flexbox-horizontal-wrapper.address-wrapper {
  margin-top: 2em;
}

.flexbox-horizontal-wrapper.case-tags-wrapper {
  width: auto;
  margin-top: .4em;
}

.flexbox-horizontal-wrapper.stretch, .flexbox-horizontal-wrapper.flex-stretch {
  align-items: stretch;
}

.flexbox-horizontal-wrapper.client-list-contact-btn-wrapper {
  color: #fff;
  align-items: center;
  margin-top: 8em;
}

.flexbox-horizontal-wrapper.client-list {
  color: #fff;
  margin-top: 2em;
}

._40pro-div-block {
  justify-content: flex-end;
  align-items: flex-end;
  width: 40%;
  display: flex;
}

.flexbox-vertical-wrapper {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.flexbox-vertical-wrapper.flexbox-centered {
  align-items: center;
  margin-bottom: -4em;
}

.flexbox-vertical-wrapper.flexbox-centered.case-nextcase-linkblock {
  margin-top: 0;
  margin-bottom: 2em;
}

.text-link-blue {
  border-bottom: 1px solid var(--brand-blue);
  color: var(--brand-blue);
  letter-spacing: .02em;
  font-size: 1.2em;
  text-decoration: none;
  transition: all .2s;
}

.text-link-blue:hover {
  border-bottom-color: #fafafa00;
  text-decoration: none;
}

.shape-triangle-at-chat-link {
  width: 2.5em;
  margin-bottom: 1rem;
  margin-left: -1em;
}

.shape-triangle-at-chat-link.case-page {
  margin-left: -56%;
}

.top-margin-4em-global {
  margin-top: 4em;
}

.cases-thumbs-wrapper {
  flex-wrap: wrap;
  align-items: flex-start;
  display: flex;
}

.cases-thumbs-wrapper.top-margin-4em-global {
  grid-column-gap: 8rem;
  grid-row-gap: 0rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.case-thumb-wrapper {
  width: 100%;
  margin-bottom: 6em;
}

.case-thumb-wrapper.left-column-case-thumbs {
  margin-right: 10%;
  padding-right: 0%;
}

.case-thumb-wrapper.left-column-case-thumbs.is-second-case {
  padding-top: 3rem;
}

.case-thumb-wrapper.right-column-case-thumbs {
  margin-top: 3em;
}

.case-thumb-overflow {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.case-texts-wrapper {
  margin-top: .75em;
}

.shape-marquee-triangle {
  position: absolute;
  inset: 20% auto auto 10%;
}

.shape-marquee-sq {
  position: absolute;
  top: 30%;
  left: auto;
  right: 0%;
}

.shape-marquee-round {
  width: 50%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.section-marque {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  padding-bottom: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-about {
  margin-top: -16vh;
  padding-top: 4em;
}

.top-margin-1em-global {
  margin-top: 1em;
}

.top-margin-1em-global.hidden-delete {
  display: none;
}

.top-margin-6em-global {
  margin-top: 6em;
}

.top-margin-6em-global.hidden-delete {
  display: none;
}

.about-left-col-wrapper {
  width: 30%;
  padding-right: 10%;
  position: relative;
}

.client-types-container {
  width: 100%;
}

.client-types-container.top-margin-2em-delete-class {
  display: none;
}

.client-type-wrapper {
  align-items: center;
  margin-bottom: .4em;
  display: flex;
}

.shape-bullet-image {
  width: 1.3em;
  margin-right: 1.4em;
}

.shape-bullet-image.triangle {
  width: 1.6em;
}

.h3-jumbo {
  opacity: 1;
  color: var(--brand-blue);
  letter-spacing: .03em;
  margin-top: 0;
  font-size: 3rem;
}

.right-texts-wrapper {
  z-index: 20;
  background-color: var(--dark-grey);
  width: 69.5%;
  padding-top: 6em;
  padding-bottom: 5em;
  padding-left: 4%;
  position: relative;
}

.right-texts-wrapper.approach-wrapper {
  color: var(--black);
  background-color: #efefef;
  padding-right: 3%;
}

.p-40pro {
  width: 40%;
}

.services-block {
  cursor: default;
  width: 30%;
  margin-top: 2em;
  margin-right: 0%;
  padding-bottom: 8em;
  padding-right: 5%;
  position: relative;
}

.services-roll-over-div {
  opacity: 0;
  padding-right: 16.5%;
  display: none;
  position: absolute;
  inset: 0%;
}

.case-img {
  object-fit: cover;
  width: 100%;
  transition: border-width .375s;
}

.case-img:hover {
  perspective-origin: 50%;
}

.case-img.stroke {
  border: 1px solid #ffffff0d;
}

.case-img.brs-logo {
  width: 30%;
  margin-top: -2.1em;
  margin-bottom: 2em;
}

.black-text {
  color: var(--dark-grey);
}

.section-services {
  z-index: 20;
  padding-top: 4em;
  position: relative;
}

.section-contact {
  z-index: 50;
  background-color: var(--brand-blue);
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  min-height: 100vh;
  padding-top: 10em;
  display: flex;
  position: relative;
}

.h1-white {
  color: #fff;
  border-top-color: #ffffffb3;
}

.some-image {
  width: 1.6em;
  margin-right: .2em;
}

.insta-style-link {
  width: 43%;
  color: var(--white);
  border-bottom: 1px solid #fff;
  margin-top: 5em;
  line-height: 2;
}

.insta-style-link:hover {
  text-decoration: none;
}

.wrapper_client-types {
  width: 80%;
  color: var(--white);
  text-align: center;
  letter-spacing: .04em;
  border-top-style: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  font-family: Ppmori, sans-serif;
  font-size: 2.5em;
  line-height: 1.5;
  display: none;
  position: fixed;
  inset: 30vh 0% auto;
}

.wrapper_client-types.hide, .wrapper_client-types.v2 {
  display: none;
}

.menu-link {
  cursor: pointer;
}

.scroll-link-wrapper {
  align-items: flex-end;
  display: flex;
}

.tallest-div-in-the-world {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding-top: 40vh;
  display: flex;
  position: relative;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.tallest-div-in-the-world.even-more-tall {
  height: 200vh;
}

.white-overlay {
  background-color: var(--light-grey);
  transform-origin: 100% 0;
  display: none;
  position: absolute;
  inset: 0%;
}

.alternative_typeface {
  margin-top: -.5rem;
  margin-bottom: 1rem;
  font-family: Ppeiko, sans-serif;
  font-size: 2em;
  font-weight: 400;
  line-height: 1.3;
}

.testi-prog-bar-wrapper {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 2px;
  display: none;
  position: fixed;
  inset: auto 0% 20vh;
}

.testi-prog-bar-wrapper.happy-people-version {
  z-index: 500;
  opacity: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  position: sticky;
  top: 85vh;
  bottom: auto;
}

.marquee-prog-bar {
  background-color: #fff3;
  height: 2px;
}

.marquee-prog-bar.marquee-prog-bar-animator {
  background-color: #fff;
  width: 100%;
  position: absolute;
  inset: 0%;
}

.marquee-prog-bar.marquee-prog-bar-animator.happy-people-version {
  width: 100%;
}

.testi-prog-bar-relative {
  width: 40%;
  height: 100%;
  position: relative;
}

.img-lars-wrapper {
  z-index: 5;
  border-radius: 1000px;
  width: 100%;
  margin-top: 3em;
  position: relative;
  overflow: hidden;
}

.img-lars-wrapper.about-img {
  border-radius: 0;
  margin-top: 0;
}

.img-lars-wrapper.contact-img {
  border-radius: 0;
  margin-top: -2.2em;
}

.img-lars-wrapper.case-page-version {
  width: 8em;
}

.blue-solid-absolute {
  z-index: 2;
  mix-blend-mode: color;
  background-color: #6480ff;
  position: absolute;
  inset: 0%;
}

.blue-solid-absolute.round-radius {
  border-radius: 1000px;
}

.shape-circle-at-chat-link {
  height: 2em;
  margin-top: .9em;
  margin-bottom: 1em;
}

.blue-solid-services {
  background-color: var(--brand-blue);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.shape-services-rectangle {
  width: 3em;
  position: absolute;
}

.shapes-container {
  flex-wrap: wrap;
  align-items: flex-start;
  width: 30%;
  height: 100%;
  display: flex;
}

.shape-at-textbox {
  z-index: 10;
  opacity: .5;
  width: 20%;
  position: relative;
}

.shape-at-textbox.square-shape-at-textbox {
  opacity: 1;
  padding: 0%;
}

.tag-block {
  color: var(--brand-blue);
  text-align: right;
  letter-spacing: .01em;
  background-color: #fff;
  border: 1px solid #5b78ff80;
  border-radius: 1px;
  margin-top: 1em;
  margin-left: .9em;
  padding: .7em .65em .5em;
  font-size: .7em;
  line-height: .8em;
  display: block;
}

.tag-block.case-tag {
  margin-top: 0;
  margin-left: 0;
  margin-right: .8em;
}

.theme-wrapper {
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 1.2em;
  display: flex;
}

.pageunload {
  z-index: 100000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.transition-image {
  width: auto;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
}

.transition-btn {
  z-index: 10000;
  display: none;
  position: fixed;
  inset: 5% 5% auto auto;
}

.transition-btn.w--current {
  display: none;
}

.line-prog-bar {
  z-index: 10000;
  background-color: #fff0;
  width: 100%;
  height: 2px;
  margin-top: 2px;
  padding-left: 2px;
  padding-right: 2px;
  position: absolute;
}

.line-prog-bar.hero-prog-bar {
  z-index: 1001;
  background-color: var(--brand-blue);
  opacity: 1;
  width: 100%;
  display: flex;
  inset: 0% 0% auto;
}

.span-blue {
  color: var(--brand-blue);
  margin-left: .1em;
}

.transition-content {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.nav-container {
  z-index: 2;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 5em 1.5%;
  position: relative;
}

.nav-container.the-menu-itself {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: 100vh;
  padding-top: 4em;
  padding-bottom: 2.3em;
  padding-left: 5%;
  display: flex;
}

.nav-container.is-nav {
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
}

.menu_link {
  margin-top: .8em;
  margin-bottom: .8em;
}

.menu-0-vh {
  background-color: var(--brand-blue);
  width: 100%;
  height: 0;
  position: fixed;
  inset: 0% 0% auto auto;
  overflow: hidden;
}

.hamburger_icon {
  color: #fff;
  width: 2.1em;
  height: 2.1em;
}

.hamburger-open-btn {
  z-index: 10;
  position: absolute;
  inset: 1em 1.5% auto auto;
}

.menu_link-wrap {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: hidden;
}

.nav-bar {
  z-index: 10000;
  border-bottom: 0 solid #d5fb70;
  position: fixed;
  inset: 0% 0% auto;
}

.nav-bar.nav-bar-casepage {
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.menu_link-number {
  font-size: 1em;
  font-weight: 400;
  line-height: 1;
  display: none;
}

.case-thumb-roll-over {
  z-index: 10;
  border: 0px solid var(--brand-dark);
  transition: border-width .4s;
  position: absolute;
  inset: 0%;
}

.case-thumb-roll-over:hover {
  border-width: 8px;
  border-color: var(--brand-dark);
}

.section-happy-clients {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 0;
  padding-left: 7%;
  display: flex;
}

.happy-client-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 150vh;
  padding-left: 7%;
  display: flex;
}

.happy-client-wrapper.case-happy-client-wrapper {
  background-color: var(--brand-blue);
  flex-direction: column;
  align-items: flex-start;
  height: auto;
  min-height: 100vh;
  padding-top: 6em;
  padding-left: 7%;
}

.happy-client-wrapper.case-happy-client-wrapper.no-top-margin {
  margin-top: 0;
}

.quote-mark-eiko {
  color: var(--white);
  transform-style: preserve-3d;
  margin-top: -1.4em;
  margin-right: .6em;
  font-family: Ppeiko, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  transform: rotateX(180deg)rotateY(0)rotateZ(0);
}

.happy-person-img {
  filter: grayscale();
  object-fit: cover;
  width: 10em;
  height: 10em;
  margin-right: 5%;
}

.happy-person-wrapper {
  align-items: flex-start;
  width: 80%;
  display: flex;
  position: sticky;
  top: 15vh;
}

.happy-person-wrapper.case-happy-person-wrapper {
  margin-left: 0%;
  margin-right: 10%;
  padding-top: 7em;
  position: static;
}

.happy-person-name-etc {
  color: var(--white);
  letter-spacing: .02em;
  margin-bottom: 1em;
  font-family: Ppeiko, sans-serif;
  font-size: 1.9vw;
}

.happy-person-name-etc.happy-person-signatur {
  letter-spacing: .03em;
  font-size: 1.1vw;
}

.happy-person-name-etc.no-padding {
  margin-bottom: 0;
}

.quote-wrapper {
  width: 80%;
}

.happy-person-img-container {
  flex: none;
  width: 10em;
  margin-right: 3.5em;
  position: relative;
}

.service-header {
  opacity: 1;
  letter-spacing: .02em;
  margin-top: 2em;
  font-size: 1.3em;
  font-weight: 600;
  transition: font-size .3s;
  transform: rotate(0);
}

.thats-what-i-do-wrapper {
  height: 180vh;
  margin-bottom: 40vh;
  position: relative;
}

.thats-what-p-1 {
  margin-bottom: .1em;
}

.thats-what-texts-wrapper {
  position: sticky;
  top: 23vh;
}

.thats-what-p-2 {
  font-family: Ppeiko, sans-serif;
  font-size: 3.5em;
  line-height: 1.3;
}

.thats-what-ball-img {
  width: 4em;
  margin-top: 1em;
}

.pageload {
  z-index: 100000;
  background-color: var(--brand-blue);
  transform-origin: 50% 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.pageload-img-circle {
  width: 10em;
  display: none;
}

.global-transition-container {
  width: 100%;
  height: 100vh;
  display: none;
  position: absolute;
  inset: 0%;
}

.white-space-container {
  margin-top: 3em;
  position: absolute;
  inset: auto 0% 0% auto;
}

.semibold-right-aligned {
  text-align: right;
  font-weight: 600;
}

.p-small.right-aligned {
  text-align: right;
}

.case-hero-wrapper {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 91vh;
  display: flex;
}

.case-top-bar {
  z-index: 100;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 9vh;
  padding-top: .4em;
  padding-left: 7%;
  padding-right: 7%;
  display: flex;
  position: sticky;
  top: 0;
}

.case-hero-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.case-intro-wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

._3col-wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 30%;
  padding-right: 3%;
  display: flex;
}

.case-description-wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.case-description-wrapper.side-by-side {
  flex-direction: row;
}

.case-intro-data-wrapper {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 4em;
  display: flex;
  position: relative;
}

.case-h2 {
  width: 100%;
  margin-top: 1.2em;
  line-height: 1.4;
}

.case-h2.no-bottom-margin {
  margin-bottom: 0;
}

.case-h2.case-h2-descr {
  width: 75%;
  margin-top: 2.5em;
}

.case-footer {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-height: 270vh;
  padding-top: 7vh;
  display: flex;
  position: relative;
}

.case-p {
  width: 60%;
  margin-top: 2em;
  font-size: 1.25em;
}

.case-p.is-90pro-wide {
  width: 90%;
}

.case-p.is-full-width {
  width: 100%;
}

.case-contact-block-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 1.5em;
  display: flex;
}

.top-margin-12em-global {
  margin-top: 12em;
}

.sticky-wrapper.case-footer-sticky-wrapper {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.case-hero-click-div {
  z-index: 100;
  width: 100%;
  height: 91vh;
  position: absolute;
  inset: 0%;
}

.case-hero-click-div.hero-version {
  z-index: 10000;
  height: auto;
  min-height: 100vh;
  display: none;
}

.brandblue-link {
  color: var(--brand-blue);
}

.case-hero-content-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.or-style {
  color: var(--brand-blue);
  margin-left: .49em;
  margin-right: .4em;
  font-size: 1.2em;
  display: inline-block;
}

.span_linebreak {
  display: block;
}

.adresse-div {
  width: 50%;
}

.mobile-landscape-alert-wrapper {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.hero-videos-wrapper {
  z-index: 10;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}

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

.video-block.video1 {
  z-index: 10;
  position: relative;
}

.hero-video {
  width: 100%;
  height: 100%;
  display: flex;
}

.services-list-wrapper {
  margin-top: 2em;
}

.some-link-block {
  margin-left: .8em;
}

.h1 {
  padding-top: .8em;
}

.h1-line {
  transform-origin: 0%;
  background-color: #5b78ffb3;
  width: 100%;
  height: 1px;
}

.h1-line.h1-line-white {
  background-color: #ffffffb3;
}

.h1-line.h1-testimimonial {
  background-color: var(--white);
}

.h1-wrapper {
  z-index: 20;
  transform-origin: 0 0;
  width: 14vh;
  position: sticky;
  top: 4.8em;
  transform: translate(-4.1em, -.2em)rotate(90deg);
}

.h1-wrapper.h1-wrapper-20pro {
  z-index: 10;
  width: 17%;
}

.h1-wrapper.case-h1-wrapper {
  width: 25%;
  margin-top: 7em;
  position: static;
  top: 0;
  transform: none;
}

.h1-wrapper.push-down-wrapper {
  transform: translate(-3.85vw, 2.2em)rotate(90deg);
}

.h1-wrapper.case-testimonial-h1-wrapper {
  width: auto;
  position: static;
  transform: none;
}

.h1-wrapper.h1-wrapper-hero {
  width: 35vh;
}

.div-blur-circle {
  z-index: -100;
  filter: blur(50px);
  background-color: #fcbfa8;
  border-radius: 1000px;
  width: 60vh;
  height: 60vh;
  display: none;
  position: absolute;
  inset: 0% auto auto 0%;
}

.case-img-medium-global {
  z-index: 2;
  width: 56%;
  margin-left: 22%;
  margin-right: 22%;
  position: relative;
}

.case-img-medium-global.minus-topmargin-large {
  margin-top: -12em;
}

.case-img-medium-global.img-vs-minus-topmargin {
  margin-top: -5em;
}

.case-img-large-global {
  z-index: 1;
  width: 76%;
  margin-left: 12%;
  margin-right: 12%;
  position: relative;
}

.case-img-large-global.minus-top-margin-large {
  width: 86%;
  margin-top: -8em;
  margin-left: 7%;
  margin-right: 7%;
}

.case-img-large-global.minus-top-margin-small {
  margin-top: -2em;
}

.case-img-large-global.top-margin-6em-global.corner-radius {
  border-radius: .625rem;
}

.fullwidth-case-img-wrapper-w-padding {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-left: 7%;
  padding-right: 7%;
  display: flex;
  position: relative;
}

.fullwidth-case-img-wrapper-w-padding.white-bg {
  background-color: #fff;
}

.fullwidth-case-img-wrapper-w-padding.white-bg.big-bottom-padding {
  padding-bottom: 15em;
}

.fullwidth-case-img-wrapper-w-padding.white-bg.padding-bottom-medium {
  padding-bottom: 4em;
}

.fullwidth-case-img-wrapper-w-padding.c-logomark-container {
  background-color: #fff;
  padding-top: 6em;
  padding-left: 7%;
}

.fullwidth-case-img-wrapper-w-padding.more-lr-padding {
  flex-wrap: wrap;
  justify-content: space-between;
  padding-left: 12.8%;
  padding-right: 12.8%;
  display: flex;
}

.fullwidth-case-img-wrapper-w-padding.fz-black-bg-color {
  background-color: #020913;
}

.fullwidth-case-img-wrapper-w-padding.csr-logos-wrapper {
  background-color: #fff;
  padding-top: 6em;
  padding-bottom: 2em;
  padding-left: 14%;
}

.fullwidth-case-img-wrapper-w-padding.brs-giant-webdesign-img-wrapper {
  margin-top: 6em;
}

.fullwidth-case-img-wrapper-w-padding.left-aligned {
  align-items: flex-start;
}

.fullwidth-case-img-wrapper-w-padding.videnskaber_gif-wrapper {
  align-items: flex-start;
  margin-top: 6rem;
  margin-bottom: 0;
}

._33pro-wide-div-w-padding {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 33.3333%;
  padding-top: 10em;
  padding-bottom: 8em;
  display: flex;
}

._33pro-wide-div-w-padding.csr-style-padding {
  padding-top: 0;
}

._33pro-wide-div-w-padding.csr-style-padding.left {
  padding-right: 12%;
}

._33pro-wide-div-w-padding.csr-style-padding.right {
  padding-left: 12%;
}

.img-15em-wide {
  width: 15em;
}

.case-captions {
  color: #9c9c9c;
  text-align: center;
  width: 100%;
  font-size: 1em;
  line-height: 1.35;
}

.case-captions.left-aligned {
  text-align: left;
  width: 100%;
}

.case-captions.left-aligned.insta-format {
  padding-left: 24%;
}

.case-captions.left-aligned.brs-logo-texts {
  margin-top: 0;
  margin-bottom: 3em;
}

.case-captions.left-aligned.absolute-fz-case-caption {
  width: auto;
  position: absolute;
  top: 4em;
  left: 7%;
}

.case-captions.left-aligned.top-margin-6em-global.left-padding-2rem {
  padding-left: 2rem;
}

.case-captions.left-aligned.videnskaber_finale_fotos {
  width: auto;
  margin-top: 1rem;
}

.case-captions.white-text {
  color: #fff;
}

.case-captions.left-aligned {
  text-align: left;
}

.case-captions.right-aligned {
  text-align: right;
  width: 100%;
}

.case-captions.arrow-caption-texts {
  text-align: left;
  width: 65%;
  margin-top: 0;
}

._50pro-wide-div {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 50%;
  padding-bottom: 6em;
  display: flex;
  position: relative;
}

._50pro-wide-div.red-bg {
  background-color: #e94f35;
}

._50pro-wide-div.center-align-in-div {
  align-items: center;
}

._50pro-wide-div.white-bg {
  background-color: #fff;
}

._50pro-wide-div._50pro-wide-div-no-bottom-padding {
  padding-bottom: 0;
}

._50pro-wide-div._50pro-wide-div-no-bottom-padding.right-aligned {
  align-items: flex-end;
}

._50pro-wide-div.gig-collage-wrapper-blue {
  background-color: #4b539e;
  margin-top: 9em;
  padding-right: 7%;
}

._50pro-wide-div.gig-collage-wrapper-white {
  padding-top: 8em;
  padding-bottom: 8em;
  padding-left: 7%;
}

._50pro-wide-div.no-bottom-padding {
  padding-bottom: 0;
}

._50pro-wide-div.or-left-div {
  padding-bottom: 0;
  padding-right: .5em;
}

._50pro-wide-div.or-right-div {
  object-fit: cover;
  padding-bottom: 0;
  padding-left: .5em;
}

.case-2cols-flex {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.case-2cols-flex.top-margin-6em-global {
  align-items: stretch;
}

.case-2cols-flex.or-2col {
  align-items: stretch;
  margin-top: 2em;
  margin-bottom: 1em;
}

.image-full-width {
  width: 100%;
}

.image-full-width.vs-minus-top-and-bottom-margins {
  margin-top: 4em;
}

.fullwidth-case-img-wrapper-no-padding {
  width: 100%;
  position: relative;
}

.fullwidth-case-img-wrapper-no-padding.white-bg {
  background-color: #fff;
}

.fullwidth-case-img-wrapper-no-padding.csr-fullscreen-container {
  background-image: url('../images/csr-mark-in-bg.svg'), linear-gradient(#fff, #fff);
  background-position: 0 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: contain, auto;
  justify-content: center;
  align-items: center;
  min-height: 120vh;
  margin-top: 10em;
  padding-bottom: 5em;
  display: flex;
}

.fullwidth-case-img-wrapper-no-padding.csr-typedesign-container {
  background-image: url('../images/type-bg.svg');
  background-position: 50%;
  background-size: cover;
  min-height: 100vh;
  padding: 14vh 7% 14vh 14.5%;
}

.fullwidth-case-img-wrapper-no-padding.csr-spline-embed-wrapper {
  height: 100vh;
  margin-top: 6em;
}

.fullwidth-case-img-wrapper-no-padding.gig-image-collage-wrapper {
  background-color: #fff;
  flex-direction: row;
  align-items: stretch;
  margin-top: 15vw;
  display: flex;
}

.fullwidth-case-img-wrapper-no-padding.brs-red-bg {
  background-color: #ee2e2f;
  align-items: flex-start;
  padding: 7em 5% 7em 7%;
  display: flex;
}

.fullwidth-case-img-wrapper-no-padding.csr-photowrapper {
  margin-top: 4em;
  margin-bottom: 25em;
}

.fullwidth-case-img-wrapper-no-padding.videnskaber {
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-bottom: 13%;
  display: flex;
}

.img-60pro-global {
  width: 60%;
}

.v-s-cta-reds {
  background-color: #e94f35;
  border-radius: 5px;
  width: 20%;
}

.v-s-cta-reds.v-s-cta-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.v-s-cta-reds.v-s-cta-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.v-s-cta-wrapper {
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.img-csr-typeface {
  width: 65%;
}

.csr-concept-img {
  width: 80%;
}

.csr-spline-embed {
  width: 100%;
  height: 100vh;
}

.img-csr-sdgs {
  width: 30%;
}

.img-csr-palette {
  width: 100%;
  margin-top: 3em;
}

.csr-photo-1 {
  width: 40%;
}

.csr-photo-2 {
  width: 70%;
  margin-top: 6em;
  position: absolute;
  inset: 0% 0% auto auto;
  box-shadow: 0 0 20px #00000026;
}

.case-img-100pro-global {
  width: 100%;
}

.case-img-100pro-global.top-margin-8em-global.ctc {
  width: 80%;
  margin-top: 10em;
  margin-left: 10%;
}

.case-img-100pro-global.rounded-corner.push-down {
  margin-top: 2.5em;
}

.case-img-100pro-global.push-down, .case-img-100pro-global.clockwork-top-margin {
  margin-top: 2em;
}

.case-img-100pro-global.videenskaber_web-collage {
  padding-left: 10%;
}

.grid-row-img {
  object-fit: cover;
  width: 100%;
}

.grid-row-img.no-right-padding {
  padding-right: 0;
}

.grid-row-img.top-margin-4em-delete-class {
  margin-top: 4em;
}

.grid-row-img.opacity-to-0 {
  opacity: 0;
}

.grid-row-img.minus-top-padding-2em {
  margin-top: -2em;
}

.grid-row-img.grid-row-img-push-down {
  margin-top: 2em;
}

._4col-grid {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

._2col-grid {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  width: 100%;
}

._2col-grid.odsherred-top-margin {
  margin-top: 2em;
}

.fullwidth-case-img-wrapper-w-large-padding {
  width: 100%;
  padding-left: 22%;
  padding-right: 22%;
  position: relative;
}

.div-block-6 {
  background-color: #c4c4c4;
  width: 35%;
  height: 1px;
}

.arrow-wrapper {
  align-items: center;
  width: 100%;
  padding-right: 1em;
  display: flex;
  position: absolute;
  inset: 8vw auto auto 0%;
}

.arrow-wrapper._2nd {
  top: 12.3vw;
}

.arrow-wrapper._3rd {
  top: 19.1vw;
}

.gig-stacked-img1 {
  width: 70%;
}

.gig-stacked-img2 {
  z-index: 20;
  width: 52.2%;
  position: absolute;
  inset: 40vw 0% auto auto;
}

.gig-image-container {
  width: 100%;
  position: relative;
}

.gig-img-spread2 {
  margin-top: 5em;
}

.img-90pro {
  width: 90%;
  margin-bottom: -2em;
}

.brs-type-img {
  width: auto;
  padding-right: 6%;
}

.top-margin-8em-global {
  margin-top: 8em;
}

.top-margin-10em-global {
  margin-top: 10em;
}

.case-img-small-global {
  width: 40%;
}

.case-img-small-global.img-brs-logo-shape {
  margin-top: 4em;
}

.brs-logo-markers {
  object-fit: contain;
  width: 3em;
  height: 3em;
}

._3col-grid {
  grid-template-columns: 1fr 1fr 1fr;
  place-items: center;
  width: 100%;
}

.left-padding-2em {
  padding-left: 2em;
}

.minus-top-padding-5em {
  margin-top: -5em;
}

.minus-top-padding-2em {
  margin-top: -2em;
}

.hidden {
  display: none;
}

.fz-insta-post {
  width: 19%;
}

.fz-insta-post.first-post {
  margin-left: 24%;
}

._80pro-wide {
  flex-direction: column;
  align-items: flex-start;
  width: 80%;
  display: flex;
}

.img-50pro {
  width: 50%;
}

.img-25pro {
  width: 25%;
}

.img-8em-wide {
  width: 8em;
}

._33pro-wide-div-no-padding {
  justify-content: center;
  align-items: center;
  width: 33.3333%;
  display: flex;
}

._33pro-wide-div-no-padding.left-aligned-flexchild {
  justify-content: flex-start;
}

._33pro-wide-div-no-padding.right-aligned-flexchild {
  justify-content: flex-end;
}

.color-div {
  width: 50%;
  height: 5em;
}

.color-div.white-w-border {
  background-color: #fff;
  border: 1px solid #d7d7d7;
}

.color-div.fz-black {
  background-color: #020912;
}

.color-div._25pro-wide {
  width: 25%;
  height: 1em;
}

.color-div._25pro-wide.color-orange {
  background-color: #ffb972;
}

.color-div._25pro-wide.color-teal {
  background-color: #67b5c0;
}

.color-div._25pro-wide.color-dark-teal {
  background-color: #44778f;
}

.color-div._25pro-wide.color-red {
  background-color: #ff4b40;
}

.margin-bottom-8em-global {
  margin-bottom: 8em;
}

.margin-bottom-6em-global {
  margin-bottom: 6em;
}

.margin-bottom-4em-global {
  margin-bottom: 4em;
}

.margin-bottom-2em-global {
  margin-bottom: 2em;
}

.margin-bottom-1em-global {
  margin-bottom: 1em;
}

.white-bg {
  background-color: #fff;
}

.left-padding-4em {
  padding-left: 4em;
}

.img-70pro-wide {
  width: 70%;
}

.fz-tag {
  z-index: 10;
  width: 15%;
  position: absolute;
  inset: auto auto -6% 22.5%;
}

.fz-tag.v2 {
  bottom: 6%;
}

.img-fz-type2 {
  width: 37%;
  position: absolute;
  inset: -7% 2% auto auto;
}

.img-20pro-wide {
  width: 40%;
  margin-right: 5%;
}

.minus-topmargin-large-global {
  margin-top: -10em;
}

.img-csr-logo {
  width: 80%;
  margin-top: 2em;
  margin-bottom: 2em;
}

.case-data-wrapper {
  flex-direction: row;
  width: 100%;
  margin-top: 6em;
  display: flex;
}

.fz-big-insta-post-wrapper {
  z-index: 10;
  width: 23%;
  position: absolute;
  box-shadow: 2px 2px 16px 8px #0000000d;
}

.fz-instaposts-wrapper {
  align-items: center;
  width: 100%;
  margin-top: 6em;
  display: flex;
}

.fz-big-insta-post-img {
  border-radius: 3px;
}

.hero-payoff-wrapper {
  z-index: 20;
  width: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.vimeo-embed {
  display: none;
}

.site-prog-bar {
  z-index: 1000;
  background-color: var(--brand-blue);
  width: 100%;
  height: 2px;
  position: sticky;
  top: 0;
}

.page-loading-screen-flex-on-publish {
  z-index: 2147483647;
  background-color: var(--brand-blue);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: fixed;
}

.loading-rotating-image {
  opacity: 1;
  width: 3em;
}

.to-top-wrapper {
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  margin-bottom: 2em;
  display: flex;
  position: absolute;
  inset: auto 4% 10vh auto;
}

.to-top-arrow {
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  width: 1.5em;
  height: 1.5em;
  transform: rotate(-135deg);
}

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

.video-embed.full-width {
  width: 100%;
  height: 30vw;
}

.odsherred-grid {
  grid-template-columns: 1fr 2fr 1fr 2fr 1fr;
}

.odsherred-grid.top-margin-6em-global {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1.2fr 2fr 1.2fr 2fr 1.2fr;
  align-items: stretch;
}

._3col-grid-odsherred {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.spotify-embed-50pro {
  width: 50%;
}

.spotify-embed-100pro {
  width: 100%;
}

.rounded-corner {
  border-radius: .5em;
}

.stroke-grey {
  border: 1px solid #d8d8d8;
}

.hero-img {
  z-index: 1;
  position: relative;
}

.hero-img.is-cta-lars {
  width: 100%;
  height: 100%;
}

.odsherred-top-margin, .clockwork-top-margin {
  margin-top: 2em;
}

.embed-film-wrapper {
  width: 100%;
  height: 25vw;
  overflow: hidden;
}

.center-aligned {
  text-align: center;
}

.captions-80pro-wide {
  width: 80%;
  margin-top: 3em;
}

.img-surr-lab-logo {
  width: 100%;
}

.case-footer-square-img {
  z-index: -1;
  opacity: .08;
  width: 25vw;
  height: 25vw;
  display: none;
  position: fixed;
  top: 18vh;
  bottom: auto;
}

.h1-giant {
  z-index: 8;
  transform-origin: 0 0;
  font-family: Ppeiko, sans-serif;
  font-size: 7vw;
  line-height: 1;
  display: none;
  position: absolute;
  inset: -24.6vh auto auto -1.6vw;
  transform: translate(13vw, 24vh)rotate(90deg);
}

.img-fz-logotype {
  width: 50%;
}

.img-fz-logotype.negative {
  filter: invert();
}

.fz-logo-wrapper {
  border: 1px solid #e0e0e0;
  border-right-width: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 30vh;
  padding-bottom: 30vh;
  display: flex;
}

.fz-logo-wrapper.negative {
  background-color: #020911;
}

.h1-testimonial-white {
  color: #fff;
}

.img-vs-type {
  margin-top: 3em;
}

.hero-blue-bg-div {
  background-color: var(--brand-blue);
  display: none;
  position: absolute;
  inset: 0%;
}

.hero-rotator-container {
  z-index: 11;
  justify-content: center;
  align-items: center;
  width: 4em;
  height: 4em;
  display: flex;
  position: absolute;
  inset: 19% auto auto 5%;
  transform: rotate(23deg);
}

.hero-rotator-img {
  width: 100%;
  height: 100%;
  display: none;
  position: relative;
}

.or-grid2 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 1em;
}

.or-image-big {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.or-grid1 {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  grid-template-rows: auto;
}

.hero-blue-span {
  color: var(--brand-blue);
  border-bottom: 1px solid #5b78ff80;
}

.case-contact-texts-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 20em;
  display: flex;
}

.hamburger-close-btn {
  z-index: 10;
  display: none;
  position: absolute;
  inset: 1em 1.5% auto auto;
}

.filantropolis-3col-grid {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 2em;
}

.filantropolis-2col-grid {
  grid-column-gap: 2em;
  grid-row-gap: 2em;
  grid-template-rows: auto;
  width: 100%;
  margin-bottom: 2em;
}

.bottom-line-white {
  border-bottom: 1px solid #fff;
}

.preloader-text-block {
  opacity: .85;
  color: var(--white);
  margin-left: .2em;
  margin-right: .2em;
  font-family: Ppeiko, sans-serif;
  font-size: 2.1em;
}

.preloader-absolute-wrapper {
  z-index: 2147483647;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
}

.lottie-animation {
  width: 100%;
  height: 100%;
}

.textstyle_hero-tagline {
  margin-bottom: 2rem;
}

.hide {
  display: none;
}

.grid_videnskaber_logoer {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.grid_12col {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.grid_12col.is_videnskaber_logo_version {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  margin-top: 2rem;
}

.spacer_large {
  padding-top: 10rem;
}

.grid_5col {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  width: 100%;
}

.image_farvepalette {
  object-fit: cover;
  width: 78%;
  height: 1rem;
}

.spacer_medium {
  padding-top: 5rem;
}

.spacer_small {
  padding-top: 3rem;
}

.wrapper_100pro_wide {
  width: 100%;
  height: 1rem;
}

.spacer_tiny {
  padding-top: 1.5rem;
}

.spacer_xtiny {
  padding-top: .75rem;
}

.grid_8col {
  grid-column-gap: 1rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  justify-items: center;
  width: 100%;
}

.videnskaber_palette_red {
  background-color: #e7392c;
  border-radius: 1000px;
  height: 2rem;
}

.videnskaber_palette_red.is_videnskaber_palette {
  opacity: .18;
  width: 2rem;
}

.videnskaber_palette_2 {
  background-color: #8a6d9c;
  border-radius: 1000px;
  width: 2rem;
  height: 2rem;
}

.videnskaber_palette_2.is_videnskaber_palette {
  opacity: .35;
}

.videnskaber_palette_3 {
  background-color: #dda539;
  border-radius: 1000px;
  width: 2rem;
  height: 2rem;
}

.videnskaber_palette_3.is_videnskaber_palette {
  opacity: .25;
}

.videnskaber_palette_4 {
  background-color: #5b877f;
  border-radius: 1000px;
  width: 2rem;
  height: 2rem;
}

.videnskaber_palette_4.is_videnskaber_palette {
  opacity: .25;
}

.videnskaber_palette_5 {
  background-color: #4a87ba;
  border-radius: 1000px;
  width: 2rem;
  height: 2rem;
}

.videnskaber_palette_5.is_videnskaber_palette {
  opacity: .3;
}

.div_empty {
  width: 1px;
  height: 1px;
}

.videnskaber_logo_img1 {
  width: 100%;
}

.videnskaber_logo_img2 {
  border-right: 1px solid #e6e6e6;
  width: 100%;
}

.videnskaber_logo_img0 {
  width: 100%;
}

.videnskaber_logo_img3 {
  border-right: 1px solid #e6e6e6;
  width: 100%;
}

.videnskaber_line-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.line {
  background-color: #ddd;
  width: 1px;
  height: 5rem;
}

.wrapper_indrykket-tekst {
  width: 100%;
  padding-top: 1rem;
}

.videnskaber_gif {
  width: 64.5%;
}

.videnskaber_gif-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.break {
  display: block;
}

.image_100--wide {
  width: 100%;
}

.image_100--wide.push-down {
  padding-top: 3rem;
}

.div-block-7 {
  border: 1px solid #e6e6e6;
  justify-content: center;
  align-items: center;
  height: 80%;
  display: flex;
}

.div-block-8, .div-block-9 {
  width: 100%;
}

.logo_videnskaber {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.image {
  width: 70%;
}

.image-2 {
  width: 41%;
  position: absolute;
  inset: auto 0% 0% auto;
}

.wrapper_vs_finale {
  width: 100%;
  position: relative;
}

.wrapper-kontakt-block-fixed {
  z-index: 10;
  justify-content: space-between;
  align-items: flex-end;
  margin-right: 7%;
  display: flex;
  position: fixed;
  inset: auto 0% 0% auto;
  transform: rotate(0);
}

.kontakt-block-fixed {
  grid-column-gap: .25rem;
  background-color: var(--dark-grey);
  border-radius: 1px;
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-start;
  padding: 1rem 1.25rem;
  display: flex;
}

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

.text-block-contact-block {
  color: var(--brand-blue);
}

.controller {
  width: 1px;
  height: 1px;
}

.controller.is-100vh {
  height: 100vh;
}

.controller.is-pushed-down-100vh {
  position: absolute;
  inset: 120vh auto auto 0%;
}

@media screen and (max-width: 991px) {
  h2 {
    font-size: 1.55em;
  }

  h3 {
    font-size: .92em;
  }

  h4 {
    font-size: 1.75rem;
  }

  p {
    font-size: 1.2em;
  }

  .container-large.client-list-container {
    flex-direction: column;
  }

  .page-padding, .page-padding.case-page-padding {
    padding-left: 5%;
    padding-right: 5%;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .text-color-white.case-hero-links {
    font-size: .85em;
  }

  .button.button-large {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .navbar-link {
    font-size: 2em;
  }

  .footer3_bottom-wrapper {
    padding-right: 3em;
  }

  .marquee_heading1 {
    font-size: 2.5em;
  }

  .cursor-wrap {
    display: none;
  }

  .jumbo {
    font-size: 2rem;
  }

  .jumbo.about-jumbo {
    font-size: 2em;
  }

  ._40pro-left-col-wrapper {
    width: 30%;
    padding-right: 10%;
  }

  ._60pro-right-col-wrapper {
    width: 70%;
    padding-right: 5%;
  }

  .btn-text {
    font-size: .9em;
  }

  ._2col-wrapper {
    width: 33%;
  }

  .services-div {
    font-size: 1.2em;
  }

  .flexbox-horizontal-wrapper.flexbox-bottom-aligned {
    align-items: flex-start;
  }

  .flexbox-horizontal-wrapper.address-wrapper {
    flex-direction: column;
  }

  ._40pro-div-block {
    display: none;
  }

  .right-texts-wrapper {
    width: 100%;
    padding-left: 7%;
  }

  .right-texts-wrapper.approach-wrapper {
    padding-top: 3rem;
  }

  .p-40pro.margin-bottom-1em {
    margin-bottom: 1em;
  }

  .services-block {
    width: 33%;
  }

  .insta-style-link {
    width: 100%;
    margin-top: 2em;
  }

  .wrapper_client-types {
    width: 96%;
    font-size: 1em;
  }

  .alternative_typeface {
    margin-top: 0;
    font-size: 2.8em;
  }

  .shapes-container {
    display: none;
  }

  .nav-container {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .happy-client-wrapper.hc-wrapper-1, .happy-client-wrapper.hc-wrapper-2 {
    padding-left: 7%;
  }

  .quote-mark-eiko {
    margin-right: .2em;
  }

  .happy-person-wrapper {
    width: 90%;
  }

  .happy-person-name-etc {
    font-size: 1.5em;
  }

  .happy-person-name-etc.happy-person-signatur {
    font-size: 1em;
  }

  .happy-person-img-container {
    width: 7em;
    margin-right: 2em;
  }

  .thats-what-p-2 {
    font-size: 2.6em;
  }

  .white-space-container {
    padding-top: 3em;
  }

  .case-h2, .case-p {
    width: 100%;
  }

  .span_linebreak {
    display: inline;
  }

  .adresse-div {
    width: 100%;
    margin-bottom: 2em;
  }

  .h1-wrapper {
    margin-bottom: 3em;
    position: relative;
    top: 0;
    transform: none;
  }

  .h1-wrapper.case-h1-wrapper {
    margin-top: 5em;
    margin-bottom: 1em;
  }

  .case-img-medium-global {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
  }

  .case-img-medium-global.img-vs-minus-topmargin {
    width: 80%;
    margin-top: -2em;
    margin-left: 10%;
    margin-right: 10%;
  }

  .fullwidth-case-img-wrapper-w-padding.white-bg.big-bottom-padding {
    padding-bottom: 10em;
  }

  .case-captions {
    font-size: .875em;
  }

  .case-captions.left-aligned.videnskaber_finale_fotos {
    text-align: left;
  }

  .fullwidth-case-img-wrapper-no-padding.csr-spline-embed-wrapper {
    display: none;
  }

  .img-60pro-global {
    width: 80%;
  }

  .v-s-cta-reds.v-s-cta-left, .v-s-cta-reds.v-s-cta-right {
    width: 10%;
  }

  .case-img-100pro-global.img-vs-type {
    margin-top: 0;
  }

  .to-top-wrapper {
    z-index: 20;
    width: 2em;
    height: 2em;
    inset: auto 3% -1em auto;
  }

  .spotify-embed-50pro {
    width: 100%;
  }

  .img-fz-logotype {
    width: 80%;
  }

  .hero-rotator-container {
    display: none;
    top: 10vw;
  }

  .textstyle_client-types {
    font-size: 1.8em;
  }

  .spacer_large {
    padding-top: 5rem;
  }

  .break {
    display: inline-block;
  }
}

@media screen and (max-width: 767px) {
  h3 {
    font-size: 2rem;
  }

  h4 {
    font-size: 1.5rem;
    line-height: 1.4;
  }

  h5 {
    font-size: 1.25rem;
  }

  h6 {
    font-size: 1.125rem;
  }

  .page-wrapper, .page-wrapper.case-page {
    display: none;
  }

  .margin-xsmall {
    margin: .75rem;
  }

  .margin-small {
    margin: 1.25rem;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .footer3_bottom-wrapper {
    flex-direction: column-reverse;
    align-items: flex-start;
  }

  .marquee_component {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .marquee_badge {
    width: 12.8rem;
    height: 19.2rem;
  }

  .case-footer {
    display: none;
  }

  .span_linebreak {
    display: inline-block;
  }

  .mobile-landscape-alert-wrapper {
    display: flex;
  }

  .wrapper-kontakt-block-fixed {
    display: none;
  }
}

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

  h3 {
    margin-bottom: .1em;
    font-size: .8em;
  }

  p {
    font-size: 1.05em;
  }

  .page-wrapper {
    display: block;
  }

  .page-wrapper.case-page {
    display: flex;
  }

  .container-large.welcome-container {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 1.5em;
  }

  .container-large.cases-container {
    align-items: flex-start;
  }

  .container-large.contact-container {
    flex-direction: column;
  }

  .page-padding {
    padding-left: 6%;
    padding-right: 6%;
  }

  .page-padding.case-page-padding {
    margin-bottom: 0;
  }

  .page-padding.case-page-padding.sticky-page-padding {
    top: 5vh;
  }

  .margin-top {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .margin-bottom {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .text-color-white.case-hero-links {
    letter-spacing: .07em;
    font-size: .65em;
  }

  .button.with-icon {
    width: 100%;
  }

  .button.button-large {
    padding-top: .75em;
    padding-bottom: .75em;
  }

  .button.button-large._96pro-wide {
    width: 100%;
  }

  .button.button-large.another-case-btn {
    width: auto;
    margin-left: 5%;
    margin-right: 5%;
    position: absolute;
    inset: auto 0% 3vh;
  }

  .navbar-link {
    margin-bottom: .2em;
    font-size: 2em;
  }

  .hero-content-wrapper {
    height: auto;
    min-height: auto;
  }

  .section-hero {
    background-color: var(--dark-grey);
    justify-content: space-between;
    height: auto;
    min-height: 35vh;
  }

  .button-icon {
    display: none;
  }

  .section-cases {
    margin-top: 2em;
    padding-top: 4em;
  }

  .footer3_bottom-wrapper {
    margin-bottom: .6em;
  }

  .footer_credit-text {
    margin-top: .7em;
    font-size: .72rem;
  }

  .footer_component {
    padding-top: .2em;
    padding-bottom: .2em;
  }

  .marquee_heading1 {
    margin-right: .5em;
    font-size: 2em;
  }

  .logo {
    height: 1.5rem;
  }

  .cursor-wrap {
    display: none;
  }

  .marquee_badge {
    width: 11.52rem;
    height: 17.28rem;
  }

  .marquee_badge-wrapper {
    margin-top: -80vh;
  }

  .blue-text.hero-text {
    margin-top: .1em;
    font-weight: 400;
    line-height: 1.2;
  }

  .jumbo {
    margin-top: 2rem;
    font-size: 1.75rem;
  }

  .jumbo.about-jumbo {
    width: 100%;
    padding-top: 2em;
    font-size: 1.6em;
  }

  ._40pro-left-col-wrapper {
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    padding-right: 0%;
    display: flex;
  }

  ._60pro-right-col-wrapper {
    width: 100%;
    padding-right: 0%;
  }

  ._60pro-right-col-wrapper.top-padding-custom {
    padding-top: 4em;
  }

  ._60pro-right-col-wrapper.contact-text {
    margin-top: 2.5em;
  }

  .btn-text, .btn-text.btn-text-underline {
    line-height: 2;
  }

  ._2col-wrapper {
    width: 100%;
    padding-right: 0%;
  }

  .top-margin-2em-global {
    margin-top: 1em;
  }

  .services-div {
    margin-top: 1.2em;
    padding-top: 1.2em;
    font-size: 1.3em;
  }

  .services-div.case-list-div {
    margin-bottom: .85em;
    font-size: 1.1em;
    line-height: 1.45;
  }

  .services-div.case-list-div.tighter-lineheight {
    margin-top: 0;
  }

  .flexbox-horizontal-wrapper, .flexbox-horizontal-wrapper.flexbox-bottom-aligned.hero-services {
    flex-direction: column;
  }

  .flexbox-horizontal-wrapper.contact-link-wrapper, .flexbox-horizontal-wrapper.case-tags-wrapper {
    flex-direction: row;
  }

  .flexbox-horizontal-wrapper.flex-stretch {
    align-items: flex-start;
  }

  .flexbox-horizontal-wrapper.fz-color-wrapper {
    flex-direction: row;
    margin-top: 3em;
  }

  .flexbox-horizontal-wrapper.client-list-contact-btn-wrapper {
    margin-top: 6em;
  }

  .flexbox-horizontal-wrapper.client-list {
    margin-top: 1.5em;
    font-size: 1.15em;
  }

  .flexbox-horizontal-wrapper.li-wrapper {
    flex-direction: row;
  }

  .flexbox-vertical-wrapper.flexbox-centered.case-nextcase-linkblock {
    align-items: center;
    margin-top: 2em;
    margin-bottom: 2em;
  }

  .text-link-blue {
    letter-spacing: .01em;
    font-size: 1em;
    line-height: 1.2;
  }

  .shape-triangle-at-chat-link.case-page {
    width: 1.2em;
    margin-bottom: .5rem;
    display: block;
  }

  .top-margin-4em-global {
    margin-top: 2em;
  }

  .cases-thumbs-wrapper.top-margin-4em-global {
    grid-template-columns: 1fr;
  }

  .case-thumb-wrapper {
    width: 100%;
    margin-bottom: 4em;
  }

  .case-thumb-wrapper.left-column-case-thumbs {
    width: 100%;
    margin-right: 0%;
  }

  .case-thumb-wrapper.right-column-case-thumbs {
    margin-top: 0;
  }

  .shape-marquee-triangle {
    margin-top: -10vh;
  }

  .shape-marquee-sq {
    width: 50vw;
  }

  .shape-marquee-round {
    margin-bottom: -10vh;
  }

  .top-margin-1em-global {
    margin-top: .5em;
  }

  .top-margin-6em-global {
    margin-top: 3em;
  }

  .about-left-col-wrapper {
    flex-direction: row-reverse;
    width: 100%;
    padding-right: 0%;
    display: flex;
  }

  .right-texts-wrapper {
    padding-left: 6%;
    padding-right: 6%;
  }

  .p-40pro {
    width: 100%;
  }

  .services-block {
    width: 100%;
    padding-bottom: 4em;
  }

  .case-img.brs-logo {
    width: 40%;
    margin-top: 0;
    margin-bottom: 1em;
    margin-left: 0%;
  }

  .case-img.gig-icons {
    display: none;
  }

  .section-contact {
    padding-top: 6.5vw;
  }

  .some-image {
    width: 1.2em;
  }

  .insta-style-link {
    margin-bottom: 2em;
  }

  .wrapper_client-types {
    font-size: 1.8em;
    line-height: 1.1;
  }

  .scroll-link-wrapper {
    margin-top: 2em;
    display: none;
  }

  .alternative_typeface {
    margin-top: 1.5rem;
    margin-bottom: 1.8rem;
    font-size: 1.4em;
    line-height: 1.15;
  }

  .testi-prog-bar-wrapper.happy-people-version {
    top: 88vh;
  }

  .img-lars-wrapper {
    border-top: 1px solid #5b78ffb3;
    border-radius: 0;
    width: 33.333%;
    margin-top: 0;
  }

  .img-lars-wrapper.about-img {
    border: 1px #000;
    border-top: 1px solid #5b78ffb3;
    margin-top: 0;
  }

  .img-lars-wrapper.contact-img {
    border-top-color: #ffffffb3;
    margin-top: 0;
  }

  .img-lars-wrapper.case-page-version {
    border-radius: 1000px;
    width: 20vw;
  }

  .blue-solid-absolute.round-radius {
    border-radius: 0;
  }

  .shape-circle-at-chat-link.case-page {
    height: 1.2em;
    margin-left: 40vw;
    display: block;
  }

  .tag-block {
    padding: .6em .5em .4em;
    font-size: .7rem;
  }

  .theme-wrapper {
    width: 100%;
  }

  .pageunload {
    display: none;
  }

  .transition-image.transition-image-circle {
    width: 100vw;
    height: 100vw;
  }

  .nav-container.the-menu-itself {
    justify-content: flex-end;
    align-items: flex-end;
    padding-bottom: 17vh;
    padding-right: 8vw;
  }

  .menu-0-vh {
    height: 0;
  }

  .hamburger_icon {
    width: 1.5em;
    height: 1.5em;
  }

  .hamburger-open-btn {
    right: 6vw;
  }

  .section-happy-clients {
    padding-top: 2em;
    padding-left: 5%;
    padding-right: 5%;
  }

  .happy-client-wrapper.hc-wrapper-1 {
    padding-bottom: 30vh;
    padding-left: 2%;
  }

  .happy-client-wrapper.hc-wrapper-2 {
    padding-left: 2%;
  }

  .happy-client-wrapper.case-happy-client-wrapper {
    padding-top: 3em;
    padding-bottom: 6em;
    padding-left: 5%;
  }

  .quote-mark-eiko {
    margin-top: -1em;
    margin-bottom: .5em;
    margin-left: -.08em;
  }

  .happy-person-img {
    width: 5em;
    height: 5em;
    margin-right: 0%;
  }

  .happy-person-wrapper {
    flex-direction: column;
    width: 100%;
    top: 7vh;
  }

  .happy-person-wrapper.case-happy-person-wrapper {
    margin-left: 0%;
    margin-right: 0%;
    padding-top: 0;
    padding-left: 0%;
    padding-right: 5%;
  }

  .happy-person-name-etc {
    margin-bottom: 0;
    padding-top: 1.4em;
    font-size: 1.3em;
  }

  .happy-person-name-etc.happy-person-signatur {
    padding-top: .05em;
    font-size: .81em;
  }

  .quote-wrapper {
    width: 100%;
  }

  .happy-person-img-container {
    width: 6em;
  }

  .service-header {
    margin-top: 1.8em;
    margin-bottom: 0;
  }

  .thats-what-i-do-wrapper {
    margin-bottom: 15vh;
  }

  .thats-what-p-2 {
    font-size: 2.5em;
    line-height: 1.2;
  }

  .thats-what-ball-img {
    width: 3em;
    margin-top: .5em;
  }

  .white-space-container {
    display: none;
    bottom: -8vh;
  }

  .case-hero-wrapper {
    height: auto;
  }

  .case-top-bar {
    height: 7vh;
    padding-left: 5%;
    padding-right: 5%;
  }

  ._3col-wrapper {
    width: 100%;
    margin-top: 1em;
    padding-right: 0%;
  }

  .case-description-wrapper {
    padding-top: 2em;
  }

  .case-intro-data-wrapper {
    padding-top: 0;
  }

  .case-h2 {
    font-size: 1.5em;
    line-height: 1.3;
  }

  .case-h2.case-h2-descr {
    width: 100%;
  }

  .case-footer {
    height: auto;
    min-height: 100vh;
    padding-top: 3vh;
    display: flex;
  }

  .case-p {
    font-size: 1.125em;
  }

  .case-p.is-90pro-wide {
    width: 100%;
  }

  .case-contact-block-wrapper {
    margin-top: .7em;
  }

  .top-margin-12em-global {
    margin-top: 6em;
  }

  .sticky-wrapper.case-footer-sticky-wrapper {
    min-height: 90vh;
    padding-top: 3em;
  }

  .case-hero-click-div {
    height: 35vh;
    display: none;
  }

  .brandblue-link {
    font-size: .9em;
  }

  .or-style {
    font-size: 1em;
  }

  .mobile-landscape-alert-wrapper {
    display: none;
  }

  .hero-videos-wrapper {
    height: 35vh;
  }

  .video-block.video1 {
    justify-content: center;
    align-items: center;
    height: 35vh;
    display: flex;
  }

  .footer-some-block {
    margin-top: .6em;
  }

  .some-link-block {
    margin-left: 0;
    margin-right: .4em;
  }

  .h1.h1-about {
    text-align: right;
  }

  .h1-line.h1-testimimonial {
    background-color: var(--brand-blue);
  }

  .h1-wrapper {
    flex: 1;
    width: 50%;
    margin-bottom: 3em;
    position: static;
    transform: none;
  }

  .h1-wrapper.h1-wrapper-20pro {
    width: auto;
  }

  .h1-wrapper.case-h1-wrapper {
    width: 50%;
    margin-top: 3em;
    margin-bottom: 0;
  }

  .h1-wrapper.push-down-wrapper {
    flex-direction: column;
    align-items: flex-start;
    transform: none;
  }

  .h1-wrapper.case-testimonial-h1-wrapper {
    flex: none;
    margin-bottom: 1em;
  }

  .h1-wrapper.h1-wrapper-hero {
    text-align: left;
    flex: 1;
    width: 50%;
    margin-bottom: 0;
  }

  .case-img-medium-global {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }

  .case-img-medium-global.minus-top-padding-5em {
    margin-top: 2em;
  }

  .case-img-medium-global.minus-topmargin-large {
    margin-top: -8em;
  }

  .case-img-medium-global.img-vs-minus-topmargin {
    width: 86%;
    margin-top: -1.2em;
    margin-left: 12%;
    margin-right: 12%;
  }

  .case-img-large-global {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }

  .case-img-large-global.minus-top-margin-large {
    margin-top: -2em;
  }

  .fullwidth-case-img-wrapper-w-padding {
    padding-left: 5%;
    padding-right: 5%;
  }

  .fullwidth-case-img-wrapper-w-padding.c-logomark-container {
    padding-top: 2em;
  }

  .fullwidth-case-img-wrapper-w-padding.more-lr-padding {
    padding-left: 5%;
    padding-right: 5%;
  }

  .fullwidth-case-img-wrapper-w-padding.more-lr-padding.minus-top-padding-5em {
    margin-top: 0;
  }

  .fullwidth-case-img-wrapper-w-padding.top-margin-6em-delete-combo {
    margin-top: 2em;
  }

  .fullwidth-case-img-wrapper-w-padding.brs-giant-webdesign-img-wrapper {
    margin-top: 3em;
  }

  ._33pro-wide-div-w-padding {
    width: 100%;
    padding-top: 4em;
    padding-bottom: 4em;
  }

  ._33pro-wide-div-w-padding.csr-style-padding {
    display: none;
  }

  .img-15em-wide {
    width: 10em;
    margin-bottom: 3em;
  }

  .img-15em-wide.vs-palette {
    width: 80vw;
  }

  .case-captions {
    font-size: .79em;
  }

  .case-captions.left-aligned.insta-format {
    margin-top: 2em;
    margin-bottom: 4em;
    padding-left: 0%;
    padding-right: 9%;
  }

  .case-captions.left-aligned.brs-logo-texts {
    margin-top: 1em;
    margin-bottom: 2em;
  }

  .case-captions.left-aligned.left-padding-2em {
    padding-left: 0%;
  }

  .case-captions.left-aligned.absolute-fz-case-caption {
    display: none;
  }

  .case-captions.left-aligned.top-margin-6em-global.left-padding-4em {
    padding-left: 0;
  }

  .case-captions.gig-icons-caption {
    display: none;
  }

  ._50pro-wide-div {
    width: 100%;
    padding-bottom: 2em;
  }

  ._50pro-wide-div.gig-collage-wrapper-blue {
    margin-top: 3em;
    padding-right: 5%;
  }

  ._50pro-wide-div.gig-collage-wrapper-white {
    padding-top: 3em;
    padding-bottom: 5em;
    padding-left: 5%;
  }

  ._50pro-wide-div.brs-version {
    padding-bottom: 0;
  }

  ._50pro-wide-div.or-left-div {
    margin-bottom: .5em;
    padding-right: 0;
  }

  ._50pro-wide-div.or-right-div {
    padding-left: 0;
  }

  .case-2cols-flex, .case-2cols-flex.top-margin-6em-delete-class {
    flex-direction: column;
  }

  .case-2cols-flex.or-2col {
    margin-top: 1em;
    margin-bottom: .5em;
  }

  .image-full-width.vs-minus-top-and-bottom-margins {
    margin-top: 0;
    margin-bottom: -1.5em;
  }

  .fullwidth-case-img-wrapper-no-padding.csr-fullscreen-container {
    min-height: 40vh;
    padding-bottom: 1em;
  }

  .fullwidth-case-img-wrapper-no-padding.csr-typedesign-container {
    min-height: auto;
    padding: 3em 7% 6em;
  }

  .fullwidth-case-img-wrapper-no-padding.csr-typedesign-container.top-margin-6em-global {
    min-height: auto;
  }

  .fullwidth-case-img-wrapper-no-padding.csr-spline-embed-wrapper {
    height: auto;
  }

  .fullwidth-case-img-wrapper-no-padding.gig-image-collage-wrapper {
    margin-top: 9vw;
  }

  .fullwidth-case-img-wrapper-no-padding.brs-red-bg {
    flex-direction: column;
    padding-top: 2em;
    padding-bottom: 2em;
  }

  .fullwidth-case-img-wrapper-no-padding.csr-photowrapper {
    margin-bottom: 10em;
  }

  .img-60pro-global {
    width: 90%;
  }

  .v-s-cta-reds.v-s-cta-left, .v-s-cta-reds.v-s-cta-right {
    width: 5%;
  }

  .img-csr-typeface {
    width: 100%;
  }

  .csr-concept-img {
    width: 100%;
    margin-bottom: 1em;
  }

  .csr-spline-embed {
    height: 80vw;
  }

  .img-csr-sdgs {
    display: none;
  }

  .csr-photo-1 {
    width: 50%;
  }

  .csr-photo-2 {
    width: 80%;
  }

  .case-img-100pro-global.top-margin-8em-global.ctc {
    width: 100%;
    margin-top: 5em;
    margin-left: 0%;
  }

  .case-img-100pro-global.clockwork-top-margin {
    margin-top: .5em;
  }

  .case-img-100pro-global.img-vs-collages {
    margin-bottom: -21vw;
    padding-right: 8vw;
  }

  .case-img-100pro-global.img-vs-type {
    margin-top: 1em;
  }

  .case-img-100pro-global.videenskaber_web-collage {
    padding-left: 0%;
  }

  .grid-row-img.minus-top-padding-2em.gig-version {
    margin-top: 2em;
  }

  .grid-row-img.opacity-to-0 {
    display: none;
  }

  .grid-row-img.minus-top-padding-2em {
    margin-top: 0;
  }

  .gig-arrow.top-margin-6em-global {
    width: 20%;
  }

  ._4col-grid, ._4col-grid.top-margin-2em-global {
    grid-column-gap: .8em;
    grid-row-gap: .8em;
    grid-template-columns: 1fr 1fr;
  }

  ._2col-grid {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    grid-template-columns: 1fr;
  }

  ._2col-grid.odsherred-top-margin, ._2col-grid.clockwork-top-margin {
    margin-top: .5em;
  }

  .fullwidth-case-img-wrapper-w-large-padding {
    padding-left: 5%;
    padding-right: 5%;
  }

  .gig-img-spread2 {
    margin-top: 3em;
  }

  .img-90pro {
    width: 95%;
  }

  .brs-type-img {
    padding-right: 0%;
  }

  .top-margin-8em-global {
    margin-top: 4em;
  }

  .top-margin-10em-global {
    margin-top: 5em;
  }

  .case-img-small-global {
    width: 90%;
  }

  .case-img-small-global.img-brs-logo-shape {
    width: 70%;
    margin-top: 3em;
  }

  .brs-logo-markers {
    width: 1.5em;
  }

  .fz-insta-post {
    width: 49%;
    margin-top: .2em;
    padding-right: .2em;
  }

  .fz-insta-post.first-post {
    margin-left: 0%;
  }

  ._80pro-wide, .img-50pro {
    width: 100%;
  }

  .img-25pro {
    width: 60%;
  }

  .img-8em-wide {
    width: 7em;
  }

  ._33pro-wide-div-no-padding {
    width: 100%;
  }

  ._33pro-wide-div-no-padding.left-aligned-flexchild, ._33pro-wide-div-no-padding.right-aligned-flexchild {
    justify-content: center;
  }

  .margin-bottom-8em-global {
    margin-bottom: 4em;
  }

  .margin-bottom-6em-global {
    margin-bottom: 3em;
  }

  .margin-bottom-4em-global {
    margin-bottom: 2em;
  }

  .margin-bottom-2em-global {
    margin-bottom: 1em;
  }

  .margin-bottom-1em-global {
    margin-bottom: .5em;
  }

  .img-70pro-wide {
    width: 100%;
    margin-top: 1.2em;
  }

  .img-70pro-wide.left-padding-4em {
    padding-left: 0;
  }

  .fz-tag {
    left: 12%;
  }

  .fz-tag.v2 {
    bottom: 54%;
    left: 11%;
  }

  .img-20pro-wide {
    width: 50%;
  }

  .minus-topmargin-large-global {
    margin-top: -5em;
  }

  .case-data-wrapper {
    flex-direction: column;
    margin-top: 3em;
  }

  .fz-big-insta-post-wrapper {
    width: 49%;
    box-shadow: none;
    margin-top: .2em;
    padding-right: .2em;
    position: static;
  }

  .fz-instaposts-wrapper {
    flex-flow: wrap;
    align-items: flex-start;
  }

  .fz-big-insta-post-img {
    border-radius: 0;
  }

  .site-prog-bar {
    display: none;
  }

  .to-top-wrapper {
    width: 1em;
    height: 1em;
    bottom: .2em;
    right: 6%;
  }

  .to-top-arrow {
    width: 1em;
    height: 1em;
  }

  .video-embed.full-width {
    width: 100%;
    height: 67vw;
  }

  .odsherred-grid.top-margin-6em-global {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
  }

  .spotify-embed-50pro.top-margin-4em-global {
    width: 100%;
  }

  .hero-img {
    border-radius: 0;
  }

  .odsherred-top-margin {
    margin-top: .5em;
  }

  .embed-film-wrapper {
    height: 50vw;
  }

  .img-surr-lab-logo {
    width: 100%;
  }

  .img-fz-logotype {
    width: 75%;
    margin-top: 2em;
    margin-bottom: 4em;
  }

  .fz-logo-wrapper {
    padding-top: 10vh;
    padding-bottom: 10vh;
  }

  .h1-testimonial-white.h1-testimonial {
    color: var(--brand-blue);
  }

  .h1-testimonial-white.h1-contact {
    text-align: right;
  }

  .hero-rotator-container {
    width: 3em;
    height: 3em;
    display: none;
    top: 23vw;
    left: 28%;
  }

  .or-grid2, .or-grid1.top-margin-1em-global {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
  }

  .case-contact-texts-wrapper {
    min-height: auto;
  }

  .p-case-client-type {
    font-size: 1.2em;
  }

  .filantropolis-3col-grid {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
  }

  .filantropolis-3col-grid.top-margin-4em-global {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    margin-bottom: .5em;
  }

  .filantropolis-2col-grid {
    grid-column-gap: .5em;
    grid-row-gap: .5em;
    grid-template-columns: 1fr;
    margin-bottom: .5em;
  }

  .preloader-text-block {
    font-size: 1.8em;
  }

  .preloader-absolute-wrapper {
    flex-direction: column;
  }

  .textstyle_hero-tagline {
    margin-top: 2rem;
    font-size: .75em;
    display: none;
  }

  .textstyle_client-types {
    font-size: 1em;
    line-height: 1.2;
  }

  .h1_hero {
    padding-left: 1rem;
  }

  .grid_12col {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .spacer_large, .spacer_medium {
    padding-top: 3rem;
  }

  .grid_8col {
    grid-column-gap: .5rem;
  }

  .videnskaber_gif {
    width: 100%;
  }

  .videnskaber_gif-wrapper {
    grid-row-gap: 1rem;
    flex-direction: column;
  }

  .image_100--wide.push-down {
    padding-top: 0;
  }

  .div-block-7 {
    height: 12rem;
  }

  .image {
    width: 100%;
  }

  .image-2 {
    width: 50%;
    margin-top: -1.5rem;
    position: relative;
  }

  .wrapper-kontakt-block-fixed {
    width: 100%;
    margin-right: 0%;
    display: block;
  }

  .kontakt-block-fixed {
    justify-content: center;
    align-items: flex-start;
    padding: .75rem 1rem;
  }

  .link-white-underline, .text-block-contact-block {
    font-size: .875rem;
  }
}

#w-node-c7c768a3-864c-dafc-7f4a-d09c42d95139-ed92c763, #w-node-c7c768a3-864c-dafc-7f4a-d09c42d9513a-ed92c763, #w-node-c7c768a3-864c-dafc-7f4a-d09c42d9513b-ed92c763, #w-node-c4490bed-afbd-e901-6ac8-0422c9103dd5-ed92c763, #w-node-de816cae-dba6-060c-db60-d98bb9550b04-ed92c763, #w-node-_6bd6da75-6db6-3768-4cf2-05f65803122f-ed92c763, #w-node-_017fdb64-8797-3d4f-a259-b08b2d89b55b-ed92c763, #w-node-_082bed0e-1257-fe80-0861-5f39307f647c-9692c76e, #w-node-_67a4de5b-db62-591e-c12d-9b526f5b5e8a-9692c76e, #w-node-_1439a7de-2678-a9f4-7185-92dccf884230-9692c76e, #w-node-_1439a7de-2678-a9f4-7185-92dccf884232-9692c76e, #w-node-e64602f3-4430-a50b-6b32-90517c970248-0e92c76f, #w-node-f1f077d6-f5b0-7414-073d-b54d3f328f28-466d400e, #w-node-_89beb14a-8158-3949-e376-be2a6034a94e-466d400e, #w-node-_2d0d2fe1-fb4b-2f77-286b-06c494d67e3c-466d400e, #w-node-_4bfe36f7-ddc9-55bb-3694-9590dd22f892-466d400e, #w-node-_49107301-7d99-3c13-2d95-0a93ceb6f0e0-466d400e, #w-node-_23fed2bd-0946-3e96-5be0-98abf59bdfad-466d400e, #w-node-_9d036ad2-efaa-8446-9e85-49be8d6992b9-466d400e, #w-node-_9697c5cd-4e10-eb00-74d8-c2905a14e628-466d400e, #w-node-_67f6f834-8378-c490-e765-4d5a16588e51-466d400e, #w-node-d3b5cdab-8d84-9033-0d2f-5db994d6fc70-466d400e, #w-node-_3d4645b9-a0e5-d3d2-cc94-c4b4afbb90bb-466d400e, #w-node-e484b616-8e0b-76a1-7da9-48414b2cf674-466d400e, #w-node-_1d097d31-dd20-9eb2-1513-64a8206ac1e3-466d400e, #w-node-_439d6c10-54b2-de65-f5ea-b8f6adbcb515-466d400e, #w-node-b4a906c2-1840-fa7e-5747-c7473d2b2503-466d400e, #w-node-_5c74800f-583b-2271-6e29-565876270478-466d400e, #w-node-e9b77627-bad0-db0d-ecde-89789f55aa0f-466d400e, #w-node-_36c4c1e2-55d3-9013-40a9-fad9e66e988d-466d400e, #w-node-d2fae88f-8bd2-7042-087b-6cb834699275-466d400e, #w-node-_814f4e20-1b39-b1b1-7c45-bbfae0ab0daa-466d400e, #w-node-_64a9ddf9-8d90-6d5f-1dc2-937301186a80-466d400e, #w-node-_8644af08-6586-d319-8b48-b0b98f4ab4b1-466d400e, #w-node-bfb8591d-5415-2214-44cd-845c2a2a7e86-466d400e, #w-node-bfb8591d-5415-2214-44cd-845c2a2a7e87-466d400e, #w-node-bfb8591d-5415-2214-44cd-845c2a2a7e88-466d400e, #w-node-bfb8591d-5415-2214-44cd-845c2a2a7e89-466d400e, #w-node-_9835032d-06fb-7a40-5225-24641153d147-466d400e, #w-node-_9835032d-06fb-7a40-5225-24641153d148-466d400e, #w-node-_9835032d-06fb-7a40-5225-24641153d149-466d400e, #w-node-_9835032d-06fb-7a40-5225-24641153d14a-466d400e, #w-node-_79012b3b-15ba-c98d-7298-c68b8975459b-466d400e, #w-node-_79012b3b-15ba-c98d-7298-c68b8975459c-466d400e, #w-node-_79012b3b-15ba-c98d-7298-c68b8975459d-466d400e, #w-node-_79012b3b-15ba-c98d-7298-c68b8975459e-466d400e {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0f3eaeca-50ec-78cb-5716-d6129d9414aa-a672dfcd, #w-node-_810ed661-199d-4a65-83fa-8d9235b5eee3-a672dfcd, #w-node-_6ee13695-5dce-4704-0ec2-5e2195ca27e3-a672dfcd, #w-node-_68bcde1b-df99-5d13-ff51-7798309f6e03-a672dfcd {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_54bca12a-57e8-a614-1a75-a20c2f0150b6-a672dfcd, #w-node-_51ab2b05-ad4a-2eea-5bc7-b49f055339a1-a672dfcd, #w-node-_6a4e66f7-12fe-0665-7ff6-324a67616caa-a672dfcd, #w-node-de4467eb-f296-eb8a-1bad-ba8a3840992d-a672dfcd, #w-node-_23c25f28-ed3c-acb1-d686-61261d8dde18-a672dfcd, #w-node-fcee4b34-d182-3ead-6d52-1a4e1564de72-a672dfcd {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-edd6ece0-ed21-470c-3468-8a145e945812-a672dfcd {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_07b3f225-8b04-26e0-e1db-b8d54a00858e-a672dfcd {
  grid-area: span 1 / span 4 / span 1 / span 4;
  justify-self: stretch;
}

#w-node-_6cb627af-231e-2cf0-a092-60b0e8fcf4dd-a672dfcd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ab8280f3-8065-1fed-7f1d-4ae32058e507-a672dfcd {
  justify-self: center;
}

#w-node-_612a9d62-7b2a-9d8a-3a45-d232d4add595-a672dfcd {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-cda3592f-1fc3-8aad-09d9-500ae4fd77a8-a672dfcd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_209743b8-a951-6365-2603-03bd09aba93e-a672dfcd {
  grid-area: span 1 / span 6 / span 1 / span 6;
}

#w-node-_562d04d7-d350-3125-c0d2-61ea1a22f63c-a672dfcd {
  grid-area: span 1 / span 2 / span 1 / span 2;
  justify-self: stretch;
}

#w-node-bde180a7-e898-56d1-3003-17d882952ddf-a672dfcd, #w-node-fc05f72f-8d32-670c-3343-588a79853908-a672dfcd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3ccab485-2d3c-759e-2392-9f3e12e4a7a7-a672dfcd {
  grid-area: span 1 / span 3 / span 1 / span 3;
  place-self: end start;
}

#w-node-_7717ed60-2038-5a8a-b0a5-33c3b2175c2d-a672dfcd, #w-node-cc949900-b552-4956-1032-02b2e573b925-a672dfcd, #w-node-_84140b0e-9491-9165-178e-0fec748f69a0-a672dfcd, #w-node-a2c25077-84f5-59d8-78a4-b3a035071ee6-a672dfcd, #w-node-_34d16277-4fa1-5770-04e3-510c4428b2ce-a672dfcd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7ad1392b-ee20-3c47-6bf4-72572b3bb8d3-a672dfcd {
  grid-area: span 1 / span 3 / span 1 / span 3;
  place-self: end start;
}

#w-node-c1841522-a11e-4f79-8de2-18c9946092a8-a672dfcd {
  grid-area: span 1 / span 5 / span 1 / span 5;
}

#w-node-_53889514-9c6b-1438-34a9-2ad1f117af00-a672dfcd, #w-node-_64c10589-479c-c1c8-73ca-947a691dfab1-a672dfcd, #w-node-af7b1937-6664-870d-3632-e9f06ddc0ba2-a672dfcd {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

@media screen and (max-width: 479px) {
  #w-node-_0f3eaeca-50ec-78cb-5716-d6129d9414aa-a672dfcd, #w-node-_810ed661-199d-4a65-83fa-8d9235b5eee3-a672dfcd, #w-node-_6ee13695-5dce-4704-0ec2-5e2195ca27e3-a672dfcd, #w-node-_68bcde1b-df99-5d13-ff51-7798309f6e03-a672dfcd {
    grid-area: span 1 / span 12 / span 1 / span 12;
  }
}


@font-face {
  font-family: 'Ppeiko';
  src: url('../fonts/PPEiko-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ppeiko';
  src: url('../fonts/PPEiko-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ppmori';
  src: url('../fonts/PPMori-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ppmori';
  src: url('../fonts/PPMori-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}