/* line 1, home/static/css/home.scss */
.section-home1 {
  padding: 148px 40px 76px 40px;
  background-repeat: no-repeat;
  /* background-image: url('/static/img/home-hero-bg.webp?e0ba17737d55'); */
  background-image: url("/static/img/studio-hero-bg.png?e0ba17737d55");
  background-size: cover;
  background-position: bottom center; }
  /* line 9, home/static/css/home.scss */
  .section-home1 h1 {
    font-size: 64px;
    line-height: 124%; }
  /* line 16, home/static/css/home.scss */
  .section-home1 p {
    font-weight: 400;
    font-size: 18px;
    line-height: 160%;
    /* or 29px */
    color: #ffffff;
    text-align: center;
    margin: 48px 0 32px; }
  /* line 25, home/static/css/home.scss */
  .section-home1 img {
    margin-top: 48px;
    width: 100%;
    height: auto;
    max-width: 850px;
    aspect-ratio: 850/450; }
  @media (max-width: 840px) {
    /* line 1, home/static/css/home.scss */
    .section-home1 {
      height: auto;
      padding: 110px 15px 40px 15px;
      background-size: cover auto; }
      /* line 36, home/static/css/home.scss */
      .section-home1 h1 {
        max-width: 540px !important;
        font-size: 48px; }
      /* line 41, home/static/css/home.scss */
      .section-home1 p {
        font-size: 16px;
        margin: 14px 0 24px; }
      /* line 46, home/static/css/home.scss */
      .section-home1 img {
        margin-top: 64px; } }
/* line 51, home/static/css/home.scss */
.section-home8 {
  margin-top: -20px;
  margin-bottom: 80px;
  flex-direction: row;
  justify-content: center;
  gap: 32px; }
  @media (max-width: 840px) {
    /* line 51, home/static/css/home.scss */
    .section-home8 {
      margin-top: 0; } }
  @media (max-width: 480px) {
    /* line 51, home/static/css/home.scss */
    .section-home8 {
      gap: 24px; } }
/* line 64, home/static/css/home.scss */
.section-home2 {
  gap: 32px; }
  /* line 66, home/static/css/home.scss */
  .section-home2 p {
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 160%;
    color: #ffffff;
    text-align: center; }
  /* line 74, home/static/css/home.scss */
  .section-home2 div {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    max-width: 1100px;
    align-self: center;
    width: 100%; }
  /* line 83, home/static/css/home.scss */
  .section-home2 img {
    height: 94px;
    width: auto; }
  @media (max-width: 840px) {
    /* line 64, home/static/css/home.scss */
    .section-home2 {
      gap: 20px; }
      /* line 89, home/static/css/home.scss */
      .section-home2 p {
        font-size: 16px; }
      /* line 92, home/static/css/home.scss */
      .section-home2 div {
        max-width: 600px;
        padding: 0 15px; }
      /* line 96, home/static/css/home.scss */
      .section-home2 img {
        height: 64px; }
        /* line 98, home/static/css/home.scss */
        .section-home2 img:nth-last-child(-n + 3) {
          display: none; } }
/* line 104, home/static/css/home.scss */
.section-home3-title {
  margin: 180px 0 24px 0; }
  /* line 106, home/static/css/home.scss */
  .section-home3-title h2 {
    font-size: 48px; }
  @media (max-width: 840px) {
    /* line 104, home/static/css/home.scss */
    .section-home3-title {
      margin: 112px 0 24px; }
      /* line 111, home/static/css/home.scss */
      .section-home3-title h2 {
        font-size: 40px; } }
/* line 116, home/static/css/home.scss */
.section-home3 {
  align-self: center;
  width: 100%;
  max-width: 1250px;
  padding: 100px 40px 80px 40px;
  overflow: unset;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 32px 60px; }
  /* line 128, home/static/css/home.scss */
  .section-home3 img {
    position: relative;
    width: 600px;
    max-width: 50vw;
    height: auto;
    margin: 0; }
  /* line 136, home/static/css/home.scss */
  .section-home3:nth-child(even) {
    flex-direction: row-reverse; }
  /* line 139, home/static/css/home.scss */
  .section-home3 article {
    position: relative;
    width: 420px; }
  /* line 143, home/static/css/home.scss */
  .section-home3 h2 {
    margin-bottom: 32px;
    color: #ffffff;
    text-align: left; }
  /* line 148, home/static/css/home.scss */
  .section-home3 p {
    text-align: left; }
  @media (max-width: 840px) {
    /* line 116, home/static/css/home.scss */
    .section-home3 {
      padding: 80px 15px 80px 15px;
      overflow: hidden;
      height: unset;
      flex-direction: column !important; }
      /* line 156, home/static/css/home.scss */
      .section-home3 img {
        margin: 0 auto !important;
        max-width: calc(100vw - 30px); }
      /* line 160, home/static/css/home.scss */
      .section-home3 article {
        width: auto;
        max-width: 380px; }
      /* line 164, home/static/css/home.scss */
      .section-home3 h2, .section-home3 h3 {
        font-size: 24px;
        margin-bottom: 14px; }
      /* line 168, home/static/css/home.scss */
      .section-home3 li {
        margin-top: 14px; } }
/* line 174, home/static/css/home.scss */
.section-home3-button {
  padding-top: 80px; }
  /* line 176, home/static/css/home.scss */
  .section-home3-button .card {
    width: 100%;
    max-width: 1340px;
    padding: 48px;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
    position: relative; }
    /* line 186, home/static/css/home.scss */
    .section-home3-button .card::before {
      content: "";
      display: block;
      width: 463px;
      height: 463px;
      background: rgba(255, 159, 243, 0.7);
      opacity: .56;
      filter: blur(264px);
      position: absolute;
      top: -140px;
      left: calc(50vw + 68px); }
    /* line 198, home/static/css/home.scss */
    .section-home3-button .card::after {
      content: "";
      display: block;
      width: 257px;
      height: 257px;
      background: #2ec3f2;
      opacity: 0.8;
      filter: blur(264px);
      position: absolute;
      right: calc(50vw + 184px);
      bottom: 0; }
    /* line 210, home/static/css/home.scss */
    .section-home3-button .card > * {
      position: relative; }
    /* line 213, home/static/css/home.scss */
    .section-home3-button .card h4 {
      text-align: center; }

/* line 219, home/static/css/home.scss */
.section-home5 {
  padding: 140px 0 0 0; }
  /* line 221, home/static/css/home.scss */
  .section-home5 h2 + p {
    margin: 14px 0 50px 0; }
  /* line 224, home/static/css/home.scss */
  .section-home5 .cards-container-2 {
    width: 100%; }
  /* line 227, home/static/css/home.scss */
  .section-home5 .card {
    padding: 0 40px 52px 40px;
    display: flex;
    flex-direction: column; }
    /* line 232, home/static/css/home.scss */
    .section-home5 .card img {
      border-radius: 12px;
      margin: 0 -40px;
      width: calc(100% + 80px);
      height: auto; }
    /* line 239, home/static/css/home.scss */
    .section-home5 .card h4 {
      margin: 32px 0 14px 0;
      text-align: center; }
    /* line 244, home/static/css/home.scss */
    .section-home5 .card p {
      text-align: center; }
  @media (max-width: 840px) {
    /* line 219, home/static/css/home.scss */
    .section-home5 {
      margin-top: 80px;
      padding: 0 15px; }
      /* line 251, home/static/css/home.scss */
      .section-home5 h2 + p {
        margin-bottom: 60px; }
      /* line 254, home/static/css/home.scss */
      .section-home5 .cards-container-2 {
        width: auto; }
      /* line 257, home/static/css/home.scss */
      .section-home5 .card {
        padding: 0 40px 40px 40px; } }
/* line 263, home/static/css/home.scss */
.section-home6 {
  margin-top: 140px;
  padding-bottom: 60px; }
  /* line 266, home/static/css/home.scss */
  .section-home6 h2 {
    max-width: 800px;
    margin-bottom: 100px; }
  /* line 270, home/static/css/home.scss */
  .section-home6 .grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 60px; }
    /* line 275, home/static/css/home.scss */
    .section-home6 .grid a {
      max-width: 280px;
      text-decoration: none;
      cursor: pointer; }
      /* line 279, home/static/css/home.scss */
      .section-home6 .grid a > * {
        pointer-events: none; }
      /* line 282, home/static/css/home.scss */
      .section-home6 .grid a:hover {
        background-color: #1e1e1e;
        box-shadow: 0 0 0 30px #1e1e1e;
        border-radius: 3px; }
        /* line 286, home/static/css/home.scss */
        .section-home6 .grid a:hover .icon {
          background: linear-gradient(90deg, #87b85a 44.44%, #5ab897 92.98%); }
        /* line 289, home/static/css/home.scss */
        .section-home6 .grid a:hover h4 {
          text-decoration: underline; }
    /* line 294, home/static/css/home.scss */
    .section-home6 .grid .icon {
      width: 56px;
      height: 56px;
      mask-position: center;
      mask-size: cover;
      background-color: #ffffff; }
    /* line 301, home/static/css/home.scss */
    .section-home6 .grid h4 {
      margin: 32px 0 14px 0;
      color: #ffffff; }
      /* line 304, home/static/css/home.scss */
      .section-home6 .grid h4 span {
        display: block; }
    /* line 308, home/static/css/home.scss */
    .section-home6 .grid p {
      text-align: left; }
    @media (max-width: 840px) {
      /* line 312, home/static/css/home.scss */
      .section-home6 .grid a:hover {
        box-shadow: 0 0 0 10px #1e1e1e; } }
    @media (max-width: 760px) {
      /* line 270, home/static/css/home.scss */
      .section-home6 .grid {
        grid-template-columns: repeat(2, 1fr); } }
    @media (max-width: 500px) {
      /* line 270, home/static/css/home.scss */
      .section-home6 .grid {
        grid-template-columns: 1fr; }
        /* line 321, home/static/css/home.scss */
        .section-home6 .grid > div {
          max-width: unset;
          display: flex;
          gap: 15px; }
        /* line 326, home/static/css/home.scss */
        .section-home6 .grid h4 {
          margin: 8px 0; }
          /* line 328, home/static/css/home.scss */
          .section-home6 .grid h4 span {
            display: inline; } }
/* line 336, home/static/css/home.scss */
.section-home7 {
  padding: 120px 0 180px 0; }
  /* line 338, home/static/css/home.scss */
  .section-home7 h3 {
    margin: 0 40px 60px 40px; }
  /* line 341, home/static/css/home.scss */
  .section-home7 .carousel {
    width: 100%; }
  /* line 344, home/static/css/home.scss */
  .section-home7 .carousel-cell {
    width: calc(50% - 35px);
    max-width: calc(1140px / 2);
    height: 300px;
    margin: 0 15px;
    display: flex; }
    /* line 352, home/static/css/home.scss */
    .section-home7 .carousel-cell:nth-of-type(odd) figcaption img {
      filter: drop-shadow(-6px -10px 22px #47cbd3); }
    /* line 357, home/static/css/home.scss */
    .section-home7 .carousel-cell:nth-of-type(even) figcaption img {
      filter: drop-shadow(-6px -10px 22px rgba(255, 159, 243, 0.7)); }
  /* line 362, home/static/css/home.scss */
  .section-home7 figure {
    margin: 0;
    padding: 40px 48px 32px 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  /* line 369, home/static/css/home.scss */
  .section-home7 blockquote {
    margin: 0; }
    /* line 371, home/static/css/home.scss */
    .section-home7 blockquote p {
      font-weight: 400;
      font-size: 18px;
      line-height: 170%;
      color: rgba(255, 255, 255, 0.7); }
      /* line 376, home/static/css/home.scss */
      .section-home7 blockquote p::before {
        content: "\201C"; }
      /* line 379, home/static/css/home.scss */
      .section-home7 blockquote p::after {
        content: "\201D"; }
  /* line 384, home/static/css/home.scss */
  .section-home7 figcaption {
    display: flex; }
    /* line 386, home/static/css/home.scss */
    .section-home7 figcaption img {
      border-radius: 50%;
      height: 60px;
      width: 60px;
      margin-right: 20px; }
    /* line 392, home/static/css/home.scss */
    .section-home7 figcaption p {
      font-weight: 400;
      font-size: 18px;
      line-height: 120%; }
      /* line 396, home/static/css/home.scss */
      .section-home7 figcaption p span {
        display: block; }
        /* line 398, home/static/css/home.scss */
        .section-home7 figcaption p span.name {
          color: #ffffff;
          margin: 2px 0 4px 0; }
  /* line 405, home/static/css/home.scss */
  .section-home7 .flickity-prev-next-button {
    transform: none;
    top: calc(100% + 40px);
    background: none;
    border: 1px solid #ffffff; }
    /* line 410, home/static/css/home.scss */
    .section-home7 .flickity-prev-next-button.previous {
      left: unset;
      right: calc(50% + 5px); }
    /* line 414, home/static/css/home.scss */
    .section-home7 .flickity-prev-next-button.next {
      transform: none;
      top: calc(100% + 40px);
      left: calc(50% + 5px);
      right: unset; }
    /* line 420, home/static/css/home.scss */
    .section-home7 .flickity-prev-next-button .flickity-button-icon {
      fill: #ffffff;
      transform: scale(0.65);
      pointer-events: none; }
    /* line 425, home/static/css/home.scss */
    .section-home7 .flickity-prev-next-button:hover {
      box-shadow: 0 0 0 1px #ffffff; }
    /* line 428, home/static/css/home.scss */
    .section-home7 .flickity-prev-next-button:focus {
      outline: none;
      box-shadow: 0 0 0 3px #1cba56;
      border-color: #1cba56; }
  @media (max-width: 840px) {
    /* line 336, home/static/css/home.scss */
    .section-home7 {
      padding-top: 100px; }
      /* line 436, home/static/css/home.scss */
      .section-home7 h3 {
        margin: 0 15px 48px 15px; }
      /* line 439, home/static/css/home.scss */
      .section-home7 .carousel-cell {
        margin: 0;
        padding: 0 5px 0 15px;
        width: 80%;
        min-width: 300px;
        max-width: 420px;
        height: 380px; }
      /* line 447, home/static/css/home.scss */
      .section-home7 figure {
        padding: 24px 24px 40px 24px; } }