/*!***********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/content-fixed-title/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************/
/* @group content-fixed-title
------------------------------------ */
.content-fixed-title {
  isolation: isolate;
  --line: 0.1rem solid var(--light-green);
}

.content-fixed-title header h2 {
  font-family: var(--main-font);
  font-size: 3.5rem;
  line-height: 1.08em;
  letter-spacing: 0.028em;
  padding-bottom: 2.6rem;
}

.content-fixed-title .splide__slide .jumbo-number {
  font: normal 400 7.5rem/normal var(--baskerville-font);
  font-style: italic;
  color: var(--olive);
}

.content-fixed-title .splide__slide small {
  display: block;
  font-size: 2rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  margin-bottom: 0.9rem;
}

@media only screen and (min-width: 961px) {
  .content-fixed-title {
    padding-bottom: 9rem;
  }
  .content-fixed-title header h2 {
    padding-bottom: 1.4rem;
    font-size: 5rem;
    line-height: 1.04em;
    letter-spacing: 0.02em;
  }
  .content-fixed-title header {
    margin-bottom: 4.6rem;
  }
  .content-fixed-title .move-to i {
    font-size: 4rem;
    transition: all 250ms;
  }
  .content-fixed-title .move-to:hover i {
    background-color: var(--olive);
    color: #fff;
  }
  .content-fixed-title .row.full-width {
    padding-inline: 4.7rem;
  }
  .content-fixed-title .splide {
    border-block: var(--line);
    height: 73.7rem;
    overflow-y: hidden;
  }
  .content-fixed-title .splide__slide {
    display: flex;
    height: 73.7rem;
    border-bottom: var(--line);
  }
  .content-fixed-title .splide__slide :is(aside, article) {
    padding-block: 5.6rem 5rem;
  }
  .content-fixed-title .splide__slide aside {
    flex: 1;
    text-align: center;
  }
  .content-fixed-title .splide__slide .jumbo-number {
    font-size: 30rem;
    opacity: 0.2;
  }
  .content-fixed-title .splide__slide article {
    width: 80.38%;
    padding-left: 6.5rem;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    background: rgba(98, 119, 101, 0.2);
  }
  .content-fixed-title .splide__slide small {
    font-size: 2.5rem;
  }
  .content-fixed-title .splide__slide .content {
    width: 51.5rem;
    height: 100%;
  }
  .content-fixed-title .splide__slide .content small {
    margin-bottom: 2.6rem;
  }
  .content-fixed-title .splide__slide .content h3 {
    margin-block: 2.6rem;
  }
  .content-fixed-title .splide__slide .img-box {
    width: 61.1rem;
    height: 46rem;
    margin: 0;
  }
}
@media only screen and (min-width: 0) and (max-width: 960px) {
  .content-fixed-title {
    padding-bottom: 7rem;
  }
  .content-fixed-title .splide {
    padding: 0;
    background: rgba(98, 119, 101, 0.2);
  }
  .content-fixed-title .splide__slide {
    position: relative;
    width: 100%;
    --head-height: 18.6rem;
  }
  .content-fixed-title header {
    margin-bottom: 7rem;
  }
  .content-fixed-title .splide__slide .head {
    position: absolute;
    width: 80%;
    top: 0;
    right: 0;
    padding-inline: 3rem 4.9rem;
    padding-block: 3.1rem;
    border-left: var(--line);
    height: var(--head-height);
  }
  .content-fixed-title .splide__slide .head small {
    padding-bottom: 0.9rem;
  }
  .content-fixed-title .splide__slide article {
    display: flex;
    flex-direction: column;
    margin-top: var(--head-height);
    border-top: var(--line);
  }
  .content-fixed-title .splide__slide aside {
    position: absolute;
    height: var(--head-height);
    width: 20%;
    padding-top: 1.2rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .content-fixed-title .splide__slide aside button {
    flex: 1;
    width: 100%;
    border-top: var(--line);
  }
  .content-fixed-title .splide__slide .img-box {
    order: -1;
    height: 26.6rem;
    margin: 2rem;
  }
  .content-fixed-title .splide__slide .content p {
    padding-inline: 2rem;
    font-size: 1.7rem;
    letter-spacing: normal;
    padding-bottom: 1.2rem;
  }
  .content-fixed-title .splide__slide small {
    padding-bottom: 0.9rem;
  }
  .content-fixed-title .splide__slide .jumbo-number {
    opacity: 0.25;
  }
}
/* @end */
/* ScrollBar */
.content-fixed-title .splide {
  scrollbar-color: var(--olive) var(--main-white);
  scrollbar-width: thin;
}

.content-fixed-title .splide::-webkit-scrollbar {
  width: 2rem;
}

.content-fixed-title .splide::-webkit-scrollbar-track {
  background-color: var(--main-white);
}

.content-fixed-title .splide::-webkit-scrollbar-thumb {
  border: none;
  background-color: var(--olive);
}

/* ANIMATIONS */
:where(#wrapper) .content-fixed-title :is(h2, p, a, #content-fixed-title-slider) {
  opacity: 0;
  --duration: 1s;
  --delay: 700ms;
}

:where(#wrapper) .content-fixed-title.animateActive :is(h2, p) {
  animation: fadeUp var(--duration) forwards;
  animation-delay: var(--delay, 0);
}

:where(#wrapper) .content-fixed-title.animateActive :is(p) {
  animation-delay: calc(var(--delay) * 2);
}

:where(#wrapper) .content-fixed-title.animateActive :is(a) {
  animation: fadeDown var(--duration) forwards;
  animation-delay: calc(var(--delay) * 2 + 200ms);
}

:where(#wrapper) .content-fixed-title.animateActive :is(#content-fixed-title-slider) {
  animation: fade var(--duration) forwards;
  animation-delay: calc(var(--delay) * 3);
}

/*# sourceMappingURL=style-index.css.map*/