body {
  margin: 0;
  padding: 0;
}

.moist-serum *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

.moist-serum *,
.moist-serum *::before,
.moist-serum *::after {
  box-sizing: border-box;
}

.moist-serum a {
  cursor: revert;
}
@media (any-hover: hover) {
  .moist-serum a:hover {
    opacity: 0.8;
  }
}

.moist-serum img {
  max-block-size: 100%;
  max-inline-size: 100%;
  vertical-align: bottom;
}

@media screen and (min-width: 751px) {
  .moist-serum  {
    margin-inline: auto;
    width: 750px;
  }
}

.subscribe {
  position: relative;
}
@media screen and (max-width: 750px) {
  .subscribe {
    height: 102.667vw;
  }
}
@media screen and (min-width: 751px) {
  .subscribe {
    height: 770px;
  }
}

.single {
  position: relative;
}
@media screen and (max-width: 750px) {
  .single {
    height: 58.667vw;
  }
}
@media screen and (min-width: 751px) {
  .single {
    height: 440px;
  }
}

.cta-btn {
  position: absolute;
}
@media screen and (max-width: 750px) {
  .cta-btn {
    left: 10vw;
    width: 80vw;
  }
}
@media screen and (min-width: 751px) {
  .cta-btn {
    left: 75px;
    width: 600px;
  }
}
@media screen and (max-width: 750px) {
  .cta-btn--subscribe {
    bottom: 7.333vw;
  }
}
@media screen and (min-width: 751px) {
  .cta-btn--subscribe {
    bottom: 55px;
  }
}
@media screen and (max-width: 750px) {
  .cta-btn--single {
    bottom: 6.667vw;
  }
}
@media screen and (min-width: 751px) {
  .cta-btn--single {
    bottom: 50px;
  }
}

.subscribe--cta01 {
  background: url(../images/cta01_subscribe_bg.jpg) 0 / cover no-repeat;
}

.single--cta01 {
  background: url(../images/cta01_single_bg.jpg) 0 / cover no-repeat;
}

.subscribe--cta02 {
  background: url(../images/cta02_subscribe_bg.jpg) 0 / cover no-repeat;
}

.single--cta02 {
  background: url(../images/cta02_single_bg.jpg) 0 / cover no-repeat;
}

.cta02 {
  background: #ccdeed;
}
@media screen and (max-width: 750px) {
  .cta02 {
    padding-block-end: 16vw;
  }
}
@media screen and (min-width: 751px) {
  .cta02 {
    padding-block-end: 120px;
  }
}


.fixed {
  bottom: 0;
  display: block;
  opacity: 0;
  position: fixed;
  transition: opacity 0.4s ease, visibility 0.4s ease;
  visibility: hidden;
  z-index: 1000;
}
@media screen and (max-width: 750px) {
  .fixed {
    left: 0;
    width: 100%;
  }
}
@media screen and (min-width: 751px) {
  .fixed {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 750px;
  }
}
.fixed.is_visible {
  opacity: 1;
  visibility: visible;
}
.fixed.is_hidden {
  opacity: 0 !important;
  visibility: hidden !important;
}

.lp-footer {
  background : linear-gradient(120deg, rgba(228, 178, 203, 1) 0%, rgba(195, 159, 218, 1) 48.32%, rgba(144, 194, 222, 1) 100%);
}
@media screen and (max-width: 750px) {
  .lp-footer {
    padding-block: 4.8vw;
  }
}
@media screen and (min-width: 751px) {
  .lp-footer {
    padding-block: 36px;
  }
}

.lp-nav {
  all: unset;
  display: flex;
  justify-content: center;
  list-style: none;
}

.lp-nav__item {
  all: unset;
  display: revert;
  letter-spacing: 0.08em;
  line-height: 1.69;
  padding-inline: 1.38em;
}
@media screen and (max-width: 750px) {
  .lp-nav__item {
    font-size: 3.467vw;
  }
}
@media screen and (min-width: 751px) {
  .lp-nav__item {
    font-size: 26px;
  }
}
.lp-nav__item:last-child {
  border-inline-start: 1px solid #fff;
}

.lp-nav__link {
  color: #fff;
  text-decoration: none;
}
@media (any-hover: hover) {
  .lp-nav__link a:hover {
    opacity: 0.8;
    text-decoration: underline;
  }
}