/* Ajustes editoriais e nova composição da seção do diário. */
.section-number {
  display: none !important;
}

.hero-art > .tape-one {
  display: none !important;
}

.diary-section {
  isolation: isolate;
}

.diary-section::after {
  content: "";
  position: absolute;
  z-index: 2;
  right: 2%;
  bottom: 5px;
  width: min(610px, 50%);
  height: 128px;
  pointer-events: none;
  background: radial-gradient(
    ellipse at center,
    rgba(255, 250, 240, 0.92) 0%,
    rgba(248, 201, 208, 0.38) 48%,
    rgba(248, 201, 208, 0) 74%
  );
  filter: blur(1px);
}

.open-diary {
  z-index: 3;
}

.lettering-quote {
  max-width: 360px;
  margin-top: 14px !important;
  font-size: clamp(23px, 1.8vw, 29px) !important;
  font-weight: 700 !important;
  line-height: 1.06 !important;
  -webkit-text-stroke: 0.32px currentColor;
  paint-order: stroke fill;
}

.presale-copy h2 {
  margin-top: 15px !important;
}

.author-single-photo .author-polaroid figcaption {
  font-size: 25px !important;
}

.vivi-diary {
  z-index: 7 !important;
  right: 4% !important;
  bottom: 5px !important;
  width: min(500px, 40vw) !important;
  opacity: 1 !important;
  filter: drop-shadow(0 16px 14px rgba(66, 53, 77, 0.2));
}

.cat-sticker {
  z-index: 8 !important;
  right: 29% !important;
  bottom: 16px !important;
  left: auto !important;
  width: min(190px, 15vw) !important;
  transform: rotate(-2deg);
  filter: drop-shadow(0 12px 10px rgba(66, 53, 77, 0.18));
}

@media (max-width: 980px) {
  .diary-section::after {
    width: 68%;
  }

  .vivi-diary {
    right: 3% !important;
    bottom: -28px !important;
    width: min(470px, 55vw) !important;
  }

  .cat-sticker {
    right: 34% !important;
    width: min(170px, 20vw) !important;
  }

  .lettering-quote {
    max-width: 330px;
    margin-top: 10px !important;
    font-size: 23px !important;
    line-height: 1.08 !important;
  }
}

@media (max-width: 680px) {
  .rolling-pen {
    display: none !important;
  }

  .diary-section {
    padding-bottom: 350px !important;
  }

  .diary-section::after {
    right: 2%;
    bottom: 13px;
    width: 96%;
    height: 98px;
  }

  .vivi-diary {
    right: 3% !important;
    bottom: 18px !important;
    width: min(310px, 74vw) !important;
  }

  .cat-sticker {
    right: 45% !important;
    bottom: 30px !important;
    width: min(132px, 30vw) !important;
  }

  .lettering-quote {
    max-width: none;
    font-size: 22px !important;
  }
}