@font-face {
  font-family: "Noto Serif SC";
  src: url("fonts/NotoSerifSC-quotation.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.home-page .quote-hero {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 570px;
  padding: 130px 50px 65px;
  background: #f4e7c9 url("ivory-paper.webp") center / cover no-repeat;
  box-shadow: inset 0 0 80px #b18b4312, 0 8px 30px #72562d08;
  text-align: center;
}
.paper-quotation {
  position: relative;
  width: min(900px, 100%);
  margin: 0;
  padding: 62px 58px 64px;
}
.home-page .quote-hero h1 {
  font-family: "Noto Serif SC", "Songti SC", SimSun, serif;
  color: #544731;
  font-size: clamp(34px, 4.3vw, 60px);
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: .09em;
  text-shadow: none;
  margin: 0;
}
.quote-mark {
  position: absolute;
  font-family: Georgia, serif;
  font-size: 140px;
  line-height: 1;
  color: #ac9060;
  font-weight: 400;
  pointer-events: none;
  user-select: none;
}
.quote-open { top: -12px; left: 0; }
.quote-close { bottom: -52px; right: 0; }
.quote-hero h1 span { display: block; }
.journal-coming { padding-top: 10px; }
.home-page .journal-coming p {
  display: grid;
  place-items: center;
  min-height: 165px;
  margin: 0;
  border-top: 1px solid #dce6ed;
  border-bottom: 1px solid #dce6ed;
  color: #8a9eae;
  font-size: 19px;
  font-weight: 400;
  letter-spacing: .14em;
}
.about-brand {
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 145px 24px 95px;
  text-align: center;
}
.about-logo { width: min(480px, 76vw); height: auto; display: block; }
.about-brand h1 {
  font-size: clamp(29px, 3.5vw, 43px);
  font-weight: 400;
  letter-spacing: .22em;
  padding-left: .22em;
  font-family: "Noto Serif SC", "Songti SC", SimSun, serif;
  margin: 55px 0 15px;
  color: #1c3548;
}
.about-brand p {
  font-family: Georgia, "HarmonyOS Sans SC", serif;
  font-size: 16px;
  color: #7b919f;
  line-height: 1.6;
  margin: 0;
}
@media (max-width: 700px) {
  .home-page .quote-hero {
    min-height: 470px;
    padding: 110px 26px 50px;
  }
  .home-page .quote-hero h1 { font-size: clamp(23px, 5.8vw, 35px); line-height: 1.9; }
  .paper-quotation { padding: 46px 20px 52px; }
  .quote-mark { font-size: 95px; }
  .quote-open { top: -8px; }
  .quote-close { bottom: -36px; }
  .home-page .journal-coming p { min-height: 140px; font-size: 17px; }
  .about-brand { padding-top: 125px; padding-bottom: 85px; }
  .about-brand h1 { margin-top: 40px; }
  .about-brand p { font-size: 13px; }
}