:root {
  --_theme---primary: var(--_color---brand-1--0);
  --font-family: EB Garamond, Noto Serif JP, Noto Serif SC, sans-serif;
  --_color---on-background: #575757;
  --font-size: calc(var(--setup--width-current) / var(--setup--width-basis) * var(--setup--font-basis));
  --_header---element-color: var(--_color---on-image);
  --_responsive---button--padding-y: .9em;
  --_responsive---button--padding-x: 1.6em;
  --_responsive---button--regular: 1.25em;
  --_color---on-image: var(--_color---background);
  --_theme---primary-hover: transparent;
  --setup--container-max: 1920px;
  --_responsive---panel--padding-y: 10em;
  --_responsive---panel--padding-x: 8em;
  --_color---background: #fffcf7;
  --_header---height: 8em;
  --_header---padding-x: 0em;
  --_responsive---paragraph--max-width: 40em;
  --_theme---secondary: var(--_color---brand-1--0-brighter);
  --_responsive---label--regular: 1em;
  --_responsive---heading--large: 7em;
  --_responsive---heading--medium: 5em;
  --_responsive---paragraph--regular: 1em;
  --_responsive---paragraph--large: 2em;
  --_color---outline-on-background: #b1b1b1;
  --_responsive---footer--height: 75svh;
  --_responsive---footer--padding-top: 2.5em;
  --_responsive---footer--padding-bottom: 2.5em;
  --_responsive---button--text-regular: 1em;
  --_responsive---button--text-large: 2.5em;
  --_responsive---button--text-medium: 1.5em;
  --_responsive---button--medium: 1.5em;
  --_theme---accent: var(--_color---brand-1--accent);
  --_responsive---header--height-overlay: calc(var(--_header---height) * 1.5);
  --_color---overlay-1: color-mix(in srgb, var(--_color---background) 90%, transparent);
  --_color---overlay-2: color-mix(in srgb, var(--_color---background) 0%, transparent);
  --_theme---translucent: var(--_color---brand-1--0-translucent);
  --_color---outline-on-image: color-mix(in srgb, var(--_color---background) 30%, transparent);
  --_theme---background-1: var(--_color---brand-1--1);
  --_theme---background-2: var(--_color---brand-1--2);
  --_theme---background-3: var(--_color---brand-1--3);
  --_theme---background-4: var(--_color---brand-1--4);
  --_theme---background-5: var(--_color---brand-1--5);
  --_responsive---form--label: .875em;
  --_responsive---form--content: 1.25em;
  --_responsive---container--padding-x: 60px;
  --setup--font-basis: 16;
  --setup--width-basis: 1440;
  --setup--container-min: 992px;
  --setup--width-current: clamp(var(--setup--container-min), 100vw, var(--setup--container-max));
  --_responsive---paragraph--medium: 1.5em;
  --_color---brand-1--0: #266280;
  --_color---brand-1--0-brighter: color-mix(in srgb, var(--_color---brand-1--0) 50%, white);
  --_color---brand-1--0-translucent: color-mix(in srgb, var(--_color---brand-1--0) 80%, transparent);
  --_color---brand-1--1: #51a3bf;
  --_color---brand-1--2: #dae5ed;
  --_color---brand-1--3: #9acbdd;
  --_color---brand-1--4: #edeed9;
  --_color---brand-1--5: #447caa;
  --_color---brand-1--accent: #ece5a6;
  --_color---brand-2--0: #a84964;
  --_color---brand-2--0-brighter: color-mix(in srgb, var(--_color---brand-2--0) 70%, white);
  --_color---brand-2--0-translucent: color-mix(in srgb, var(--_color---brand-2--0) 80%, transparent);
  --_color---brand-2--1: #d35b7e;
  --_color---brand-2--2: #f9b8a0;
  --_responsive---form--content-large: 1.5em;
  --_color---brand-2--3: #f48c98;
  --_color---brand-2--4: #f9e6e1;
  --_color---brand-2--5: #f4bec9;
  --_color---brand-3--0: #c45f2c;
  --_color---brand-3--0-brighter: color-mix(in srgb, var(--_color---brand-3--0) 70%, white);
  --_color---brand-3--0-translucent: color-mix(in srgb, var(--_color---brand-3--0) 80%, transparent);
  --_color---brand-3--1: #ffd19f;
  --_color---brand-3--2: #ffecc2;
  --_color---brand-3--3: #ffd869;
  --_color---brand-3--4: #f97838;
  --_color---brand-3--5: #f7a74f;
  --_color---brand-4--0: #635441;
  --_color---brand-4--0-brighter: color-mix(in srgb, var(--_color---brand-4--0) 70%, white);
  --_color---brand-4--0-darker: color-mix(in srgb, var(--_color---brand-4--0) 70%, black);
  --_color---brand-4--0-translucent: color-mix(in srgb, var(--_color---brand-4--0) 80%, transparent);
  --_color---brand-4--1: #9c9287;
  --_color---brand-4--2: #e5c395;
  --_color---brand-4--3: #71594c;
  --_color---brand-4--4: #f4e0cb;
  --_color---brand-4--5: #ddae64;
  --_color---brand-5--0: #2e6e63;
  --_color---brand-5--0-translucent: color-mix(in srgb, var(--_color---brand-5--0) 80%, transparent);
  --_color---brand-5--1: #a0cc9a;
  --_color---brand-5--2: #138e7f;
  --_color---brand-5--3: #dadb97;
  --_color---brand-5--4: #75bc9a;
  --_color---brand-5--5: #adccc2;
}

body {
  background-color: var(--_theme---primary);
  font-family: var(--font-family);
  color: var(--_color---on-background);
  font-size: var(--font-size);
  transition-property: background-color;
  transition-duration: 2s;
  transition-timing-function: ease;
  overflow: clip auto;
}

p {
  margin-bottom: 1em;
}

.site-logo {
  transform-origin: 50% 0;
  color: var(--_header---element-color);
  height: 100%;
  transition: transform .1s, color 1s;
}

.site-header {
  z-index: 9;
  pointer-events: none;
  --_header---element-color: var(--_color---on-image);
  --_header---height: 8em;
  --_header---padding-x: 0em;
  position: fixed;
  top: 0%;
  left: 0%;
  right: 0%;
}

.site-header.panel-into-view {
  --_header---element-color: var(--_color---on-background);
  --_header---height: 8em;
  --_header---padding-x: 2em;
}

.button {
  padding: var(--_responsive---button--padding-y) var(--_responsive---button--padding-x);
  font-size: var(--_responsive---button--regular);
  letter-spacing: .05em;
  line-height: 100%;
  transition: background-color .3s;
}

.button.primary {
  background-color: var(--_theme---primary);
  color: var(--_color---on-image);
  border-radius: .1em;
}

.button.primary:hover {
  background-color: var(--_theme---primary-hover);
}

.container {
  max-width: var(--setup--container-max);
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 4em;
  padding-right: 4em;
}

.container.the-background-spacing {
  padding-top: 100vh;
}

.section {
  padding-bottom: 20em;
}

.section.hero {
  height: 100svh;
  padding-bottom: 0;
}

.section.service {
  --_theme---primary: var(--_color---brand-2--0);
  --_theme---primary-hover: transparent;
  --_theme---secondary: var(--_color---brand-2--0-brighter);
  --_theme---accent: var(--_color---brand-1--accent);
  --_theme---translucent: var(--_color---brand-2--0-translucent);
  --_theme---background-1: var(--_color---brand-2--1);
  --_theme---background-2: var(--_color---brand-2--2);
  --_theme---background-3: var(--_color---brand-2--3);
  --_theme---background-4: var(--_color---brand-2--4);
  --_theme---background-5: var(--_color---brand-2--5);
}

.section.jobspartnership {
  --_theme---primary: var(--_color---brand-3--0);
  --_theme---primary-hover: transparent;
  --_theme---secondary: var(--_color---brand-3--0-brighter);
  --_theme---accent: var(--_color---brand-1--accent);
  --_theme---translucent: var(--_color---brand-3--0-translucent);
  --_theme---background-1: var(--_color---brand-3--1);
  --_theme---background-2: var(--_color---brand-3--2);
  --_theme---background-3: var(--_color---brand-3--3);
  --_theme---background-4: var(--_color---brand-3--4);
  --_theme---background-5: var(--_color---brand-3--5);
}

.section.concept {
  padding-top: var(--_responsive---panel--padding-y);
  --_theme---primary: var(--_color---brand-1--0);
  --_theme---primary-hover: transparent;
  --_theme---secondary: var(--_color---brand-1--0-brighter);
  --_theme---accent: var(--_color---brand-1--accent);
  --_theme---translucent: var(--_color---brand-1--0-translucent);
  --_theme---background-1: var(--_color---brand-1--1);
  --_theme---background-2: var(--_color---brand-1--2);
  --_theme---background-3: var(--_color---brand-1--3);
  --_theme---background-4: var(--_color---brand-1--4);
  --_theme---background-5: var(--_color---brand-1--5);
  padding-bottom: 0;
}

.section.contact {
  padding-bottom: var(--_responsive---panel--padding-y);
  --_theme---primary: var(--_color---brand-4--0);
  --_theme---primary-hover: var(--_color---brand-4--0-darker);
  --_theme---secondary: var(--_color---brand-4--0-brighter);
  --_theme---accent: var(--_color---brand-1--accent);
  --_theme---translucent: var(--_color---brand-4--0-translucent);
  --_theme---background-1: var(--_color---brand-4--1);
  --_theme---background-2: var(--_color---brand-4--2);
  --_theme---background-3: var(--_color---brand-4--3);
  --_theme---background-4: var(--_color---brand-4--4);
  --_theme---background-5: var(--_color---brand-4--5);
}

.panel {
  padding-right: var(--_responsive---panel--padding-x);
  padding-left: var(--_responsive---panel--padding-x);
  background-color: var(--_color---background);
  border-radius: .125em;
  position: relative;
  overflow: clip;
}

.site-header-wrap {
  height: var(--_header---height);
  padding: 2em var(--_header---padding-x);
  justify-content: space-between;
  align-items: center;
  margin-left: -2em;
  margin-right: -2em;
  transition: background-color .3s, padding .3s;
  display: flex;
}

.hero-heading-wrap {
  color: var(--_color---on-image);
  text-align: right;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  padding-bottom: 3em;
  display: flex;
}

.text-wrap {
  max-width: var(--_responsive---paragraph--max-width);
}

.text-group {
  flex-flow: column;
  flex: 1;
  align-items: flex-start;
  margin-bottom: 20em;
  display: flex;
  position: relative;
}

.text-group.right {
  text-align: right;
  align-items: flex-end;
}

.label {
  background-color: var(--_theme---secondary);
  color: var(--_color---on-image);
  letter-spacing: .05em;
  text-transform: uppercase;
  border-radius: .0625em;
  margin-top: 0;
  margin-bottom: 2em;
  padding: .75em 1.25em;
  font-weight: 400;
  line-height: 100%;
  display: inline-block;
}

.label.regular {
  font-size: var(--_responsive---label--regular);
}

.image-deco {
  opacity: .7;
  mix-blend-mode: multiply;
  width: 30em;
  height: 30em;
  position: absolute;
}

.image-deco.girl {
  background-image: url('../images/text_group_deco-girl_1.avif');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  top: 1.5em;
  right: -10.1em;
}

.image-deco.man {
  background-image: url('../images/text_group_deco-man_1.avif');
  background-repeat: no-repeat;
  background-size: contain;
  top: 6em;
  left: -7.5em;
}

.image-deco.people {
  background-image: url('../images/text_group_deco-people_1.avif');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  top: 8em;
  right: -6em;
}

.heading {
  margin-top: 0;
  margin-bottom: .5em;
  font-weight: 400;
}

.heading.large {
  font-size: var(--_responsive---heading--large);
  line-height: 100%;
}

.heading.large.hero {
  opacity: 0;
  margin-bottom: .125em;
}

.heading.medium {
  font-size: var(--_responsive---heading--medium);
  line-height: 100%;
}

.paragraph {
  letter-spacing: .05em;
  font-weight: 400;
  line-height: 175%;
}

.paragraph.regular {
  font-size: var(--_responsive---paragraph--regular);
}

.paragraph.large {
  font-size: var(--_responsive---paragraph--large);
  line-height: 100%;
}

.paragraph.large.hero {
  opacity: 0;
}

.services {
  border-top: 1px solid var(--_color---outline-on-background);
  background-color: var(--_theme---primary);
  margin-bottom: 0;
  padding-left: 0;
  overflow: clip;
}

.services-item {
  border-bottom: 1px solid var(--_color---outline-on-background);
  background-color: var(--_color---background);
  padding: 4em 4em 4em 0;
  transition: transform .3s, padding .3s;
}

.services-item.active {
  padding-left: 2em;
  padding-right: 2em;
  transform: translate(2em);
}

.button-header {
  opacity: 0;
  pointer-events: auto;
  color: var(--_header---element-color);
  visibility: hidden;
  background-color: #0000;
  height: 3em;
  padding: 0 2em;
  text-decoration: none;
  transition-property: color;
  transition-duration: 1s;
  transition-timing-function: ease;
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.site-footer {
  min-height: var(--_responsive---footer--height);
  padding-top: var(--_responsive---footer--padding-top);
  padding-bottom: var(--_responsive---footer--padding-bottom);
  color: var(--_color---on-image);
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.footer-logo {
  width: 25em;
}

.c-row {
  flex-flow: wrap;
  display: flex;
}

.c-row.footer-bottom {
  justify-content: space-between;
  align-items: flex-end;
}

.c-row.footer-top {
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10em;
}

.c-column._w-40 {
  width: 40%;
}

.button-text {
  color: var(--_color---on-image);
  font-size: var(--_responsive---button--text-regular);
  letter-spacing: .05em;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 100%;
  text-decoration: none;
  position: relative;
}

.button-text.email {
  font-size: var(--_responsive---button--text-large);
  letter-spacing: 0;
  margin-bottom: 1em;
  display: block;
}

.button-text.address {
  margin-bottom: 2em;
  display: block;
}

.button-text.social {
  font-size: var(--_responsive---button--text-medium);
  margin-bottom: 1.5em;
  margin-right: 1em;
  display: inline-block;
}

.button-text.menu {
  font-size: var(--_responsive---button--medium);
  text-align: center;
  text-transform: uppercase;
  width: auto;
  padding-top: 1em;
  padding-bottom: 1em;
  display: block;
}

.button-text.menu:hover {
  text-decoration: none;
}

.button-text.menu.close-menu {
  background-color: #0000;
  width: 100%;
  height: 3em;
  padding: .5em 0;
}

.text-reveal {
  font-style: italic;
  display: none;
}

.button-text-span {
  font-size: 1.15em;
  display: inline-block;
}

.text-decoration {
  color: var(--_theme---accent);
  position: absolute;
}

.text-decoration-wrap {
  position: relative;
  overflow: visible;
}

.sticky-overlay {
  z-index: 7;
  height: var(--_responsive---header--height-overlay);
  background-image: linear-gradient(180deg, var(--_color---overlay-1) 50%, var(--_color---overlay-2));
  opacity: 0;
  pointer-events: none;
  margin-left: calc(-1 * var(--_responsive---panel--padding-x));
  margin-right: calc(-1 * var(--_responsive---panel--padding-x));
  margin-bottom: calc(-1 * var(--_responsive---header--height-overlay));
  visibility: hidden;
  position: relative;
}

.site-navigation {
  z-index: 8;
  visibility: hidden;
  padding-top: var(--_header---height);
  background-color: var(--_theme---translucent);
  opacity: 0;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  width: 100%;
  height: 100vh;
  padding-bottom: 5em;
  transition-property: none;
  transition-duration: 0s;
  transition-timing-function: ease;
  position: fixed;
  inset: 0%;
}

.site-navigation:where(.w-variant-0780e884-cf69-3e2e-3f97-7721330c2f25) {
  opacity: 1;
  visibility: inherit;
}

.menu-container {
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: var(--_color---outline-on-image);
  scrollbar-color: transparent transparent;
  max-height: 100%;
  margin-top: 2.5em;
  margin-bottom: 0;
  padding-bottom: 10em;
  padding-left: 0;
  overflow: hidden auto;
}

.menu-container:hover {
  scrollbar-color: var(--_color---outline-on-image) transparent;
}

.menu-item {
  border-bottom: 1px solid var(--_color---outline-on-image);
  transition: background-color .3s;
}

.menu-item:hover {
  background-color: #ffffff1a;
}

.color-scheme-2 {
  --_theme---primary: var(--_color---brand-2--0);
  --_theme---primary-hover: transparent;
  --_theme---secondary: var(--_color---brand-2--0-brighter);
  --_theme---accent: var(--_color---brand-1--accent);
  --_theme---translucent: var(--_color---brand-2--0-translucent);
  --_theme---background-1: var(--_color---brand-2--1);
  --_theme---background-2: var(--_color---brand-2--2);
  --_theme---background-3: var(--_color---brand-2--3);
  --_theme---background-4: var(--_color---brand-2--4);
  --_theme---background-5: var(--_color---brand-2--5);
}

.color-scheme-3 {
  --_theme---primary: var(--_color---brand-3--0);
  --_theme---primary-hover: transparent;
  --_theme---secondary: var(--_color---brand-3--0-brighter);
  --_theme---accent: var(--_color---brand-1--accent);
  --_theme---translucent: var(--_color---brand-3--0-translucent);
  --_theme---background-1: var(--_color---brand-3--1);
  --_theme---background-2: var(--_color---brand-3--2);
  --_theme---background-3: var(--_color---brand-3--3);
  --_theme---background-4: var(--_color---brand-3--4);
  --_theme---background-5: var(--_color---brand-3--5);
}

.color-scheme-4 {
  --_theme---primary: var(--_color---brand-4--0);
  --_theme---primary-hover: var(--_color---brand-4--0-darker);
  --_theme---secondary: var(--_color---brand-4--0-brighter);
  --_theme---accent: var(--_color---brand-1--accent);
  --_theme---translucent: var(--_color---brand-4--0-translucent);
  --_theme---background-1: var(--_color---brand-4--1);
  --_theme---background-2: var(--_color---brand-4--2);
  --_theme---background-3: var(--_color---brand-4--3);
  --_theme---background-4: var(--_color---brand-4--4);
  --_theme---background-5: var(--_color---brand-4--5);
}

.svg-color {
  transition: color 2s;
}

.svg-color.st0 {
  color: var(--_theme---background-1);
}

.svg-color.st1 {
  color: var(--_theme---background-2);
}

.svg-color.st2 {
  color: var(--_theme---background-3);
}

.svg-color.st3 {
  color: var(--_theme---background-4);
}

.svg-color.st4 {
  color: var(--_theme---background-5);
}

.color-scheme-5 {
  --_theme---primary: var(--_color---brand-5--0);
  --_theme---primary-hover: transparent;
  --_theme---secondary: var(--_color---brand-1--0-brighter);
  --_theme---accent: var(--_color---brand-1--accent);
  --_theme---translucent: var(--_color---brand-5--0-translucent);
  --_theme---background-1: var(--_color---brand-5--1);
  --_theme---background-2: var(--_color---brand-5--2);
  --_theme---background-3: var(--_color---brand-5--3);
  --_theme---background-4: var(--_color---brand-5--4);
  --_theme---background-5: var(--_color---brand-5--5);
}

.background-video {
  z-index: -1;
  width: 100%;
  height: 100vh;
  position: fixed;
}

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

.form-item {
  border: 1px solid var(--_color---outline-on-background);
  background-color: var(--_color---background);
  border-radius: .12em;
  margin-bottom: .5em;
  padding: .5em;
  font-weight: 400;
}

.form-item-label {
  font-size: var(--_responsive---form--label);
  letter-spacing: .05em;
}

.form-item-content {
  font-size: var(--_responsive---form--content);
  letter-spacing: .025em;
  -webkit-appearance: none;
  appearance: none;
  background-color: #0000;
  border-style: none;
  width: 100%;
  padding: .25em 0;
  line-height: 150%;
}

.the-background {
  z-index: -1;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.the-background-wrap {
  position: relative;
}

.navigation {
  height: 110vh;
}

@media screen and (max-width: 991px) {
  body {
    --_responsive---button--padding-y: .9em;
    --_responsive---button--padding-x: 1.6em;
    --_responsive---button--regular: 1.25em;
    --_responsive---panel--padding-y: 8em;
    --_responsive---panel--padding-x: 6em;
    --_responsive---paragraph--max-width: 40em;
    --_responsive---label--regular: 1em;
    --_responsive---heading--large: 7em;
    --_responsive---heading--medium: 4em;
    --_responsive---paragraph--regular: 1em;
    --_responsive---paragraph--large: 2em;
    --_responsive---footer--height: 75svh;
    --_responsive---footer--padding-top: 2.5em;
    --_responsive---footer--padding-bottom: 2.5em;
    --_responsive---button--text-regular: 1em;
    --_responsive---button--text-large: 2.5em;
    --_responsive---button--text-medium: 1.5em;
    --_responsive---button--medium: 1.5em;
    --_responsive---header--height-overlay: calc(var(--_header---height) * 1.5);
    --_responsive---form--label: .875em;
    --_responsive---form--content: 1.25em;
    --_responsive---container--padding-x: 30px;
    --_responsive---paragraph--medium: 1.5em;
    --_responsive---form--content-large: 1.5em;
  }

  p {
    line-height: 150%;
  }

  .container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .text-group {
    margin-bottom: 5em;
  }

  .image-deco {
    position: static;
  }

  .image-deco.girl {
    margin-left: auto;
    margin-right: -6em;
  }

  .image-deco.man {
    margin-left: -6em;
    margin-right: auto;
  }

  .image-deco.people {
    margin-left: auto;
    margin-right: -4em;
  }

  .svg-filter-lg-only {
    filter: none;
  }
}

@media screen and (max-width: 767px) {
  body {
    --_responsive---button--padding-y: .9em;
    --_responsive---button--padding-x: 1.6em;
    --_responsive---button--regular: 1.25em;
    --_responsive---panel--padding-y: 6em;
    --_responsive---panel--padding-x: 5em;
    --_responsive---paragraph--max-width: 40em;
    --_responsive---label--regular: 1em;
    --_responsive---heading--large: 6em;
    --_responsive---heading--medium: 4em;
    --_responsive---paragraph--regular: 1em;
    --_responsive---paragraph--large: 2em;
    --_responsive---footer--height: calc(100vh + 1px);
    --_responsive---footer--padding-top: 5em;
    --_responsive---footer--padding-bottom: 2.5em;
    --_responsive---button--text-regular: 1em;
    --_responsive---button--text-large: 2.5em;
    --_responsive---button--text-medium: 1.5em;
    --_responsive---button--medium: 1.5em;
    --_responsive---header--height-overlay: calc(var(--_header---height) * 1.5);
    --_responsive---form--label: .875em;
    --_responsive---form--content: 1.25em;
    --_responsive---container--padding-x: 30px;
    --_responsive---paragraph--medium: 1.5em;
    --_responsive---form--content-large: 1.5em;
  }

  .section {
    padding-bottom: 5em;
  }

  .footer-logo {
    width: 20em;
    margin-bottom: 1em;
  }

  .c-column, .c-column._w-40 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  body {
    --_responsive---button--padding-y: .9em;
    --_responsive---button--padding-x: 1.6em;
    --_responsive---button--regular: 1.452em;
    --_responsive---panel--padding-y: 6em;
    --_responsive---panel--padding-x: 3em;
    --_responsive---paragraph--max-width: 40em;
    --_responsive---label--regular: 1.089em;
    --_responsive---heading--large: 5.082em;
    --_responsive---heading--medium: 4.356em;
    --_responsive---paragraph--regular: 1.452em;
    --_responsive---paragraph--large: 1.452em;
    --_responsive---footer--height: calc(100vh + 1px);
    --_responsive---footer--padding-top: calc(5em + var(--_header---height));
    --_responsive---footer--padding-bottom: 2.5em;
    --_responsive---button--text-regular: 1.452em;
    --_responsive---button--text-large: 2.904em;
    --_responsive---button--text-medium: 2.178em;
    --_responsive---button--medium: 1.815em;
    --_responsive---header--height-overlay: calc(var(--_header---height) * 1.5);
    --_responsive---form--label: 1.089em;
    --_responsive---form--content: 1.452em;
    --_responsive---container--padding-x: 15px;
    --_responsive---paragraph--medium: 1.815em;
    --_responsive---form--content-large: 1.452em;
  }

  .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .image-deco.man {
    margin-left: -7em;
  }

  .c-column._w-40 {
    width: 100%;
  }

  .button-text.address {
    margin-top: 3em;
  }

  .button-text.social {
    margin-bottom: 1em;
    display: block;
  }

  .site-navigation, .background-video, .the-background {
    height: 110vh;
  }
}