@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@400&display=swap);
/**
 * Breakpoints
 * WordPress Breakpoints: 782px 600px
 * Other Breakpoints: 1280px 960px 425px
 * Example usage:
 *
 *   .container {
 *     flex-direction: column;
 *     @include above(782px) {
 *       flex-direction: row;
 *     }
 *   }
 *
 */
#wpadminbar {
  background: none;
}
#wpadminbar ul.ab-top-menu:before {
  content: " ";
  background-color: rgba(29, 35, 39, 0.9);
  width: 10px;
  height: 46px;
  display: block;
  float: left;
}
@media (min-width: 782px) {
  #wpadminbar ul.ab-top-menu:before {
    height: 32px;
  }
}
#wpadminbar ul.ab-top-menu:after {
  content: " ";
  width: 40px;
  height: 46px;
  display: block;
  background: rgba(29, 35, 39, 0.9);
  border-radius: 0 0 10px 0;
  float: left;
}
@media (min-width: 782px) {
  #wpadminbar ul.ab-top-menu:after {
    height: 32px;
  }
}
#wpadminbar ul.ab-top-menu > li {
  background: rgba(29, 35, 39, 0.9);
}
#wpadminbar ul.ab-top-menu #wp-admin-bar-site-name a:after {
  content: " Dashboard";
}
#wpadminbar ul.ab-top-menu #wp-admin-bar-site-name .ab-sub-wrapper {
  display: none;
}
#wpadminbar ul.ab-top-secondary {
  display: none;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

* {
  box-sizing: border-box;
}

summary::-webkit-details-marker {
  display: none;
}

html {
  line-height: 1;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  color: currentColor;
  text-decoration: none;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

details > summary {
  list-style: none;
}

summary::-webkit-details-marker {
  display: none;
}

q,
blockquote {
  quotes: none;
}

q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=url],
input[type=search],
input[type=submit],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}

textarea {
  resize: vertical;
}

select {
  display: block;
}

@font-face {
  font-family: "PP Eiko";
  src: url("fonts/PPEiko-Thin.woff2") format("woff2"), url("fonts/PPEiko-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
[data-form-name="Contact Form"] .sfu {
  display: none;
}

.site-footer {
  position: relative;
  background: #333333;
  overflow: hidden;
  margin: -1px 0 0;
}
.site-footer .inner {
  position: relative;
  padding: clamp(66px, 5.2083333333vw, 110px) 0 clamp(16.5px, 1.3020833333vw, 27.5px);
}
.site-footer .social-media-icons {
  position: relative;
  text-align: center;
}
.site-footer .social-media-icons .prompt {
  font-family: "Manrope", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(11.88px, 0.9375vw, 19.8px);
  color: rgba(255, 255, 255, 0.3);
  text-align: center;
  text-transform: uppercase;
}
.site-footer .social-media-icons .items {
  list-style-type: none;
  margin: clamp(16.5px, 1.3020833333vw, 27.5px) 0 0;
}
.site-footer .social-media-icons .item {
  margin: 0 8px 0 0;
}
.site-footer .social-media-icons .item:last-child {
  margin: 0;
}
.site-footer .social-media-icons .link {
  display: flex;
  align-items: center;
  justify-content: center;
}
.site-footer .social-media-icons .label {
  font-family: "PP Eiko", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  text-transform: uppercase;
  font-size: clamp(50.16px, 3.9583333333vw, 83.6px);
  color: #FFFFFF;
  text-transform: uppercase;
}
@media (max-width: 783px) {
  .site-footer .brand {
    display: flex;
    justify-content: center;
    margin: clamp(66px, 5.2083333333vw, 110px) 0 0;
  }
}
@media (min-width: 782px) {
  .site-footer .brand {
    display: block;
    position: absolute;
    bottom: clamp(16.5px, 1.3020833333vw, 27.5px);
    left: calc(50% - clamp(132px, 10.4166666667vw, 220px));
  }
}
.site-footer .brand img {
  width: clamp(264px, 20.8333333333vw, 440px);
  height: clamp(48.84px, 3.8541666667vw, 81.4px);
  display: block;
}
.site-footer .legals {
  margin: 0 auto;
  width: calc(100% - clamp(52.8px, 4.1666666667vw, 88px));
  max-width: clamp(6599.34px, 520.78125vw, 10998.9px);
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin-top: clamp(26.4px, 2.0833333333vw, 44px);
}
@media (min-width: 782px) {
  .site-footer .legals {
    flex-direction: row;
    justify-content: space-between;
    margin-top: clamp(148.5px, 11.71875vw, 247.5px);
  }
}
.site-footer .legals .copyright {
  font-family: "Manrope", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(11.88px, 0.9375vw, 19.8px);
  color: rgba(255, 255, 255, 0.3);
}
.site-footer .legals .bgn {
  font-family: "Manrope", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(11.88px, 0.9375vw, 19.8px);
  color: rgba(255, 255, 255, 0.3);
  transition: color 0.3s;
}
@media (max-width: 783px) {
  .site-footer .legals .bgn {
    margin: clamp(6.6px, 0.5208333333vw, 11px) 0 0;
  }
}
.site-footer .legals .bgn:hover {
  color: #FFFFFF;
}

html {
  background: #333333;
}

body {
  position: relative;
}

main {
  background: #F8F8F8;
}

::-moz-placeholder {
  color: #a9a9a9;
}

:-ms-input-placeholder {
  color: #a9a9a9;
}

::placeholder {
  color: #a9a9a9;
}

::-moz-selection {
  background: #ACCEF7;
  color: #FFFFFF;
}

::selection {
  background: #ACCEF7;
  color: #FFFFFF;
}

@media (min-width: 782px) {
  [data-animation] {
    opacity: 0;
  }
}

.gform_wrapper .gform_heading .gform_required_legend {
  display: none;
}
.gform_wrapper .gform_body .gfield .screen-reader-text {
  display: none;
}
.gform_wrapper .gform_footer img {
  display: none;
}
.site-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 90;
}
.site-header:before {
  content: " ";
  position: absolute;
  width: clamp(528px, 41.6666666667vw, 880px);
  left: calc(50% - clamp(264px, 20.8333333333vw, 440px));
  height: clamp(264px, 20.8333333333vw, 440px);
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
  background: rgba(51, 51, 51, 0.9);
  display: block;
  opacity: 0;
  transform: translateY(-60%);
  transition: opacity 0.3s;
}
[data-scroll-direction=backwards][data-scroll-detected=true] .site-header:before {
  opacity: 1;
}
[data-header-theme=none] .site-header:before {
  opacity: 0 !important;
}
.site-header .brand {
  position: absolute;
  top: clamp(16.5px, 1.3020833333vw, 27.5px);
  left: 50%;
  width: clamp(213.84px, 16.875vw, 356.4px);
  color: #FFFFFF;
  transition: color 0.3s, opacity 0.3s;
  transform: translateX(-50%);
  /*
  [data-header-theme="light"] & {
      color: $white;
  }

  [data-header-theme="dark"] & {
      color: $black;
  }
  */
}
@media (min-width: 782px) {
  .site-header .brand {
    width: clamp(285.12px, 22.5vw, 475.2px);
  }
}
[data-header-theme=none] .site-header .brand, [data-scroll-direction=forwards][data-scroll-detected=true] .site-header .brand {
  opacity: 0;
}
.site-header .brand svg {
  width: 100%;
  height: auto;
  display: block;
}
[data-header-theme=dark] .site-header .brand svg {
  filter: brightness(0);
}
[data-header-theme=dark][data-scroll-detected=true] .site-header .brand svg {
  filter: none;
}
@media (min-width: 782px) {
  .site-header .brand svg {
    opacity: 0;
  }
}
.site-header .brand path {
  transition: fill 0.3s;
}

.home-banner {
  background: #333333;
  position: relative;
  overflow: hidden;
  padding: clamp(198px, 15.625vw, 330px) 0 clamp(26.4px, 2.0833333333vw, 44px);
  z-index: 2;
}
@media (min-width: 782px) {
  .home-banner {
    height: 100vh;
    padding: 0;
    min-height: 50vw;
  }
}
.home-banner:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  display: block;
  background: rgba(51, 51, 51, 0.25);
  z-index: 1;
}
.home-banner .swiper-container {
  position: relative;
  height: 100%;
  width: 100%;
}
.home-banner .swiper-slide {
  width: 100%;
  height: 100%;
}
.home-banner .swiper-slide {
  background: #333333;
}
.home-banner .swiper-slide:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(51, 51, 51, 0.3);
}
.home-banner .swiper-slide .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.home-banner .swiper-slide img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}
.home-banner .content {
  position: relative;
  padding: 0 clamp(23.76px, 1.875vw, 39.6px);
  z-index: 3;
}
@media (min-width: 782px) {
  .home-banner .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    padding: 0;
  }
}
.home-banner .opening-note {
  font-family: "Manrope", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(11.88px, 0.9375vw, 19.8px);
  text-transform: uppercase;
  display: block;
  text-align: center;
  color: #FFFFFF;
  margin: 0 0 clamp(13.2px, 1.0416666667vw, 22px);
}
@media (min-width: 782px) {
  .home-banner .opening-note {
    position: absolute;
    right: clamp(26.4px, 2.0833333333vw, 44px);
    bottom: clamp(277.2px, 21.875vw, 462px);
    margin: 0;
  }
}
.home-banner .heading-segment {
  font-family: "PP Eiko", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(39.6px, 3.125vw, 66px);
  color: #FFFFFF;
  text-transform: uppercase;
  white-space: nowrap;
  position: relative;
}
@media (min-width: 425px) {
  .home-banner .heading-segment {
    font-size: clamp(47.52px, 3.75vw, 79.2px);
  }
}
@media (min-width: 782px) {
  .home-banner .heading-segment {
    font-size: clamp(105.6px, 8.3333333333vw, 176px);
    position: absolute;
  }
}
@media (min-width: 782px) {
  .home-banner .heading-segment.first {
    bottom: clamp(224.4px, 17.7083333333vw, 374px);
    left: clamp(26.4px, 2.0833333333vw, 44px);
  }
}
.home-banner .heading-segment.second {
  text-align: right;
}
@media (min-width: 782px) {
  .home-banner .heading-segment.second {
    bottom: clamp(26.4px, 2.0833333333vw, 44px);
    right: clamp(26.4px, 2.0833333333vw, 44px);
  }
}
.home-banner .heading-segment .line {
  overflow: hidden;
}
.home-banner .scroll-down {
  font-family: "Manrope", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(11.88px, 0.9375vw, 19.8px);
  text-transform: uppercase;
  color: #FFFFFF;
  display: block;
  text-align: center;
  margin: clamp(13.2px, 1.0416666667vw, 22px) 0 0;
}
@media (min-width: 782px) {
  .home-banner .scroll-down {
    position: absolute;
    left: clamp(26.4px, 2.0833333333vw, 44px);
    bottom: clamp(26.4px, 2.0833333333vw, 44px);
    margin: 0;
  }
  .home-banner .scroll-down:before {
    content: " ";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5.77 62.89'%3E%3Cpolygon points='3.39 57.61 3.39 0 2.39 0 2.39 57.61 0 60 2.89 62.89 5.77 60 3.39 57.61' style='fill: %23fff; stroke-width: 0px;'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: clamp(26.4px, 2.0833333333vw, 44px);
    left: 0;
    height: clamp(66px, 5.2083333333vw, 110px);
    width: clamp(6.6px, 0.5208333333vw, 11px);
  }
}
@media (min-width: 782px) {
  .home-banner .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(51, 51, 51, 0.8);
    z-index: 6;
  }
}

.home-careers {
  position: relative;
  padding: clamp(59.4px, 4.6875vw, 99px) 0 clamp(79.2px, 6.25vw, 132px);
  z-index: 2;
}
@media (min-width: 782px) {
  .home-careers {
    padding: clamp(118.8px, 9.375vw, 198px) 0 0;
  }
}
.home-careers .inner {
  margin: 0 auto;
  width: calc(100% - clamp(52.8px, 4.1666666667vw, 88px));
  max-width: clamp(6599.34px, 520.78125vw, 10998.9px);
  position: relative;
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 782px) {
  .home-careers .inner {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.home-careers .text-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #333333;
}
.home-careers .text-content h2 {
  font-family: "PP Eiko", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  text-transform: uppercase;
  font-size: clamp(34.32px, 2.7083333333vw, 57.2px);
  color: #333333;
}
@media (min-width: 782px) {
  .home-careers .text-content h2 {
    font-size: clamp(92.4px, 7.2916666667vw, 154px);
  }
}
.home-careers .text-content h2 .line {
  overflow: hidden;
}
@media (min-width: 782px) {
  .home-careers .text-content h2 .line:last-child {
    position: absolute !important;
    bottom: 0;
    right: 0;
  }
}
.home-careers .text-content p {
  font-family: "Manrope", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5;
  text-transform: uppercase;
  margin: clamp(26.4px, 2.0833333333vw, 44px) 0 0;
}
@media (min-width: 782px) {
  .home-careers .text-content p {
    max-width: clamp(330px, 26.0416666667vw, 550px);
    margin: clamp(108.9px, 8.59375vw, 181.5px) 0 0;
  }
}
.home-careers .text-content a {
  border-radius: clamp(3.96px, 0.3125vw, 6.6px);
  border: 1px solid #333333;
  font-family: "Manrope", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333333;
  font-size: clamp(10.56px, 0.8333333333vw, 17.6px);
  text-transform: uppercase;
  background: #333333;
  color: #FFFFFF;
  padding: clamp(11.88px, 0.9375vw, 19.8px);
  display: block;
  margin: clamp(23.76px, 1.875vw, 39.6px) 0 0;
  transition: background 0.3s, color 0.3s;
}
.home-careers .text-content a:hover {
  background: #F8F8F8;
  color: #333333;
}
.home-careers .image {
  width: 100%;
  overflow: hidden;
  background: #333333;
}
@media (max-width: 783px) {
  .home-careers .image {
    margin: 0 0 clamp(26.4px, 2.0833333333vw, 44px);
  }
}
@media (min-width: 782px) {
  .home-careers .image {
    width: clamp(535.26px, 42.2395833333vw, 892.1px);
    margin: 0 0 clamp(105.6px, 8.3333333333vw, 176px);
  }
}
.home-careers .image img {
  width: 100%;
  aspect-ratio: 810/440;
  display: block;
  -o-object-position: center;
     object-position: center;
}

.home-gallery {
  position: relative;
  padding: clamp(46.2px, 3.6458333333vw, 77px) 0 clamp(59.4px, 4.6875vw, 99px);
  overflow: hidden;
}
@media (min-width: 782px) {
  .home-gallery {
    padding: clamp(92.4px, 7.2916666667vw, 154px) 0 clamp(118.8px, 9.375vw, 198px);
  }
}
@media (max-width: 651px) {
  .home-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.home-gallery:before {
  content: " ";
  position: absolute;
  top: calc(50% + clamp(9.24px, 0.7291666667vw, 15.4px));
  left: clamp(26.4px, 2.0833333333vw, 44px);
  right: clamp(26.4px, 2.0833333333vw, 44px);
  border-top: 1px solid #333333;
  display: block;
}
.home-gallery .swiper-container {
  margin: 0 auto;
  width: calc(100% - clamp(52.8px, 4.1666666667vw, 88px));
  max-width: clamp(171.6px, 13.5416666667vw, 286px);
  width: 100%;
  max-width: none;
}
@media (min-width: 651px) {
  .home-gallery .swiper-container {
    max-width: clamp(343.2px, 27.0833333333vw, 572px);
  }
}
@media (min-width: 782px) {
  .home-gallery .swiper-container {
    max-width: clamp(554.4px, 43.75vw, 924px);
  }
}
.home-gallery .swiper-container .swiper-slide {
  position: relative;
}
@media (max-width: 651px) {
  .home-gallery .swiper-container .swiper-slide {
    display: flex;
    justify-content: center;
  }
}
.home-gallery .swiper-container img {
  width: clamp(277.2px, 21.875vw, 462px);
  height: clamp(277.2px, 21.875vw, 462px);
  -o-object-position: center;
     object-position: center;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}
@media (min-width: 651px) {
  .home-gallery .swiper-container img {
    width: clamp(343.2px, 27.0833333333vw, 572px);
    height: clamp(343.2px, 27.0833333333vw, 572px);
  }
}
@media (min-width: 782px) {
  .home-gallery .swiper-container img {
    width: clamp(554.4px, 43.75vw, 924px);
    height: clamp(554.4px, 43.75vw, 924px);
  }
}
.home-gallery .swiper-navigation {
  background: #F8F8F8;
  position: absolute;
  top: 50%;
  border-radius: 9999q;
  border: 1px solid #333333;
  font-family: "Manrope", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333333;
  font-size: clamp(10.56px, 0.8333333333vw, 17.6px);
  text-transform: uppercase;
  padding: clamp(3.96px, 0.3125vw, 6.6px) clamp(6.6px, 0.5208333333vw, 11px);
  display: block;
  cursor: pointer;
  transition: background 0.3s, color 0.3s, transform 0.3s;
}
@media (max-width: 651px) {
  .home-gallery .swiper-navigation {
    display: inline-block;
    position: relative;
    margin: 12px 6px 0;
    transform: none;
    top: 0;
  }
}
.home-gallery .swiper-navigation:hover {
  background: #333333;
  color: #FFFFFF;
  transform: scale(1.2);
}
.home-gallery .swiper-navigation.prev {
  left: clamp(26.4px, 2.0833333333vw, 44px);
}
@media (max-width: 651px) {
  .home-gallery .swiper-navigation.prev {
    left: 0;
  }
}
.home-gallery .swiper-navigation.next {
  right: clamp(26.4px, 2.0833333333vw, 44px);
}
@media (max-width: 651px) {
  .home-gallery .swiper-navigation.next {
    right: 0;
    order: 2;
  }
}
.home-gallery .swiper-navigation.swiper-button-disabled {
  color: #aaaaaa;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
}
.home-gallery .chalk-element {
  display: none;
}
@media (min-width: 782px) {
  .home-gallery .chalk-element {
    position: absolute;
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    pointer-events: none;
  }
  .home-gallery .chalk-element.chalk-element-01 {
    top: 75%;
    left: calc(clamp(99px, 7.8125vw, 165px) * -1);
    width: clamp(237.6px, 18.75vw, 396px);
  }
  .home-gallery .chalk-element.chalk-element-01 img {
    transform: rotate(35deg);
  }
  .home-gallery .chalk-element.chalk-element-02 {
    top: 5%;
    right: calc(clamp(165px, 13.0208333333vw, 275px) * -1);
    width: clamp(277.2px, 21.875vw, 462px);
  }
  .home-gallery .chalk-element.chalk-element-02 img {
    transform: rotate(-90deg);
  }
  .home-gallery .chalk-element img {
    width: 100%;
    height: auto;
    display: block;
  }
}

.home-illustration {
  position: relative;
}
@media (min-width: 782px) {
  .home-illustration {
    margin: calc(clamp(316.8px, 25vw, 528px) * -1) 0 0;
  }
}
.home-illustration svg {
  width: 100vw;
  height: 50vw;
  display: block;
}
.home-illustration .content {
  display: none;
}
@media (min-width: 782px) {
  .home-illustration .content {
    display: block;
    position: absolute;
    bottom: clamp(6.6px, 0.5208333333vw, 11px);
    left: 50%;
    width: calc(100% - clamp(26.4px, 2.0833333333vw, 44px));
    transform: translateX(-50%);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #FFFFFF;
    max-width: clamp(396px, 31.25vw, 660px);
  }
  .home-illustration .content .detail {
    font-family: "Manrope", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.5;
    text-transform: uppercase;
    font-size: clamp(11.88px, 0.9375vw, 19.8px);
  }
  .home-illustration .content .prompt {
    display: flex;
    justify-content: center;
    margin: clamp(15.84px, 1.25vw, 26.4px) 0 0;
  }
  .home-illustration .content .prompt img {
    width: 100%;
    max-width: clamp(171.6px, 13.5416666667vw, 286px);
  }
}

.home-introduction {
  position: relative;
  padding: clamp(118.8px, 9.375vw, 198px) 0 clamp(59.4px, 4.6875vw, 99px);
  color: #333333;
}
@media (min-width: 782px) {
  .home-introduction {
    padding: clamp(237.6px, 18.75vw, 396px) 0 clamp(99px, 7.8125vw, 165px);
  }
}
.home-introduction .inner {
  margin: 0 auto;
  width: calc(100% - clamp(52.8px, 4.1666666667vw, 88px));
  max-width: clamp(1056px, 83.3333333333vw, 1760px);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.home-introduction .image {
  background: #333333;
  border-radius: 9999q 9999q 0 0;
  overflow: hidden;
}
.home-introduction .image img {
  width: clamp(149.16px, 11.7708333333vw, 248.6px);
  height: clamp(198px, 15.625vw, 330px);
}
.home-introduction .lower {
  position: relative;
  margin: clamp(59.4px, 4.6875vw, 99px) 0 0;
}
.home-introduction h2 {
  font-family: "PP Eiko", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  text-transform: uppercase;
  font-size: clamp(31.68px, 2.5vw, 52.8px);
  line-height: 1.3;
}
@media (min-width: 782px) {
  .home-introduction h2 {
    font-size: clamp(50.16px, 3.9583333333vw, 83.6px);
    max-width: clamp(1042.8px, 82.2916666667vw, 1738px);
  }
}
.home-introduction h2 .line {
  overflow: hidden;
}
.home-introduction p {
  font-family: "Manrope", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5;
  font-size: clamp(11.88px, 0.9375vw, 19.8px);
  max-width: clamp(422.4px, 33.3333333333vw, 704px);
  text-transform: uppercase;
  margin: clamp(39.6px, 3.125vw, 66px) auto 0;
}
.home-introduction .chalk-element {
  display: none;
}
@media (min-width: 782px) {
  .home-introduction .chalk-element {
    position: absolute;
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    pointer-events: none;
  }
  .home-introduction .chalk-element.chalk-element-01 {
    top: 40%;
    left: calc(clamp(79.2px, 6.25vw, 132px) * -1);
    width: clamp(237.6px, 18.75vw, 396px);
  }
  .home-introduction .chalk-element.chalk-element-01 img {
    transform: rotate(20deg);
  }
  .home-introduction .chalk-element.chalk-element-02 {
    top: 30%;
    right: calc(clamp(118.8px, 9.375vw, 198px) * -1);
    width: clamp(277.2px, 21.875vw, 462px);
  }
  .home-introduction .chalk-element img {
    width: 100%;
    height: auto;
    display: block;
  }
}

.newsletter {
  position: relative;
  background: #333333;
  padding: clamp(26.4px, 2.0833333333vw, 44px);
  margin: -2px 0 0;
}
.newsletter .inner {
  background: #FFFFFF;
  padding: clamp(26.4px, 2.0833333333vw, 44px);
  border-radius: clamp(3.96px, 0.3125vw, 6.6px);
}
@media (max-width: 783px) {
  .newsletter .inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (min-width: 782px) {
  .newsletter .inner {
    display: grid;
    grid-template-columns: 15fr 10fr;
    grid-gap: clamp(112.2px, 8.8541666667vw, 187px) clamp(26.4px, 2.0833333333vw, 44px);
  }
}
.newsletter .kicker {
  font-family: "Manrope", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(11.88px, 0.9375vw, 19.8px);
  color: #333333;
  text-transform: uppercase;
}
@media (max-width: 783px) {
  .newsletter .kicker {
    margin: 0 0 clamp(6.6px, 0.5208333333vw, 11px);
  }
}
@media (max-width: 783px) {
  .newsletter .policy-label {
    order: 4;
    margin: clamp(6.6px, 0.5208333333vw, 11px) 0 0;
  }
}
.newsletter .policy-label a {
  font-family: "Manrope", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(11.88px, 0.9375vw, 19.8px);
  color: #333333;
  text-transform: uppercase;
  opacity: 0.3;
  display: inline-block;
  transition: opacity 0.3s;
}
.newsletter .policy-label a:hover {
  opacity: 1;
}
.newsletter h2 {
  font-family: "PP Eiko", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  text-transform: uppercase;
  font-size: clamp(47.52px, 3.75vw, 79.2px);
  color: #333333;
}
@media (min-width: 782px) {
  .newsletter h2 {
    font-size: clamp(66px, 5.2083333333vw, 110px);
  }
}
.newsletter h2 .line {
  overflow: hidden;
}
.newsletter .mailchimp-form {
  position: relative;
  border-bottom: 1px solid #333333;
}
@media (max-width: 783px) {
  .newsletter .mailchimp-form {
    width: 100%;
    margin: clamp(13.2px, 1.0416666667vw, 22px) 0 0;
  }
}
@media (min-width: 782px) {
  .newsletter .mailchimp-form {
    align-self: end;
  }
}
.newsletter .mailchimp-form:after {
  content: " ";
  width: 6px;
  height: 6px;
  position: absolute;
  bottom: -3px;
  right: -3px;
  background: #333333;
  border-radius: 50%;
  display: block;
}
.newsletter .mailchimp-form label {
  display: none;
}
.newsletter .mailchimp-form #mc_embed_signup_scroll {
  display: flex;
  align-items: center;
}
.newsletter .mailchimp-form .mc-field-group {
  flex: 1;
}
.newsletter .mailchimp-form input[type=email] {
  font-family: "Manrope", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: clamp(11.88px, 0.9375vw, 19.8px);
  color: #333333;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  margin: 0;
  width: 100%;
  height: clamp(38.28px, 3.0208333333vw, 63.8px);
}
.newsletter .mailchimp-form input[type=submit] {
  background: rgba(51, 51, 51, 0);
  border-radius: 9999q;
  border: 1px solid #333333;
  font-family: "Manrope", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333333;
  font-size: clamp(10.56px, 0.8333333333vw, 17.6px);
  text-transform: uppercase;
  padding: clamp(3.3px, 0.2604166667vw, 5.5px) clamp(5.94px, 0.46875vw, 9.9px) clamp(3.96px, 0.3125vw, 6.6px);
  display: block;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0 0 0 clamp(13.2px, 1.0416666667vw, 22px);
  transition: background 0.3s, color 0.3s, transform 0.3s;
}
.newsletter .mailchimp-form input[type=submit]:hover {
  background: #333333;
  color: #FFFFFF;
  transform: scale(1.2);
}

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #333333;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  z-index: 50;
}
.preloader .device {
  position: absolute;
  top: 50%;
  left: 50%;
  width: clamp(79.2px, 6.25vw, 132px);
  height: clamp(79.2px, 6.25vw, 132px);
  transform: translate(-50%, -50%);
}
.preloader [data-preloader-lottie] {
  width: clamp(79.2px, 6.25vw, 132px);
  height: clamp(79.2px, 6.25vw, 132px);
  display: block;
}
.preloader [data-preloader-lottie] canvas {
  width: 100%;
  height: 100%;
  display: block;
}
.preloader .label {
  font-family: "Manrope", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #FFFFFF;
  font-size: clamp(11.88px, 0.9375vw, 19.8px);
  position: absolute;
  top: 50%;
  display: block;
  transform: translateY(-50%);
  opacity: 0;
}
.preloader .label.left {
  right: clamp(79.2px, 6.25vw, 132px);
}
.preloader .label.right {
  left: clamp(79.2px, 6.25vw, 132px);
}

.standard-content {
  position: relative;
  padding: clamp(184.8px, 14.5833333333vw, 308px) 0;
}
.standard-content .upper {
  margin: 0 auto;
  width: calc(100% - clamp(52.8px, 4.1666666667vw, 88px));
  max-width: clamp(660px, 52.0833333333vw, 1100px);
  padding: 0 0 clamp(26.4px, 2.0833333333vw, 44px);
  border-bottom: 1px solid #333333;
}
.standard-content h1 {
  font-family: "PP Eiko", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  text-transform: uppercase;
  font-size: clamp(59.4px, 4.6875vw, 99px);
  text-align: center;
}
.standard-content .content {
  margin: 0 auto;
  width: calc(100% - clamp(52.8px, 4.1666666667vw, 88px));
  max-width: clamp(660px, 52.0833333333vw, 1100px);
  position: relative;
  margin: clamp(79.2px, 6.25vw, 132px) auto 0;
}
.standard-content .content h2 {
  font-family: "PP Eiko", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
  text-transform: uppercase;
  font-size: clamp(27.72px, 2.1875vw, 46.2px);
  margin: clamp(26.4px, 2.0833333333vw, 44px) 0;
}
.standard-content .content p {
  font-family: "Manrope", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5;
  margin: clamp(19.8px, 1.5625vw, 33px) 0;
}
.standard-content .content ul {
  list-style-type: disc;
  list-style-position: outside;
  margin: clamp(19.8px, 1.5625vw, 33px) 0 clamp(19.8px, 1.5625vw, 33px) clamp(13.2px, 1.0416666667vw, 22px);
}
.standard-content .content ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin: clamp(19.8px, 1.5625vw, 33px) 0 clamp(19.8px, 1.5625vw, 33px) clamp(13.2px, 1.0416666667vw, 22px);
}
.standard-content .content li {
  font-family: "Manrope", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5;
  margin: clamp(19.8px, 1.5625vw, 33px) 0;
}