@charset "UTF-8";
:root {
  --font-default: #575757;
  --font-hover: #876439;
  --cream: #f6edd7;
  --cream-rgb: 246, 237, 215;
  --cream-soft: #fffaf4;
  --cream-soft-rgb: 251, 246, 232;
  --cream-deep: #eadfc2;
  --cream-deep-rgb: 234, 223, 194;
  --bronze: #8c6a3f;
  --bronze-rgb: 140, 106, 63;
  --bronze-light: #b58e5c;
  --bronze-light-rgb: 181, 142, 92;
  --bronze-pale: #d4b687;
  --bronze-pale-rgb: 212, 182, 135;
  --bronze-deep: #6b4f2d;
  --bronze-deep-rgb: 107, 79, 45;
  --ink: #1a1410;
  --ink-rgb: 26, 20, 16;
  --ink-soft: #2c2419;
  --ink-soft-rgb: 44, 36, 25;
  --mist: #c5baad;
  --mist-rgb: 197, 186, 173;
  --mist-pale: #e5ddd0;
  --mist-pale-rgb: 229, 221, 208;
  --plum: #4d256c;
  --white: #ffffff;
  --pale-yellow: #fff7cc;
  --f-display: "Italiana", "PingFang SC", "苹方-简", sans-serif;
  --f-serif: "Cormorant Garamond", "PingFang SC", "苹方-简", serif;
  --f-cn-serif: "PingFang SC", "苹方-简", "Helvetica Neue", "Microsoft YaHei", sans-serif;
  --f-sans: "PingFang SC", "苹方-简", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Microsoft YaHei", sans-serif;
  --gut: clamp(1.5rem, 4vw, 4rem);
  --section-y: clamp(6rem, 10vw, 10rem);
  --page-x: clamp(24px, 5vw, 64px);
  --site-header-height: clamp(62px, 3.9583333333vw, 76px);
}

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

* {
  scrollbar-width: none;
  -ms-overflow-style: none;
}
*::-webkit-scrollbar {
  display: none;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  min-width: 1280px;
  min-height: 100vh;
  margin: 0;
  color: #000000;
}

img {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
button,
input,
textarea,
th,
td {
  margin: 0;
  padding: 0;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--site-header-height);
  padding: 0 clamp(60px, 4.6875vw, 90px);
  background: #f6edd7;
}
.site-header__logo img {
  display: block;
  height: clamp(32px, 2.1875vw, 42px);
  width: auto;
}
.site-header__nav {
  display: flex;
  align-items: center;
  gap: clamp(16px, 3vw, 36px);
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-header__nav a {
  position: relative;
  padding: 0.3rem 0;
  font-size: 14px;
  letter-spacing: 3px;
  transition: color 0.3s ease;
  font-family: "FZLTHJW--GB1-0", sans-serif;
}
.site-header__nav a:hover {
  color: var(--font-hover);
}
.site-header__nav a.active {
  color: var(--font-hover);
}
.site-header__nav a.active::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 1px;
  background: currentColor;
}

.breadcrumb {
  padding: 120px clamp(24px, 5vw, 64px) 24px;
  color: #8c6a3f;
  font-size: 14px;
  letter-spacing: 0.14em;
}
.breadcrumb i {
  margin: 0 10px;
  color: #c5baad;
  font-style: normal;
}

.site-footer {
  padding: 2% 12% 0 12%;
  background: #1a1412;
}
.site-footer__main {
  display: flex;
  justify-content: space-between;
}
.site-footer__brand {
  width: 40%;
}
.site-footer__name img {
  display: block;
  height: clamp(28px, 2.1875vw, 42px);
  width: auto;
}
.site-footer__tagline {
  max-width: 380px;
  margin-top: clamp(50px, 3.6458333333vw, 70px);
  color: #ffffff;
  letter-spacing: 1px;
}
.site-footer__tagline-l1 {
  font-size: 22px;
  font-family: "FZLTKHJW--GB1-0", sans-serif;
}
.site-footer__tagline-l2 {
  margin-top: 10px;
  font-size: 14px;
  font-family: "Poppins-ExtraLight", sans-serif;
}
.site-footer__cols {
  display: flex;
  width: 60%;
  gap: 25%;
}
.site-footer__col h2 {
  margin: 0 0 clamp(11px, 0.8333333333vw, 16px);
  color: #b69b79;
  font-size: 16px;
  letter-spacing: 2px;
  font-family: "Poppins-Regular", sans-serif;
}
.site-footer__col ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-footer__col li + li {
  margin-top: clamp(7px, 0.5208333333vw, 10px);
}
.site-footer__col a {
  font-size: 14px;
  color: #8c8c8c;
  font-family: "FZLTKHJW--GB1-0", sans-serif;
}
.site-footer__col a:hover,
.site-footer__col a:focus-visible {
  color: #ffffff;
}
.site-footer__bottom {
  display: flex;
  justify-content: center;
  gap: 7.8125vw;
  margin-top: clamp(32px, 2.0833333333vw, 40px);
  padding: clamp(16px, 1.1458333333vw, 22px) clamp(20px, 1.25vw, 24px);
  color: #fff;
  font-size: clamp(10px, 0.625vw, 12px);
  font-family: "FZLTKHJW--GB1-0", sans-serif;
}

.reveal {
  opacity: 0;
  transform: translateY(34px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.reveal.in {
  opacity: 1;
  transform: translateY(0);
}

@font-face {
  font-family: "AlibabaPuHuiTi_2_45_Light";
  src: url("../fonts/ALIBABA_PUHUITI_2.0_45_LIGHT_45_LIGHT.TTF") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "AlibabaPuHuiTi_2_55_Regular";
  src: url("../fonts/ALIBABA_PUHUITI_2.0_55_REGULAR_55_REGULAR.TTF") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "AlibabaPuHuiTi_2_65_Medium";
  src: url("../fonts/ALIBABA_PUHUITI_2.0_65_MEDIUM_65_MEDIUM.TTF") format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "FZLTKHJW--GB1-0";
  src: url("../fonts/方正兰亭刊黑字体.TTF") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "FZLTHJW--GB1-0";
  src: url("../fonts/方正兰亭黑简体.TTF") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "FZLTZCHJW--GB1-0";
  src: url("../fonts/方正兰亭中粗黑.TTF") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "Poppins-Light";
  src: url("../fonts/Poppins-Light.otf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "Poppins-Regular";
  src: url("../fonts/Poppins-Regular.otf") format("truetype");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "Poppins-ExtraLight";
  src: url("../fonts/Poppins-ExtraLight.otf") format("truetype");
  font-style: normal;
  font-weight: normal;
}