.home-hero {
  --element-text-color: var(--c-primary);
  --element-bg-color: var(--c-gray-medium);
  padding: calc(var(--header-height) + var(--sp-large)) 0 var(--sp-large);
  min-height: 90vh;
  background-color: var(--element-bg-color);
  display: flex;
  align-items: center;
}
@media (max-width: 991.98px) {
  .home-hero {
    min-height: 100vh;
    padding: var(--sp-small) 0 var(--sp-small);
  }
}
@media (max-width: 767.98px) {
  .home-hero__row {
    flex-direction: column-reverse;
  }
}
.home-hero__content {
  width: 100%;
  color: var(--element-text-color);
}
.home-hero__pretitle {
  line-height: 1.25;
  margin: 0;
  word-break: keep-all;
  font-size: 1.75rem;
  margin-bottom: 0.25em;
  font-weight: bold;
  margin: 2rem 0 1rem;
  color: var(--c-secondary);
  text-shadow: rgba(0, 0, 0, 0.1) 0 0 3rem;
}
@media (min-width: 768px) {
  .home-hero__pretitle {
    font-size: 2rem;
  }
}
@media (min-width: 992px) {
  .home-hero__pretitle {
    font-size: 2.25rem;
  }
}
@media (min-width: 1200px) {
  .home-hero__pretitle {
    font-size: 2.5rem;
  }
}
.home-hero__pretitle h1,
.home-hero__pretitle h2,
.home-hero__pretitle h3,
.home-hero__pretitle h4,
.home-hero__pretitle h5,
.home-hero__pretitle h6,
.home-hero__pretitle p,
.home-hero__pretitle a {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  font-family: inherit;
  color: inherit;
}
.home-hero__pretitle h1,
.home-hero__pretitle h2,
.home-hero__pretitle h3,
.home-hero__pretitle h4,
.home-hero__pretitle h5,
.home-hero__pretitle h6,
.home-hero__pretitle p {
  margin: 0;
  padding: 0;
}
@media (max-width: 767.98px) {
  .home-hero__pretitle {
    padding: 0 var(--sp-medium) 0 var(--sp-medium);
    text-align: right;
  }
}
.home-hero__title {
  line-height: 1.25;
  margin: 0;
  word-break: keep-all;
  line-height: 1.1;
  font-size: 3.5rem;
  font-weight: 600;
  line-height: 1;
  text-shadow: rgba(0, 0, 0, 0.1) 0 0 3rem;
}
@media (min-width: 768px) {
  .home-hero__title {
    font-size: 5rem;
  }
}
@media (min-width: 992px) {
  .home-hero__title {
    font-size: 6rem;
  }
}
@media (min-width: 1200px) {
  .home-hero__title {
    font-size: 7.5rem;
  }
}
.home-hero__title h1,
.home-hero__title h2,
.home-hero__title h3,
.home-hero__title h4,
.home-hero__title h5,
.home-hero__title h6,
.home-hero__title p,
.home-hero__title a {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  font-family: inherit;
  color: inherit;
}
.home-hero__title h1,
.home-hero__title h2,
.home-hero__title h3,
.home-hero__title h4,
.home-hero__title h5,
.home-hero__title h6,
.home-hero__title p {
  margin: 0;
  padding: 0;
}
@media (max-width: 767.98px) {
  .home-hero__title {
    text-align: right;
    padding: 0 var(--sp-medium) 0 var(--sp-medium);
  }
}
.home-hero__intro {
  font-family: var(--f-basic);
  line-height: 1.25;
  margin: 0;
  padding: 0 var(--sp-medium) 0 0;
  margin: 2rem 0 2rem;
  color: var(--c-secondary);
  text-shadow: rgba(0, 0, 0, 0.1) 0 0 3rem;
}
.home-hero__intro + p {
  margin-top: 1rem;
}
@media (max-width: 991.98px) {
  .home-hero__intro {
    font-size: 1em;
  }
}
.home-hero__intro h1,
.home-hero__intro h2,
.home-hero__intro h3,
.home-hero__intro h4,
.home-hero__intro h5,
.home-hero__intro h6,
.home-hero__intro p {
  margin: 0;
  padding: 0;
}
@media (max-width: 767.98px) {
  .home-hero__intro {
    padding: 0 var(--sp-medium) 0 var(--sp-medium);
  }
}
.home-hero__text-wrapper {
  position: relative;
  isolation: isolate;
  z-index: 1;
  height: 100%;
  pointer-events: none;
}
@media (min-width: 768px) {
  .home-hero__text-wrapper {
    transform: translateX(-2rem);
    padding: var(--sp-sm) 0;
  }
}
.lux--editing .home-hero__text-wrapper {
  pointer-events: auto;
}

@media (min-width: 768px) {
  .home-hero__text-wrapper::before {
    content: "";
    position: absolute;
    right: 70%;
    top: 0;
    bottom: 0;
    width: 100%;
    background: linear-gradient(90deg, rgba(216, 213, 217, 0) 0%, rgb(216, 213, 217) 80%);
    z-index: -1;
    pointer-events: none;
  }
}
.home-hero__video {
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  aspect-ratio: 16/9;
}
@media (min-width: 768px) {
  .home-hero__video {
    transform: rotateY(20deg) translateX(2rem) scale(1.25);
    transform-origin: 0 50%;
  }
}
.home-hero__video video {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.home-hero__video-wrapper {
  display: flex;
  align-items: center;
  isolation: isolate;
  height: 100%;
}
@media (min-width: 768px) {
  .home-hero__video-wrapper {
    perspective: 100vw;
  }
}
.home-hero__arty {
  position: absolute;
  left: 0;
  top: 0;
  transition: 0.3s ease;
}
@media (max-width: 767.98px) {
  .home-hero__arty {
    left: 50%;
    transform: translateX(-50%);
  }
}
.home-hero__video--playing .home-hero__arty {
  opacity: 0;
}

.arty {
  --c-primary: #885ea1;
  --c-secondary: #d75b69;
  --count: 3;
  --transition: 0.7s cubic-bezier(1, 0, 0, 1);
  height: 100%;
  aspect-ratio: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  background-color: var(--c-secondary);
  pointer-events: none;
}
.arty__block {
  width: calc(100% / var(--count));
  height: calc(100% / var(--count));
  background: #fff;
  overflow: hidden;
}
.arty .arty-block-el, .arty .block__variant-20, .arty .block__variant-19, .arty .block__variant-18, .arty .block__variant-17, .arty .block__variant-16, .arty .block__variant-15, .arty .block__variant-14, .arty .block__variant-13, .arty .block__variant-12, .arty .block__variant-11, .arty .block__variant-10, .arty .block__variant-9, .arty .block__variant-8, .arty .block__variant-7, .arty .block__variant-6, .arty .block__variant-5, .arty .block__variant-4, .arty .block__variant-3, .arty .block__variant-2, .arty .block__variant-1 {
  --block-bg: var(--c-primary);
  --block-acc: var(--c-secondary);
  --block-left: 0;
  --block-top: 0;
  --width: 200%;
  --acc-rotation: 0;
  --acc-extra: 0;
  --radius: 50%;
  position: relative;
  background-color: var(--block-bg);
  transition: var(--transition);
}
.arty .arty-block-el::before, .arty .block__variant-20::before, .arty .block__variant-19::before, .arty .block__variant-18::before, .arty .block__variant-17::before, .arty .block__variant-16::before, .arty .block__variant-15::before, .arty .block__variant-14::before, .arty .block__variant-13::before, .arty .block__variant-12::before, .arty .block__variant-11::before, .arty .block__variant-10::before, .arty .block__variant-9::before, .arty .block__variant-8::before, .arty .block__variant-7::before, .arty .block__variant-6::before, .arty .block__variant-5::before, .arty .block__variant-4::before, .arty .block__variant-3::before, .arty .block__variant-2::before, .arty .block__variant-1::before {
  content: "";
  position: absolute;
  width: var(--width);
  aspect-ratio: 1;
  border-radius: var(--radius);
  background-color: var(--block-acc);
  left: var(--block-left);
  top: var(--block-top);
  transition: var(--transition);
}
.arty .arty-block-el::after, .arty .block__variant-20::after, .arty .block__variant-19::after, .arty .block__variant-18::after, .arty .block__variant-17::after, .arty .block__variant-16::after, .arty .block__variant-15::after, .arty .block__variant-14::after, .arty .block__variant-13::after, .arty .block__variant-12::after, .arty .block__variant-11::after, .arty .block__variant-10::after, .arty .block__variant-9::after, .arty .block__variant-8::after, .arty .block__variant-7::after, .arty .block__variant-6::after, .arty .block__variant-5::after, .arty .block__variant-4::after, .arty .block__variant-3::after, .arty .block__variant-2::after, .arty .block__variant-1::after {
  content: "";
  position: absolute;
  width: 101%;
  aspect-ratio: 1;
  background-color: var(--block-acc);
  left: 50%;
  top: 50%;
  transform: translateX(-50%) rotate(var(--acc-rotation));
  transform-origin: 50% 0;
  opacity: var(--acc-extra);
  transition: var(--transition);
}
.arty .block__variant-1 {
  --width: 100%;
  --block-bg: var(--c-primary);
  --block-acc: var(--c-secondary);
  --acc-rotation: 0;
  --acc-extra: 0;
  --block-left: 0;
  --block-top: 0;
  --acc-rotation: 0;
  --acc-extra: 0;
  --radius: 50%;
}
.arty .block__variant-2 {
  --width: 100%;
  --block-bg: var(--c-secondary);
  --block-acc: var(--c-primary);
  --acc-rotation: 0;
  --acc-extra: 0;
  --block-left: 0;
  --block-top: 0;
  --acc-rotation: 0;
  --acc-extra: 0;
  --radius: 50%;
}
.arty .block__variant-3 {
  --block-left: 0;
  --block-top: 0;
  --block-bg: var(--c-primary);
  --block-acc: var(--c-secondary);
  --width: 200%;
  --acc-rotation: 0;
  --acc-extra: 0;
  --radius: 50%;
}
.arty .block__variant-4 {
  --block-left: -100%;
  --block-top: 0;
  --block-bg: var(--c-primary);
  --block-acc: var(--c-secondary);
  --width: 200%;
  --acc-rotation: 0;
  --acc-extra: 0;
  --radius: 50%;
}
.arty .block__variant-5 {
  --block-left: 0;
  --block-top: -100%;
  --block-bg: var(--c-primary);
  --block-acc: var(--c-secondary);
  --width: 200%;
  --acc-rotation: 0;
  --acc-extra: 0;
  --radius: 50%;
}
.arty .block__variant-6 {
  --block-left: -100%;
  --block-top: -100%;
  --block-bg: var(--c-primary);
  --block-acc: var(--c-secondary);
  --width: 200%;
  --acc-rotation: 0;
  --acc-extra: 0;
  --radius: 50%;
}
.arty .block__variant-7 {
  --block-left: 0;
  --block-top: 0;
  --block-bg: var(--c-secondary);
  --block-acc: var(--c-primary);
  --width: 200%;
  --acc-rotation: 0;
  --acc-extra: 0;
  --radius: 50%;
}
.arty .block__variant-8 {
  --block-left: -100%;
  --block-top: 0;
  --block-bg: var(--c-secondary);
  --block-acc: var(--c-primary);
  --width: 200%;
  --acc-rotation: 0;
  --acc-extra: 0;
  --radius: 50%;
}
.arty .block__variant-9 {
  --block-left: 0;
  --block-top: -100%;
  --block-bg: var(--c-secondary);
  --block-acc: var(--c-primary);
  --width: 200%;
  --acc-rotation: 0;
  --acc-extra: 0;
  --radius: 50%;
}
.arty .block__variant-10 {
  --block-left: -100%;
  --block-top: -100%;
  --block-bg: var(--c-secondary);
  --block-acc: var(--c-primary);
  --width: 200%;
  --acc-rotation: 0;
  --acc-extra: 0;
  --radius: 50%;
}
.arty .block__variant-11 {
  --width: 100%;
  --block-bg: var(--c-primary);
  --block-acc: var(--c-secondary);
  --acc-rotation: 0deg;
  --acc-extra: 1;
  --block-left: 0;
  --block-top: 0;
  --radius: 50%;
}
.arty .block__variant-12 {
  --width: 100%;
  --block-bg: var(--c-primary);
  --block-acc: var(--c-secondary);
  --acc-rotation: 90deg;
  --acc-extra: 1;
  --block-left: 0;
  --block-top: 0;
  --radius: 50%;
}
.arty .block__variant-13 {
  --width: 100%;
  --block-bg: var(--c-primary);
  --block-acc: var(--c-secondary);
  --acc-rotation: 180deg;
  --acc-extra: 1;
  --block-left: 0;
  --block-top: 0;
  --radius: 50%;
}
.arty .block__variant-14 {
  --width: 100%;
  --block-bg: var(--c-primary);
  --block-acc: var(--c-secondary);
  --acc-rotation: 270deg;
  --acc-extra: 1;
  --block-left: 0;
  --block-top: 0;
  --radius: 50%;
}
.arty .block__variant-15 {
  --width: 100%;
  --block-bg: var(--c-secondary);
  --block-acc: var(--c-primary);
  --acc-rotation: 0deg;
  --acc-extra: 1;
  --block-left: 0;
  --block-top: 0;
  --radius: 50%;
}
.arty .block__variant-16 {
  --width: 100%;
  --block-bg: var(--c-secondary);
  --block-acc: var(--c-primary);
  --acc-rotation: 90deg;
  --acc-extra: 1;
  --block-left: 0;
  --block-top: 0;
  --radius: 50%;
}
.arty .block__variant-17 {
  --width: 100%;
  --block-bg: var(--c-secondary);
  --block-acc: var(--c-primary);
  --acc-rotation: 180deg;
  --acc-extra: 1;
  --block-left: 0;
  --block-top: 0;
  --radius: 50%;
}
.arty .block__variant-18 {
  --width: 100%;
  --block-bg: var(--c-secondary);
  --block-acc: var(--c-primary);
  --acc-rotation: 270deg;
  --acc-extra: 1;
  --block-left: 0;
  --block-top: 0;
  --radius: 50%;
}
.arty .block__variant-19 {
  --width: 100%;
  --block-bg: var(--c-primary);
  --block-acc: var(--c-secondary);
  --radius: 0;
  --block-left: 0;
  --block-top: 0;
  --acc-rotation: 0;
  --acc-extra: 0;
}
.arty .block__variant-20 {
  --width: 100%;
  --block-bg: var(--c-secondary);
  --block-acc: var(--c-primary);
  --radius: 0;
  --block-left: 0;
  --block-top: 0;
  --acc-rotation: 0;
  --acc-extra: 0;
}

.big-project {
  min-height: 80vh;
  background: #ffbc42;
  display: flex;
  align-items: center;
}
.big-project.big-project--alt-0 {
  background: #ffbc42;
}
.big-project.big-project--alt-1 {
  background: #d81159;
}
.big-project.big-project--alt-2 {
  background: #8f2d56;
}
.big-project.big-project--alt-3 {
  background: #218380;
}
.big-project.big-project--alt-4 {
  background: #73d2de;
}
.big-project.big-project--alt-5 {
  background: #fff;
}
.big-project__element {
  margin: 0;
}
.big-project__wrapper {
  width: 100%;
}
.big-project__content {
  text-align: center;
}
.big-project__pretitle {
  line-height: 1.25;
  margin: 0;
  word-break: keep-all;
  font-size: 1.25rem;
  margin-bottom: 0.25em;
  margin-bottom: var(--sp-xs);
}
@media (min-width: 992px) {
  .big-project__pretitle {
    font-size: 1.5rem;
  }
}
.big-project__pretitle h1,
.big-project__pretitle h2,
.big-project__pretitle h3,
.big-project__pretitle h4,
.big-project__pretitle h5,
.big-project__pretitle h6,
.big-project__pretitle p,
.big-project__pretitle a {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  font-family: inherit;
  color: inherit;
}
.big-project__pretitle h1,
.big-project__pretitle h2,
.big-project__pretitle h3,
.big-project__pretitle h4,
.big-project__pretitle h5,
.big-project__pretitle h6,
.big-project__pretitle p {
  margin: 0;
  padding: 0;
}
.big-project__title {
  line-height: 1.25;
  margin: 0;
  word-break: keep-all;
  font-size: 2rem;
  margin-bottom: 0.25em;
  font-weight: 700;
  margin: var(--sp-xs) 0 var(--sp-sm);
}
@media (min-width: 768px) {
  .big-project__title {
    font-size: 2.5rem;
  }
}
@media (min-width: 992px) {
  .big-project__title {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  .big-project__title {
    font-size: 3.5rem;
  }
}
.big-project__title h1,
.big-project__title h2,
.big-project__title h3,
.big-project__title h4,
.big-project__title h5,
.big-project__title h6,
.big-project__title p,
.big-project__title a {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  font-family: inherit;
  color: inherit;
}
.big-project__title h1,
.big-project__title h2,
.big-project__title h3,
.big-project__title h4,
.big-project__title h5,
.big-project__title h6,
.big-project__title p {
  margin: 0;
  padding: 0;
}
.big-project__text {
  font-size: 1.25rem;
}