/* ---- COLORS */
/* Grey Scale */
/* ---- TYPOGRAPHY */
/* ---- STYLES */
/*
This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype with any questions regarding Web Fonts: http://www.fontshop.com
*/
@font-face {
  font-family: "Avenir";
  font-weight: 300;
  src: url("../fonts/1475520/57bf7902-79ee-4b31-a327-1bbf59a3d155d41d.eot?#iefix");
  src: url("../fonts/1475520/57bf7902-79ee-4b31-a327-1bbf59a3d155d41d.eot?#iefix") format("eot"), url("../fonts/1475520/b290e775-e0f9-4980-914b-a4c32a5e3e36.woff2") format("woff2"), url("../fonts/1475520/4b978f72-bb48-46c3-909a-2a8cd2f8819c.woff") format("woff"), url("../fonts/1475520/9bdf0737-f98c-477a-9365-ffc41b9d1285.ttf") format("truetype");
}
@font-face {
  font-family: "Avenir";
  font-weight: 400;
  src: url("../fonts/1475532/e0542193-b2e6-4273-bc45-39d4dfd3c15bd41d.eot?#iefix");
  src: url("../fonts/1475532/e0542193-b2e6-4273-bc45-39d4dfd3c15bd41d.eot?#iefix") format("eot"), url("../fonts/1475532/17b90ef5-b63f-457b-a981-503bb7afe3c0.woff2") format("woff2"), url("../fonts/1475532/c9aeeabd-dd65-491d-b4be-3e0db9ae47a0.woff") format("woff"), url("../fonts/1475532/25f994de-d13f-4a5d-a82b-bf925a1e054d.ttf") format("truetype");
}
@font-face {
  font-family: "Avenir";
  font-weight: 700;
  src: url("../fonts/1475544/6af9989e-235b-4c75-8c08-a83bdaef3f66d41d.eot?#iefix");
  src: url("../fonts/1475544/6af9989e-235b-4c75-8c08-a83bdaef3f66d41d.eot?#iefix") format("eot"), url("../fonts/1475544/d513e15e-8f35-4129-ad05-481815e52625.woff2") format("woff2"), url("../fonts/1475544/61bd362e-7162-46bd-b67e-28f366c4afbe.woff") format("woff"), url("../fonts/1475544/ccd17c6b-e7ed-4b73-b0d2-76712a4ef46b.ttf") format("truetype");
}
@font-face {
  font-family: "Avenir";
  font-weight: 900;
  src: url("../fonts/1475556/f55e4498-ad48-4577-93a0-c614de5cbbb8d41d.eot?#iefix");
  src: url("../fonts/1475556/f55e4498-ad48-4577-93a0-c614de5cbbb8d41d.eot?#iefix") format("eot"), url("../fonts/1475556/c78eb7af-a1c8-4892-974b-52379646fef4.woff2") format("woff2"), url("../fonts/1475556/75b36c58-2a02-4057-a537-09af0832ae46.woff") format("woff"), url("../fonts/1475556/b5c44a82-eeb8-41de-9c3f-a8db50b24b8a.ttf") format("truetype");
}
@font-face {
  font-family: "Cambon";
  font-weight: 400;
  font-style: italic;
  src: url("../fonts/Cambon/Cambon-BookItalic.woff2") format("woff2"), url("../fonts/Cambon/Cambon-BookItalic.woff") format("woff");
}
@font-face {
  font-family: "Cambon";
  font-weight: 700;
  font-style: italic;
  src: url("../fonts/Cambon/Cambon-BoldItalic.woff2") format("woff2"), url("../fonts/Cambon/Cambon-BoldItalic.woff") format("woff");
}
address {
  font-style: normal;
}

.clearfix {
  zoom: 1;
}
.clearfix::after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
}

input, label, textarea, select, button {
  margin: 0px;
  display: inline-block;
}

header, footer, section, article, figure, figcaption, aside, address, nav {
  display: block;
}

body {
  margin: 0px;
  padding: 0px;
}

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
}

html, body {
  margin: 0px;
  padding: 0px;
  font-family: "Avenir", sans-serif;
  font-weight: 300;
}

html {
  scroll-behavior: smooth;
}

body {
  position: relative;
  z-index: 0;
  content: "viewport-s";
}
@media (hover) {
  body {
    content: "viewport-s--hasHover";
  }
}
@media only screen and (min-width: 768px) {
  body {
    padding-bottom: 680px;
    content: "viewport-md";
  }
}
@media only screen and (min-width: 768px) and (hover) {
  body {
    content: "viewport-md--hasHover";
  }
}
@media only screen and (min-width: 1280px) {
  body {
    padding-bottom: 755px;
    content: "viewport-lg";
  }
}
@media only screen and (min-width: 1280px) and (hover) {
  body {
    content: "viewport-lg--hasHover";
  }
}
body.hide-header:not(.hide-bg):before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-image: url("../img/bg-noise.png");
  background-repeat: repeat;
}

video {
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}

article, section, figure, figcaption, aside, main, header, footer, nav, summary, details {
  margin: 0px;
  padding: 0px;
  display: block;
}

nav ul {
  zoom: 1;
  padding: 0px;
  margin: 0px;
  list-style: none;
}
nav ul::after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
nav ul dt {
  float: left;
  clear: left;
}
nav ul dd {
  float: left;
  margin: 0;
}

img {
  display: block;
}

a img {
  border: 0px;
}

body {
  font-size: calc(15px + 0.25vw);
}

p {
  line-height: 1.4em;
  margin: 1em 0;
}

button, input, select, textarea, details, summary, a, option, label {
  outline: none;
  font-family: "Avenir", sans-serif;
}

label {
  height: 30px;
  line-height: 30px;
}
label * {
  height: 30px;
  line-height: 30px;
}
label.big {
  height: 40px;
  line-height: 40px;
}
label.big * {
  height: 40px;
  line-height: 40px;
}

input, select, textarea {
  border: 1px solid #ddd;
  font-size: 17px;
  color: black;
}
input.big, select.big, textarea.big {
  font-size: 24px;
}

input, select {
  height: 30px;
  line-height: 30px;
}
input.big, select.big {
  height: 40px;
  line-height: 40px;
}

button, .button {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  border: none;
  background-color: #005BC5;
  color: white;
  cursor: pointer;
  font-size: 17px;
  font-family: "Avenir", sans-serif;
  text-align: center;
  text-decoration: none;
  padding: 0 10px;
}
button:after, .button:after {
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
}
button.big, .button.big {
  height: 40px;
  line-height: 40px;
  font-size: 24px;
  min-width: 100px;
}

.big button, .big .button {
  height: 40px;
  line-height: 40px;
  font-size: 24px;
  min-width: 100px;
}
.big input, .big select {
  height: 40px;
  line-height: 40px;
}
.big label {
  height: 40px;
  line-height: 40px;
}
.big label * {
  height: 40px;
  line-height: 40px;
}

a {
  color: #005BC5;
  text-decoration: none;
}
@media (hover) {
  a:hover {
    color: #0067df;
  }
}
a:active {
  color: #004fac;
}

.clearfix {
  zoom: 1;
}
.clearfix::after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

.clear {
  clear: both;
}

.assistive {
  visibility: hidden;
  overflow: hidden;
  display: block;
  margin: 0px;
  height: 0px;
  padding: 0px;
  width: 0px;
}

.container {
  width: 96%;
  max-width: 1400px;
  margin: 0px auto;
  zoom: 1;
}
.container::after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.container .container {
  margin: 0px;
  width: auto;
  max-width: auto;
}

h1, h2, h3, h4 {
  line-height: normal;
}

h1 {
  font-size: calc(24px + 2.5vw);
  margin: 35px 0 50px 0px;
  font-weight: bold;
}

h2 {
  font-size: 24px;
  margin: 35px 0 16px 0;
  font-weight: normal;
}

h3, h4 {
  font-size: 17px;
  font-weight: 600;
  margin: 30px 0 16px 0;
}

@media only screen and (min-width: 768px) {
  body {
    font-size: 17px;
  }

  h1 {
    font-size: 50px;
  }
}
.centered {
  text-align: center;
}

figcaption {
  text-align: left;
}

.formkit .s-15 {
  width: 15%;
}
.formkit .s-25 {
  width: 25%;
}
.formkit .s-33 {
  width: 33.33333%;
}
.formkit .s-50 {
  width: 50%;
}
.formkit .s-66 {
  width: 66.66666%;
}
.formkit .s-75 {
  width: 75%;
}
.formkit .s-85 {
  width: 85%;
}
.formkit .s-100 {
  width: 100%;
}

fieldset {
  zoom: 1;
  padding: 0px;
  margin: 0px;
  list-style: none;
  zoom: 1;
  display: block;
  width: 100%;
  border: 0px;
}
fieldset::after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
fieldset dt {
  float: left;
  clear: left;
}
fieldset dd {
  float: left;
  margin: 0;
}
fieldset::after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}

label {
  display: inline-block;
  padding: 15px 0px 5px;
  margin: 2px 6px 2px 0px;
}
label small {
  display: inline-block;
  font-size: 12px;
}

input, select {
  padding: 1px 10px 0px 10px;
  margin: 2px 6px 2px 0px;
}

textarea {
  padding: 10px 10px 10px 10px;
  line-height: normal;
  margin: 2px 0px;
}

input[type=file] {
  padding: 5px 5px 0px 5px;
  line-height: 100%;
  vertical-align: top;
  max-width: 100%;
}
input[type=file].big {
  padding: 8px 5px 0px 5px;
  line-height: 100%;
}

button {
  margin: 2px 6px 2px 0px;
  padding: 1px 15px 0px 15px;
}

fieldset.check {
  padding: 0px;
  margin: 10px 0px;
  position: relative;
}
fieldset.check input {
  display: block;
  position: absolute;
  left: 10px;
  top: 19px;
  width: auto !important;
  height: auto !important;
  padding: 0px !important;
  margin: 0px !important;
}
fieldset.check label {
  font-size: 14px;
  margin: 0px !important;
  padding: 18px 15px 15px 35px !important;
  line-height: 16px;
  height: auto !important;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  border: 1px solid transparent;
  display: block;
  cursor: pointer;
}
fieldset.check label a {
  text-decoration: underline;
}
fieldset.check label:hover {
  border: 1px solid rgba(255, 255, 255, 0.3);
}
fieldset.check.radio {
  margin: 0px;
}
fieldset.check.radio input {
  top: 6px;
}
fieldset.check.radio label {
  font-size: 17px;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  float: left;
}

.formkit .regrid label {
  display: block;
  padding: 20px 0px 0px 0px;
  height: auto;
}
.formkit .regrid input, .formkit .regrid select, .formkit .regrid textarea {
  width: 100%;
  margin-right: 0;
  max-width: 100%;
}
.formkit .regrid input[type=checkbox], .formkit .regrid select[type=checkbox], .formkit .regrid textarea[type=checkbox] {
  width: auto;
}
.formkit .regrid.inline label {
  padding-top: 0px;
}
.formkit .regrid.inline label.block {
  padding-top: 20px;
}
.formkit .regrid.inline input, .formkit .regrid.inline select, .formkit .regrid.inline textarea, .formkit .regrid.inline label, .formkit .regrid.inline button {
  width: auto;
  margin-right: 6px;
  float: left;
}
.formkit .regrid.inline input.block, .formkit .regrid.inline select.block, .formkit .regrid.inline textarea.block, .formkit .regrid.inline label.block, .formkit .regrid.inline button.block {
  width: 100%;
  margin-right: 0;
  float: none;
  clear: both;
}
.formkit h2, .formkit h3, .formkit h4, .formkit h5 {
  clear: both;
  margin-top: 0px;
  padding-top: 35px;
  margin-bottom: 15px;
}

.password-field {
  margin: 0px;
  padding: 0px;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.password-field.regrid .switch-pw {
  bottom: 1px;
}
.password-field .switch-pw {
  background-position: center center;
  background-size: 25px 15px;
  -moz-background-size: 25px 15px;
  -webkit-background-size: 25px 15px;
  -o-background-size: 25px 15px;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  height: 30px;
  width: 50px;
  position: absolute;
  right: 3px;
  bottom: 17px;
  z-index: 1;
}
pre {
  border: 1px solid #eee;
  color: black;
  text-align: center;
  margin: 20px 0px;
  padding: 40px 20px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
}
pre code {
  margin: 0px;
  padding: 0px;
}

body .flexslider {
  overflow: hidden;
  margin: 0px 0px 35px 0px;
  background: none;
  box-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 transparent;
  -o-box-shadow: 0 0 0 transparent;
  border: 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -o-border-radius: 0;
}
body .flexslider ul.slides > li {
  height: 600px;
  background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}
body .flexslider ul.slides > li .flex-caption {
  position: absolute;
  right: 120px;
  bottom: 80px;
  background-color: #fff;
  padding: 20px 5px 20px 20px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  max-width: 600px;
  zoom: 1;
}
body .flexslider ul.slides > li .flex-caption::after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
body .flexslider ul.slides > li .flex-caption .stripe {
  width: 30px;
  height: 2px;
  border-top: 5px solid #005BC5;
}
body .flexslider ul.slides > li .flex-caption h2 {
  font-size: 40px;
  color: #005BC5;
  line-height: 46px;
  margin-top: 15px;
  font-family: "Adobe Caslon Pro", serif;
  margin-bottom: -10px;
  text-transform: uppercase;
}
body .flexslider ul.slides > li .flex-caption p {
  margin-bottom: 0px;
}
body .flexslider ul.slides > li.flex-active-slide .flex-caption {
  padding-right: 20px;
}
body .flexslider .flex-direction-nav a.flex-prev,
body .flexslider .flex-direction-nav a.flex-next {
  background-size: 13px 40px;
  -moz-background-size: 13px 40px;
  -webkit-background-size: 13px 40px;
  -o-background-size: 13px 40px;
  background-repeat: no-repeat;
  background-position: center center;
  background-repeat: no-repeat;
  text-indent: -9999px;
  text-align: left;
  display: block;
  height: 60px;
  width: 60px;
  margin-top: -30px;
}
body .flexslider .flex-direction-nav a.flex-prev:hover,
body .flexslider .flex-direction-nav a.flex-next:hover {
  background-color: #0067df;
}
body .flexslider .flex-direction-nav a.flex-prev:active,
body .flexslider .flex-direction-nav a.flex-next:active {
  background-color: #004fac;
}
body .flexslider .flex-direction-nav a.flex-prev:before,
body .flexslider .flex-direction-nav a.flex-next:before {
  content: "";
}
body .flexslider .flex-direction-nav a.flex-prev {
  left: 0px;
}
body .flexslider .flex-direction-nav a.flex-next {
  right: 0px;
}
body .flexslider .flex-control-nav {
  z-index: 5;
  bottom: 10px;
}
body .flexslider .flex-control-nav li a {
  box-shadow: 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 transparent;
  -o-box-shadow: 0 0 0 transparent;
  background: rgba(255, 255, 255, 0.6);
}
body .flexslider .flex-control-nav li a.flex-active {
  background: white;
}

.sublined-title {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.sublined-title:after {
  content: " ";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #C3CCD3;
  margin-top: 13px;
}

.latest-list {
  zoom: 1;
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.latest-list::after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.latest-list dt {
  float: left;
  clear: left;
}
.latest-list dd {
  float: left;
  margin: 0;
}
.latest-list time {
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #bbbbbb;
  font-weight: 700;
}
.latest-list a {
  color: black;
  padding: 5px 0 20px 0;
  display: block;
  font-weight: 500;
}
.latest-list a:hover {
  color: #0067df;
}
.latest-list a:active {
  color: #004fac;
}
@media only screen and (min-width: 480px) {
  .latest-list a {
    font-size: 17px;
  }
}

.back {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-top: 1.9em;
  display: inline-block;
  font-weight: 700;
  position: relative;
  align-self: flex-start;
}
.back:before {
  border: 2px solid transparent;
  border-left-color: #005BC5;
  border-top-color: #005BC5;
  content: " ";
  width: 7px;
  height: 7px;
  display: inline-block;
  margin-right: 10px;
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.back:hover {
  color: #0067df;
}
.back:hover:after {
  width: 100%;
}
.back:active {
  color: #004fac;
}

.more {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-top: 1.9em;
  display: inline-block;
  font-weight: 700;
  position: relative;
  align-self: flex-start;
}
.more span {
  font-weight: normal;
}
.more:after {
  border-bottom: 1px solid #005BC5;
  left: 0;
  position: absolute;
  content: " ";
  width: 0;
  bottom: -5px;
  transition: width 0.3s cubic-bezier(0.54, 0.38, 0.21, 0.98);
  -webkit-transition: width 0.3s cubic-bezier(0.54, 0.38, 0.21, 0.98);
  -moz-transition: width 0.3s cubic-bezier(0.54, 0.38, 0.21, 0.98);
  -o-transition: width 0.3s cubic-bezier(0.54, 0.38, 0.21, 0.98);
}
.more.white:after {
  border-bottom-color: white;
}
.more:hover {
  color: #0067df;
}
.more:hover:after {
  width: 100%;
}
.more:active {
  color: #004fac;
}

body #accordion {
  border-bottom: 1px solid #eee;
}
body #accordion .header {
  transition: color 0.2s ease-out, border 0.2s ease-out, background 0.2s ease-out;
  -webkit-transition: color 0.2s ease-out, border 0.2s ease-out, background 0.2s ease-out;
  -moz-transition: color 0.2s ease-out, border 0.2s ease-out, background 0.2s ease-out;
  -o-transition: color 0.2s ease-out, border 0.2s ease-out, background 0.2s ease-out;
  margin: 0;
  outline: none;
  font-size: 20px;
  border-top: 1px solid #eee;
  position: relative;
}
body #accordion .header:hover {
  background-color: #f6f6f6;
  cursor: pointer;
}
body #accordion .header h3 {
  position: relative;
  margin: 0;
  padding: 30px 0 30px 40px;
}
body #accordion .header h3:after, body #accordion .header h3:before {
  content: " ";
  border-top: 2px solid #005BC5;
  width: 10px;
  position: absolute;
  top: 50%;
  transition: all 0.1s ease-in-out;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
}
body #accordion .header h3:after {
  left: 6px;
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
body #accordion .header h3:before {
  left: 0px;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
body #accordion .header.ui-accordion-header-active {
  border-top: 1px solid #005BC5;
  border-bottom: 1px solid #f6f6f6;
  background-color: white;
  color: #005BC5;
}
body #accordion .header.ui-accordion-header-active h3:after {
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
body #accordion .header.ui-accordion-header-active h3:before {
  transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
body #accordion .ui-accordion-content {
  padding: 0 0 30px 0;
  border-bottom: 1px solid transparent;
  transition: color 0.2s ease-out, border 0.2s ease-out, background 0.2s ease-out;
  -webkit-transition: color 0.2s ease-out, border 0.2s ease-out, background 0.2s ease-out;
  -moz-transition: color 0.2s ease-out, border 0.2s ease-out, background 0.2s ease-out;
  -o-transition: color 0.2s ease-out, border 0.2s ease-out, background 0.2s ease-out;
}
body #accordion .ui-accordion-content.ui-accordion-content-active {
  background-color: white;
}
body #accordion .ui-accordion-content.ui-accordion-content-active p {
  margin: 0;
}

.m-animateable {
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
@keyframes tdFadeInRight {
  0% {
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    opacity: 0;
    transform: translateX(-10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes tdFadeInLeft {
  0% {
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    opacity: 0;
    transform: translateX(10px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes tdFadeInUp {
  0% {
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn {
  0% {
    animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tdExpandIn {
  0% {
    opacity: 0;
    transform: scale(0.85);
    animation-timing-function: cubic-bezier(0, 0.59, 0.375, 1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes tdExpandInBounce {
  0% {
    opacity: 0;
    transform: scale(0.85);
    animation-timing-function: cubic-bezier(0, 0.59, 0.375, 1);
  }
  70% {
    transform: scale(1.03);
    animation-timing-function: ease;
  }
  100% {
    opacity: 1;
    transform: scale(1);
    animation-timing-function: ease;
  }
}
.m-animateable--delayed {
  animation-delay: 350ms;
}
@media only screen and (min-width: 768px) {
  .m-animateable--delay1 {
    animation-delay: 150ms;
  }
  .m-animateable--delay2 {
    animation-delay: 300ms;
  }
  .m-animateable--delay3 {
    animation-delay: 450ms;
  }
  .m-animateable--delay4 {
    animation-delay: 600ms;
  }
}
.m-animateable--fadeIn {
  animation-name: fadeIn;
  opacity: 0;
}
.m-animateable--fadeInRight {
  animation-name: tdFadeInRight;
  opacity: 0;
}
.m-animateable--fadeInLeft {
  animation-name: tdFadeInLeft;
  opacity: 0;
}
.m-animateable--fadeInUp {
  animation-name: tdFadeInUp;
  opacity: 0;
}
.m-animateable--expandIn {
  animation-delay: 0.3s;
  animation-duration: 0.2s;
  animation-name: tdExpandIn;
  opacity: 0;
}
.m-animateable--expandInBounce {
  animation-delay: 0.3s;
  animation-duration: 0.2s;
  animation-name: tdExpandInBounce;
  opacity: 0;
}
.m-animateable--txtSplitUp .m-animateable__lineMask {
  overflow: hidden;
}
.m-animateable--txtSplitUp .m-animateable__line {
  display: inline-block;
  transform: translate3d(0, 125%, 0);
  will-change: transform;
  line-height: 1 !important;
  padding-bottom: 5px;
  transition-delay: 100ms;
}
.m-animateable--txtSplitUp .m-animateable__line.m-animateable--delayed {
  transition-delay: 350ms;
}
.m-animateable--txtSplitUp .m-animateable__line.m-animateable--delay1 {
  transition-delay: 150ms;
}
.m-animateable--txtSplitUp .m-animateable__line.m-animateable--delay2 {
  transition-delay: 300ms;
}
.m-animateable--txtSplitUp .m-animateable__line.m-animateable--delay3 {
  transition-delay: 450ms;
}
.m-animateable--txtSplitUp .m-animateable__line.m-animateable--delay4 {
  transition-delay: 600ms;
}
.m-animateable--txtSplitUp.m-animateable--animate .m-animateable__line {
  transform: none;
  transition-duration: 1.9s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  transition-property: transform;
}
.m-animateable--animate {
  animation-play-state: running;
}

@media only screen and (min-width: 0px) {
  .m-archive__more {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
    text-align: center;
    margin-top: 12px;
  }
  .m-archive__more .m-button {
    width: 100%;
    max-width: 296px;
  }
}
@media only screen and (min-width: 768px) {
  .m-archive__more {
    width: calc(100% - 64px);
    float: left;
    margin-left: 32px;
    margin-top: 32px;
  }
  .m-archive__more .m-button {
    width: auto;
  }
}
@media only screen and (min-width: 1280px) {
  .m-archive__more {
    width: calc(83.3333333333% - 58.6666666667px);
    float: left;
    margin-left: 32px;
    margin-left: calc(8.3333333333% - 34.6666666667px + 64px);
    margin-top: 52px;
  }
}

.m-button {
  background-color: #f3f3f3;
  border-radius: 60px;
  color: #2e2e2e;
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  padding: 14px 24px 14px 60px;
  position: relative;
  transition: transform 0.25s cubic-bezier(0.19, 1, 0.22, 1);
}
.m-button__circle {
  align-items: center;
  background-color: #2e2e2e;
  border-radius: 50%;
  color: #f3f3f3;
  content: "";
  display: flex;
  left: 4px;
  height: 44px;
  justify-content: center;
  overflow: hidden;
  position: absolute;
  top: 4px;
  width: 44px;
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.m-button__circle::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-color: #f3f3f3;
  border-radius: 100%;
  transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transform-origin: center;
  transform: scale(0);
  opacity: 0;
}
.m-button__arrow {
  display: block;
  position: relative;
  transform: translate(-2px);
  transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
.m-button__arrowContainer {
  position: relative;
}
.m-button__arrowShadow {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: translate(-40px);
  width: 100%;
}
@media (hover) {
  .m-button:hover {
    color: #2e2e2e;
    transform: scale(1.03);
  }
  .m-button:hover .m-button__circle {
    transform: scale(1.1);
  }
  .m-button:hover .m-button__circle::before {
    transform: scale(1);
    opacity: 1;
  }
  .m-button:hover .m-button__arrow {
    transform: translate(40px);
  }
  .m-button:hover .m-button__arrowShadow {
    opacity: 1;
    transform: translate(-2px);
  }
  .m-button:hover .m-button__arrowShadow path {
    stroke: #2e2e2e;
  }
}
.m-button:active {
  color: #2e2e2e;
}
@media only screen and (min-width: 1280px) {
  .m-button {
    font-size: 16px;
    padding: 18px 24px 18px 70px;
  }
  .m-button__circle {
    height: 52px;
    left: 5px;
    width: 52px;
  }
}
.m-button--download {
  background: none;
  border: 1px solid #424242;
  padding: 10px 46px 10px 20px;
  font-size: 16px;
  line-height: 20px;
}
.m-button--download .m-button__circle {
  left: auto;
  right: 6px;
  top: 6px;
  width: 28px;
  height: 28px;
}
.m-button--download .m-button__arrow {
  transform: translate(0);
}
.m-button--download .m-button__arrowShadow {
  transform: translate(-40px);
}
@media (hover) {
  .m-button--download .m-button:hover {
    transform: translate(40px);
  }
  .m-button--download .m-button:hoverShadow {
    transform: translate(0);
  }
}
@media (hover) {
  .m-button--download:hover .m-button__arrow {
    transform: translate(40px);
  }
  .m-button--download:hover .m-button__arrowShadow {
    transform: translate(-1px);
  }
}
.m-button--download .m-card__btnContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.m-button--primary {
  padding: 14px 24px;
}
@media only screen and (min-width: 1280px) {
  .m-button--primary {
    padding: 18px 24px;
  }
}
.m-button--primaryOutline {
  background-color: transparent;
  border: 1px solid #cccccc;
}
.m-button--primaryBack {
  display: inline-flex;
  align-items: center;
  padding: 14px 36px 14px 24px;
}
.m-button--primaryBack svg {
  margin-right: 12px;
}
.m-button--secondary {
  background: none;
  border: 1px solid #424242;
  padding: 10px 20px 10px 46px;
  font-size: 16px;
  line-height: 20px;
}
.m-button--secondary .m-button__circle {
  left: 6px;
  top: 6px;
  width: 28px;
  height: 28px;
}
.m-button--secondary .m-button__arrow {
  transform: translate(0);
}
.m-button--secondary .m-button__arrowShadow {
  transform: translate(-40px);
}
@media (hover) {
  .m-button--secondary .m-button:hover {
    transform: translate(40px);
  }
  .m-button--secondary .m-button:hoverShadow {
    transform: translate(0);
  }
}
@media (hover) {
  .m-button--secondary:hover .m-button__arrow {
    transform: translate(40px);
  }
  .m-button--secondary:hover .m-button__arrowShadow {
    transform: translate(-1px);
  }
}
.m-button--secondary .m-card__btnContainer {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.m-button--terciary {
  background-color: transparent;
  border: 1px solid #cccccc;
  color: #2e2e2e;
  line-height: 14px;
  padding: 8px 26px;
}
.m-button--terciary.m-button--themeLightBlack {
  background-color: #2e2e2e;
  color: #f3f3f3;
}
@media (hover) {
  .m-button--terciary:hover {
    transform: scale(1.05);
  }
}
.m-button--themeDark {
  background-color: #2e2e2e;
  color: #f3f3f3 !important;
}
@media (hover) {
  .m-button--themeDark:hover {
    color: #f3f3f3;
  }
  .m-button--themeDark:hover .m-button__arrowShadow path {
    stroke: #f3f3f3;
  }
}
.m-button--themeDark .m-button__circle {
  background-color: #f3f3f3;
  color: #2e2e2e;
}
.m-button--themeDark .m-button__circle::before {
  background-color: #2e2e2e;
}
.m-button--themeDark .m-button__arrow:not(.m-button__arrowShadow) path {
  stroke: #2e2e2e;
}

.m-card {
  --textColor: #2e2e2e;
  border-radius: 20px;
  position: relative;
}
@media only screen and (min-width: 0px) {
  .m-card {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .m-card {
    width: calc(100% - 64px);
    float: left;
    margin-left: 32px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-card {
    width: calc(100% - 64px);
    float: left;
    margin-left: 32px;
  }
}
.m-card--scrollScale:not(.m-card--scrollScale-noBorderAdaption) {
  border-radius: calc(20px - var(--scale) / 100 * 20px);
}
@media only screen and (min-width: 0px) {
  .m-card--scrollScale {
    margin-left: calc(16px - var(--scale) * 0.01 * 16px);
    margin-right: calc(16px - var(--scale) * 0.01 * 16px);
    width: calc(100% - 32px + 0.01 * var(--scale) * 32px);
    padding-left: calc(var(--scale) * 0.01 * 16px);
    padding-right: calc(var(--scale) * 0.01 * 16px);
  }
}
@media only screen and (min-width: 768px) {
  .m-card--scrollScale {
    margin-left: calc(32px - var(--scale) * 0.01 * 16px);
    margin-right: calc(32px - var(--scale) * 0.01 * 16px);
    width: calc(100% - 64px + 0.01 * var(--scale) * 32px);
    padding-left: calc(var(--scale) * 0.01 * 16px);
    padding-right: calc(var(--scale) * 0.01 * 16px);
    margin-left: calc(32px - var(--scale) * 0.01 * 32px);
    margin-right: calc(32px - var(--scale) * 0.01 * 32px);
    width: calc(100% - 64px + 0.01 * var(--scale) * 64px);
    padding-left: calc(var(--scale) * 0.01 * 32px);
    padding-right: calc(var(--scale) * 0.01 * 32px);
  }
}
@media only screen and (min-width: 1280px) {
  .m-card--scrollScale {
    margin-left: calc(32px - var(--scale) * 0.01 * 32px);
    margin-right: calc(32px - var(--scale) * 0.01 * 32px);
    padding-left: calc(var(--scale) * 0.01 * 24px);
    width: calc(100% - 64px + 0.01 * var(--scale) * 48px);
    padding-right: calc(var(--scale) * 0.01 * 24px);
    padding-left: calc(var(--scale) * 0.01 * 32px);
    width: calc(100% - 64px + 0.01 * var(--scale) * 64px);
    padding-right: calc(var(--scale) * 0.01 * 32px);
  }
}
@media (min-width: 1456px) {
  .m-card--scrollScale {
    margin-left: calc(32px + var(--scale) * -0.01 * ((100vw - 1456px + 64px) / 2));
    margin-right: calc(32px + var(--scale) * -0.01 * ((100vw - 1456px + 64px) / 2));
    padding-left: calc(var(--scale) * 0.01 * (100vw - 1456px + 64px) / 2);
    padding-right: calc(var(--scale) * 0.01 * (100vw - 1456px + 64px) / 2);
    width: calc(100% - 64px + var(--scale) * 0.01 * ((100vw - 1456px + 64px)));
  }
}
.m-card--scrollScale-flex {
  width: auto;
}
.m-card .m-h {
  margin-top: 20px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) {
  .m-card .m-h {
    margin-top: 0;
    margin-bottom: 20px;
  }
}
.m-card .m-p {
  line-height: 1.3;
  margin: 0;
}
.m-card .m-h, .m-card .m-p {
  color: #2e2e2e;
}
.m-card__container {
  min-height: 100vh;
  padding: 16px;
}
.m-card__container--autoHeight {
  min-height: 0;
}
.m-card__container--flex {
  display: flex;
  flex-direction: column;
}
.m-card__container--flex > *:not(:first-child) {
  margin-top: 20px;
}
@media only screen and (min-width: 768px) {
  .m-card__container {
    align-items: flex-start;
    display: flex;
    padding: 40px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-card__container {
    padding: 120px 100px 120px;
  }
}
.m-card__imageContainer {
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  padding-top: 100%;
  width: 100%;
  transform: translate3d(0, 0, 0);
}
@media only screen and (min-width: 768px) {
  .m-card__imageContainer {
    width: calc(50% - 16px);
    padding-top: calc(50% - 16px);
  }
}
.m-card__img {
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  width: 100%;
}
.m-card__text {
  padding: 0 4px 4px;
}
@media only screen and (min-width: 768px) {
  .m-card__text {
    width: calc(50% - 16px);
    margin-left: 32px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 1280px) {
  .m-card__text {
    padding-left: 16px;
  }
}
.m-card__headline {
  padding-right: 32px;
}
.m-card__button {
  margin-top: 28px;
}
@media only screen and (min-width: 768px) {
  .m-card__button {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-card__button {
    margin-top: 60px;
  }
}
.m-card__onpageNav {
  padding: 0 13.5px;
}
@media only screen and (min-width: 0px) {
  .m-card__onpageNav {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
  }
  .m-card__onpageNav ul {
    zoom: 1;
    padding: 0px;
    margin: 0px;
    list-style: none;
    zoom: 1;
  }
  .m-card__onpageNav ul::after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
  }
  .m-card__onpageNav ul dt {
    float: left;
    clear: left;
  }
  .m-card__onpageNav ul dd {
    float: left;
    margin: 0;
  }
  .m-card__onpageNav ul::after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
  }
  .m-card__onpageNav ul li {
    display: block;
    font-size: 15px;
    text-transform: uppercase;
    margin: 5px 0;
  }
  .m-card__onpageNav ul li a {
    padding: 10px 0;
    letter-spacing: 1px;
    display: inline-block;
    position: relative;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #B7BDC7;
  }
  .m-card__onpageNav ul li a:after {
    border-bottom: 1px solid #B7BDC7;
    left: 0;
    position: absolute;
    content: " ";
    width: 0;
    bottom: 5px;
    transition: width 0.3s cubic-bezier(0.54, 0.38, 0.21, 0.98);
    -webkit-transition: width 0.3s cubic-bezier(0.54, 0.38, 0.21, 0.98);
    -moz-transition: width 0.3s cubic-bezier(0.54, 0.38, 0.21, 0.98);
    -o-transition: width 0.3s cubic-bezier(0.54, 0.38, 0.21, 0.98);
  }
}
@media only screen and (min-width: 0px) and (hover) {
  .m-card__onpageNav ul li a:hover:after {
    width: 100%;
  }
}
@media only screen and (min-width: 0px) {
  .m-card__onpageNav select {
    margin: 0;
    -webkit-appearance: initial;
    width: 100%;
    background-color: #2f3949;
    color: #f3f3f3;
    padding: 16px 55px 16px 32px;
    border-radius: 60px;
    height: auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='44' fill='none' viewBox='0 0 45 44'%3E%3Ccircle cx='22.5' cy='22' r='21' fill='%23F3F3F3' stroke='%23F3F3F3' stroke-width='2' transform='rotate(90 22.5 22)'/%3E%3Cpath stroke='%232E2E2E' stroke-linecap='square' stroke-linejoin='round' stroke-width='2' d='m29.47 19.91-6.97 6.971-6.972-6.97'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right 5px top 50%;
  }
}
@media only screen and (min-width: 768px) {
  .m-card__onpageNav {
    width: calc(100% - 64px);
    float: left;
    margin-left: 32px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .m-card__onpageNav:not(.m-card__onpageNav--padding-md) {
    padding: 0;
  }
  .m-card__onpageNav ul li {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 30px;
  }
  .m-card__onpageNav ul li:first-child {
    margin-left: 0;
  }
  .m-card__onpageNav ul li:last-child {
    margin-right: 0;
  }
  .m-card__onpageNav ul li a {
    border-bottom: none;
  }
}
@media only screen and (min-width: 1280px) {
  .m-card__onpageNav {
    width: calc(83.3333333333% - 58.6666666667px);
    float: left;
    margin-left: 32px;
    margin-left: calc(8.3333333333% - 34.6666666667px + 64px);
    padding: 0;
  }
}
.m-card__onpageNav--filter ul li.current-cat a::after {
  width: 100%;
}
.m-card__onpageNav--dark ul li a {
  color: #2e2e2e;
}
.m-card__onpageNav--dark ul li a:after {
  border-bottom-color: #2e2e2e;
}
@media only screen and (min-width: 0px) {
  .m-card__postsContainer {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
    padding: 0 16px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 12px;
  }
  .m-card__postsContainer > .m-card--post {
    float: none;
    width: 100%;
    margin: 0;
    display: flex;
  }
}
@media only screen and (min-width: 768px) {
  .m-card__postsContainer {
    width: calc(100% - 64px);
    float: left;
    margin-left: 32px;
    padding: 0;
    column-gap: 15px;
    row-gap: 15px;
  }
  .m-card__postsContainer > .m-card--post {
    width: calc(50% - 7.5px);
  }
  .m-card__postsContainer > .m-card--post .m-card__text {
    justify-content: flex-start;
  }
  .m-card__postsContainer > .m-card--post .m-card__date {
    margin-top: 0;
  }
  .m-card__postsContainer > .m-card--post .m-card__headline {
    flex-grow: 1;
  }
  .m-card__postsContainer > .m-card--post .m-card__author {
    justify-self: flex-end;
  }
}
@media only screen and (min-width: 1280px) {
  .m-card__postsContainer {
    width: calc(83.3333333333% - 58.6666666667px);
    float: left;
    margin-left: 32px;
    margin-left: calc(8.3333333333% - 34.6666666667px + 64px);
  }
  .m-card__postsContainer > .m-card--post {
    width: calc(33.3333333333% - 10px);
  }
  .m-card__postsContainer > .m-card--post .m-card__container {
    padding-bottom: 12px;
  }
  .m-card__postsContainer > .m-card--post .m-card__imageContainer {
    margin-bottom: 20px;
  }
  .m-card__postsContainer > .m-card--post .m-card__headline {
    font-size: 20px;
    line-height: 28px;
  }
  .m-card__postsContainer > .m-card--post:not(.m-card--pressrelease) .m-card__button {
    margin-top: 28px;
  }
}
@media only screen and (min-width: 768px) {
  .m-card__postsContainer--pressreleases .m-card--pressrelease {
    order: 2;
  }
  .m-card__postsContainer--pressreleases .m-card--pressreleaseFirst {
    order: 0;
  }
  .m-card__postsContainer--pressreleases .m-card--pressreleaseContact {
    order: 2;
    align-self: flex-start;
  }
}
@media only screen and (min-width: 1280px) {
  .m-card__postsContainer--pressreleases .m-card--pressreleaseFirst {
    width: calc(66.6666666667% - 5px);
  }
}
.m-card--rounder {
  border-radius: 30px;
}
.m-card--rounder.m-card--scrollScale:not(.m-card--scrollScale-noBorderAdaption) {
  border-radius: calc(30px - var(--scale) / 100 * 30px);
}
@media only screen and (min-width: 768px) {
  .m-card--textLeft .m-card__imageContainer {
    padding-top: calc(50% - 16px);
    order: 2;
    width: calc(50% - 16px);
  }
  .m-card--textLeft .m-card__text {
    margin-left: 24px;
    margin-right: 32px;
    order: 1;
    width: calc(50% - 16px - 24px);
  }
}
.m-card--noPadding > .m-card__container {
  padding: 32px 0;
}
@media only screen and (min-width: 1280px) {
  .m-card--noPadding > .m-card__container {
    padding: 60px 0;
  }
}
.m-card--verticalCentered > .m-card__container {
  align-items: center;
}
.m-card--post {
  background-color: #efefef;
}
.m-card--post .m-card__container {
  width: 100%;
  min-height: 0;
}
.m-card--post .m-card__date {
  margin-top: 0;
  padding: 0 4px;
  color: #61a38f;
}
.m-card--post .m-card__date + .m-card__text .m-card__headline {
  margin-top: 0;
}
.m-card--post .m-card__imageContainer {
  padding-top: 70.3947368421%;
  margin-bottom: 20px;
}
.m-card--post .m-card__headline {
  padding: 0;
  margin-top: 0;
}
.m-card--post .m-card__author {
  color: #61a38f;
  margin: 0;
}
.m-card--post .m-card__button {
  margin-top: 20px;
}
.m-card--post .m-card__postExcerpt {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 2px;
}
.m-card--post.m-card--pressrelease .m-card__headline {
  margin-bottom: 20px;
}
.m-card--post.m-card--pressrelease .m-card__postExcerpt {
  border-top: 1px solid var(--textColor);
  padding-top: 16px;
  margin-top: 0;
}
.m-card--post.m-card--pressrelease .m-card__btnContainer {
  margin-top: 0;
}
.m-card--post.m-card--pressrelease .m-card__btnContainer .m-card__button {
  color: var(--textColor);
  font-size: 14px;
  margin-top: 0;
}
.m-card--post.m-card--pressreleaseContact .m-card__postExcerpt {
  padding-top: 20px;
  margin-bottom: 16px;
  flex-grow: 0;
  border-color: rgba(243, 243, 243, 0.5);
}
.m-card--post.m-card--pressreleaseContact .m-card__button {
  margin-top: 16px;
  padding: 14px 24px;
}
@media only screen and (min-width: 1280px) {
  .m-card--post.m-card--pressrelease .m-card__headline {
    min-height: 0;
  }
  .m-card--post.m-card--pressrelease .m-card__postExcerpt {
    margin-bottom: 24px;
  }
}
.m-card--post:not(.m-card--pressrelease) .m-card__date {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 4px;
}
.m-card--post:not(.m-card--pressrelease) .m-card__author {
  font-size: 16px;
  line-height: 24px;
}
@media only screen and (min-width: 768px) {
  .m-card--post:not(.m-card--pressrelease) {
    content: "viewport-md";
  }
  .m-card--post .m-card__container {
    padding: 16px 16px 20px;
    flex-direction: column;
  }
  .m-card--post .m-card__date {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px;
    margin-top: 12px;
    padding-left: 16px;
    padding-right: 16px;
  }
  .m-card--post .m-card__date + .m-card__text {
    margin-top: 0;
  }
  .m-card--post .m-card__imageContainer {
    padding-top: 51.4782608696%;
    width: 100%;
  }
  .m-card--post .m-card__text {
    width: 100%;
    margin: 0;
    padding-left: 16px;
    padding-right: 16px;
    align-items: stretch;
  }
  .m-card--post .m-card__postExcerpt {
    margin-bottom: 10px;
  }
  .m-card--post .m-card__button {
    align-self: flex-start;
  }
}
@media only screen and (min-width: 1280px) {
  .m-card--post {
    width: calc(50% - 48px);
    float: left;
    margin-left: 32px;
  }
  .m-card--post .m-card__container {
    padding: 12px 12px 40px;
    display: flex;
    height: 100%;
    flex-direction: column;
  }
  .m-card--post .m-card__date {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
    margin-top: 18px;
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
  }
  .m-card--post .m-card__imageContainer {
    flex-grow: 0;
    padding-top: 66.6666666667%;
    margin-bottom: 40px;
  }
  .m-card--post .m-card__text {
    padding-left: 8px;
    padding-right: 8px;
  }
  .m-card--post .m-card__headline {
    flex-grow: 1;
  }
  .m-card--post .m-card__author {
    font-size: 24px;
    line-height: 32px;
  }
  .m-card--post .m-card__postExcerpt {
    margin-bottom: 20px;
  }
}
.m-card--presentation .m-card__headline {
  margin-bottom: 20px;
  flex-grow: 1;
}
.m-card--presentation .m-card__publication {
  color: #424242;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  padding-top: 20px;
  border-top: 1px solid #2e2e2e;
  margin-bottom: 28px;
}
@media only screen and (min-width: 1280px) {
  .m-card--presentation .m-card__publication {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 0px) {
  .m-card--subcards .m-card__container {
    padding: 32px 0;
    min-height: 0;
    display: block;
  }
  .m-card--subcards .m-card__introtext, .m-card--subcards .m-card__subcards {
    padding-left: 16px;
    padding-right: 16px;
  }
  .m-card--subcards .m-card__introtext .m-introtext__headline, .m-card--subcards .m-card__introtext .m-introtext__intro, .m-card--subcards .m-card__subcards .m-introtext__headline, .m-card--subcards .m-card__subcards .m-introtext__intro {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
  }
  .m-card--subcards .m-card__introtext .m-introtext__headline, .m-card--subcards .m-card__subcards .m-introtext__headline {
    margin-top: 0;
    margin-bottom: 20px;
  }
  .m-card--subcards .m-card__subcards {
    margin-top: 32px;
  }
  .m-card--subcards .m-card__subcard {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
    border: 1px solid rgba(243, 243, 243, 0.2);
    border-radius: 20px;
    color: #f3f3f3;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 20px;
  }
  .m-card--subcards .m-card__subcard:not(:last-child) {
    margin-bottom: 12px;
  }
  .m-card--subcards .m-card__subcardImageContainer {
    width: 120px;
    padding-top: 120px;
    position: relative;
  }
  .m-card--subcards .m-card__subcardImg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    object-position: center;
    object-fit: contain;
  }
  .m-card--subcards .m-card__subcardTitle {
    font-family: "Cambon", serif;
    font-style: italic;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -0.02em;
    line-height: 28px;
  }
  .m-card--subcards .m-card__subcardText {
    font-size: 16px;
    line-height: 21px;
    margin: 0;
  }
}
@media only screen and (min-width: 768px) {
  .m-card--subcards .m-card__container {
    padding: 40px 0;
  }
  .m-card--subcards .m-card__introtext .m-introtext__headline, .m-card--subcards .m-card__introtext .m-introtext__intro {
    width: calc(100% - 64px);
    float: left;
    margin-left: 32px;
  }
  .m-card--subcards .m-card__subcards {
    display: flex;
    flex-wrap: wrap;
  }
  .m-card--subcards .m-card__subcard {
    width: calc(50% - 48px);
    float: left;
    margin-left: 32px;
  }
  .m-card--subcards .m-card__subcard:nth-last-child(2) {
    margin-bottom: 0;
  }
  .m-card--subcards .m-card__subcard:not(:last-child), .m-card--subcards .m-card__subcard:not(:n-th-last-child(2)) {
    margin-bottom: 32px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-card--subcards .m-card__container {
    padding: 80px 0;
  }
  .m-card--subcards .m-card__introtext .m-introtext__headline, .m-card--subcards .m-card__introtext .m-introtext__intro {
    width: calc(83.3333333333% - 58.6666666667px);
    float: left;
    margin-left: 32px;
    margin-left: calc(8.3333333333% - 34.6666666667px + 64px);
  }
  .m-card--subcards .m-card__subcards {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    padding-right: 0;
  }
  .m-card--subcards .m-card__subcard {
    width: calc(41.6666666667% - 45.3333333333px);
    float: left;
    margin-left: 32px;
  }
  .m-card--subcards .m-card__subcard:nth-child(2n+1) {
    margin-left: calc(8.3333333333% - 34.6666666667px + 64px);
  }
  .m-card--subcards .m-card__subcard:nth-last-child(2) {
    margin-bottom: 0;
  }
  .m-card--subcards .m-card__subcard:not(:last-child), .m-card--subcards .m-card__subcard:not(:n-th-last-child(2)) {
    margin-bottom: 32px;
  }
}
.m-card--video .m-card__videoContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-card--video .m-card__videoContainer video {
  width: 311px;
  height: 175px;
  margin-bottom: 20px;
}
.m-card--video .m-card__videoTexts .m-card__videoText {
  font-weight: 300;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: -0.01em;
  color: #f3f3f3;
  font-size: 16px;
  line-height: 21px;
  padding: 32px 0;
  border-top: 1px solid rgba(243, 243, 243, 0.2);
}
.m-card--video .m-card__videoTexts .m-card__videoText:last-child {
  padding-bottom: 24px;
}
@media only screen and (min-width: 480px) {
  .m-card--video .m-card__videoContainer video {
    width: 416px;
    height: 234px;
  }
}
@media only screen and (min-width: 768px) {
  .m-card--video .m-card__container {
    flex-wrap: nowrap;
    gap: 32px;
    padding: 40px 0;
    align-items: flex-start;
  }
  .m-card--video .m-card__videoContainer, .m-card--video .m-card__videoTexts {
    width: calc(50% - 16px);
  }
  .m-card--video .m-card__videoContainer {
    position: sticky;
    top: 0;
    padding-left: 42px;
    padding-right: 0;
    height: 100vh;
    margin-bottom: 0;
  }
  .m-card--video .m-card__videoContainer video {
    width: 294px;
    height: 165px;
    margin-bottom: 0;
  }
  .m-card--video .m-card__videoTexts .m-card__videoText {
    display: flex;
    align-items: center;
    height: 100vh;
    font-size: 28px;
    line-height: 36px;
    color: #f3f3f3;
    padding: 0 42px 0 0;
    border-top: 0;
  }
}
@media (min-width: 900px) {
  .m-card--video .m-card__videoContainer video {
    width: 360px;
    height: 202px;
  }
}
@media only screen and (min-width: 1024px) {
  .m-card--video .m-card__videoContainer video {
    width: 422px;
    height: 237px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-card--video .m-card__videoContainer {
    padding-left: 62px;
    padding-right: 78px;
  }
  .m-card--video .m-card__videoContainer video {
    width: 452px;
    height: 254px;
  }
  .m-card--video .m-card__videoTexts {
    padding-right: 0;
  }
}
@media only screen and (min-width: 0px) {
  .m-card--proteine .m-card__container {
    position: relative;
  }
  .m-card--proteine .m-card__proteineHeadline, .m-card--proteine .m-card__proteineText, .m-card--proteine .m-card__proteineFacts {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
    position: relative;
  }
  .m-card--proteine .m-card__proteineImg {
    position: absolute;
    bottom: 230px;
    width: calc(100% + 32px);
    max-width: 336px;
    left: 56px;
  }
  .m-card--proteine .m-card__proteineFacts {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    margin-top: 312px;
  }
  .m-card--proteine .m-card__proteineFacts .top {
    background: url("../img/bg-noise.png") repeat;
    padding: 16px;
    display: flex;
    gap: 8px 6px;
    flex-wrap: wrap;
  }
  .m-card--proteine .m-card__proteineFacts .top span {
    display: inline-block;
    border-radius: 22.616px;
    border: 1px solid #bababa;
    padding: 4px 13px;
    color: #2e2e2e;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.02em;
  }
  .m-card--proteine .m-card__proteineFacts .top span.dark {
    border: none;
    color: #f3f3f3;
    background-color: #2f3949;
  }
  .m-card--proteine .m-card__proteineFacts .bottom {
    padding: 16px 20px;
    background-color: #2f3949;
  }
  .m-card--proteine .m-card__proteineFacts .bottom .m-h {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) {
  .m-card--proteine .m-card__proteineHeadline, .m-card--proteine .m-card__proteineText {
    width: calc(50% - 48px);
    float: left;
    margin-left: 32px;
  }
  .m-card--proteine .m-card__proteineFacts {
    width: calc(66.6666666667% - 53.3333333333px);
    float: left;
    margin-left: 32px;
    max-width: 383px;
    margin-top: 75px;
  }
  .m-card--proteine .m-card__proteineFacts .top {
    padding: 30px 24px;
    gap: 16px 6px;
  }
  .m-card--proteine .m-card__proteineFacts .top span {
    font-size: 14px;
    line-height: 20px;
  }
  .m-card--proteine .m-card__proteineFacts .bottom {
    padding: 30px 24px;
  }
  .m-card--proteine .m-card__proteineFacts .bottom .m-h {
    font-size: 32px;
    line-height: 44px;
  }
  .m-card--proteine .m-card__proteineFacts .bottom .m-p {
    font-size: 20px;
    line-height: 32px;
  }
  .m-card--proteine .m-card__proteineImg {
    width: 75%;
    left: calc(45% - 32px);
    bottom: -100px;
    max-width: none;
    height: auto;
  }
}
@media only screen and (min-width: 1280px) {
  .m-card--proteine .m-card__container {
    padding-bottom: 259px;
  }
  .m-card--proteine .m-card__proteineFacts {
    margin-top: 146px;
  }
  .m-card--proteine .m-card__proteineImg {
    bottom: -251px;
  }
}
.m-card--pipeline .m-card__container {
  display: block;
}
.m-card--process .m-card__container {
  display: block;
}
.m-card--process .m-card__processIntrotext {
  margin-bottom: 20px;
}
.m-card--process .m-card__processVideoContainer {
  position: relative;
}
.m-card--process .m-card__processVideoContainer video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
}
.m-card--process .m-card__processVideoImages.hasVideo {
  opacity: 0;
}
.m-card--process .m-card__processVideoImages img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  opacity: 0;
}
.m-card--process .m-card__processVideoImages img:first-child, .m-card--process .m-card__processVideoImages img.m-card--processVideoImage--tab3 {
  position: relative;
}
.m-card--process .m-card__processVideoImages img.active {
  opacity: 1;
}
.m-card--process .m-card__processAccordionTitle {
  color: #f3f3f3;
}
.m-card--process .m-card__processAccordionContainer button {
  height: auto;
  width: 100%;
  background-color: transparent;
  display: block;
  padding: 12px 24px;
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
  text-align: left;
  color: #c8beb6;
  margin: 0;
  transition: color 1s cubic-bezier(0.19, 1, 0.22, 1), border-color 1s cubic-bezier(0.19, 1, 0.22, 1);
}
@media (hover) {
  .m-card--process .m-card__processAccordionContainer button:hover {
    color: #61a38f;
  }
  .m-card--process .m-card__processAccordionContainer button:hover:not(.active), .m-card--process .m-card__processAccordionContainer button:hover:not(.ui-accordion-header-active) {
    border-bottom-color: #61a38f;
  }
}
.m-card--process .m-card__processAccordionContainer button.ui-accordion-header-active {
  color: #2e2e2e;
  background-image: url("../img/bg-noise.png");
  border-radius: 6px;
}
.m-card--process .m-card__processAccordionContainer button:not(.ui-accordion-header-active) {
  border-top: 1px solid rgba(243, 243, 243, 0.5);
}
.m-card--process .m-card__processAccordionContainer button:not(.ui-accordion-header-active):last-of-type {
  border-bottom: 1px solid rgba(243, 243, 243, 0.5);
}
.m-card--process .m-card__processAccordionContainer .accordion-content {
  padding-top: 8px;
}
.m-card--process .m-card__processAccordionContainer .accordion-content:last-child {
  border-bottom: 1px solid rgba(243, 243, 243, 0.5);
}
.m-card--process .m-card__processAccordionContainer .accordion-content img {
  max-width: 100%;
  margin: auto;
}
.m-card--process .m-card__processAccordionContainer .accordion-content-text {
  font-size: 16px;
  line-height: 21px;
  color: #f3f3f3;
  padding: 10px 11px;
}
@media only screen and (min-width: 768px) {
  .m-card--process .m-card__processIntrotext {
    margin-bottom: 60px;
  }
  .m-card--process .m-card__processContent {
    display: flex;
    gap: 24px;
    align-items: flex-start;
  }
  .m-card--process .m-card__processContent > * {
    flex-basis: 50%;
  }
  .m-card--process .m-card__processVideoContainer {
    margin-top: 55px;
  }
  .m-card--process .m-card__processVideoImages .image-caption {
    color: #f3f3f3;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.01em;
    position: absolute;
  }
  .m-card--process .m-card__processVideoImages .image-caption:not(.active) {
    display: none;
  }
  .m-card--process .m-card__processVideoImages .image-caption svg {
    display: block;
    margin-bottom: 7px;
  }
  .m-card--process .m-card__processVideoImages .image-caption-1 {
    right: 35%;
    top: 83%;
  }
  .m-card--process .m-card__processVideoImages .image-caption-2 {
    right: 19%;
    top: 61%;
  }
  .m-card--process .m-card__processVideoImages .image-caption-3 {
    right: 4%;
    top: 45%;
  }
  .m-card--process .m-card__processAccordionContainer .accordion-content {
    padding-top: 0;
  }
  .m-card--process .m-card__processAccordionContainer .accordion-content img {
    max-height: 180px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-card--process .m-card__processContent {
    gap: 100px;
    align-items: center;
  }
  .m-card--process .m-card__processIntrotext {
    margin-bottom: 100px;
  }
  .m-card--process .m-card__processIntrotext .m-h {
    margin-bottom: 32px;
  }
  .m-card--process .m-card__processIntrotext .m-p {
    padding-right: calc(10% + 32px);
  }
  .m-card--process .m-card__processVideoContainer {
    flex-basis: 50%;
    margin-top: 0;
  }
  .m-card--process .m-card__processAccordion {
    flex-basis: 40%;
  }
  .m-card--process .m-card__processAccordionTitle {
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;
  }
  .m-card--process .m-card__processAccordionContainer button {
    font-size: 28px;
    line-height: 36px;
    padding: 24px 32px;
  }
  .m-card--process .m-card__processAccordionContainer .accordion-content-text {
    font-size: 20px;
    line-height: 32px;
    padding: 20px 32px;
  }
  .m-card--process .m-card__processAccordionContainer .accordion-content img {
    max-height: 192px;
  }
}
@media only screen and (min-width: 768px) {
  .m-card--process .m-card__container {
    padding-bottom: 150px;
  }
}
.m-card--bgimage {
  overflow: hidden;
  isolation: isolate;
}
.m-card--bgimage .m-card__imageContainer {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  padding-top: 0;
  border-radius: 0;
}
.m-card--bgimage .m-card__imageContainer .m-card__img {
  width: 100%;
}
.m-card--bgimage .m-card__container {
  height: auto !important;
  min-height: 0;
  padding: 40px 0 32px;
}
.m-card--bgimage .m-card__headline {
  color: #f3f3f3;
  margin-top: 0;
  padding: 0 20px;
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
}
.m-card--bgimage .m-card__paragraph {
  color: #f3f3f3;
  padding: 0 20px;
  width: calc(100% - 40px);
  float: left;
  margin-left: 20px;
}
@media only screen and (min-width: 768px) {
  .m-card--bgimage .m-card__imageContainer {
    width: 100%;
  }
  .m-card--bgimage .m-card__imageContainer .m-card__img {
    width: 100%;
  }
  .m-card--bgimage .m-card__container {
    align-items: flex-start;
    padding: 60px 0;
  }
  .m-card--bgimage .m-card__headline {
    width: calc(33.3333333333% - 42.6666666667px);
    float: left;
    margin-left: 32px;
    padding: 0 0 0 60px;
  }
  .m-card--bgimage .m-card__paragraph {
    width: calc(66.6666666667% - 53.3333333333px);
    float: left;
    margin-left: 32px;
    padding: 0 60px 0 0;
  }
}
@media only screen and (min-width: 1280px) {
  .m-card--bgimage .m-card__container {
    padding: 131px 0;
  }
  .m-card--bgimage .m-card__headline {
    padding: 0;
    width: calc(33.3333333333% - 42.6666666667px);
    float: left;
    margin-left: 32px;
    margin-left: calc(8.3333333333% - 34.6666666667px + 64px);
  }
  .m-card--bgimage .m-card__paragraph {
    padding: 0;
    width: calc(41.6666666667% - 45.3333333333px);
    float: left;
    margin-left: 32px;
  }
}
.m-card--team {
  background-color: #2f3949;
  color: #f3f3f3;
}
.m-card--team .m-card__container {
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .m-card--team .m-card__container {
    padding: 40px 0;
  }
}
@media only screen and (min-width: 1280px) {
  .m-card--team .m-card__container {
    padding: 80px 0 120px;
  }
}
@media only screen and (min-width: 0px) {
  .m-card--team .wp-content {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
    padding: 0 16px;
    margin-bottom: 52px;
  }
}
@media only screen and (min-width: 768px) {
  .m-card--team .wp-content {
    width: calc(83.3333333333% - 58.6666666667px);
    float: left;
    margin-left: 32px;
    margin-bottom: 62px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-card--team .wp-content {
    width: calc(83.3333333333% - 58.6666666667px);
    float: left;
    margin-left: 32px;
    margin-left: calc(8.3333333333% - 34.6666666667px + 64px);
    padding: 0;
    margin-bottom: 72px;
  }
  .m-card--team .wp-content p {
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
  }
}
.m-card--team .group {
  position: relative;
}
@media only screen and (min-width: 0px) {
  .m-card--team .group {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .m-card--team .group {
    width: calc(100% - 64px);
    float: left;
    margin-left: 32px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-card--team .group {
    width: calc(83.3333333333% - 58.6666666667px);
    float: left;
    margin-left: 32px;
    margin-left: calc(8.3333333333% - 34.6666666667px + 64px);
  }
}
.m-card--team .group:last-child {
  padding-bottom: 40px;
}
.m-card--team .group .no-container {
  min-height: 0;
  transition: min-height 0.5s ease-in-out;
  position: relative;
}
.m-card--team .group .no-container.sliderActive {
  visibility: hidden;
}
.m-card--team .group .no-container button.slick-control {
  background-color: transparent;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  padding: 0;
  width: 42px;
  height: 43px;
  margin: 0;
}
.m-card--team .group .no-container button.slick-control svg circle {
  fill: #2f3949;
}
.m-card--team .group .no-container button.slick-control.bio-overlay-next {
  left: 58px;
}
.m-card--team .group .no-container button.slick-control.bio-overlay-close {
  padding: 0;
  width: 42px;
  height: 43px;
  right: 0;
  left: auto;
}
@media (hover) {
  .m-card--team .group .no-container button.slick-control:hover {
    background-color: rgba(0, 91, 197, 0.1);
  }
}
@media only screen and (min-width: 1024px) {
  .m-card--team .group .no-container button.slick-control {
    top: 16px;
  }
  .m-card--team .group .no-container button.slick-control.bio-overlay-prev {
    left: calc(38.2694023194% + 33px);
  }
  .m-card--team .group .no-container button.slick-control.bio-overlay-next {
    left: calc(38.2694023194% + 33px + 42px + 16px);
  }
}
.m-card--team .group .biography {
  position: fixed;
  top: 0;
  width: inherit;
  z-index: 9999;
  height: 100%;
  background-color: #424b5b;
  visibility: hidden;
  overflow: auto;
  padding: 12px 12px 24px;
  border-radius: 20px;
}
.m-card--team .group .biography .overlay-container {
  padding-top: 50px;
}
.m-card--team .group .biography .overlay-container .team-overlay .social-icons li a {
  background-color: rgba(0, 20, 73, 0.1);
}
@media only screen and (min-width: 768px) {
  .m-card--team .group .biography {
    position: absolute;
    padding-bottom: 70px;
    width: 100%;
  }
  .m-card--team .group .biography .slick-track {
    display: flex;
    align-items: stretch;
  }
  .m-card--team .group .biography .slick-slide {
    height: inherit;
  }
}
@media only screen and (min-width: 1024px) {
  .m-card--team .group .biography {
    padding-bottom: 40px;
  }
  .m-card--team .group .biography .overlay-container {
    padding: 0;
  }
}
.m-card--team .group .biography .team-item {
  display: flex;
  padding: 0;
  max-height: calc(100vh - 90px);
  overflow-y: scroll;
  border-radius: 0;
}
.m-card--team .group .biography .team-item .image-container {
  padding-top: 85.2941176471%;
  overflow: hidden;
  position: relative;
}
.m-card--team .group .biography .team-item .image-container img {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  object-fit: cover;
}
.m-card--team .group .biography .team-item .text-container .biography-details {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  padding-right: 9px;
  padding-top: 8px;
}
.m-card--team .group .biography .team-item .text-container .biography-details p:first-child {
  margin-top: 0;
}
.m-card--team .group .biography .team-item .text-container .biography-details p:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .m-card--team .group .biography .team-item {
    max-height: none;
  }
  .m-card--team .group .biography .team-item .image-container {
    width: 350px;
    padding-top: 298.5294117647px;
    align-self: center;
  }
}
@media only screen and (min-width: 1024px) {
  .m-card--team .group .biography .team-item {
    max-height: none;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;
    gap: 33px;
  }
  .m-card--team .group .biography .team-item .image-container {
    flex-basis: 38.2694023194%;
    padding-top: 44.7814451383%;
    align-self: flex-start;
  }
  .m-card--team .group .biography .team-item .contents {
    flex-basis: 58.6083853702%;
    padding: 78px 0 0;
  }
  .m-card--team .group .biography .team-item .contents .text-container .name {
    font-size: 20px;
    line-height: 28px;
  }
}
.m-card--team .team-item {
  flex-basis: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 12px 12px 16px;
  gap: 20px;
  position: relative;
  background: #424b5b;
  border-radius: 20px;
}
.m-card--team .team-item .image-container {
  border-radius: 16px;
  overflow: hidden;
}
.m-card--team .team-item .image-container img {
  width: 100%;
}
.m-card--team .team-item .contents {
  display: flex;
  gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  flex-grow: 1;
}
.m-card--team .team-item .contents .text-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  flex-grow: 1;
}
.m-card--team .team-item .contents .text-container .name {
  font-family: "Cambon", serif;
  font-style: italic;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.m-card--team .team-item .contents .text-container .position {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  padding-right: 9px;
}
.m-card--team .team-item .contents .bioBtn {
  align-self: flex-start;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 26px;
  background: #2A3444;
  border-radius: 60px;
  color: #f3f3f3;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #B7BDC7;
}
@media only screen and (min-width: 480px) {
  .m-card--team .team-item {
    flex-basis: calc((100% - 16px) / 2);
  }
}
@media only screen and (min-width: 768px) {
  .m-card--team .team-item {
    flex-basis: calc((100% - 32px) / 2);
  }
}
@media only screen and (min-width: 1024px) {
  .m-card--team .team-item {
    flex-basis: calc((100% - 2 * 32px) / 3);
  }
}
@media only screen and (min-width: 1280px) {
  .m-card--team .team-item {
    padding: 12px 12px 18px;
  }
  .m-card--team .team-item .contents {
    gap: 12px;
    padding: 0 26px;
  }
  .m-card--team .team-item .contents .text-container {
    gap: 4px;
  }
  .m-card--team .team-item .contents .text-container .position {
    min-height: 56px;
  }
}
.m-card--team .advisor-item {
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  background-color: #424b5b;
  border-radius: 20px;
  flex-basis: 100%;
}
@media only screen and (min-width: 480px) {
  .m-card--team .advisor-item {
    flex-basis: calc((100% - 20px) / 2);
  }
}
@media only screen and (min-width: 768px) {
  .m-card--team .advisor-item {
    flex-basis: calc((100% - 20px) / 2);
  }
}
@media only screen and (min-width: 1024px) {
  .m-card--team .advisor-item {
    flex-basis: calc((100% - 2 * 20px) / 3);
  }
}
@media only screen and (min-width: 1280px) {
  .m-card--team .advisor-item {
    flex-basis: calc((100% - 3 * 20px) / 4);
  }
  .m-card--team .advisor-item .name {
    min-height: 64px;
  }
  .m-card--team .advisor-item .position {
    min-height: 59px;
  }
}
.m-card--team .advisor-item .name,
.m-card--team .advisor-item .position {
  color: #f3f3f3;
  font-weight: 500;
}
.m-card--team .advisor-item .name {
  font-family: "Cambon";
  font-style: italic;
  font-size: 20px;
  line-height: 28px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(243, 243, 243, 0.9);
}
.m-card--team .advisor-item .position {
  font-size: 14px;
  line-height: 20px;
}
.m-card--team .advisor-item .bioBtn {
  align-self: flex-start;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 26px;
  background: #2A3444;
  border-radius: 60px;
  color: #f3f3f3;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #B7BDC7;
  margin-top: 16px;
}
.m-card--team .investor-item {
  flex-basis: calc((100% - 16px) / 2);
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f3f3f3;
  border-radius: 9.47362px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .m-card--team .investor-item {
    flex-basis: calc((100% - 2 * 32px) / 3);
  }
}
.m-card--team .investor-item img {
  width: 100%;
  mix-blend-mode: multiply;
  height: auto;
}
.m-card--team .team {
  padding: 0 16px;
  word-wrap: break-word;
}
@media only screen and (min-width: 1280px) {
  .m-card--team .team {
    padding: 0;
  }
}
.m-card--team .team .m-h {
  color: #f3f3f3;
}
.m-card--team .team .m-h--size2 {
  margin-top: 40px;
}
@media only screen and (min-width: 768px) {
  .m-card--team .team .m-h--size2 {
    margin-top: 60px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-card--team .team .m-h--size2 {
    margin-top: 80px;
  }
}
.m-card--team .team .team-members {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
@media only screen and (min-width: 480px) {
  .m-card--team .team .team-members {
    gap: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .m-card--team .team .team-members {
    gap: 32px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-card--team .team .team-members {
    gap: 32px;
  }
}
.m-card--team .team .team-members.smallergrid {
  gap: 20px;
}
.m-card--team .team .team-members.mediumgrid {
  gap: 16px;
}
@media only screen and (min-width: 768px) {
  .m-card--team .team .team-members.mediumgrid {
    gap: 32px;
  }
}
@media only screen and (min-width: 0px) {
  .m-card--news .m-news__headline {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
    padding: 0 16px;
    margin-top: 0;
  }
  .m-card--news .m-card__postsContainer {
    padding-bottom: 56px;
  }
  .m-card--news .m-card__postExcerpt {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .m-card--news .m-news__headline {
    width: calc(100% - 64px);
    float: left;
    margin-left: 32px;
    padding: 0;
  }
  .m-card--news .m-card__postsContainer {
    padding-bottom: 40px;
  }
  .m-card--news .m-card__text {
    padding-left: 0;
    padding-right: 0;
  }
  .m-card--news .m-card__postExcerpt {
    margin-bottom: 40px;
  }
  .m-card--news .m-card__btnContainer {
    margin-top: auto;
  }
  .m-card--news .m-card__button {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .m-card--news .m-news__headline {
    width: calc(83.3333333333% - 58.6666666667px);
    float: left;
    margin-left: 32px;
    margin-left: calc(8.3333333333% - 34.6666666667px + 64px);
  }
  .m-card--news .m-card__text {
    padding-left: 8px;
    padding-right: 8px;
  }
  .m-card--news .m-card__headline {
    flex-grow: 0;
    min-height: 84px;
  }
  .m-card--news .m-card__postExcerpt {
    margin-bottom: 28px;
  }
}
.m-card--commons .m-card__container {
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .m-card--commons .m-card__container {
    padding: 40px 0;
  }
}
@media only screen and (min-width: 1280px) {
  .m-card--commons .m-card__container {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 0px) {
  .m-card--commons .m-card__text {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
    padding: 12px 20px 0;
  }
}
@media only screen and (min-width: 768px) {
  .m-card--commons .m-card__text {
    width: calc(100% - 64px);
    float: left;
    margin-left: 32px;
  }
}
.m-card--commons .m-card__headline {
  padding-right: 0;
}
.m-card--commons .m-card__commons {
  padding: 0 16px;
  margin-top: 32px;
  margin-bottom: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  position: relative;
}
@media only screen and (min-width: 0px) {
  .m-card--commons .m-card__commons {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .m-card--commons .m-card__commons {
    width: calc(100% - 64px);
    float: left;
    margin-left: 32px;
    margin-top: 80px;
    margin-bottom: 180px;
    padding: 32px 0 140px;
    padding: 50px 0;
  }
}
@media only screen and (min-width: 1280px) {
  .m-card--commons .m-card__commons {
    width: calc(83.3333333333% - 58.6666666667px);
    float: left;
    margin-left: 32px;
    margin-left: calc(8.3333333333% - 34.6666666667px + 64px);
    margin-top: 80px;
    padding: 50px 0;
  }
}
.m-card--commons .m-card__commons .circleContainer {
  position: relative;
  width: 100%;
  max-width: 350px;
}
.m-card--commons .m-card__commons .circleContainer .circle {
  background: linear-gradient(130.6deg, #61A38F 40.1%, #40619C 84.87%);
  padding-top: 100%;
  border-radius: 50%;
  overflow: hidden;
  width: 100%;
}
.m-card--commons .m-card__commons .circleContainer .circle__innerContainer {
  width: 67.5675675676%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.m-card--commons .m-card__commons .circleContainer .circle__inner {
  border-radius: 50%;
  overflow: hidden;
  width: 100%;
  padding-top: 100%;
  background-color: #2e2e2e;
  animation-duration: 0.9s;
  animation-delay: 0.4s;
}
.m-card--commons .m-card__commons .circleContainer .circle__inner .main-title {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 85%;
  justify-content: center;
  color: #f3f3f3;
  text-align: center;
}
@media only screen and (min-width: 1280px) {
  .m-card--commons .m-card__commons .circleContainer .circle__inner .main-title {
    height: 95%;
  }
}
.m-card--commons .m-card__commons .circleContainer .circle__inner .main-title .m-h--serif {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
}
.m-card--commons .m-card__commons .circleContainer .circle__inner .main-title .m-h--sans-serif {
  font-size: 26px;
  line-height: 34px;
  text-align: center;
  letter-spacing: -0.01em;
}
@media only screen and (min-width: 1280px) {
  .m-card--commons .m-card__commons .circleContainer .circle__inner .main-title .m-h--sans-serif {
    font-size: 48px;
    line-height: 50px;
  }
}
.m-card--commons .m-card__commons .circleContainer .canvas {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.m-card--commons .m-card__commons .circleContainer .canvas .dot {
  position: absolute;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-card--commons .m-card__commons .circleContainer .canvas .dot::before {
  content: "";
  background-color: rgba(46, 46, 46, 0.2);
  position: absolute;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  transition: width 0.9s cubic-bezier(0.19, 1, 0.22, 1), height 0.9s cubic-bezier(0.19, 1, 0.22, 1), background-color 0.9s cubic-bezier(0.19, 1, 0.22, 1), border-color 0.9s cubic-bezier(0.19, 1, 0.22, 1);
  border: 1px solid transparent;
}
.m-card--commons .m-card__commons .circleContainer .canvas .dot::after {
  content: "";
  width: 24px;
  height: 24px;
  background-color: #d9d9d9;
  border-radius: 50%;
  position: relative;
  transform: scale(0.1666666667);
}
@keyframes pulse-bak {
  0% {
    width: 4px;
    height: 4px;
    border: 0.5px solid #d9d9d9;
  }
  90% {
    width: 4px;
    height: 4px;
    background-color: transparent;
    border: 0.5px solid #d9d9d9;
    opacity: 1;
  }
  100% {
    background-color: transparent;
    border: 0.5px solid #d9d9d9;
    width: 100%;
    height: 100%;
    opacity: 0;
  }
}
@keyframes pulse {
  0% {
    transform: scale(0.1666666667);
  }
  75% {
    transform: scale(0.1666666667);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.m-card--commons .m-card__commons .circleContainer .canvas .dot:not(.active) {
  cursor: pointer;
}
.m-card--commons .m-card__commons .circleContainer .canvas .dot:not(.active)::after {
  animation: pulse 8s linear infinite;
}
.m-card--commons .m-card__commons .circleContainer .canvas .dot:not(.active):nth-child(2)::after {
  animation-delay: 0.4s;
  animation-delay: 1.2s;
}
.m-card--commons .m-card__commons .circleContainer .canvas .dot:not(.active):nth-child(3)::after {
  animation-delay: 0.8s;
  animation-delay: 2.4s;
}
.m-card--commons .m-card__commons .circleContainer .canvas .dot:not(.active):nth-child(4)::after {
  animation-delay: 1s;
  animation-delay: 3.6s;
}
.m-card--commons .m-card__commons .circleContainer .canvas .dot--light::before {
  background-color: rgba(243, 243, 243, 0.1);
}
.m-card--commons .m-card__commons .circleContainer .canvas .dot.active::before {
  width: 64px;
  height: 64px;
  background-color: transparent;
  border-color: #f3f3f3;
}
@media (hover) {
  .m-card--commons .m-card__commons .circleContainer .canvas .dot:hover::before {
    width: 64px;
    height: 64px;
    background-color: transparent;
    border-color: #f3f3f3;
  }
  .m-card--commons .m-card__commons .circleContainer .canvas .dot:hover::after {
    animation-name: none;
  }
}
.m-card--commons .m-card__commons .circleContainer .canvas .dot[data-target-slide="0"] {
  left: calc(50% - 12px);
  top: 4%;
}
.m-card--commons .m-card__commons .circleContainer .canvas .dot[data-target-slide="1"] {
  left: 13.1%;
  bottom: 19%;
}
.m-card--commons .m-card__commons .circleContainer .canvas .dot[data-target-slide="2"] {
  left: calc(50% - 12px);
  bottom: 3.9%;
}
.m-card--commons .m-card__commons .circleContainer .canvas .dot[data-target-slide="3"] {
  right: 13.1%;
  bottom: 19%;
}
@media only screen and (min-width: 1280px) {
  .m-card--commons .m-card__commons .circleContainer .canvas .dot[data-target-slide="0"] {
    top: 6%;
  }
  .m-card--commons .m-card__commons .circleContainer .canvas .dot[data-target-slide="1"] {
    bottom: 23.7%;
  }
  .m-card--commons .m-card__commons .circleContainer .canvas .dot[data-target-slide="2"] {
    bottom: 6%;
  }
  .m-card--commons .m-card__commons .circleContainer .canvas .dot[data-target-slide="3"] {
    bottom: 23.7%;
  }
}
.m-card--commons .m-card__commons .circleContainer .m-animateable--animate .circle__inner {
  animation-play-state: running;
}
.m-card--commons .m-card__commons .circleContainer .m-animateable--animate .dot {
  animation-delay: 0.5s;
  animation-play-state: running;
}
.m-card--commons .m-card__commons .circleContainer .m-animateable--animate .dot + .dot {
  animation-delay: 0.75s;
}
.m-card--commons .m-card__commons .circleContainer .m-animateable--animate .dot + .dot + .dot {
  animation-delay: 1s;
}
.m-card--commons .m-card__commons .circleContainer .m-animateable--animate .dot + .dot + .dot + .dot {
  animation-delay: 1.25s;
}
@media only screen and (min-width: 768px) {
  .m-card--commons .m-card__commons .circleContainer {
    max-width: 300px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-card--commons .m-card__commons .circleContainer {
    max-width: 530px;
  }
}
.m-card--commons .m-card__commons .dot-texts {
  width: 100%;
  max-width: 350px;
}
.m-card--commons .m-card__commons .dot-texts .slick-slide {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 0px;
  gap: 20px;
  color: #f3f3f3;
}
.m-card--commons .m-card__commons .dot-texts .slick-slide .title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(243, 243, 243, 0.2);
}
.m-card--commons .m-card__commons .dot-texts .slick-slide .title div {
  font-family: "Cambon";
  font-style: italic;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.m-card--commons .m-card__commons .dot-texts .slick-slide .title div + div {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: -0.01em;
}
.m-card--commons .m-card__commons .dot-texts .slick-slide .text {
  font-size: 16px;
  line-height: 21px;
}
.m-card--commons .m-card__commons .dot-texts-md {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.m-card--commons .m-card__commons .dot-texts-md .dot-text {
  display: flex;
  flex-direction: column;
  gap: 9px;
  max-width: 225px;
  position: absolute;
  color: #f3f3f3;
  text-align: center;
}
.m-card--commons .m-card__commons .dot-texts-md .dot-text.narrow {
  max-width: 195px;
}
@media only screen and (min-width: 1280px) {
  .m-card--commons .m-card__commons .dot-texts-md .dot-text {
    max-width: 235px;
  }
}
.m-card--commons .m-card__commons .dot-texts-md .dot-text .title {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.m-card--commons .m-card__commons .dot-texts-md .dot-text .title div {
  font-family: "Cambon";
  font-style: italic;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.02em;
}
.m-card--commons .m-card__commons .dot-texts-md .dot-text .title div + div {
  font-family: "Avenir";
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 32px;
}
.m-card--commons .m-card__commons .dot-texts-md .dot-text .text {
  font-weight: 500;
  font-size: 13.5px;
  line-height: 16px;
  position: relative;
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}
@media only screen and (min-width: 1280px) {
  .m-card--commons .m-card__commons .dot-texts-md .dot-text .text {
    font-size: 16px;
    line-height: 18px;
  }
}
.m-card--commons .m-card__commons .dot-texts-md .dot-text.active .text {
  opacity: 1;
}
.m-card--commons .m-card__commons .dot-texts-md .dot-text[data-text-id="0"] {
  top: 19%;
  left: calc(50% - 150px - 195px);
}
.m-card--commons .m-card__commons .dot-texts-md .dot-text[data-text-id="1"] {
  top: calc(100% - 97px);
  left: calc(50% - 150px - 225px);
}
.m-card--commons .m-card__commons .dot-texts-md .dot-text[data-text-id="2"] {
  left: calc(50% - 112.5px);
  top: calc(50% + 150px + 32px);
}
.m-card--commons .m-card__commons .dot-texts-md .dot-text[data-text-id="3"] {
  top: calc(100% - 97px);
  right: calc(50% - 150px - 225px);
}
@media only screen and (min-width: 1280px) {
  .m-card--commons .m-card__commons .dot-texts-md .dot-text[data-text-id="0"] {
    top: 19%;
    left: calc(50% - 265px - 195px);
  }
  .m-card--commons .m-card__commons .dot-texts-md .dot-text[data-text-id="1"] {
    top: calc(100% - 167px);
    left: calc(50% - 265px - 225px);
  }
  .m-card--commons .m-card__commons .dot-texts-md .dot-text[data-text-id="2"] {
    top: calc(50% + 265px + 32px);
  }
  .m-card--commons .m-card__commons .dot-texts-md .dot-text[data-text-id="3"] {
    top: calc(100% - 167px);
    right: calc(50% - 265px - 225px);
  }
}
.m-card--commons .m-card__commons .svglines-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.m-card--commons .m-card__commons .svglines-container line:not(.active) {
  display: none;
}
.m-card--themeLight {
  background-color: #f3f3f3;
  background-image: url("../img/bg-noise.png");
  background-repeat: repeat;
  background-position: center top;
}
.m-card--themeLightblue {
  background-color: #718aa7;
}
.m-card--themeLightblue .m-h, .m-card--themeLightblue .m-p {
  color: #f3f3f3;
}
.m-card--themeBlue {
  background-color: #2f3949;
}
.m-card--themeBlue .m-h, .m-card--themeBlue .m-p {
  color: #f3f3f3;
}
.m-card--themeSecondaryBlue {
  background-color: #424b5b;
  --textColor: #f3f3f3;
}
.m-card--themeSecondaryBlue .m-h, .m-card--themeSecondaryBlue .m-p {
  color: var(--textColor);
}
.m-card--themeJet {
  background-color: #2e2e2e;
}
.m-card--themeJet .m-h, .m-card--themeJet .m-p {
  color: #f3f3f3;
}
.m-card--themeWhite {
  background-color: #f3f3f3;
}
.m-card--themeReallyWhite {
  background-color: #fff;
}
.m-section--parallax .m-card__img {
  display: block;
  height: calc(100% + 150px);
  left: 50%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: calc(50% - 75px + var(--ty));
  transform: translate(-50%, -50%);
  width: auto;
}
.m-section--sticky .m-card__container {
  height: 100vh;
}

@media only screen and (min-width: 0px) {
  [class*="--overflowVisible"] .m-card--scrollScale {
    margin-left: calc(16px - var(--scale) * 0.01 * 16px);
    margin-right: calc(16px - var(--scale) * 0.01 * 16px);
    width: auto;
    padding-left: calc(var(--scale) * 0.01 * 16px);
    padding-right: calc(var(--scale) * 0.01 * 16px);
  }
}
@media only screen and (min-width: 768px) {
  [class*="--overflowVisible"] .m-card--scrollScale {
    margin-left: calc(32px - var(--scale) * 0.01 * 32px);
    margin-right: calc(32px - var(--scale) * 0.01 * 32px);
    padding-left: calc(var(--scale) * 0.01 * 16px);
    padding-right: calc(var(--scale) * 0.01 * 16px);
    padding-left: calc(var(--scale) * 0.01 * 32px);
    padding-right: calc(var(--scale) * 0.01 * 32px);
  }
}
@media only screen and (min-width: 1280px) {
  [class*="--overflowVisible"] .m-card--scrollScale {
    margin-left: calc(32px - var(--scale) * 0.01 * 32px);
    margin-right: calc(32px - var(--scale) * 0.01 * 32px);
    padding-left: calc(var(--scale) * 0.01 * 24px);
    padding-right: calc(var(--scale) * 0.01 * 24px);
    padding-left: calc(var(--scale) * 0.01 * 32px);
    padding-right: calc(var(--scale) * 0.01 * 32px);
  }
}
@media (min-width: 1456px) {
  [class*="--overflowVisible"] .m-card--scrollScale {
    margin-left: calc(32px + var(--scale) * -0.01 * ((100vw - 1456px + 64px) / 2));
    margin-right: calc(32px + var(--scale) * -0.01 * ((100vw - 1456px + 64px) / 2));
    padding-left: calc(var(--scale) * 0.01 * (100vw - 1456px + 64px) / 2);
    padding-right: calc(var(--scale) * 0.01 * (100vw - 1456px + 64px) / 2);
  }
}

@media only screen and (min-width: 0px) {
  .m-collapse {
    margin-left: -16px;
    margin-right: -16px;
    width: calc(100% + 32px);
  }
  .m-collapse::after {
    clear: both;
    content: "";
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .m-collapse {
    margin-left: -32px;
    margin-right: -32px;
    width: calc(100% + 64px);
  }
  .m-collapse::after {
    clear: both;
    content: "";
    display: block;
  }
}

@media only screen and (min-width: 0px) {
  .m-contact__text, .m-contact__map {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
  }
  .m-contact__map {
    margin-top: 40px;
  }
  .m-contact__map iframe {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .m-contact__text {
    width: calc(41.6666666667% - 45.3333333333px);
    float: left;
    margin-left: 32px;
  }
  .m-contact__map {
    width: calc(58.3333333333% - 50.6666666667px);
    float: left;
    margin-left: 32px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 1024px) {
  .m-contact__text {
    width: calc(33.3333333333% - 42.6666666667px);
    float: left;
    margin-left: 32px;
  }
  .m-contact__map {
    width: calc(66.6666666667% - 53.3333333333px);
    float: left;
    margin-left: 32px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-contact__text {
    width: calc(25% - 40px);
    float: left;
    margin-left: 32px;
    margin-left: calc(8.3333333333% - 34.6666666667px + 64px);
  }
  .m-contact__map {
    width: calc(66.6666666667% - 53.3333333333px);
    float: left;
    margin-left: 32px;
  }
}

.m-container {
  width: 100%;
  max-width: 1456px;
  margin: 0px auto;
  zoom: 1;
  position: relative;
}
.m-container::after {
  clear: both;
  content: "";
  display: block;
}
.m-container::after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
@media (min-width: 1440px) {
  .m-container {
    margin: 0 auto;
  }
}

[class*="--overflowVisible"] .m-container {
  margin: 0 auto;
}

.m-content img {
  max-width: 100%;
  height: auto;
}
.m-content ul {
  padding-left: 20px;
}
.m-content__divider {
  padding-left: 16px;
  padding-right: 16px;
}
@media only screen and (min-width: 768px) {
  .m-content__divider {
    padding-left: 0;
    padding-right: 0;
  }
}
.m-content__divider::before {
  content: "";
  border-top: 1px solid rgba(46, 46, 46, 0.4);
}
@media only screen and (min-width: 0px) {
  .m-content__divider::before {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
    padding-top: 24px;
  }
}
@media only screen and (min-width: 768px) {
  .m-content__divider::before {
    width: calc(100% - 64px);
    float: left;
    margin-left: 32px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-content__divider::before {
    width: calc(66.6666666667% - 53.3333333333px);
    float: left;
    margin-left: 32px;
    margin-left: calc(16.6666666667% - 37.3333333333px + 64px);
  }
}
.m-content__meta {
  zoom: 1;
  padding-left: 16px;
  padding-right: 16px;
}
.m-content__meta::after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
@media only screen and (min-width: 0px) {
  .m-content__meta .backlink-container {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
  }
  .m-content__meta .post-meta {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
    text-transform: uppercase;
    color: #2e2e2e;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 400;
    line-height: 21px;
    margin-top: 20px;
  }
  .m-content__meta .post-meta .category-container ul {
    display: inline;
    zoom: 1;
    padding: 0px;
    margin: 0px;
    list-style: none;
  }
  .m-content__meta .post-meta .category-container ul::after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
  }
  .m-content__meta .post-meta .category-container ul dt {
    float: left;
    clear: left;
  }
  .m-content__meta .post-meta .category-container ul dd {
    float: left;
    margin: 0;
  }
  .m-content__meta .post-meta .category-container ul li {
    display: inline-block;
  }
  .m-content__meta .post-meta .category-container ul li a {
    color: #2e2e2e;
  }
}
@media only screen and (min-width: 768px) {
  .m-content__meta {
    display: flex;
    padding: 0;
  }
  .m-content__meta .backlink-container {
    width: calc(25% - 40px);
    float: left;
    margin-left: 32px;
  }
  .m-content__meta .post-meta {
    width: calc(50% - 48px);
    float: left;
    margin-left: 32px;
    margin-top: 0;
    justify-content: center;
  }
}
@media only screen and (min-width: 1280px) {
  .m-content__meta .backlink-container {
    width: calc(16.6666666667% - 37.3333333333px);
    float: left;
    margin-left: 32px;
    margin-left: calc(8.3333333333% - 34.6666666667px + 64px);
  }
  .m-content__meta .post-meta {
    width: calc(50% - 48px);
    float: left;
    margin-left: 32px;
  }
}
@media only screen and (min-width: 768px) {
  .m-content__meta--pressreleases .backlink-container {
    width: calc(33.3333333333% - 42.6666666667px);
    float: left;
    margin-left: 32px;
  }
  .m-content__meta--pressreleases .post-meta {
    width: calc(33.3333333333% - 42.6666666667px);
    float: left;
    margin-left: 32px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-content__meta--pressreleases .backlink-container {
    width: calc(25% - 40px);
    float: left;
    margin-left: 32px;
    margin-left: calc(8.3333333333% - 34.6666666667px + 64px);
  }
  .m-content__meta--pressreleases .post-meta {
    width: calc(33.3333333333% - 42.6666666667px);
    float: left;
    margin-left: 32px;
  }
}
.m-content__content {
  zoom: 1;
  font-size: 20px;
  line-height: 32px;
  padding: 12px 16px 20px;
}
.m-content__content::after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
@media only screen and (min-width: 768px) {
  .m-content__content {
    padding-left: 0;
    padding-right: 0;
  }
}
.m-content__contentTagline {
  margin-bottom: 40px !important;
}
.m-content__content > * {
  margin: 0 0 32px;
}
.m-content__content > *:first-child {
  margin-top: 0;
}
@media only screen and (min-width: 1280px) {
  .m-content__content > * {
    line-height: 1.6;
  }
}
.m-content__content > h1, .m-content__content > h2, .m-content__content > h3, .m-content__content > h4, .m-content__content > h5, .m-content__content > h6 {
  margin-top: 32px;
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .m-content__content > h1, .m-content__content > h2, .m-content__content > h3, .m-content__content > h4, .m-content__content > h5, .m-content__content > h6 {
    margin-top: 60px;
  }
}
.m-content__content figure.wp-block-embed-youtube {
  margin-top: 30px;
}
@media only screen and (min-width: 768px) {
  .m-content__content figure {
    margin-top: 60px;
  }
}
.m-content__content figure.wp-block-image {
  float: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.m-content__content figure.wp-block-image img {
  margin: auto;
}
.m-content__content figure.wp-block-image figcaption {
  margin-bottom: 0;
  overflow-wrap: break-word;
  display: block;
}
@media only screen and (min-width: 768px) {
  .m-content__content figure.wp-block-image {
    display: table;
  }
  .m-content__content figure.wp-block-image.alignright {
    float: right;
    margin-left: 40px;
  }
  .m-content__content figure.wp-block-image.alignleft {
    float: left;
    margin-right: 40px;
  }
  .m-content__content figure.wp-block-image.aligncenter {
    margin-left: auto;
    margin-right: auto;
  }
  .m-content__content figure.wp-block-image figcaption {
    display: table-caption;
    caption-side: bottom;
  }
}
.m-content__content ul li:not(:first-child) {
  margin-top: 1.5em;
}
.m-content__content .wp-block-separator {
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.m-content__content .wp-block-image figure {
  float: none;
  margin: auto;
  display: block;
}
.m-content__content .wp-block-image figure img {
  margin: auto;
}
.m-content__content .wp-block-image figure figcaption {
  margin-bottom: 0;
  overflow-wrap: break-word;
  display: block;
}
@media only screen and (min-width: 768px) {
  .m-content__content .wp-block-image figure {
    display: table;
  }
  .m-content__content .wp-block-image figure.alignright {
    float: right;
    margin-left: 40px;
  }
  .m-content__content .wp-block-image figure.alignleft {
    float: left;
    margin-right: 40px;
  }
  .m-content__content .wp-block-image figure.aligncenter {
    margin-left: auto;
    margin-right: auto;
  }
  .m-content__content .wp-block-image figure figcaption {
    display: table-caption;
    caption-side: bottom;
  }
}
.m-content__content .post-blockquote {
  margin-top: 40px;
  margin-bottom: 50px;
}
.m-content__content .post-blockquote blockquote {
  margin: 0;
}
.m-content__content .post-blockquote blockquote p {
  font-style: italic;
  font-size: 1.25rem;
  line-height: 1.75rem;
  text-align: center;
}
.m-content__content .post-blockquote blockquote:before, .m-content__content .post-blockquote blockquote:after {
  content: "";
  display: block;
  width: 10%;
  height: 1px;
  background-color: #ccc;
  margin: 0 auto 20px;
}
.m-content__content .post-blockquote blockquote:after {
  margin: 25px auto 0;
}
@media only screen and (min-width: 768px) {
  .m-content__content .post-blockquote {
    margin-top: 85px;
    margin-bottom: calc(85px - 1.5em);
  }
  .m-content__content .post-blockquote blockquote p {
    font-size: 2rem;
    line-height: normal;
  }
  .m-content__content .post-blockquote blockquote:before {
    margin-bottom: 50px;
  }
  .m-content__content .post-blockquote blockquote:after {
    margin-top: 55px;
  }
}
.m-content__content .block-infobox {
  background-color: #f3f3f3;
  padding-top: 32px;
  padding-bottom: 32px;
  margin: 40px -35px;
  border-radius: 30px;
}
.m-content__content .block-infobox .text {
  font-size: 15px;
  font-size: 0.9375rem;
  padding: 0 35px;
}
.m-content__content .block-infobox .text > * {
  max-width: 100%;
}
.m-content__content .block-infobox .text div {
  margin-bottom: 16px;
}
.m-content__content .block-infobox .text p {
  line-height: 1.45rem;
}
.m-content__content .block-infobox .text .wp-caption .wp-caption-text {
  margin-top: 0.5em;
  color: #555d66;
  text-align: center;
  font-size: 13px;
}
.m-content__content .block-infobox .aligncenter {
  margin-left: auto;
  margin-right: auto;
}
.m-content__content .block-infobox.m-content__jobContact {
  text-align: center;
}
@media only screen and (min-width: 1280px) {
  .m-content__content .block-infobox {
    margin-left: -50px;
    margin-right: -50px;
  }
  .m-content__content .block-infobox .text {
    padding: 0 50px;
  }
}
@media only screen and (min-width: 0px) {
  .m-content__content {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .m-content__content {
    width: calc(100% - 64px);
    float: left;
    margin-left: 32px;
    padding-top: 20px;
    padding-bottom: 32px;
  }
}
@media only screen and (min-width: 1024px) {
  .m-content__content {
    width: calc(83.3333333333% - 58.6666666667px);
    float: left;
    margin-left: 32px;
    margin-left: calc(8.3333333333% - 34.6666666667px + 64px);
  }
}
@media only screen and (min-width: 1280px) {
  .m-content__content {
    width: calc(66.6666666667% - 53.3333333333px);
    float: left;
    margin-left: 32px;
    margin-left: calc(16.6666666667% - 37.3333333333px + 64px);
    padding-top: 30px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 0px) {
  .m-content__author {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
    display: flex;
    align-items: center;
  }
  .m-content__author .m-content__authorImgContainer {
    width: 87px;
    height: 87px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 20px;
    flex-shrink: 0;
  }
  .m-content__author .m-content__authorImg {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
  }
  .m-content__author .m-content__authorName {
    font-weight: 500;
    font-size: 20px;
    line-height: 26px;
  }
  .m-content__author .m-content__authorName .name {
    font-family: "Cambon", serif;
    font-style: italic;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.02em;
  }
}
@media only screen and (min-width: 768px) {
  .m-content__author {
    width: calc(66.6666666667% - 53.3333333333px);
    float: left;
    margin-left: 32px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-content__author {
    width: calc(41.6666666667% - 45.3333333333px);
    float: left;
    margin-left: 32px;
    margin-left: calc(16.6666666667% - 37.3333333333px + 64px);
  }
}
@media only screen and (min-width: 0px) {
  .m-content__share {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
    display: flex;
    justify-content: center;
    margin-top: 60px;
    text-align: center;
  }
  .m-content__share .title {
    font-family: "Cambon";
    font-style: italic;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02em;
    margin-bottom: 12px;
  }
  .m-content__share .m-icons {
    padding: 0;
    justify-content: center;
  }
  .m-content__share .m-icons li:not(:first-child) {
    margin-left: 8px;
  }
  .m-content__share .m-icons a {
    color: #2e2e2e;
  }
}
@media only screen and (min-width: 768px) {
  .m-content__share {
    width: calc(33.3333333333% - 42.6666666667px);
    float: left;
    margin-left: 32px;
    justify-content: flex-end;
    margin-top: 0;
    text-align: left;
  }
  .m-content__share .m-icons {
    justify-content: flex-start;
  }
  .m-content__share .m-icons li:not(:first-child) {
    margin-left: 14px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-content__share {
    width: calc(25% - 40px);
    float: left;
    margin-left: 32px;
  }
}
@media only screen and (min-width: 768px) {
  .m-content__share--pressreleases {
    margin-left: calc(33.3333333333% - 42.6666666667px + 64px);
  }
  .m-content__share--pressreleases,
.m-content__share--pressreleases .m-icons {
    justify-content: center;
  }
}
@media only screen and (min-width: 1280px) {
  .m-content__share--pressreleases {
    margin-left: calc(37.5% - 44px + 64px);
  }
}

.m-cursor {
  pointer-events: none;
}
.m-cursor__ball {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
}
.m-cursor__ball svg {
  transition: transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.m-cursor__ball circle {
  fill: #61a38f;
  transition: fill 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.m-cursor__ball path {
  stroke: #f3f3f3;
}
.m-cursor--show .m-cursor__ball {
  display: block;
  animation-name: fadeIn;
  animation-duration: 0.3s;
  animation-play-state: running;
  animation-fill-mode: forwards;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.m-cursor--rotate .m-cursor__ball svg {
  transform: rotate(180deg);
}
.m-cursor--rotate.m-cursor--active .m-cursor__ball svg {
  transform: rotate(180deg) scale(0.9180327869);
}
.m-cursor--active .m-cursor__ball svg {
  transform: scale(0.9180327869);
}
.m-cursor--active .m-cursor__ball svg circle {
  fill: #5d9b88;
}

.m-footer {
  clear: both;
  left: 0;
  overflow: hidden;
  padding-top: 32px !important;
  position: relative;
  width: 100vw;
}
@media only screen and (min-width: 768px) {
  .m-footer {
    min-height: 700px;
    padding-top: 60px !important;
    position: fixed;
    bottom: 0;
    z-index: -1;
    display: flex;
    align-items: flex-end;
  }
}
@media only screen and (min-width: 1280px) {
  .m-footer {
    min-height: 755px;
    padding-top: 140px !important;
  }
}
.m-footer .m-orbAnimation {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
}
@media only screen and (min-width: 768px) {
  .m-footer .m-container {
    bottom: calc(-1 * var(--ty));
  }
}
.m-footer__trigger {
  position: absolute;
  bottom: 755px;
  height: calc(100vh - 755px);
  left: 0;
  right: 99%;
  pointer-events: none;
  z-index: -99;
}
.m-footer__divider {
  border-top: 1px solid rgba(243, 243, 243, 0.3);
  margin: 32px 0;
}
@media only screen and (min-width: 0px) {
  .m-footer__divider {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .m-footer__divider {
    width: calc(100% - 64px);
    float: left;
    margin-left: 32px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-footer__divider {
    width: calc(100% - 64px);
    float: left;
    margin-left: 32px;
  }
}
.m-footer__newsletter {
  color: #f3f3f3;
}
@media only screen and (min-width: 0px) {
  .m-footer__newsletter {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
  }
}
.m-footer__newsletter .m-h {
  margin: 0 0 20px;
  padding-left: 20px;
  padding-right: 148px;
}
@media only screen and (min-width: 768px) {
  .m-footer__newsletter {
    width: calc(50% - 48px);
    float: left;
    margin-left: 32px;
    padding-left: 20px;
  }
  .m-footer__newsletter .m-h {
    font-size: 20px;
    line-height: 1.4;
    margin-bottom: 30px;
    padding: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .m-footer__newsletter {
    width: calc(33.3333333333% - 42.6666666667px);
    float: left;
    margin-left: 32px;
    padding-left: 0;
  }
  .m-footer__newsletter .m-h {
    font-size: 32px;
  }
}
@media only screen and (min-width: 0px) {
  .m-footer__contact {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
    color: #f3f3f3;
    padding: 0 20px;
  }
  .m-footer__contactLogo {
    margin-bottom: 20px;
  }
  .m-footer__contactLogoSvg {
    height: auto;
    width: 61px;
  }
  .m-footer__contactLeft, .m-footer__contactRight {
    font-size: 20px;
    line-height: 32px;
  }
  .m-footer__contactLeft a, .m-footer__contactRight a {
    color: #f3f3f3;
  }
  .m-footer__contactRight {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .m-footer__contact {
    float: left;
    margin-left: 0;
    margin-right: -32px;
    width: 100%;
    padding: 0;
  }
  .m-footer__contactLogo, .m-footer__contactLeft {
    padding-left: 20px;
  }
  .m-footer__contactLogo {
    width: calc(100% - 64px);
    float: left;
    margin-left: 32px;
    margin-bottom: 32px;
  }
  .m-footer__contactLogoSvg {
    width: 66px;
  }
  .m-footer__contactLeft {
    width: calc(41.6666666667% - 45.3333333333px);
    float: left;
    margin-left: 32px;
  }
  .m-footer__contactRight {
    width: calc(33.3333333333% - 42.6666666667px);
    float: left;
    margin-left: 32px;
    margin-left: calc(25% - 40px + 64px);
    margin-top: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .m-footer__contact {
    width: calc(58.3333333333% - 50.6666666667px);
    float: left;
    margin-left: 32px;
    display: flex;
    margin-right: 0;
  }
  .m-footer__contactLogo, .m-footer__contactLeft, .m-footer__contactRight {
    float: none;
    margin: 0;
    width: auto;
  }
  .m-footer__contactLeft, .m-footer__contactRight {
    padding: 0;
  }
  .m-footer__contactLogoSvg {
    width: 95px;
  }
  .m-footer__contactLeft {
    margin-left: 44px;
  }
  .m-footer__contactRight {
    margin-left: 83px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-footer__menu {
    width: calc(25% - 40px);
    float: left;
    margin-left: 32px;
    margin-left: calc(16.6666666667% - 37.3333333333px + 64px);
  }
  .m-footer__menu .menu-item a {
    color: #f3f3f3;
    font-size: 20px;
    line-height: 36px;
    position: relative;
    display: inline-block;
  }
  .m-footer__menu .menu-item a::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 0;
    height: 1.5px;
    background-color: #f3f3f3;
    transition: width 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
@media only screen and (min-width: 1280px) and (hover) {
  .m-footer__menu .menu-item a:hover::before {
    width: 100%;
  }
}
.m-footer__icons {
  color: #f3f3f3;
  padding-left: 20px;
  padding-top: 20px;
}
.m-footer__icons .m-h {
  margin-top: 0;
  margin-bottom: 12px;
}
@media only screen and (min-width: 0px) {
  .m-footer__icons {
    width: calc(50% - 24px);
    float: left;
    margin-left: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .m-footer__icons {
    width: calc(33.3333333333% - 42.6666666667px);
    float: left;
    margin-left: 32px;
    margin-left: calc(16.6666666667% - 37.3333333333px + 64px);
    padding: 0;
  }
  .m-footer__icons .m-h {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-footer__icons {
    width: calc(25% - 40px);
    float: left;
    margin-left: 32px;
    margin-left: calc(41.6666666667% - 45.3333333333px + 64px);
  }
}
.m-footer__legal {
  border-top: 1px solid rgba(243, 243, 243, 0.3);
  color: #f3f3f3;
  font-size: 14px;
  line-height: 20px;
  margin-top: 32px;
  padding: 32px 20px;
}
@media only screen and (min-width: 0px) {
  .m-footer__legal {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
  }
}
.m-footer__legalRights {
  margin-bottom: 12px;
}
.m-footer__legalMenu .menu {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.m-footer__legalMenu .menu::after {
  content: none;
}
.m-footer__legalEatch {
  margin-top: 44px;
}
.m-footer__legal a {
  color: #f3f3f3;
}
@media only screen and (min-width: 768px) {
  .m-footer__legal {
    width: calc(100% - 64px);
    float: left;
    margin-left: 32px;
    display: flex;
    font-size: 12px;
    gap: 20px;
    padding-left: 0;
    padding-right: 0;
  }
  .m-footer__legalRights {
    margin-bottom: 0;
  }
  .m-footer__legalEatch {
    margin-top: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .m-footer__legal {
    width: calc(100% - 64px);
    float: left;
    margin-left: 32px;
    font-size: 14px;
    gap: 40px;
  }
  .m-footer__legalMenu .menu {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
  }
}

.m-gradient {
  background-color: #fff;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100vw;
  --rotation1: 61.02deg;
  --rotation2: 141deg;
  --rotation3: 111.34deg;
  --rotation4: 44deg;
}
.m-gradientLayer {
  height: 100%;
  position: absolute;
  width: 100%;
}
.m-gradientLayer:nth-child(1) {
  background: linear-gradient(61.02deg, rgba(1, 105, 102, 0) 53.33%, #016966 117.07%);
  background: linear-gradient(var(--rotation1), rgba(1, 105, 102, 0) 43.33%, #016966 107.07%);
}
.m-gradientLayer:nth-child(2) {
  background: linear-gradient(112.93deg, rgba(106, 153, 158, 0) 39.56%, #80BDAF 99.85%);
  background: linear-gradient(var(--rotation2), rgba(106, 153, 158, 0) 49.56%, #80BDAF 99.85%);
}
.m-gradientLayer:nth-child(3) {
  background: linear-gradient(111.34deg, #6A999E 6.43%, rgba(128, 189, 175, 0) 91.46%);
  background: linear-gradient(111.34deg, #6a9e9b -3.57%, rgba(128, 189, 175, 0) 81.46%);
  background: linear-gradient(var(--rotation3), #49827e 16.43%, rgba(128, 189, 175, 0) 81.46%);
}
.m-gradientLayer:nth-child(4) {
  background: linear-gradient(63.16deg, #40629C 4.54%, rgba(128, 189, 175, 0) 69.68%);
  background: linear-gradient(44deg, #40629C 4.54%, rgba(128, 189, 175, 0.3) 58.68%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(var(--rotation4), #40629c 4.54%, rgba(128, 189, 175, 0.7) 58.68%, rgba(255, 255, 255, 0) 100%);
}
.m-gradientLayer:nth-child(5) {
  background: radial-gradient(43.67% 60.52% at 56.11% 115.45%, #BBD4BE 4.66%, rgba(128, 189, 175, 0) 100%);
  background: radial-gradient(43.67% 60.52% at 56.11% 105.45%, #BBD4BE 4.66%, rgba(128, 189, 175, 0) 100%);
  left: 21.8055555556%;
}
.m-h {
  font-family: "Cambon", serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -0.02em;
}
.m-h__line {
  display: block;
}
.m-h--sans-serif {
  font-family: "Avenir", sans-serif;
  font-style: normal;
}
.m-h--size1 {
  font-size: 40px;
  line-height: 40px;
}
@media only screen and (min-width: 768px) {
  .m-h--size1 {
    font-size: 56px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-h--size1 {
    font-size: 76px;
    line-height: 62px;
  }
}
@media only screen and (min-width: 768px) {
  .m-h--size1 .m-h--sans-serif {
    font-size: 60px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-h--size1 .m-h--sans-serif {
    font-size: 80px;
    line-height: 62px;
  }
}
.m-h--size2 {
  font-size: 28px;
  line-height: 36px;
}
.m-h--size2 .m-h--sans-serif {
  font-size: 32px;
  line-height: 38px;
}
@media only screen and (min-width: 1280px) {
  .m-h--size2,
.m-h--size2 .m-h--sans-serif {
    font-size: 48px;
    line-height: 60px;
  }
}
.m-h--size3 {
  font-size: 20px;
  line-height: 28px;
}
@media only screen and (min-width: 1280px) {
  .m-h--size3 {
    font-size: 32px;
    line-height: 44px;
  }
}

.m-header {
  min-height: min(100vh, 560px);
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #016966 0%, #80bdaf 40%, #80bdaf 60%, #e5e6cf 100%);
}
@media only screen and (min-width: 768px) {
  .m-header {
    min-height: 100vh;
  }
}
@media only screen and (min-width: 1280px) {
  .m-header {
    min-height: 100vh;
  }
  .m-header .m-container {
    margin-top: 56px;
  }
}
.m-header__videoContainer, .m-header__imageContainer {
  height: min(100vh, 850px);
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.m-header__video, .m-header__videoPoster, .m-header__img {
  min-height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  top: 0;
  width: 100%;
}
.m-header__img {
  height: 100%;
  object-fit: cover;
}
.m-header__text {
  color: #f3f3f3;
  position: relative;
  text-align: center;
  margin-top: 80px;
}
@media only screen and (min-width: 0px) {
  .m-header__text {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
  }
}
.m-header__textTitle {
  margin: 0;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
}
.m-header__textTitleLine {
  display: block;
}
@media (max-width: 767px) {
  .m-header__textTitleLine.m-h--serif {
    font-size: 36px;
  }
  .m-header__textTitleLine.m-h--sans-serif {
    font-size: 34px;
  }
}
.m-header__textIntroContainer {
  margin-top: 20px;
}
.m-header__textIntro {
  margin: 0;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.m-header__textIntro.m-p {
  font-weight: 400;
  font-size: 18.5px;
}
@media only screen and (min-width: 768px) {
  .m-header__text {
    width: calc(75% - 56px);
    float: left;
    margin-left: 32px;
    margin-left: calc(8.3333333333% - 34.6666666667px + 64px);
    text-align: left;
    margin-top: 0;
  }
  .m-header__textTitle {
    padding: 0;
  }
  .m-header__textTitle .m-h--sans-serif {
    font-size: 54px;
  }
  .m-header__textIntroContainer {
    margin-left: -32px;
    margin-right: -32px;
    width: calc(100% + 64px);
    margin-top: 32px;
  }
  .m-header__textIntro {
    width: calc(88.8888888889% - 60.4444444444px);
    float: left;
    margin-left: 32px;
    margin-left: calc(11.1111111111% - 35.5555555556px + 64px);
    text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1);
  }
  .m-header__textIntro.m-p {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .m-header__text {
    width: calc(66.6666666667% - 53.3333333333px);
    float: left;
    margin-left: 32px;
    margin-left: calc(16.6666666667% - 37.3333333333px + 64px);
  }
  .m-header__textTitle .m-h--sans-serif {
    font-size: 56px;
  }
  .m-header__textIntro {
    width: calc(87.5% - 60px);
    float: left;
    margin-left: 32px;
    margin-left: calc(12.5% - 36px + 64px);
  }
  .m-header__textIntro.m-p {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-header__text {
    width: calc(66.6666666667% - 53.3333333333px);
    float: left;
    margin-left: 32px;
    margin-left: calc(16.6666666667% - 37.3333333333px + 64px);
  }
  .m-header__textTitle .m-h--sans-serif {
    font-size: 80px;
  }
  .m-header__textIntro {
    width: calc(87.5% - 60px);
    float: left;
    margin-left: 32px;
    margin-left: calc(12.5% - 36px + 64px);
    padding-left: 0;
  }
  .m-header__textIntro.m-p {
    font-size: 24px;
    font-weight: 300;
  }
}
@media only screen and (min-width: 1400px) {
  .m-header__text {
    width: calc(58.3333333333% - 50.6666666667px);
    float: left;
    margin-left: 32px;
    margin-left: calc(16.6666666667% - 37.3333333333px + 64px);
  }
  .m-header__textTitle .m-h--sans-serif {
    font-size: 76px;
  }
  .m-header__textIntro {
    width: calc(85.7142857143% - 59.4285714286px);
    float: left;
    margin-left: 32px;
    margin-left: calc(14.2857142857% - 36.5714285714px + 64px);
  }
}
.m-header--page .m-header__img {
  animation-name: zoomOut;
  animation-duration: 2s;
  animation-play-state: paused;
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes zoomOut {
  0% {
    transform: scale(1.15);
  }
  25% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.m-header--page .m-header__img--loaded {
  animation-play-state: running;
}
.m-header--page .m-header__text {
  color: #2e2e2e;
}
.m-header--page .m-header__title {
  text-shadow: none;
}
@media only screen and (min-width: 768px) {
  .m-header--page .m-header__text {
    width: calc(66.6666666667% - 53.3333333333px);
    float: left;
    margin-left: 32px;
    margin-left: calc(16.6666666667% - 37.3333333333px + 64px);
  }
  .m-header--page .m-header__textIntro {
    width: calc(100% - 64px);
    float: left;
    margin-left: 32px;
    margin-left: calc(0% - 32px + 64px);
  }
}
@media only screen and (min-width: 1280px) {
  .m-header--page .m-header__text {
    margin-left: calc(16.6666666667% - 37.3333333333px + 64px);
  }
  .m-header--page .m-header__textIntro {
    width: calc(75% - 56px);
    float: left;
    margin-left: 32px;
  }
}
.m-header--page.m-header--textLight .m-header__text {
  color: #f3f3f3;
}
.m-header--narrow {
  min-height: 80vh;
  max-height: 100vh;
  align-items: flex-end;
  padding-bottom: 30vh;
}
.m-header--narrow .m-container {
  margin-top: 20vh;
}
.m-header--medium {
  height: 653px;
  min-height: 0;
}
.m-header--medium .m-header__imageContainer img {
  object-position: top;
}

.m-hideable--hidden {
  display: none !important;
}
@media only screen and (min-width: 768px) {
  .m-hideable--hidden-md {
    display: none !important;
  }
}
@media only screen and (min-width: 1280px) {
  .m-hideable--hidden-lg {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .m-hideable--visible-md {
    display: none !important;
  }
}
@media (max-width: 1279px) {
  .m-hideable--visible-lg {
    display: none !important;
  }
}

.m-icons {
  zoom: 1;
  padding: 0px;
  margin: 0px;
  list-style: none;
  display: flex;
}
.m-icons::after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
  clear: both;
}
.m-icons dt {
  float: left;
  clear: left;
}
.m-icons dd {
  float: left;
  margin: 0;
}
.m-icons li:not(:first-child) {
  margin-left: 14px;
}
@media only screen and (min-width: 768px) {
  .m-icons li:not(:first-child) {
    margin-left: 18px;
  }
}
.m-icons a {
  color: #f3f3f3;
  display: block;
}
.m-icons a .m-icons__icon {
  overflow: visible;
}
.m-icons a .m-icons__icon circle {
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transform-origin: center;
}
.m-icons a .m-icons__iconLogo {
  display: block;
  position: relative;
}
@media (hover) {
  .m-icons a:hover .m-icons__icon circle {
    transform: scale(1.1);
  }
}
@media only screen and (min-width: 0px) {
  .m-interstitial {
    display: flex;
    flex-direction: column;
  }
  .m-interstitial__textContainer, .m-interstitial__images {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
  }
  .m-interstitial__textContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    order: 2;
    margin-top: 44px;
    gap: 28px;
  }
  .m-interstitial__images {
    order: 1;
  }
  .m-interstitial__images .fullHeightContainer {
    position: sticky;
    top: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    height: max(80vh, 540px);
    min-height: 540px;
  }
  .m-interstitial__images .fullHeightContainer .m-card__imageContainer {
    width: 85%;
    padding-top: 54.9363867684%;
  }
  .m-interstitial__images .fullHeightContainer:nth-child(1) {
    padding-top: 32px;
  }
  .m-interstitial__images .fullHeightContainer:nth-child(2) {
    justify-content: flex-start;
    padding-top: calc(32px + 54.9363867684% - 20px);
  }
  .m-interstitial__images .fullHeightContainer:nth-child(3) {
    justify-content: flex-end;
    padding-top: calc(32px + 109.8727735369% - 40px);
  }
  .m-interstitial__images .m-card__imageContainer {
    border-radius: 5.76468px;
    padding-top: 64.631043257%;
    width: 100%;
  }
  .m-interstitial__images .m-card__imageContainer img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 480px) {
  .m-interstitial__images {
    width: calc(75% - 28px);
    float: left;
    margin-left: 16px;
    margin-left: calc(25% - 20px + 32px);
  }
}
@media only screen and (min-width: 768px) {
  .m-interstitial__textContainer {
    width: calc(75% - 56px);
    float: left;
    margin-left: 32px;
    align-items: flex-start;
  }
  .m-interstitial__images {
    width: calc(83.3333333333% - 58.6666666667px);
    float: left;
    margin-left: 32px;
    margin-left: calc(8.3333333333% - 34.6666666667px + 64px);
  }
  .m-interstitial__images .fullHeightContainer .m-card__imageContainer {
    width: 85%;
    padding-top: min(54.9363867684%, 193.893129771px);
    max-width: 300px;
  }
  .m-interstitial__images .fullHeightContainer:nth-child(1) {
    padding-top: 32px;
  }
  .m-interstitial__images .fullHeightContainer:nth-child(2) {
    padding-top: min(54.9363867684% + 32px - 20px, 205.893129771px);
  }
  .m-interstitial__images .fullHeightContainer:nth-child(3) {
    padding-top: min(109.8727735369% + 32px - 20px, 379.786259542px);
  }
}
@media only screen and (min-width: 1024px) {
  .m-interstitial {
    display: block;
  }
  .m-interstitial__textContainer {
    width: calc(50% - 48px);
    float: left;
    margin-left: 32px;
    gap: 60px;
    position: sticky;
    top: 0;
    height: 100vh;
    align-items: flex-start;
  }
  .m-interstitial__images {
    width: calc(41.6666666667% - 45.3333333333px);
    float: left;
    margin-left: 32px;
    margin-left: calc(8.3333333333% - 34.6666666667px + 64px);
  }
  .m-interstitial__images .fullHeightContainer {
    height: max(80vh, 580px);
    min-height: 580px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-interstitial__textContainer {
    width: calc(41.6666666667% - 45.3333333333px);
    float: left;
    margin-left: 32px;
    margin-left: calc(8.3333333333% - 34.6666666667px + 64px);
  }
  .m-interstitial__textContainer .m-interstitial__text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
  }
  .m-interstitial__textContainer .m-interstitial__text .m-h {
    align-self: stretch;
    margin: 0;
    padding-right: 74px;
  }
  .m-interstitial__images {
    width: calc(33.3333333333% - 42.6666666667px);
    float: left;
    margin-left: 32px;
    margin-left: calc(8.3333333333% - 34.6666666667px + 64px);
  }
  .m-interstitial__images .fullHeightContainer {
    height: auto;
  }
  .m-interstitial__images .fullHeightContainer:nth-child(1) {
    padding-top: 60px;
  }
  .m-interstitial__images .fullHeightContainer:nth-child(2) {
    padding-top: min(54.9363867684% + 60px - 20px, 233.893129771px);
  }
  .m-interstitial__images .fullHeightContainer:nth-child(3) {
    padding-top: min(109.8727735369% + 60px - 20px, 407.786259542px);
  }
}

.m-jobs {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding-bottom: 40px;
}
@media only screen and (min-width: 0px) {
  .m-jobs__headline {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
  }
}
@media only screen and (min-width: 768px) {
  .m-jobs__headline {
    width: calc(100% - 64px);
    float: left;
    margin-left: 32px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-jobs__headline {
    width: calc(83.3333333333% - 58.6666666667px);
    float: left;
    margin-left: 32px;
    margin-left: calc(8.3333333333% - 34.6666666667px + 64px);
  }
}
.m-jobs .job-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 24px 20px 20px;
  gap: 12px;
  background-color: #efefef;
  border-radius: 12px;
  transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
@media only screen and (min-width: 0px) {
  .m-jobs .job-item {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
  }
}
@media (hover) {
  .m-jobs .job-item:hover .btnContainer .m-button {
    transform: scale(1.03);
  }
  .m-jobs .job-item:hover .btnContainer .m-button__circle {
    transform: scale(1.1);
  }
  .m-jobs .job-item:hover .btnContainer .m-button__circle::before {
    transform: scale(1);
    opacity: 1;
  }
  .m-jobs .job-item:hover .btnContainer .m-button__arrow {
    transform: translate(40px);
  }
  .m-jobs .job-item:hover .btnContainer .m-button__arrowShadow {
    opacity: 1;
    transform: translate(-2px);
  }
}
.m-jobs .job-item .text {
  color: #2e2e2e;
}
.m-jobs .job-item .text > *:first-child {
  margin-top: 0;
}
.m-jobs .job-item .text > * :last-child {
  margin-bottom: 0;
}
.m-jobs .job-item .text .m-h {
  font-family: "Avenir", sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 16px;
  line-height: 21px;
}
.m-jobs .job-item .text .m-p {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
}
.m-jobs .job-item .btnContainer .m-button {
  height: auto;
  padding: 0;
  background: transparent;
  margin: 0;
}
.m-jobs .job-item .btnContainer .m-button__circle {
  position: relative;
  left: 0;
  top: 0;
  border: 1px solid #2e2e2e;
}
@media only screen and (min-width: 768px) {
  .m-jobs .job-item {
    width: calc(100% - 64px);
    float: left;
    margin-left: 32px;
    align-items: center;
  }
}
@media only screen and (min-width: 1280px) {
  .m-jobs .job-item {
    width: calc(83.3333333333% - 58.6666666667px);
    float: left;
    margin-left: 32px;
    margin-left: calc(8.3333333333% - 34.6666666667px + 64px);
  }
}

.m-nav__main {
  overflow: hidden;
  position: fixed;
  width: 100%;
  z-index: -2;
  display: none;
  top: 0;
}
@media only screen and (min-width: 768px) {
  .m-nav__main {
    display: block;
  }
  .m-nav__mainLeft, .m-nav__mainRight {
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .m-nav__mainLeft {
    width: calc(25% - 40px);
    float: left;
    margin-left: 32px;
    padding-left: 35px;
    transform: translate(-50vw);
    height: 100vh;
    padding-bottom: 110px;
    display: flex;
    align-items: flex-end;
  }
  .m-nav__mainLeftBg {
    position: absolute;
    top: 0;
    left: -32px;
    width: calc(100% + 64px);
    height: 100%;
  }
  .m-nav__mainLeftBgImg {
    object-fit: cover;
    position: relative;
    width: 100%;
    height: 100%;
  }
  .m-nav__mainLeft .m-nav__menu {
    zoom: 1;
    padding: 0px;
    margin: 0px;
    list-style: none;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.3333333333;
    letter-spacing: -0.02em;
  }
  .m-nav__mainLeft .m-nav__menu::after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
  }
  .m-nav__mainLeft .m-nav__menu dt {
    float: left;
    clear: left;
  }
  .m-nav__mainLeft .m-nav__menu dd {
    float: left;
    margin: 0;
  }
  .m-nav__mainLeft .m-nav__menu .menu-item:nth-child(1) {
    animation-delay: 750ms;
  }
  .m-nav__mainLeft .m-nav__menu .menu-item:nth-child(2) {
    animation-delay: 850ms;
  }
  .m-nav__mainLeft .m-nav__menu .menu-item:nth-child(3) {
    animation-delay: 950ms;
  }
  .m-nav__mainLeft .m-nav__menu .menu-item:nth-child(4) {
    animation-delay: 1050ms;
  }
  .m-nav__mainLeft .m-nav__menu .menu-item:nth-child(5) {
    animation-delay: 1150ms;
  }
  .m-nav__mainLeft .m-nav__menu .menu-item:nth-child(6) {
    animation-delay: 1250ms;
  }
  .m-nav__mainLeft .m-nav__menu .menu-item:nth-child(7) {
    animation-delay: 1350ms;
  }
  .m-nav__mainLeft .m-nav__menu .menu-item:nth-child(8) {
    animation-delay: 1450ms;
  }
  .m-nav__mainLeft .m-nav__menu .menu-item:nth-child(9) {
    animation-delay: 1550ms;
  }
  .m-nav__mainLeft .m-nav__menu .menu-item:nth-child(10) {
    animation-delay: 1650ms;
  }
  .m-nav__mainLeft .m-nav__menu .menu-item:not(:last-child) {
    margin-bottom: 12px;
  }
  .m-nav__mainLeft .m-nav__menu .menu-item a {
    color: #f3f3f3;
    display: inline-block;
    position: relative;
  }
  .m-nav__mainLeft .m-nav__menu .menu-item a::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 0;
    height: 1.5px;
    background-color: #f3f3f3;
    transition: width 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
@media only screen and (min-width: 768px) and (hover) {
  .m-nav__mainLeft .m-nav__menu .menu-item a:hover::before {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .m-nav__mainRight {
    width: calc(75% - 56px);
    float: left;
    margin-left: 32px;
    transform: translate(80vw);
  }
  .m-nav__mainRight .m-nav__menuContainer {
    display: flex;
    align-items: flex-end;
    padding-bottom: 110px;
    height: 100vh;
    position: relative;
  }
  .m-nav__mainRight .m-nav__menuContainer::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -80vw;
    bottom: 0;
    left: 32px;
    background-color: #2f3949;
  }
  .m-nav__mainRight .m-nav__menu {
    zoom: 1;
    padding: 0px;
    margin: 0px;
    list-style: none;
  }
  .m-nav__mainRight .m-nav__menu::after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
  }
  .m-nav__mainRight .m-nav__menu dt {
    float: left;
    clear: left;
  }
  .m-nav__mainRight .m-nav__menu dd {
    float: left;
    margin: 0;
  }
  .m-nav__mainRight .m-nav__menu .menu-item:not(:last-child) {
    margin-bottom: 12px;
  }
  .m-nav__mainRight .m-nav__menu .menu-item a {
    color: #f3f3f3;
    display: inline-block;
    position: relative;
  }
  .m-nav__mainRight .m-nav__menu .menu-item a::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 12px;
    width: 0;
    height: 1.5px;
    background-color: #f3f3f3;
    transition: width 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
@media only screen and (min-width: 768px) and (hover) {
  .m-nav__mainRight .m-nav__menu .menu-item a:hover::before {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .m-nav__mainRight .m-nav__menu .menu-item.current-menu-item a::before {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .m-nav__mainRight .m-nav__primary {
    width: calc(55.5555555556% - 49.7777777778px);
    float: left;
    margin-left: 32px;
    margin-left: calc(11.1111111111% - 35.5555555556px + 64px);
    font-size: 52px;
    white-space: nowrap;
    font-weight: 400;
    line-height: 1.2258064516;
    letter-spacing: -0.02em;
  }
  .m-nav__mainRight .m-nav__primary .menu-item:nth-child(1) {
    animation-delay: 100ms;
  }
  .m-nav__mainRight .m-nav__primary .menu-item:nth-child(2) {
    animation-delay: 200ms;
  }
  .m-nav__mainRight .m-nav__primary .menu-item:nth-child(3) {
    animation-delay: 300ms;
  }
  .m-nav__mainRight .m-nav__primary .menu-item:nth-child(4) {
    animation-delay: 400ms;
  }
  .m-nav__mainRight .m-nav__primary .menu-item:nth-child(5) {
    animation-delay: 500ms;
  }
  .m-nav__mainRight .m-nav__primary .menu-item:nth-child(6) {
    animation-delay: 600ms;
  }
  .m-nav__mainRight .m-nav__primary .menu-item:nth-child(7) {
    animation-delay: 700ms;
  }
  .m-nav__mainRight .m-nav__primary .menu-item:nth-child(8) {
    animation-delay: 800ms;
  }
  .m-nav__mainRight .m-nav__primary .menu-item:nth-child(9) {
    animation-delay: 900ms;
  }
  .m-nav__mainRight .m-nav__primary .menu-item:nth-child(10) {
    animation-delay: 1000ms;
  }
  .m-nav__mainRight .m-nav__primary .menu-item-home a {
    opacity: 0.3;
    transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  }
}
@media only screen and (min-width: 768px) and (hover) {
  .m-nav__mainRight .m-nav__primary .menu-item-home a:hover {
    opacity: 1;
  }
}
@media only screen and (min-width: 768px) {
  .m-nav__mainRight .m-nav__primary .menu-item-home a:active {
    opacity: 1;
  }
}
@media only screen and (min-width: 768px) {
  .m-nav__mainRight .m-nav__secondary {
    width: calc(22.2222222222% - 39.1111111111px);
    float: left;
    margin-left: 32px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.3333333333;
    letter-spacing: -0.02em;
  }
  .m-nav__mainRight .m-nav__secondary .menu-item:nth-child(1) {
    animation-delay: 600ms;
  }
  .m-nav__mainRight .m-nav__secondary .menu-item:nth-child(2) {
    animation-delay: 700ms;
  }
  .m-nav__mainRight .m-nav__secondary .menu-item:nth-child(3) {
    animation-delay: 800ms;
  }
  .m-nav__mainRight .m-nav__secondary .menu-item:nth-child(4) {
    animation-delay: 900ms;
  }
  .m-nav__mainRight .m-nav__secondary .menu-item:nth-child(5) {
    animation-delay: 1000ms;
  }
  .m-nav__mainRight .m-nav__secondary .menu-item:nth-child(6) {
    animation-delay: 1100ms;
  }
  .m-nav__mainRight .m-nav__secondary .menu-item:nth-child(7) {
    animation-delay: 1200ms;
  }
  .m-nav__mainRight .m-nav__secondary .menu-item:nth-child(8) {
    animation-delay: 1300ms;
  }
  .m-nav__mainRight .m-nav__secondary .menu-item:nth-child(9) {
    animation-delay: 1400ms;
  }
  .m-nav__mainRight .m-nav__secondary .menu-item:nth-child(10) {
    animation-delay: 1500ms;
  }
  .m-nav__mainRight .m-nav__secondary .menu-item a::before {
    bottom: 4px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-nav__mainLeft {
    padding-left: 74px;
  }
  .m-nav__mainRight .m-nav__primary {
    font-size: 62px;
    white-space: normal;
  }
  .m-nav__mainRight .m-nav__secondary {
    margin-left: calc(11.1111111111% - 35.5555555556px + 64px);
  }
}
.m-nav__main--visible {
  z-index: 10;
}
.m-nav__main--open {
  z-index: 10;
}
.m-nav__main--open .m-nav__mainLeft {
  transform: translate(0);
}
.m-nav__main--open .m-nav__mainRight {
  transform: translate(0);
}
@media (min-width: 1440px) {
  .m-nav__mainLeftBg {
    left: -25vw;
    width: calc(100% + 64px + 25vw);
  }
}
.m-nav__logo {
  position: fixed;
  top: 27px;
  left: 20px;
  z-index: 10;
}
@media only screen and (min-width: 768px) {
  .m-nav__logo {
    left: 16px;
    top: 22px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-nav__logo {
    left: 24px;
    top: 36px;
  }
}
@media (min-width: 1456px) {
  .m-nav__logo {
    left: calc((100vw - 1456px + 64px) / 2);
  }
}
.m-nav__logoImg {
  object-fit: cover;
  object-position: left;
  transition: width 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  width: 75px;
}
@media only screen and (min-width: 768px) {
  .m-nav__logoImg {
    width: 231px;
  }
}
.m-nav__logo--smaller .m-nav__logoImg {
  width: 75px;
}
.m-nav__toggle {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 17px;
  position: fixed;
  right: 20px;
  top: 26px;
  z-index: 10;
  content: "navMobile";
}
@media only screen and (min-width: 768px) {
  .m-nav__toggle {
    content: "navMain";
    right: 16px;
    top: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-nav__toggle {
    right: 36px;
    top: 38px;
  }
}
@media (min-width: 1456px) {
  .m-nav__toggle {
    right: calc((100vw - 1456px + 64px) / 2 + 12px);
  }
}
.m-nav__toggleLabel {
  color: #2e2e2e;
  font-size: 16px;
  line-height: 16px;
  height: 14px;
  overflow: hidden;
  max-height: 20px;
  transition: max-height 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
.m-nav__toggleLabel span, .m-nav__toggleLabel::after {
  display: block;
  transition: 0.2s transform;
}
.m-nav__toggleLabel::after {
  content: attr(data-closetext);
  display: block;
  color: #f3f3f3;
}
.m-nav__toggleBtn {
  background-color: #f3f3f3;
  border-radius: 50%;
  height: 60px;
  width: 60px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  margin: 0;
}
.m-nav__toggleBtn svg {
  stroke: #2e2e2e;
  transition: 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.m-nav__toggleBtn svg g {
  transition: opacity 0s 0.2s;
}
.m-nav__toggleBtn svg g:first-child {
  opacity: 1;
}
.m-nav__toggleBtn svg g:first-child line {
  transition: transform 0.2s 0.2s;
  transform: translateY(0px);
}
.m-nav__toggleBtn svg g:last-child {
  opacity: 0;
}
.m-nav__toggleBtn svg g:last-child line {
  transition: transform 0.2s;
  transform: rotate(0deg);
  transform-origin: center;
}
.m-nav__toggleBtn:hover {
  background-color: #f3f3f3;
}
.m-nav__toggle--hideLabel .m-nav__toggleLabel {
  max-height: 0;
}
.m-nav__toggle--open .m-nav__toggleLabel span, .m-nav__toggle--open .m-nav__toggleLabel::after {
  transform: translateY(-16px);
}
.m-nav__toggle--open .m-nav__toggleBtn svg g:first-child {
  opacity: 0;
}
.m-nav__toggle--open .m-nav__toggleBtn svg g:first-child line {
  transition: transform 0.2s;
}
.m-nav__toggle--open .m-nav__toggleBtn svg g:first-child line:first-child {
  transform: translateY(6px);
}
.m-nav__toggle--open .m-nav__toggleBtn svg g:first-child line:last-child {
  transform: translateY(-6px);
}
.m-nav__toggle--open .m-nav__toggleBtn svg g:last-child {
  opacity: 1;
}
.m-nav__toggle--open .m-nav__toggleBtn svg g:last-child line {
  transition: transform 0.2s 0.2s;
}
.m-nav__toggle--open .m-nav__toggleBtn svg g:last-child line:first-child {
  transform: rotate(45deg);
}
.m-nav__toggle--open .m-nav__toggleBtn svg g:last-child line:last-child {
  transform: rotate(-45deg);
}
@media only screen and (min-width: 0px) {
  .m-nav__mobile {
    min-height: 100vh;
    background-color: #2f3949;
    padding-bottom: 100px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    overflow: hidden;
    z-index: 1;
    transform: translate(-100vw);
    top: 0;
    position: fixed;
    width: 100%;
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .m-nav__mobile .m-nav__menu {
    zoom: 1;
    padding: 0px;
    margin: 0px;
    list-style: none;
    letter-spacing: -0.02em;
  }
  .m-nav__mobile .m-nav__menu::after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
  }
  .m-nav__mobile .m-nav__menu dt {
    float: left;
    clear: left;
  }
  .m-nav__mobile .m-nav__menu dd {
    float: left;
    margin: 0;
  }
  .m-nav__mobile .m-nav__menu .menu-item:not(:last-child) {
    margin-bottom: 6px;
  }
  .m-nav__mobile .m-nav__menu .menu-item-home a {
    opacity: 0.3;
  }
  .m-nav__mobile .m-nav__menu .menu-item a {
    color: #f3f3f3;
  }
  .m-nav__mobile .m-nav__menu .menu-item.current-menu-item a {
    display: inline-block;
    position: relative;
  }
  .m-nav__mobile .m-nav__menu .menu-item.current-menu-item a::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 1px;
    width: 100%;
    height: 1.5px;
    background-color: #f3f3f3;
  }
  .m-nav__mobile .m-nav__primary {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
    font-size: 36px;
    line-height: 44px;
    padding-left: 28px;
    padding-right: 28px;
    margin-bottom: min(96px, 12vh);
    margin-bottom: min(60px, 8vh);
  }
  .m-nav__mobile .m-nav__primary .menu-item:nth-child(1) {
    animation-delay: 100ms;
  }
  .m-nav__mobile .m-nav__primary .menu-item:nth-child(2) {
    animation-delay: 200ms;
  }
  .m-nav__mobile .m-nav__primary .menu-item:nth-child(3) {
    animation-delay: 300ms;
  }
  .m-nav__mobile .m-nav__primary .menu-item:nth-child(4) {
    animation-delay: 400ms;
  }
  .m-nav__mobile .m-nav__primary .menu-item:nth-child(5) {
    animation-delay: 500ms;
  }
  .m-nav__mobile .m-nav__primary .menu-item:nth-child(6) {
    animation-delay: 600ms;
  }
  .m-nav__mobile .m-nav__primary .menu-item:nth-child(7) {
    animation-delay: 700ms;
  }
  .m-nav__mobile .m-nav__primary .menu-item:nth-child(8) {
    animation-delay: 800ms;
  }
  .m-nav__mobile .m-nav__primary .menu-item:nth-child(9) {
    animation-delay: 900ms;
  }
  .m-nav__mobile .m-nav__primary .menu-item:nth-child(10) {
    animation-delay: 1000ms;
  }
  .m-nav__mobile .m-nav__secondaryLinks {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
  }
  .m-nav__mobile .m-nav__secondaryLinks .m-collapse {
    display: flex;
    align-items: flex-end;
  }
  .m-nav__mobile .m-nav__secondary, .m-nav__mobile .m-nav__links {
    width: calc(50% - 24px);
    float: left;
    margin-left: 16px;
    font-size: 20px;
    line-height: 32px;
  }
  .m-nav__mobile .m-nav__secondary {
    padding-left: 28px;
  }
  .m-nav__mobile .m-nav__secondary .menu-item:nth-child(1) {
    animation-delay: 600ms;
  }
  .m-nav__mobile .m-nav__secondary .menu-item:nth-child(2) {
    animation-delay: 700ms;
  }
  .m-nav__mobile .m-nav__secondary .menu-item:nth-child(3) {
    animation-delay: 800ms;
  }
  .m-nav__mobile .m-nav__secondary .menu-item:nth-child(4) {
    animation-delay: 900ms;
  }
  .m-nav__mobile .m-nav__secondary .menu-item:nth-child(5) {
    animation-delay: 1000ms;
  }
  .m-nav__mobile .m-nav__secondary .menu-item:nth-child(6) {
    animation-delay: 1100ms;
  }
  .m-nav__mobile .m-nav__secondary .menu-item:nth-child(7) {
    animation-delay: 1200ms;
  }
  .m-nav__mobile .m-nav__secondary .menu-item:nth-child(8) {
    animation-delay: 1300ms;
  }
  .m-nav__mobile .m-nav__secondary .menu-item:nth-child(9) {
    animation-delay: 1400ms;
  }
  .m-nav__mobile .m-nav__secondary .menu-item:nth-child(10) {
    animation-delay: 1500ms;
  }
  .m-nav__mobile .m-nav__links .menu-item:nth-child(1) {
    animation-delay: 700ms;
  }
  .m-nav__mobile .m-nav__links .menu-item:nth-child(2) {
    animation-delay: 800ms;
  }
  .m-nav__mobile .m-nav__links .menu-item:nth-child(3) {
    animation-delay: 900ms;
  }
  .m-nav__mobile .m-nav__links .menu-item:nth-child(4) {
    animation-delay: 1000ms;
  }
  .m-nav__mobile .m-nav__links .menu-item:nth-child(5) {
    animation-delay: 1100ms;
  }
  .m-nav__mobile .m-nav__links .menu-item:nth-child(6) {
    animation-delay: 1200ms;
  }
  .m-nav__mobile .m-nav__links .menu-item:nth-child(7) {
    animation-delay: 1300ms;
  }
  .m-nav__mobile .m-nav__links .menu-item:nth-child(8) {
    animation-delay: 1400ms;
  }
  .m-nav__mobile .m-nav__links .menu-item:nth-child(9) {
    animation-delay: 1500ms;
  }
  .m-nav__mobile .m-nav__links .menu-item:nth-child(10) {
    animation-delay: 1600ms;
  }
  .m-nav__mobile--open {
    transform: translate(0);
  }
}
@media only screen and (min-width: 768px) {
  .m-nav__mobile {
    display: none;
  }
}

.m-newsletterform {
  margin: 0;
}
.m-newsletterform .inputs {
  display: flex;
  border-radius: 45px;
  border: 1px solid rgba(228, 228, 228, 0.6);
}
.m-newsletterform input {
  border: none;
  border-radius: 45px;
  background-color: transparent;
  flex-grow: 1;
  margin: 0;
  flex-basis: calc(100% - 60px);
  width: 100%;
}
.m-newsletterform input[type=email] {
  color: #f3f3f3;
  font-size: 16px;
  height: auto;
  line-height: 1.4;
  padding: 12px 12px 12px 32px;
}
.m-newsletterform input[type=email]::placeholder {
  color: #f3f3f3;
}
.m-newsletterform__btn {
  align-items: center;
  background-color: #f3f3f3;
  border-radius: 50%;
  display: flex;
  height: 44px;
  justify-content: center;
  margin: 4px;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 44px;
}
.m-newsletterform__btn::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-color: #2e2e2e;
  border-radius: 100%;
  transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1), transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  transform-origin: center;
  transform: scale(0);
  opacity: 0;
}
.m-newsletterform__btn svg {
  overflow: visible;
}
.m-newsletterform__btnArrow {
  display: block;
  position: relative;
  transform: translate(0);
}
.m-newsletterform__btnArrowShadow {
  opacity: 0;
  transform: translate(-35px);
}
@media (hover) {
  .m-newsletterform__btn:hover {
    background-color: #f3f3f3;
  }
  .m-newsletterform__btn:hover .m-newsletterform__btnArrow {
    opacity: 0;
    transition: opacity 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    transform: translate(35px);
  }
  .m-newsletterform__btn:hover .m-newsletterform__btnArrowShadow {
    opacity: 1;
    transform: translate(0);
  }
}
@keyframes pulseBtn {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
.m-newsletterform__btn.loading::before {
  opacity: 1;
  animation: pulseCircle 1s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate;
}
@keyframes pulseCircle {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(0.2);
  }
}
.m-newsletterform__btn.loading svg {
  display: none;
}
.m-newsletterform .error-text,
.m-newsletterform .success-text {
  font-size: 20px;
  line-height: 32px;
  margin-top: 12px;
}
@media only screen and (min-width: 768px) {
  .m-newsletterform input[type=email] {
    font-size: 20px;
    line-height: 1.6;
  }
  .m-newsletterform__btn {
    height: 52px;
    margin: 8px;
    width: 52px;
  }
}

@media only screen and (min-width: 0px) {
  .m-notfound__content {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
  }
  .m-notfound__image {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
  }
  .m-notfound__imageContainer {
    padding-top: 100%;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
  }
}
@media only screen and (min-width: 768px) {
  .m-notfound__content {
    width: calc(50% - 48px);
    float: left;
    margin-left: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }
  .m-notfound__image {
    width: calc(50% - 48px);
    float: left;
    margin-left: 32px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-notfound__content {
    width: calc(33.3333333333% - 42.6666666667px);
    float: left;
    margin-left: 32px;
    margin-left: calc(16.6666666667% - 37.3333333333px + 64px);
  }
  .m-notfound__image {
    width: calc(33.3333333333% - 42.6666666667px);
    float: left;
    margin-left: 32px;
  }
}

@media only screen and (min-width: 0px) {
  .m-pageteaser__imgContainer {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    padding-top: 66.670732%;
  }
  .m-pageteaser__imgContainer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, #2F3949 0%, rgba(128, 161, 178, 0) 100%);
    opacity: 0.7;
    z-index: 1;
  }
  .m-pageteaser__imgContainer .m-h {
    position: absolute;
    top: 34px;
    left: 20px;
    margin: 0;
    width: calc(100% - 40px);
    color: #f3f3f3;
    z-index: 1;
  }
  .m-pageteaser__imgContainer svg {
    position: absolute;
    left: 20px;
    bottom: 34px;
    z-index: 1;
  }
  .m-pageteaser__img {
    display: block;
    height: calc(100% + 150px);
    height: 100%;
    left: 50%;
    left: 0;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: calc(50% - 75px + var(--ty));
    top: 0;
    transform: translate(-50%, -50%);
    transform: none;
    width: 100%;
    z-index: 0;
  }
  .m-pageteaser__text {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
    padding: 0 20px;
  }
  .m-pageteaser__text p {
    font-family: "Cambon", serif;
    font-style: italic;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02em;
    color: #2e2e2e;
  }
  .m-pageteaser.m-section--parallax .m-pageteaser__img {
    height: calc(100% + 150px);
    left: 50%;
    top: calc(50% - 75px + var(--ty));
    transform: translate(-50%, -50%);
  }
  .m-pageteaser .m-container {
    padding: 40px 0;
  }
}
@media only screen and (min-width: 768px) {
  .m-pageteaser .m-container {
    padding: 80px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .m-pageteaser__imgContainer {
    width: calc(50% - 48px);
    float: left;
    margin-left: 32px;
    left: calc(50% - 48px + 32px);
    position: relative;
    padding-top: calc((50% - 48px) * 0.9142857143);
  }
  .m-pageteaser__imgContainer::before {
    content: none;
  }
  .m-pageteaser__text {
    width: calc(50% - 48px);
    float: left;
    margin-left: 32px;
    left: calc(-50% - 16px + 32px);
    position: relative;
    padding: 0;
  }
  .m-pageteaser__text p {
    font-size: 26px;
    line-height: 34px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-pageteaser .m-container {
    padding: 120px 0;
  }
  .m-pageteaser__imgContainer {
    width: calc(41.6666666667% - 45.3333333333px);
    float: left;
    margin-left: 32px;
    left: calc(50% - 48px + 32px);
    position: relative;
    padding-top: calc((41.6666666667% - 45.3333333333px) * 0.9142857143);
  }
  .m-pageteaser__text {
    width: calc(41.6666666667% - 45.3333333333px);
    float: left;
    margin-left: 32px;
    left: calc(-33.3333333333% - 21.3333333333px + 32px);
    position: relative;
  }
  .m-pageteaser__text p {
    font-size: 32px;
    line-height: 44px;
  }
}

.m-orbAnimation {
  --dark-color: hsl(var(--hue), 100%, 9%);
  --light-color: hsl(var(--hue), 95%, 98%);
  --base: hsl(var(--hue), 95%, 50%);
  --complimentary1: hsl(var(--hue-complimentary1), 95%, 50%);
  --complimentary2: hsl(var(--hue-complimentary2), 95%, 50%);
  --font-family: "Poppins", system-ui;
  --bg-gradient: linear-gradient(
  /*            to bottom,*/
        135deg,
        #016966 0%,
        #80bdaf 40%,
        #80bdaf 60%,
        #e5e6cf 100%
        /*hsl(var(--hue), 95%, 99%),
        hsl(var(--hue), 95%, 84%)*/
      );
  /*          top: 100vh;*/
  width: 100vw;
  position: relative;
  /*          border: 2px solid black;*/
  background: var(--bg-gradient);
}
.m-orbAnimation__canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  /*          z-index: -1;*/
  z-index: 0;
  opacity: 0;
  transition: opacity 0.5s linear;
}
.m-orbAnimation__canvas--visible {
  opacity: 1;
}
.m-p {
  font-family: "Avenir";
  font-size: 16px;
  line-height: 1.5;
}
@media only screen and (min-width: 1280px) {
  .m-p {
    font-size: 20px;
    line-height: 1.6;
  }
}
@media only screen and (min-width: 1280px) {
  .m-p--small {
    font-size: 14px;
    line-height: 2;
  }
}

@media only screen and (min-width: 0px) {
  .m-pipeline .m-introtext, .m-pipeline__table {
    width: 100%;
  }
  .m-pipeline .m-introtext {
    margin-bottom: 32px;
  }
  .m-pipeline__col {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    gap: 14px;
  }
  .m-pipeline__col:not(:last-child) {
    border-bottom: 1px solid rgba(46, 46, 46, 0.5);
  }
  .m-pipeline__col:not(.m-pipeline__col.m-pipeline__fieldTitle) {
    padding: 16px 0;
  }
  .m-pipeline__col:not(.m-pipeline__fieldTitle):not(.m-pupeline__colHead) {
    padding-top: 48px;
  }
  .m-pipeline__col--hasText:hover {
    cursor: pointer;
  }
  .m-pipeline__col--hasText:hover .m-pipeline__btn svg circle {
    fill: #2f3949;
  }
  .m-pipeline__fieldTitle {
    background-color: #40619c;
    padding: 10px 20px 12px;
    border-radius: 8px;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.02em;
  }
  .m-pipeline__fieldBadge {
    align-self: flex-start;
    min-width: 130px;
    text-align: center;
    display: inline-block;
    padding: 8px 20px 10px;
    border-radius: 40px;
    font-style: italic;
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    font-family: "Cambon", serif;
  }
  .m-pipeline__fieldTitle, .m-pipeline__fieldBadge {
    color: #f3f3f3;
  }
  .m-pipeline__fieldTitle.color1, .m-pipeline__fieldBadge.color1 {
    background-color: #40619c;
  }
  .m-pipeline__fieldTitle.color2, .m-pipeline__fieldBadge.color2 {
    background-color: #718aa7;
  }
  .m-pipeline__progressbar {
    background: rgba(113, 138, 167, 0.3);
    border-radius: 200px;
    width: 100%;
    height: 20px;
    position: relative;
  }
  .m-pipeline__progressbarProgress {
    background: radial-gradient(72.5% 4531.5% at 101.65% -22.5%, #628FDE 0%, #62A390 100%), #61A38F;
    border-radius: 200px;
    height: 100%;
    transition: width 1s ease-out;
    width: 0;
  }
  .m-pipeline__progressbar .m-pipeline__progressmarker {
    position: absolute;
    opacity: 0.67;
    height: 100%;
    width: 2px;
    top: 0;
    left: 0;
    background-color: white;
  }
  .m-pipeline__progressbar .m-pipeline__progressmarker--20 {
    left: 20%;
  }
  .m-pipeline__progressbar .m-pipeline__progressmarker--40 {
    left: 40%;
  }
  .m-pipeline__progressbar .m-pipeline__progressmarker--60 {
    left: 60%;
  }
  .m-pipeline__progressbar .m-pipeline__progressmarker--80 {
    left: 80%;
  }
  .m-pipeline__btn {
    height: auto;
    background: none;
    line-height: 0px;
    padding: 0;
    margin: 0;
    display: inline;
  }
  .m-pipeline__btn svg circle {
    transition: fill 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    fill: #718aa7;
  }
  .m-pipeline__btn svg path {
    transform-origin: center;
    transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .m-pipeline__btn:hover, .m-pipeline__btn:active, .m-pipeline__btn.open {
    background: none;
  }
  .m-pipeline__btn:hover svg circle, .m-pipeline__btn:active svg circle, .m-pipeline__btn.open svg circle {
    fill: #2f3949;
  }
  .m-pipeline__btn.open svg path {
    transform: rotate(180deg);
  }
  .m-pipeline dl {
    display: flex;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #2e2e2e;
    margin: 0;
  }
  .m-pipeline dl dt {
    flex-basis: 50%;
    font-weight: 900;
  }
  .m-pipeline dl dd {
    margin: 0;
    flex-basis: 50%;
  }
  .m-pipeline dl.m-pipeline__program dd {
    font-weight: 900;
  }
  .m-pipeline dl.m-pipeline__program span {
    display: block;
    font-weight: 400;
    font-style: italic;
  }
  .m-pipeline dl.m-pipeline__progress {
    padding: 12px 0;
  }
  .m-pipeline dl.m-pipeline__progress dd {
    flex-basis: 100%;
    margin: 0;
  }
  .m-pipeline dl.m-pipeline__rights dd {
    flex-basis: 100%;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .m-pipeline dl.m-pipeline__text {
    display: none;
  }
  .m-pipeline dl.m-pipeline__text dd {
    flex-basis: 100%;
    margin: 0;
  }
  .m-pipeline dl.m-pipeline__text dd h2 {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: -0.01em;
    margin-top: 20px;
    margin-bottom: 12px;
    font-weight: 400;
  }
  .m-pipeline dl.m-pipeline__text dd p {
    font-size: 16px;
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .m-pipeline dl dt {
    flex-basis: 25%;
  }
  .m-pipeline dl dd {
    flex-basis: 75%;
  }
}
@media only screen and (min-width: 1280px) {
  .m-pipeline .m-introtext {
    margin-bottom: 60px;
  }
  .m-pipeline__col {
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0;
  }
  .m-pipeline__col:not(.m-pipeline__col.m-pipeline__fieldTitle) {
    padding: 0;
  }
  .m-pipeline__col--noBorder:not(:last-child) {
    border-bottom: none;
  }
  .m-pipeline__fieldTitle {
    margin-top: 13px;
  }
  .m-pipeline__progressbar .m-pipeline__progressmarker {
    display: none;
  }
  .m-pipeline dl {
    display: block;
    padding: 10px;
  }
  .m-pipeline dl:not(.m-pipeline__head) dt {
    display: none;
  }
  .m-pipeline dl.m-pipeline__program {
    width: 11.9791666667%;
  }
  .m-pipeline dl.m-pipeline__indication {
    width: 11.2847222222%;
    min-height: 92px;
    display: flex;
    align-items: center;
  }
  .m-pipeline dl.m-pipeline__indication dd {
    flex-basis: 100%;
  }
  .m-pipeline dl.m-pipeline__progress {
    width: 56.4236111111%;
    padding-right: 20px;
  }
  .m-pipeline dl.m-pipeline__progress.m-pipeline__head dt {
    display: flex;
    justify-content: space-between;
  }
  .m-pipeline dl.m-pipeline__progress.m-pipeline__head dt div {
    width: 20%;
  }
  .m-pipeline dl.m-pipeline__progress.m-pipeline__head dt div:nth-child(n+3) {
    text-align: center;
  }
  .m-pipeline dl.m-pipeline__rights {
    width: 20.3125%;
    padding-right: 0;
  }
  .m-pipeline dl.m-pipeline__rights dd {
    gap: 14px;
  }
  .m-pipeline dl.m-pipeline__text {
    width: 70.3993055556%;
    margin-left: 11.9791666667%;
  }
}

.m-posts {
  border-bottom-right-radius: 30px;
  position: relative;
  padding-bottom: 40px;
  padding-top: 20px;
}
@media only screen and (min-width: 0px) {
  .m-posts {
    float: left;
    width: 100%;
  }
  .m-posts > .m-h {
    margin: 0;
    width: calc(50% - 24px);
    float: left;
    margin-left: 16px;
  }
  .m-posts__allBtnContainer {
    width: calc(50% - 24px);
    float: left;
    margin-left: 16px;
    text-align: right;
  }
  .m-posts__container {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
    margin-top: 20px;
  }
  .m-posts__containerInner {
    margin-left: -16px;
    margin-right: -16px;
    width: calc(100% + 32px);
  }
  .m-posts__container .m-card:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .m-posts > .m-h {
    margin: 0;
    width: calc(41.6666666667% - 45.3333333333px);
    float: left;
    margin-left: 32px;
    margin-left: calc(8.3333333333% - 34.6666666667px + 64px);
  }
  .m-posts__allBtnContainer {
    width: calc(25% - 40px);
    float: left;
    margin-left: 32px;
    margin-left: calc(16.6666666667% - 37.3333333333px + 64px);
    text-align: right;
    height: 36px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .m-posts__container {
    width: calc(83.3333333333% - 58.6666666667px);
    float: left;
    margin-left: 32px;
    margin-left: calc(8.3333333333% - 34.6666666667px + 64px);
    margin-top: 20px;
  }
  .m-posts__containerInner {
    margin-left: -32px;
    margin-right: -32px;
    width: calc(100% + 64px);
  }
  .m-posts__containerInner::after {
    clear: both;
    content: "";
    display: block;
  }
  .m-posts__container .m-card:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-posts {
    padding-bottom: 80px;
    padding-top: 60px;
  }
  .m-posts__allBtnContainer {
    height: 60px;
  }
  .m-posts__containerInner {
    display: flex;
    flex-wrap: wrap;
  }
  .m-posts__container .m-card {
    margin-bottom: 32px;
  }
  .m-posts__container .m-card:not(:last-child) {
    margin-bottom: 32px;
  }
}

@media only screen and (min-width: 0px) {
  .m-properties__introtext {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
    padding: 0 20px;
  }
  .m-properties__items {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .m-properties__item {
    border: 1px solid #bababa;
    border-radius: 30px;
    padding: 20px 20px 32px;
  }
  .m-properties__itemHeader {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .m-properties__itemHeader::before {
    content: attr(data-index);
    display: block;
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -0.02em;
    color: #424242;
    padding: 16px 10px 0;
  }
  .m-properties__itemText {
    margin-top: 12px;
  }
  .m-properties__itemText .m-h {
    margin-top: 0;
    margin-bottom: 12px;
  }
  .m-properties__itemText .m-p {
    margin-top: 12px;
    margin-bottom: 0;
    line-height: 21px;
  }
}
@media only screen and (min-width: 768px) {
  .m-properties__introtext {
    width: calc(100% - 64px);
    float: left;
    margin-left: 32px;
    padding: 0;
  }
  .m-properties__items {
    width: calc(100% - 64px);
    float: left;
    margin-left: 32px;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
  }
  .m-properties__item {
    width: calc(50% - 10px);
  }
}
@media only screen and (min-width: 1280px) {
  .m-properties__introtext {
    width: calc(83.3333333333% - 58.6666666667px);
    float: left;
    margin-left: 32px;
    margin-left: calc(8.3333333333% - 34.6666666667px + 64px);
  }
  .m-properties__items {
    width: calc(83.3333333333% - 58.6666666667px);
    float: left;
    margin-left: 32px;
    margin-left: calc(8.3333333333% - 34.6666666667px + 64px);
    gap: 30px;
  }
  .m-properties__item {
    width: calc(33.3333333333% - 20px);
    padding: 32px;
  }
  .m-properties__itemText .m-h {
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;
  }
  .m-properties__itemText .m-p {
    font-size: 16px;
    font-weight: 400;
  }
}

.m-section {
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}
.m-section:not(.m-section--sticky) {
  padding-top: 20px;
}
.m-section--bgNoise {
  position: relative;
  background-image: url("../img/bg-noise.png");
  background-repeat: repeat;
}
.m-section--bgNoiseBottom {
  position: relative;
}
.m-section--bgNoiseBottom::before {
  content: "";
  height: 30px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  background-image: url("../img/bg-noise.png");
  background-repeat: repeat;
}
.m-section--sticky {
  max-height: 100vh;
  position: sticky;
  top: 0;
}
.m-section--fullHeight {
  min-height: 100vh;
}
@media only screen and (min-width: 768px) {
  .m-section--roundedBottom {
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    margin-bottom: -30px;
  }
}
.m-section--overflowVisible {
  overflow: visible;
}
.m-section--pullUp {
  margin-top: -130px;
}
@media only screen and (min-width: 768px) {
  .m-section--pullUp {
    margin-bottom: -40px;
  }
}
.m-section--pullUpMore {
  margin-top: -180px;
}
@media only screen and (min-width: 768px) {
  .m-section--pullUpMore {
    margin-bottom: -40px;
  }
}
.m-section--marginTop {
  margin-top: 117px;
}
@media only screen and (min-width: 768px) {
  .m-section--marginTop {
    margin-top: 87px;
    margin-bottom: -30px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-section--marginTop {
    margin-top: 123px;
  }
}

.m-spinner {
  height: 100%;
  width: 100%;
  background: #efefef;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 997 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-spinner__circle {
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  border: 6px solid #f3f3f3;
  border-top: 6px solid #3498db;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.m-storyboard {
  content: "viewport-s";
}
@media (hover) {
  .m-storyboard {
    content: "viewport-s--hasHover";
  }
}
@media only screen and (min-width: 0px) {
  .m-storyboard__introtext {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
    padding: 0 16px;
  }
  .m-storyboard__stage {
    width: calc(100% - 32px);
    float: left;
    margin-left: 16px;
    background-color: #efefef;
    border-radius: 30px;
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 500px;
    height: max(90vh, 500px);
    max-height: 600px;
  }
}
@media only screen and (min-width: 768px) {
  .m-storyboard {
    content: "viewport-md";
  }
}
@media only screen and (min-width: 768px) and (hover) {
  .m-storyboard {
    content: "viewport-md--hasHover";
  }
}
@media only screen and (min-width: 768px) {
  .m-storyboard__introtext {
    width: calc(100% - 64px);
    float: left;
    margin-left: 32px;
  }
}
@media only screen and (min-width: 768px) {
  .m-storyboard__stage {
    width: calc(100% - 64px);
    float: left;
    margin-left: 32px;
    min-height: 500px;
    height: max(90vh, 500px);
    max-height: 719px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-storyboard {
    content: "viewport-lg";
  }
}
@media only screen and (min-width: 1280px) and (hover) {
  .m-storyboard {
    content: "viewport-lg--hasHover";
  }
}
@media only screen and (min-width: 1280px) {
  .m-storyboard__introtext {
    width: calc(83.3333333333% - 58.6666666667px);
    float: left;
    margin-left: 32px;
    margin-left: calc(8.3333333333% - 34.6666666667px + 64px);
    padding: 0;
  }
}
@media only screen and (min-width: 1280px) {
  .m-storyboard__stage {
    width: calc(100% - 64px);
    float: left;
    margin-left: 32px;
    min-height: 700px;
    height: max(90vh, 700px);
    max-height: 900px;
    display: flex;
  }
}
.m-storyboard .nav-container {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .m-storyboard .nav-container {
    padding: 0 60px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-storyboard .nav-container {
    padding: 0 120px;
  }
}
.m-storyboard .nav-container .nav-inner {
  margin: 0 auto;
  position: relative;
  width: calc(100% - 32px);
}
@media only screen and (min-width: 768px) {
  .m-storyboard .nav-container .nav-inner {
    display: flex;
    justify-items: stretch;
    width: 100%;
  }
}
.m-storyboard .nav-container .nav-inner::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  border-top: 4px solid #424242;
  opacity: 0.3;
}
.m-storyboard .nav-container .nav-inner .nav-section {
  --progress: 0%;
  font-family: "Cambon", serif;
  font-style: italic;
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  letter-spacing: -0.02em;
  color: #2e2e2e;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 30px;
  position: relative;
}
.m-storyboard .nav-container .nav-inner .nav-section:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 768px) {
  .m-storyboard .nav-container .nav-inner .nav-section {
    opacity: 1 !important;
  }
  .m-storyboard .nav-container .nav-inner .nav-section:not(:first-child) {
    position: relative;
  }
}
.m-storyboard .nav-container .nav-inner .nav-section#nav-1 {
  --progress: 50%;
}
@media only screen and (min-width: 768px) {
  .m-storyboard .nav-container .nav-inner .nav-section {
    display: block !important;
  }
  .m-storyboard .nav-container .nav-inner .nav-section:not(:first-child)::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 4px;
    height: 25px;
    opacity: 0.4;
    border: 1px solid #2e2e2e;
  }
}
.m-storyboard .nav-container .nav-inner .nav-section::after {
  content: "";
  left: 0;
  position: absolute;
  bottom: 0;
  border-top-width: 4px;
  border-top-style: solid;
  border-top-color: #61a38f;
  width: var(--progress);
}
.m-storyboard .nav-container .nav-inner .nav-section.active {
  display: block;
}
.m-storyboard .set-container {
  width: 100%;
  flex-grow: 1;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .m-storyboard .set-container {
    flex-grow: 1;
    padding-top: 0;
  }
}
.m-storyboard .set-container .set-container-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.m-storyboard .set-container .set-container-inner .storyboard-set {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-storyboard .set-container .set-container-inner .storyboard-set .img-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set .img-container {
    top: 0;
    height: calc(100% - 100px);
  }
}
.m-storyboard .set-container .set-container-inner .storyboard-set .img-container img, .m-storyboard .set-container .set-container-inner .storyboard-set .img-container video {
  position: absolute;
}
.m-storyboard .set-container .set-container-inner .storyboard-set:not(.framed-img) img, .m-storyboard .set-container .set-container-inner .storyboard-set video {
  top: 0;
  transform: translate(-50%);
  left: 50%;
  max-width: 280px;
  left: 50%;
  width: calc(100% - 32px);
}
@media (max-width: 767px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set:not(.framed-img) img, .m-storyboard .set-container .set-container-inner .storyboard-set video {
    object-fit: contain;
    height: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set:not(.framed-img) img, .m-storyboard .set-container .set-container-inner .storyboard-set video {
    top: 50%;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    max-width: 46.6954023%;
    max-width: 455px;
    object-fit: contain;
    height: 100%;
  }
}
.m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s00-txt00 {
  margin-left: 10%;
  margin-top: 80px;
  align-self: flex-start;
}
.m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s00-txt01 {
  margin-left: auto;
  width: 130px;
  font-size: 1rem;
}
@media (max-width: 767px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s01-txt01 .box__circle {
    bottom: 50%;
    right: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s01-txt01 {
    bottom: auto;
    top: calc(50% - 58px);
    right: calc(50% + 135px);
  }
}
@media only screen and (min-width: 1280px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s01-txt01 {
    top: calc(50% - 59px);
    right: calc(50% + 283px);
  }
}
.m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s01-txt02 {
  bottom: 20%;
  right: calc(50% + 149px);
}
@media (max-width: 767px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s01-txt02 .box__circle {
    bottom: 42%;
    right: 52%;
  }
}
@media only screen and (min-width: 768px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s01-txt02 {
    bottom: calc(32% - 74px);
    right: calc(56% + 103px);
  }
}
@media only screen and (min-width: 1280px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s01-txt02 {
    bottom: calc(33% - 98px);
    right: calc(62% + 120px);
  }
}
.m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s01-txt03 {
  bottom: 50.7%;
  right: 72.6%;
}
@media (max-width: 767px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s01-txt03 .box__circle {
    bottom: 62%;
    left: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s01-txt03 {
    right: auto;
    bottom: calc(60% - 74px);
    left: calc(50% - 286px);
  }
}
@media only screen and (min-width: 1280px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s01-txt03 {
    top: calc(44% - 98px);
    left: calc(39% - 400px);
    bottom: auto;
  }
}
.m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s01-img01,
.m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s01-img07,
.m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s01-img08,
.m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s01-img10,
.m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s01-img11 {
  background-color: #efefef;
}
.m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s01-bdg01 {
  position: absolute;
  bottom: 82%;
  right: 69%;
}
.m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s01-bdg02 {
  position: absolute;
  bottom: 82%;
  left: 51%;
}
.m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s01-bdg03 {
  position: absolute;
  right: 115px;
  bottom: 151px;
}
@media only screen and (min-width: 480px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s01-bdg03 {
    right: 10px;
    bottom: 184px;
  }
}
@media only screen and (min-width: 768px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s01-bdg03 {
    right: auto;
    bottom: 211px;
    left: calc(50% + 88px);
  }
}
@media only screen and (min-width: 1024px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s01-bdg03 {
    left: calc(50% + 200px);
  }
}
@media only screen and (min-width: 1280px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s01-bdg03 {
    left: calc(50% + 200px);
  }
}
.m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s01-bdg04 {
  position: absolute;
  right: 0;
  bottom: 151px;
}
@media only screen and (min-width: 480px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s01-bdg04 {
    left: auto;
    right: 10px;
    bottom: 151px;
  }
}
@media only screen and (min-width: 768px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s01-bdg04 {
    right: auto;
    bottom: 158px;
    left: calc(50% + 88px);
  }
}
@media only screen and (min-width: 1024px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s01-bdg04 {
    left: calc(50% + 200px);
  }
}
@media only screen and (min-width: 1280px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s01-bdg04 {
    left: calc(50% + 200px);
  }
}
.m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s01-bdg05 {
  position: absolute;
  right: 0;
  bottom: 118px;
}
@media only screen and (min-width: 480px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s01-bdg05 {
    left: auto;
    right: 10px;
    bottom: 118px;
  }
}
@media only screen and (min-width: 768px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s01-bdg05 {
    right: auto;
    bottom: 105px;
    left: calc(50% + 88px);
  }
}
@media only screen and (min-width: 1024px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s01-bdg05 {
    left: calc(50% + 200px);
  }
}
@media only screen and (min-width: 1280px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set#s01 #s01-bdg05 {
    left: calc(50% + 200px);
  }
}
.m-storyboard .set-container .set-container-inner .storyboard-set .box {
  --lineLength: 150px;
  width: 100%;
  align-self: flex-end;
  display: none;
}
.m-storyboard .set-container .set-container-inner .storyboard-set .box--wide {
  --lineLength: 320px;
}
@media only screen and (min-width: 480px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set .box {
    max-width: 300px;
  }
}
@media only screen and (min-width: 768px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set .box {
    --lineLength: 55px;
    width: 205px;
    position: absolute;
  }
  .m-storyboard .set-container .set-container-inner .storyboard-set .box--wide {
    --lineLength: 85px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set .box {
    --lineLength: 150px;
  }
  .m-storyboard .set-container .set-container-inner .storyboard-set .box--wide {
    --lineLength: 320px;
  }
}
.m-storyboard .set-container .set-container-inner .storyboard-set .box__inner {
  border-radius: 20px;
  background-color: #2e2e2e;
  color: #f3f3f3;
  padding: 20px;
  transform: scaleY(0);
}
@media only screen and (min-width: 768px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set .box__inner {
    padding-bottom: 30px;
  }
}
.m-storyboard .set-container .set-container-inner .storyboard-set .box__line {
  position: absolute;
  right: calc(-1 * var(--lineLength));
  top: calc(50% - 2px);
  height: 0;
  border-top: 3px solid #2e2e2e;
}
@media (max-width: 767px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set .box__line {
    display: none;
  }
}
.m-storyboard .set-container .set-container-inner .storyboard-set .box__circle {
  --radius: 60px;
  position: absolute;
  border-radius: 50%;
  border: 2px solid #2e2e2e;
  width: var(--radius);
  height: var(--radius);
  transform: scale(0);
}
@media only screen and (min-width: 768px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set .box__circle {
    --radius: 80px;
    right: auto;
    bottom: auto;
    left: calc(100% + var(--lineLength));
    top: calc(50% - 2px - var(--radius) / 2);
    border-width: 3px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set .box__circle {
    --radius: 135px;
    border-width: 4px;
  }
}
.m-storyboard .set-container .set-container-inner .storyboard-set .box .title {
  font-family: "Cambon", serif;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.02em;
  font-style: italic;
  line-height: 1;
  margin-bottom: 3px;
}
.m-storyboard .set-container .set-container-inner .storyboard-set .box .title .lineMask {
  display: inline-block;
}
@media only screen and (min-width: 768px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set .box .title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 16px;
  }
  .m-storyboard .set-container .set-container-inner .storyboard-set .box .title .lineMask {
    display: block;
  }
}
@media only screen and (min-width: 1280px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set .box .title {
    font-size: 20px;
    line-height: 28px;
  }
}
.m-storyboard .set-container .set-container-inner .storyboard-set .box .title .lineMask {
  overflow: hidden;
}
.m-storyboard .set-container .set-container-inner .storyboard-set .box .title .line {
  display: inline-block;
  padding-bottom: 5px;
}
.m-storyboard .set-container .set-container-inner .storyboard-set .box .text {
  font-size: 16px;
  line-height: 21px;
  opacity: 0.7;
  overflow: hidden;
  position: relative;
  --height: 0%;
  --translate: -125%;
}
@media only screen and (min-width: 768px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set .box .text {
    font-size: 14px;
    line-height: 18px;
    padding-left: 14px;
  }
  .m-storyboard .set-container .set-container-inner .storyboard-set .box .text::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: var(--height);
    border-left: 2px solid #f3f3f3;
  }
}
@media only screen and (min-width: 1280px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set .box .text {
    font-size: 16px;
    line-height: 21px;
  }
}
.m-storyboard .set-container .set-container-inner .storyboard-set .box .text__inner {
  position: relative;
  transform: translate(var(--translate));
}
.m-storyboard .set-container .set-container-inner .storyboard-set .box .text + .text {
  margin-top: 12px;
}
.m-storyboard .set-container .set-container-inner .storyboard-set .badge {
  border-radius: 8px;
  background-color: #2f3949;
  font-family: "Cambon", serif;
  font-style: italic;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.02em;
  color: #f3f3f3;
  padding: 10px 20px;
}
.m-storyboard .set-container .set-container-inner .storyboard-set .badge.popout {
  background-color: #0000ff;
}
@media (max-width: 767px) {
  .m-storyboard .set-container .set-container-inner .storyboard-set .badge {
    padding: 5px 8px;
    line-height: 23px;
  }
  .m-storyboard .set-container .set-container-inner .storyboard-set .badge .lineMask {
    white-space: nowrap;
  }
  .m-storyboard .set-container .set-container-inner .storyboard-set .badge.mobile-smaller {
    font-size: 14px;
    line-height: 18px;
  }
}
.m-storyboard__btn {
  margin: 0;
  padding: 0;
  background-color: transparent;
  height: auto;
  display: block;
  line-height: normal;
  transition: transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.m-storyboard__btn svg {
  transition: transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.m-storyboard__btn:active, .m-storyboard__btn:hover {
  background-color: transparent;
}
.m-storyboard__btn:active svg {
  transform: scale(0.9180327869);
}
.m-storyboard__btn:active svg circle {
  fill: #5d9b88;
}
.m-storyboard__btn--prev, .m-storyboard__btn--next {
  bottom: 12px;
  position: absolute;
  left: 18px;
}
@media (max-width: 479px) {
  .m-storyboard__btn--prev, .m-storyboard__btn--next {
    bottom: 50%;
    transform: translateY(50%);
  }
}
.m-storyboard__btn--prev svg, .m-storyboard__btn--next svg {
  width: 50px;
  height: 50px;
  transition: transform 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.m-storyboard__btn--prev circle, .m-storyboard__btn--next circle {
  fill: #61a38f;
  transition: fill 0.2s cubic-bezier(0.19, 1, 0.22, 1);
}
.m-storyboard__btn--prev path, .m-storyboard__btn--next path {
  stroke: #f3f3f3;
}
.m-storyboard__btn--prev svg {
  transform: rotate(180deg);
}
.m-storyboard__btn--prev:active svg {
  transform: rotate(180deg) scale(0.9180327869);
}
.m-storyboard__btn--next {
  left: auto;
  right: 18px;
}
@media only screen and (min-width: 768px) {
  .m-storyboard__btn--prev svg, .m-storyboard__btn--next svg {
    width: 90px;
    height: 90px;
  }
}
@media only screen and (min-width: 1280px) {
  .m-storyboard__btn--prev svg, .m-storyboard__btn--next svg {
    width: 122px;
    height: 122px;
  }
}

/* Settings */
/* Basic styles */
/* Modules */
/* Individual styling */

/*# sourceMappingURL=live.css.map */