@font-face {
  /* 阿里妈妈东方大楷 © 淘宝（中国）软件有限公司。See fonts/AlimamaDongFangDaKai-license.txt. */
  font-family: "Luo Yan Kai";
  src: url("fonts/AlimamaDongFangDaKai-Regular.ttf?v=20261018-yankai") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
:root {
  --gilded-color: #e8cd96;
  --gilded-grain: repeating-linear-gradient(96deg,
    rgb(255 248 221 / 6%) 0 .6px,
    rgb(126 86 32 / 3%) .6px 1.1px,
    transparent 1.1px 2.8px);
  --gilded-metal: linear-gradient(168deg,
    #fff3d5 0%, #ead19e 24%, #fae8bd 42%,
    #d8b77c 49%, #f5dba5 63%, #dfbf85 82%, #fff0ca 100%);
}
/* One readable face, with two decorative layers for a shallow metal relief. */
.relief-text {
  --relief-x: .45px;
  --relief-y: 1.15px;
  --relief-blur: 3px;
  display: inline-grid;
  position: relative;
  isolation: isolate;
  color: var(--gilded-color);
  text-shadow: none;
  vertical-align: baseline;
}
.relief-text .metal-layer {
  grid-area: 1 / 1;
  display: block;
  font: inherit;
  letter-spacing: inherit;
  text-align: inherit;
  white-space: inherit;
  opacity: 1;
}
.metal-depth, .metal-rim { pointer-events: none; user-select: none; }
.relief-text .metal-depth {
  z-index: 0;
  color: #886334;
  transform: translate(var(--relief-x), var(--relief-y));
  text-shadow: 0 1px 0 #4c351e, 0 3px var(--relief-blur) rgb(3 10 19 / 62%);
}
.relief-text .metal-rim {
  z-index: 1;
  color: #fff3d4;
  opacity: .7;
  transform: translate(-.35px, -.65px);
}
.relief-text .metal-face { z-index: 2; color: var(--gilded-color); }
@supports (background-clip: text) or (-webkit-background-clip: text) {
  .relief-text .metal-face {
    background-image: var(--gilded-grain), var(--gilded-metal);
    background-repeat: repeat, no-repeat;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
  }
}
.identity h1 { --relief-x: 1px; --relief-y: 2.2px; --relief-blur: 7px; padding-right: .1em; }
.identity h1 .metal-rim { transform: translate(-.55px, -1px); }
.home-signature { --relief-y: .85px; padding-right: .1em; }
.gallery-header h1 { --relief-y: .65px; letter-spacing: .055em; }
.photo-title, .collection-menu button {
  font-family: "Luo Yan Kai", "KaiTi", "STKaiti", "Kaiti SC", serif;
  font-style: normal;
  font-weight: 400;
  font-synthesis: none;
  text-shadow: none;
}
.photo-title {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
  font-size: 1.75rem;
  line-height: 1.55;
  letter-spacing: .08em;
  color: #ead7b1;
}
.collection-menu button { font-size: 1.35rem; letter-spacing: .1em; color: #b9c7d6; }
.collection-menu button[aria-pressed="true"] {
  color: #ead7b1;
  border-bottom-color: rgb(228 199 136 / 65%);
}
.collection-menu button:hover:not([aria-pressed="true"]) { color: #e3d9c6; }
.portfolio-entry { border-bottom-color: rgb(228 199 136 / 45%); }
.portfolio-entry:hover { border-bottom-color: #e4c788; }
.portfolio-entry .entry-arrow { color: #dfc898; }
@media (max-width: 650px) {
  .photo-title { font-size: 1.625rem; letter-spacing: .06em; }
  .collection-menu button { font-size: 1.3rem; }
  .identity h1 { --relief-y: 1.6px; --relief-blur: 5px; }
}
@media (forced-colors: active) {
  .relief-text :is(.metal-depth, .metal-rim) { display: none; }
  .relief-text .metal-face {
    background: none;
    color: CanvasText;
    -webkit-text-fill-color: CanvasText;
    text-shadow: none;
  }
  .photo-title, .collection-menu button { color: CanvasText; }
  .collection-menu button[aria-pressed="true"], .portfolio-entry { border-bottom-color: CanvasText; }
  .portfolio-entry .entry-arrow { color: LinkText; }
}