/* Local system fonts and opaque paper keep the title legible on every landscape.
   Scope is intentionally limited to the top brand and the home hero. */
.site-header > .brand {
  --title-ink: #173f31;
  --title-paper: #fff8e8;
  position: relative;
  gap: 11px;
  max-width: 100%;
  padding: 10px 17px 10px 12px;
  color: var(--title-ink);
  background: var(--title-paper);
  border: 1px solid #c7bd91;
  border-radius: 11px 20px 13px 17px / 15px 12px 19px 13px;
  box-shadow: 0 3px 0 #d6bd7a4d, 0 8px 18px #203d2912,
    inset 0 0 0 3px #fffdf3;
  font-family: "KaiTi", "STKaiti", "Kaiti SC", "DFKai-SB", "楷体", "SimSun", serif;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: .6px;
  text-shadow: 0 1px 0 #fffdf6, 1px 2px 0 #d5b77a38;
}
.site-header > .brand > span:last-child {
  min-width: 0;
  white-space: nowrap;
  line-height: 1.25;
}
.site-header > .brand .brand-symbol {
  flex: 0 0 43px;
  width: 43px;
  height: 45px;
  color: #fff8e8;
  background: #234c37;
  border: 1px solid #45614b;
  border-radius: 45% 52% 46% 49%;
  box-shadow: inset 0 0 0 3px #f7eed22b, 1px 2px 0 #c4a96755;
  font-family: inherit;
  font-size: 29px;
  font-weight: 700;
  text-shadow: none;
  transform: rotate(-5deg);
}
.site-header > .brand small {
  display: block;
  margin-top: 7px;
  color: #49634a;
  font: 600 8px/1.6 system-ui, "Microsoft YaHei", sans-serif;
  letter-spacing: 1.55px;
  text-shadow: none;
}
.home-main .hero {
  gap: 28px;
  padding-top: 34px;
  padding-bottom: 34px;
}
.home-main .hero-copy {
  position: relative;
  isolation: isolate;
  width: 620px;
  max-width: 100%;
  padding: 29px 35px 26px;
  color: #173f31;
  background-color: #fff8e8;
  background-image: radial-gradient(ellipse at 95% 4%, #ead9a926, transparent 47%);
  border: 1px solid #cbbf96;
  border-radius: 17px 29px 20px 14px / 24px 17px 26px 16px;
  box-shadow: 0 4px 0 #dec78c45, 0 14px 34px #29432b14,
    inset 0 0 0 5px #fffdf1;
}
.home-main .hero-copy::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 31px;
  width: 49px;
  height: 15px;
  background: #e1cf9ad9;
  border: 1px solid #c8b47f6b;
  transform: rotate(-6deg);
  pointer-events: none;
}
.home-main .hero-copy::after {
  content: "";
  position: absolute;
  right: 23px;
  bottom: 20px;
  width: 11px;
  height: 23px;
  border: 1px solid #a3b189;
  border-radius: 100% 0 100% 0;
  transform: rotate(24deg);
  opacity: .6;
  pointer-events: none;
}
.home-main .hero h1 {
  color: #173f31;
  font-family: "KaiTi", "STKaiti", "Kaiti SC", "DFKai-SB", "楷体", "SimSun", serif;
  font-size: 64px;
  line-height: 1.33;
  font-weight: 700;
  letter-spacing: 4px;
  margin: 0 0 17px;
  text-shadow: 0 1px 0 #fffdf5, 1px 3px 0 #c9aa6d40;
}
.home-main .hero-kicker {
  margin-bottom: 17px;
  color: #476149;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 1.7px;
  line-height: 1.7;
}
.home-main .hero-kicker > span { background: #62754b; }
.home-main .hero-copy > p {
  max-width: 465px;
  margin-bottom: 18px;
  color: #354e3d;
  font-size: 14px;
  line-height: 1.95;
  text-shadow: none;
}
.home-main .hero-signature {
  color: #254a35;
  font-family: "KaiTi", "STKaiti", "Kaiti SC", "DFKai-SB", "楷体", "SimSun", serif;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: .6px;
}
.home-main .hero-signature i { color: #9a783e; }
.home-main .hero-date { color: #536448; }
.home-main .hero-note {
  color: #294a35;
  background: #fff8e8;
  border-color: #d7cba7;
  box-shadow: 0 5px 0 #d4bb7f33, 0 10px 25px #29432b12;
}
.home-main .hero-note p {
  font-family: "KaiTi", "STKaiti", "Kaiti SC", "DFKai-SB", "楷体", "SimSun", serif;
  font-size: 25px;
  font-weight: 700;
  color: #294a35;
}
@media (max-width: 1100px) {
  .site-header > .brand { font-size: 24px; padding: 9px 13px 9px 10px; gap: 9px; }
  .site-header > .brand .brand-symbol { flex-basis: 38px; width: 38px; height: 41px; font-size: 26px; }
  .site-header > .brand small { font-size: 7px; letter-spacing: 1.25px; }
  .home-main .hero-copy { width: 570px; padding: 27px 29px 24px; }
  .home-main .hero h1 { font-size: 57px; }
}
@media (max-width: 800px) {
  .site-header > .brand { font-size: 26px; }
  .home-main .hero-copy { width: 100%; }
  .home-main .hero { min-height: 0; }
}
@media (max-width: 600px) {
  .site-header > .brand { font-size: 25px; padding: 10px 13px 9px 10px; gap: 9px; }
  .site-header > .brand small { font-size: 7px; letter-spacing: 1.2px; margin-top: 6px; }
  .home-main .hero { padding: 24px 18px 29px; }
  .home-main .hero-copy { padding: 24px 23px 22px; }
  .home-main .hero h1 { font-size: 46px; letter-spacing: 2px; line-height: 1.4; margin-bottom: 14px; }
  .home-main .hero-kicker { font-size: 10px; letter-spacing: 1px; margin-bottom: 13px; gap: 8px; }
  .home-main .hero-kicker > span { width: 18px; }
  .home-main .hero-copy > p { font-size: 12px; max-width: 100%; line-height: 1.95; margin-bottom: 16px; }
  .home-main .hero-signature { font-size: 16px; }
  .home-main .hero-date { font-size: 10px; margin-top: 5px; }
}
@media (max-width: 360px) {
  .site-header > .brand { font-size: 22px; padding: 9px 11px 9px 9px; gap: 8px; letter-spacing: .25px; }
  .site-header > .brand .brand-symbol { flex-basis: 34px; width: 34px; height: 38px; font-size: 25px; }
  .site-header > .brand small { font-size: 6.5px; letter-spacing: .75px; }
  .home-main .hero { padding-left: 15px; padding-right: 15px; }
  .home-main .hero-copy { padding: 23px 19px 21px; }
  .home-main .hero h1 { font-size: 41px; letter-spacing: 1px; }
  .home-main .hero-kicker { font-size: 9px; letter-spacing: .6px; }
  .home-main .hero-signature { font-size: 15px; }
}