/* JquanUI atomic-first residual CSS: visual, responsive and interaction-only. Demo V3.61 */
/* Artists directory and profile system */
.artists-index,
.artist-profile-page {
  --artists-paper: #e7e3d8;
  --artists-ink: #111817;
  --artists-jade: #477970;
  --artists-red: #8f3a32;
}

.artists-index .global-nav:not(.scrolled),
.artist-profile-page .global-nav:not(.scrolled) {
  background: linear-gradient(180deg, rgb(3 6 6 / 72%), transparent);
}

.talent-index-hero {
  isolation: isolate;
  background:
    radial-gradient(88% 70% at 18% 18%, rgba(184, 152, 101, .16), transparent 56%),
    linear-gradient(135deg, #030303 0%, #090806 48%, #020202 100%);
}



.talent-index-hero__image {
  pointer-events: none;
}

.talent-index-hero__image img {
  filter: saturate(.68) contrast(1.08) brightness(.72);
  transform: scale(1.015);
  animation: talent-hero-settle 1.8s var(--ease) both;
}

.talent-index-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    linear-gradient(90deg, rgba(3, 3, 3, .96) 0%, rgba(3, 3, 3, .84) 38%, rgba(3, 3, 3, .2) 72%, rgba(3, 3, 3, .78) 100%),
    linear-gradient(0deg, #030303 0%, transparent 34%);
  pointer-events: none;
}

.talent-index-hero::after {
  content: "ARTISTS";
  position: absolute;
  z-index: 1;
  right: clamp(20px, 5vw, 88px);
  bottom: clamp(58px, 8vw, 130px);
  color: rgba(184, 152, 101, .07);
  font: 400 clamp(76px, 12vw, 210px)/.78 var(--title);
  letter-spacing: .08em;
  pointer-events: none;
}



.talent-index-hero__kicker,
.profile-kicker {
  color: var(--artist-gold-hi, #e1c990);
}

.talent-index-hero h1 .zh {
  font-family: "Noto Serif SC", serif;
  letter-spacing: .18em;
  color: rgba(255, 250, 235, .96);
}

.talent-index-hero h1 .en {
  color: rgba(255, 250, 235, .96);
  letter-spacing: .04em;
}

.talent-index-hero__intro {
  position: relative;
  color: rgba(243, 236, 218, .76);
  font-family: var(--serif);
  font-weight: 300;
}

.talent-index-hero__intro::before {
  content: "";
  position: absolute;
  left: 0;
  top: -20px;
  width: min(260px, 42vw);
  height: 1px;
  background: linear-gradient(90deg, var(--artist-gold-hi, #e1c990), transparent);
}

html:not([lang="en"]) .talent-index-hero__intro {
  font-family: "Noto Serif SC", serif;
  letter-spacing: .075em;
}

.talent-index-hero__intro .zh {
  font-family: "Noto Serif SC", serif;
}

.talent-index-hero__foot {
  max-width: 760px;
  border-top: 1px solid rgba(184, 152, 101, .28);
  color: rgba(243, 236, 218, .56);
  letter-spacing: .16em;
}

.talent-directory {
  background: var(--artists-paper);
  color: var(--artists-ink);
}

.talent-directory::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .035;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
}



.talent-directory__intro span {
  color: var(--artists-jade);
}

.talent-directory__intro p {
  font-family: var(--serif);
  font-weight: 400;
}

.talent-directory__intro p .zh {
  font-family: "Noto Serif SC", serif;
}

[data-artists-directory] {
  position: relative;
  width: min(1280px, 100%);
  min-height: 280px;
  margin: 0 auto;
}

.directory-loading,
.directory-error {
  border-top: 1px solid rgb(17 24 23 / 18%);
  color: rgb(17 24 23 / 56%);
  font: 400 14px var(--sans);
}



.talent-group:last-child {
  padding-bottom: 0;
}

/* 对称镜像：02 / 04 与 01 / 03 水平对调（标题在右、照片在左） */
.talent-group--mirror {
  direction: rtl;
}

.talent-group--mirror > * {
  direction: ltr;
}

.talent-group__head {
  border-top: 1px solid rgb(17 24 23 / 24%);
}

.talent-group__index {
  color: var(--artists-red);
  font: 500 14px var(--sans);
}

.talent-group__title {
  font-family: "Noto Serif SC", serif;
  font-weight: 400;
  line-height: 1.2;
}

.talent-group__english {
  color: rgb(17 24 23 / 48%);
  font: 500 14px var(--sans);
}





.talent-group--creative-team .talent-directory-grid::after,
.talent-group--company .talent-directory-grid::after {
  content: "&";
  display: grid;
  place-items: center;
  aspect-ratio: 1 / 1;
  color: rgb(17 24 23 / 12%);
  border-block: 1px solid rgb(17 24 23 / 18%);
  font: italic 400 150px/1 var(--serif);
}





.talent-card__figure {
  background: #17201e;
}





.talent-card__figure::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, transparent 45%, rgb(3 6 6 / 86%) 100%);
  transition: opacity .55s var(--ease);
}

.talent-card__figure::after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 26px;
  right: 26px;
  bottom: 86px;
  height: 1px;
  background: rgb(255 255 255 / 58%);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .7s var(--ease);
}

.talent-card img {
  filter: saturate(.76) contrast(1.03);
  transition: transform 1s var(--ease), filter .65s ease;
}





.talent-card__surface[href]:hover img,
.talent-card__surface[href]:focus-visible img {
  filter: saturate(1) contrast(1);
  transform: scale(1.025);
}

.talent-card__surface[href]:hover .talent-card__figure::after,
.talent-card__surface[href]:focus-visible .talent-card__figure::after {
  transform: scaleX(1);
}

.talent-card__number {
  color: rgb(255 255 255 / 65%);
  font: 500 14px var(--sans);
}

.talent-card__caption {
  color: #fff;
}

.talent-card__role {
  color: rgb(255 255 255 / 60%);
}

.talent-card__name {
  font-family: "Noto Serif SC", var(--serif);
  font-weight: 400;
  line-height: 1.25;
}



.talent-card__latin {
  color: rgb(255 255 255 / 66%);
  font: 400 14px/1.4 var(--serif);
}

.talent-card__arrow {
  transition: transform .3s ease;
}

.talent-card__surface[href]:hover .talent-card__arrow {
  transform: translate(3px, -3px);
}

.talent-card__pending {
  color: rgb(255 255 255 / 42%);
}

.artists-brand-band {
  border-top: 1px solid var(--line);
  background: #08100f;
}



.artists-brand-band h2 {
  font-family: var(--title);
  font-weight: 400;
  line-height: 1.1;
}

.artists-brand-band p {
  color: var(--muted);
}

/* Artist profile */
.profile-masthead {
  background: #030606;
}



.profile-masthead__portrait::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 68%, #030606 100%), linear-gradient(0deg, #030606, transparent 28%);
}

.profile-masthead__portrait img {
  filter: saturate(.9) contrast(1.03);
  animation: profile-portrait-settle 1.5s var(--ease) both;
}





.profile-masthead__number {
  color: rgb(255 255 255 / 13%);
  font-family: var(--title);
  font-weight: 400;
  line-height: .8;
}



.profile-masthead__cn {
  color: var(--green-hi);
  font-family: "Noto Serif SC", serif;
  font-weight: 300;
}

.profile-statement {
  border-top: 1px solid var(--line);
  color: rgb(255 255 255 / 84%);
  font-family: var(--serif);
  font-style: italic;
  font-weight: 300;
  line-height: 1.65;
}

.profile-statement .zh {
  font-family: "Noto Serif SC", serif;
  font-style: normal;
}



.profile-meta div {
  border-top: 1px solid var(--line);
}

.profile-meta strong {
  font-family: var(--title);
  font-weight: 400;
}

.profile-meta span {
  color: var(--faint);
}

.profile-rail {
  border-block: 1px solid var(--line);
  background: rgb(3 6 6 / 94%);
  backdrop-filter: blur(12px);
}

.profile-rail::-webkit-scrollbar {
  display: none;
}

.profile-rail a {
  color: var(--muted);
  transition: color .25s ease, background .25s ease;
}

.profile-rail a:hover,
.profile-rail a:focus-visible {
  color: #fff;
  background: rgb(255 255 255 / 5%);
}

.profile-section {
  scroll-margin-top: 120px;
}

.profile-section--paper {
  background: var(--artists-paper);
  color: var(--artists-ink);
}

.profile-section--deep {
  border-block: 1px solid var(--line);
  background: #08100f;
}





.profile-section__heading p {
  color: var(--green-hi);
}

.profile-section--paper .profile-section__heading p {
  color: var(--artists-jade);
}

.profile-section__heading h2 {
  font-family: var(--title);
  font-weight: 400;
  line-height: 1.15;
}

.profile-section__heading h2 .zh {
  font-family: "Noto Serif SC", serif;
}



.profile-biography__short {
  border: 0;
}

.profile-biography__short span {
  color: rgb(17 24 23 / 48%);
}

.profile-biography__short p {
  font: 400 15px/1.9 var(--serif);
}

.profile-biography__long {
  color: rgb(17 24 23 / 78%);
  font-family: var(--serif);
  font-weight: 400;
}

.profile-biography__long.zh {
  font-family: "Noto Serif SC", serif;
}

.profile-facts {
  border-block: 1px solid var(--line);
}

.profile-facts article {
  border-right: 1px solid var(--line);
}

.profile-facts article:last-child {
  border-right: 0;
}

.profile-facts span {
  color: var(--green-hi);
}

.profile-facts strong {
  font-family: var(--title);
  font-weight: 400;
  line-height: 1.2;
}

.profile-facts p {
  color: var(--muted);
}

.profile-works {
  border-top: 1px solid rgb(17 24 23 / 22%);
}

.profile-work {
  border-bottom: 1px solid rgb(17 24 23 / 18%);
}

.profile-work time {
  color: var(--artists-red);
  font: 500 14px var(--sans);
}

.profile-work h3 {
  font: 400 24px/1.4 var(--serif);
}

.profile-work p {
  color: rgb(17 24 23 / 55%);
}

.profile-showreel {
  background: #000;
}



.profile-showreel__label {
  background: rgb(3 6 6 / 72%);
}



.profile-quotes,
.profile-awards {
  border-top: 1px solid var(--line);
}

.profile-quote,
.profile-award {
  border-bottom: 1px solid var(--line);
}

.profile-quote p {
  color: rgb(255 255 255 / 83%);
  font: italic 300 22px/1.6 var(--serif);
}

.profile-quote cite,
.profile-award span {
  color: var(--faint);
}

.profile-award strong {
  font: 400 17px var(--serif);
}



.profile-gallery button {
  border: 0;
  background: #111;
}

.profile-gallery img {
  transition: transform .8s var(--ease), filter .45s ease;
}

.profile-gallery button:hover img,
.profile-gallery button:focus-visible img {
  transform: scale(1.025);
  filter: saturate(1.08);
}

.profile-gallery button::after {
  content: "\E3D4";
  position: absolute;
  right: 18px;
  bottom: 16px;
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid rgb(255 255 255 / 42%);
  color: #fff;
  font: 16px Phosphor;
  opacity: 0;
  transition: opacity .25s ease;
}

.profile-gallery button:hover::after,
.profile-gallery button:focus-visible::after {
  opacity: 1;
}



.profile-follow strong {
  font: 400 17px var(--title);
}

.profile-follow a,
.profile-follow span {
  border: 1px solid var(--line);
}

.profile-follow span {
  color: var(--faint);
}



.profile-enquiry-intro p {
  color: var(--muted);
}

.profile-form {
  background: var(--line);
  border: 1px solid var(--line);
}

.profile-field {
  background: #08100f;
}



.profile-field label {
  color: var(--green-hi);
}

.profile-field input,
.profile-field select,
.profile-field textarea {
  border: 0;
  border-radius: 0;
  outline: 0;
  background: transparent;
  color: #fff;
  font: 400 14px var(--sans);
}



.profile-field select option {
  color: #000;
}

.profile-field:focus-within {
  box-shadow: inset 0 -2px var(--green-hi);
}

.profile-form__submit {
  border: 0;
  background: var(--artists-jade);
  color: #fff;
  transition: background .3s ease, color .3s ease;
}

.profile-form__submit:hover {
  background: #fff;
  color: var(--artists-ink);
}

.profile-form__submit.is-submitting i {
  animation: enquiry-spin .8s linear infinite;
}

.profile-response-time {
  color: var(--faint);
}

.profile-form-success {
  border-block: 1px solid var(--line);
  transition: opacity .45s ease;
}



.profile-form-success i {
  color: var(--green-hi);
}

.profile-form-success h3 {
  font: 400 30px var(--title);
}

.profile-form-success p {
  color: var(--muted);
}

.gallery-dialog {
  border: 1px solid var(--line);
  border-radius: 0;
  background: #020404;
  color: #fff;
}

.gallery-dialog::backdrop {
  background: rgb(0 0 0 / 88%);
  backdrop-filter: blur(8px);
}





.gallery-dialog figcaption {
  border-top: 1px solid var(--line);
  color: var(--muted);
}

.gallery-dialog__close {
  border: 1px solid rgb(255 255 255 / 28%);
  background: rgb(3 6 6 / 72%);
  color: #fff;
}

@keyframes talent-hero-settle {
  from { opacity: 0; transform: scale(1.06); }
  to { opacity: 1; transform: scale(1.015); }
}

@keyframes profile-portrait-settle {
  from { opacity: 0; transform: scale(1.04); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes enquiry-spin {
  to { transform: rotate(360deg); }
}

/* ===== 05 全体演职人员：电影片尾滚动 =====
   该 section 复用 talent-group 的网格与标题结构，
   右侧 .credits-roll 为深色滚动演员表 */
.credits-roll {
  position: relative;
  width: 100%;
  min-height: 560px;
  height: min(60vh, 520px);
  padding: 8px 22px;
  overflow: hidden;
  color: rgb(241 239 230 / 92%);
  background:
    radial-gradient(120% 90% at 50% 0%, rgb(31 40 37 / 40%), transparent 60%),
    linear-gradient(180deg, rgb(3 6 6 / 60%), rgb(3 6 6 / 76%)),
    url("../assets/images/index_qljs.png") center / cover no-repeat,
    #070a09;
  mask-image: linear-gradient(180deg, transparent 0, #000 16%, #000 84%, transparent 100%);
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 16%, #000 84%, transparent 100%);
}

.credits-roll__inner {
  display: flex;
  flex-direction: column;
  will-change: transform;
  animation: credits-roll-up 72s linear infinite;
}

.credits-roll__track {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  width: 100%;
  flex: 0 0 auto;
}

.credits-roll__tagline {
  margin: 0 0 44px;
  font-family: "Noto Serif SC", serif;
  font-weight: 400;
  font-size: 30px;
  letter-spacing: .18em;
  color: rgb(226 221 205 / 95%);
}

.credits-block {
  width: 100%;
}

.credits-block + .credits-block {
  margin-top: 56px;
}

.credits-block__title {
  margin: 0 0 26px;
  font-family: "Noto Serif SC", serif;
  font-weight: 400;
  font-size: 28px;
  letter-spacing: .14em;
  color: rgb(235 230 214 / 95%);
}

.credits-block__title small {
  display: block;
  margin-top: 8px;
  font: 500 12px var(--sans);
  letter-spacing: .28em;
  color: var(--artists-jade);
}

.credits-list {
  margin: 0;
}

.credits-row {
  padding: 17px 0;
}

.credits-row dt {
  margin-bottom: 6px;
  font-size: 15px;
  letter-spacing: .24em;
  color: rgb(226 221 205 / 64%);
}

.credits-row dt .en {
  display: block;
  margin-top: 4px;
  font: 500 10px var(--sans);
  letter-spacing: .2em;
  text-transform: uppercase;
  color: rgb(226 221 205 / 34%);
}

.credits-row dd {
  margin: 0;
  font-family: "Noto Serif SC", serif;
  font-weight: 400;
  font-size: 21px;
  letter-spacing: .05em;
  color: rgb(241 239 230 / 94%);
}

@keyframes credits-roll-up {
  from { transform: translateY(0); }
  to { transform: translateY(-50%); }
}

@media (max-width: 760px) {
  .credits-roll {
    height: 48vh;
  }

  .credits-roll__tagline {
    font-size: 24px;
  }

  .credits-block__title {
    font-size: 24px;
  }

  .credits-row dd {
    font-size: 19px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .credits-roll__inner {
    animation: none;
  }

  .credits-roll__track--clone {
    display: none;
  }
}

@media (max-width: 1100px) {
  .talent-group--creative-team .talent-directory-grid::after,
  .talent-group--company .talent-directory-grid::after { display: none; }
}

@media (max-width: 760px) {
  .talent-index-hero__image img { object-position: 58% center; }
  .talent-index-hero::before { background: radial-gradient(120% 80% at 50% 45%, transparent 0%, transparent 38%, rgb(3 6 6 / 35%) 70%, rgb(3 6 6 / 78%) 100%), linear-gradient(180deg, rgb(3 6 6 / 45%), transparent 30%, transparent 60%, rgb(3 6 6 / 92%) 100%); }
  .talent-card__figure::after { left: 16px; right: 16px; bottom: 77px; }
  .profile-masthead__portrait::after { background: linear-gradient(0deg, #030606, transparent 40%); }
  .profile-facts article:nth-child(2) { border-right: 0; }
  .profile-facts article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
}

@media (prefers-reduced-motion: reduce) {
  .talent-index-hero__image img,
  .profile-masthead__portrait img { animation: none; }
  .talent-card img,
  .profile-gallery img { transition: none; }
}


/* Artist index refinement: black-gold editorial directory rows. */
.artists-index {
  --artist-gold: #b89865;
  --artist-gold-hi: #e1c990;
  --artist-black: #040403;
  --artist-panel: #0b0906;
  --artist-line-gold: rgba(184, 152, 101, .24);
}

.artists-index .talent-directory {
  color: rgba(243, 236, 218, .92);
  background:
    radial-gradient(80% 55% at 12% 2%, rgba(184, 152, 101, .18), transparent 60%),
    radial-gradient(70% 52% at 88% 16%, rgba(74, 124, 117, .1), transparent 62%),
    linear-gradient(180deg, #060504 0%, #0d0a07 46%, #030303 100%);
}

.artists-index .talent-directory::before {
  opacity: .045;
  mix-blend-mode: screen;
}

.artists-index .talent-directory__intro {
  border-top: 1px solid var(--artist-line-gold);
  padding-top: clamp(28px, 3.8vw, 48px);
}

.artists-index .talent-directory__intro > span,
.artists-index .talent-group__index,
.artists-index .talent-group__english {
  color: var(--artist-gold-hi);
  font-family: var(--sans);
  letter-spacing: .16em;
}

.artists-index .talent-directory__intro p,
.artists-index .talent-group__title,
.artists-index .credits-roll__tagline,
.artists-index .credits-block__title {
  font-weight: 300;
}

.artists-index .talent-directory__intro p {
  color: rgba(243, 236, 218, .9);
}

.artists-index .artist-directory-title,
.artists-index .artist-directory-title span {
  color: var(--artist-gold-hi);
}

.artists-index .talent-group {
  position: relative;
  border-top: 1px solid var(--artist-line-gold);
  padding-top: clamp(34px, 5vw, 66px);
}

.artists-index .talent-group__head {
  border-top: 0;
}

.artists-index .talent-group__title {
  color: rgba(255, 250, 235, .94);
}

.artists-index .talent-group__english {
  color: rgba(184, 152, 101, .66);
}

.artists-index .talent-group--mirror {
  direction: ltr;
}

.artists-index .talent-group--creative-team .talent-directory-grid::after,
.artists-index .talent-group--company .talent-directory-grid::after {
  display: none;
}

.artists-index .talent-directory-grid {
  gap: clamp(18px, 2vw, 28px) !important;
}

.artists-index .talent-card {
  grid-column: 1 / -1 !important;
}

.artists-index .talent-card__surface {
  color: inherit;
}

.artists-index .talent-card__figure {
  border: 1px solid rgba(184, 152, 101, .28);
  background: var(--artist-panel);
  box-shadow: 0 28px 86px rgba(0, 0, 0, .36), inset 0 0 0 1px rgba(255, 240, 190, .035);
}

.artists-index .talent-card__figure::before,
.artists-index .talent-card__figure::after {
  display: none;
}

.artists-index .talent-card__figure > img {
  filter: saturate(.76) contrast(1.05) brightness(.82);
}

.artists-index .talent-card__surface[href]:hover img,
.artists-index .talent-card__surface[href]:focus-visible img {
  filter: saturate(.92) contrast(1.08) brightness(.94);
}

.artists-index .talent-card__caption {
  background:
    linear-gradient(180deg, rgba(12, 10, 7, .9), rgba(4, 4, 3, .98)),
    radial-gradient(120% 86% at 0% 0%, rgba(184, 152, 101, .22), transparent 58%);
}

.artists-index .credits-roll {
  border: 1px solid rgba(184, 152, 101, .22);
  box-shadow: inset 0 0 0 1px rgba(255, 240, 190, .035), 0 22px 70px rgba(0, 0, 0, .34);
}

.artists-index .artists-brand-band {
  border-top: 1px solid var(--artist-line-gold);
  background:
    radial-gradient(70% 70% at 18% 0%, rgba(184, 152, 101, .12), transparent 58%),
    #050504;
}

.artists-index .artists-brand-band h2 {
  color: rgba(255, 250, 235, .95);
}

.artists-index .industry-links {
  border-block: 1px solid var(--artist-line-gold);
  background: #030303;
}

.artists-index .industry-links a {
  border-color: var(--artist-line-gold);
  color: rgba(243, 236, 218, .78);
  transition: color 280ms ease, background 280ms ease;
}

.artists-index .industry-links a:hover,
.artists-index .industry-links a:focus-visible {
  color: var(--artist-gold-hi);
  background: rgba(184, 152, 101, .07);
}

@media (min-width: 761px) {
  .artists-index .talent-group {
    align-items: start;
  }

  .artists-index .talent-card__figure {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(300px, .82fr);
    height: clamp(400px, 40vw, 560px);
    min-height: clamp(400px, 40vw, 560px);
    aspect-ratio: auto !important;
  }

  .artists-index .talent-card__figure > img {
    height: 100% !important;
    min-height: 0 !important;
    object-fit: cover;
  }

}

@media (max-width: 760px) {
  .artists-index .talent-directory-grid {
    grid-template-columns: 1fr !important;
  }

  .artists-index .talent-card__figure {
    aspect-ratio: 4 / 5 !important;
  }
}


/* Artist hero v3.58: black-gold split masthead, watermark under portrait. */
@media (min-width: 761px) {
  .artists-index .talent-index-hero__content {
    max-width: min(54vw, 760px);
    margin-left: max(var(--gutter), calc((100vw - 1280px) / 2));
  }

  .artists-index .talent-index-hero__image {
    inset: clamp(118px, 15vh, 160px) clamp(36px, 6vw, 110px) clamp(70px, 9vh, 120px) auto;
    width: min(42vw, 560px);
    overflow: hidden;
    border: 1px solid rgba(184, 152, 101, .34);
    box-shadow: 0 34px 110px rgba(0, 0, 0, .46), inset 0 0 0 1px rgba(255, 240, 190, .035);
  }

  .artists-index .talent-index-hero__image::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
      linear-gradient(180deg, rgba(184, 152, 101, .08), transparent 42%),
      linear-gradient(0deg, rgba(3, 3, 3, .52), transparent 50%);
  }


  .artists-index .talent-index-hero::after {
    right: clamp(36px, 6vw, 110px);
    bottom: clamp(18px, 3.2vh, 42px);
    width: min(42vw, 560px);
    text-align: center;
    font-size: clamp(44px, 6.8vw, 112px);
    line-height: .82;
    letter-spacing: .12em;
  }
}

@media (max-width: 760px) {
  .artists-index .talent-index-hero__image {
    inset: 0;
  }

  .artists-index .talent-index-hero::before {
    background:
      linear-gradient(90deg, rgba(3, 3, 3, .92), rgba(3, 3, 3, .52)),
      linear-gradient(0deg, #030303 0%, transparent 48%);
  }

  .artists-index .talent-index-hero::after {
    right: 16px;
    bottom: 80px;
    font-size: 74px;
  }
}

.artists-index .industry-links {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.artists-index .industry-links a {
  min-width: 0;
}

@media (max-width: 560px) {
  .artists-index .industry-links a {
    padding-inline: 14px !important;
    font-size: 12px !important;
    letter-spacing: .08em !important;
  }
}


/* Artist poster rhythm + flowing-gold name texture. */
.artists-index .talent-index-hero__kicker {
  text-shadow: 0 0 28px rgba(184, 152, 101, .18);
}

.artists-index .talent-index-hero__title,
.artists-index .talent-index-hero h1 {
  max-width: 980px;
}

.artists-index .talent-index-hero h1 .zh,
.artists-index .talent-index-hero h1 .en {
  text-shadow: 0 22px 70px rgba(0, 0, 0, .42);
}

.artists-index .talent-index-hero__intro {
  max-width: 760px;
  color: rgba(255, 248, 226, .84);
}

.artists-index .talent-index-hero__intro::before {
  top: -30px;
  width: min(360px, 50vw);
  background: linear-gradient(90deg, var(--artist-gold-hi), rgba(184, 152, 101, .34), transparent);
}

.artists-index .talent-index-hero__foot {
  max-width: 840px;
}

.artists-index .talent-card__caption {
  overflow: hidden;
}

.artists-index .talent-card__caption::before {
  content: attr(data-watermark);
  position: absolute;
  z-index: -0;
  top: clamp(34px, 5vw, 72px);
  right: clamp(54px, 6.2vw, 92px);
  bottom: clamp(118px, 10vw, 172px);
  display: flex;
  align-items: center;
  justify-content: center;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  color: transparent;
  background: linear-gradient(180deg, rgba(255, 236, 176, .09), rgba(184, 152, 101, .36), rgba(78, 150, 172, .08));
  -webkit-background-clip: text;
  background-clip: text;
  font: 400 clamp(32px, 4.6vw, 70px)/.82 var(--title);
  letter-spacing: .12em;
  opacity: .9;
  pointer-events: none;
  transform: translateX(10px);
  mask-image: linear-gradient(180deg, transparent 0, #000 18%, #000 82%, transparent 100%);
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 18%, #000 82%, transparent 100%);
}

.artists-index .talent-card__caption::after {
  content: "";
  position: absolute;
  z-index: -0;
  inset: clamp(36px, 4vw, 54px) clamp(28px, 3.6vw, 48px) clamp(106px, 9vw, 150px);
  opacity: .14;
  background:
    repeating-linear-gradient(115deg, transparent 0 16px, rgba(184, 152, 101, .32) 17px, transparent 18px),
    radial-gradient(70% 50% at 60% 40%, rgba(184, 152, 101, .18), transparent 68%);
  pointer-events: none;
}

.artists-index .talent-card__caption > * {
  position: relative;
  z-index: 2;
}

.artists-index .talent-card__number {
  color: rgba(225, 201, 144, .9);
  font-size: 15px;
  text-shadow: 0 0 24px rgba(184, 152, 101, .28);
}

@media (min-width: 761px) {
  .artists-index .talent-index-hero__content {
    padding-top: clamp(12px, 3vh, 34px);
  }

  .artists-index .talent-index-hero h1 .zh {
    font-size: clamp(88px, 9vw, 134px) !important;
  }

  .artists-index .talent-index-hero h1 .en {
    font-size: clamp(112px, 10vw, 156px) !important;
    line-height: .82;
  }
}

@media (max-width: 760px) {
  .artists-index .talent-card__caption::before {
    top: 28px;
    right: 28px;
    bottom: 110px;
    font-size: clamp(30px, 12vw, 56px);
  }

  .artists-index .talent-card__caption::after {
    inset: 30px 22px 98px;
  }
}

/* Artist page v3.62: poster breathing room + list watermark refinement. */
.artists-index .talent-index-hero__poster {
  filter: drop-shadow(0 24px 70px rgba(0, 0, 0, .22));
}

.artists-index .talent-index-hero__poster::before {
  content: "";
  position: absolute;
  left: 0;
  top: clamp(58px, 5.6vw, 86px);
  width: clamp(96px, 18vw, 260px);
  height: 1px;
  background: linear-gradient(90deg, rgba(225, 201, 144, .86), rgba(184, 152, 101, .22), transparent);
}

.artists-index .talent-card__caption::before,
.artists-index .talent-card__caption::after {
  z-index: 1;
}

.artists-index .talent-card__caption::before {
  right: 50%;
  top: clamp(42px, 5.2vw, 76px);
  bottom: clamp(132px, 11vw, 186px);
  transform: translateX(50%);
  background: linear-gradient(180deg, rgba(255, 236, 176, .10), rgba(230, 196, 120, .50), rgba(78, 150, 172, .10), rgba(230, 196, 120, .42));
  background-size: 100% 240%;
  font-size: clamp(38px, 4.9vw, 78px);
  letter-spacing: .16em;
  opacity: .72;
  animation: artist-watermark-gold-flow 8s ease-in-out infinite alternate;
}

.artists-index .talent-card__caption::after {
  inset: clamp(38px, 4.4vw, 62px) clamp(30px, 3.8vw, 54px) clamp(110px, 9.4vw, 160px);
  opacity: .20;
  background:
    linear-gradient(90deg, transparent, rgba(184, 152, 101, .18), transparent),
    repeating-linear-gradient(115deg, transparent 0 17px, rgba(184, 152, 101, .34) 18px, transparent 19px),
    radial-gradient(70% 50% at 52% 40%, rgba(225, 201, 144, .20), transparent 68%);
}

.artists-index .talent-card__surface[href]:hover .talent-card__caption::before,
.artists-index .talent-card__surface[href]:focus-visible .talent-card__caption::before {
  opacity: .95;
  transform: translateX(50%) translateY(-8px);
}

@keyframes artist-watermark-gold-flow {
  from { background-position: 50% 0%; }
  to { background-position: 50% 100%; }
}

@media (min-width: 761px) {
  .artists-index .talent-index-hero {
    min-height: max(820px, 100svh);
  }

  .artists-index .talent-index-hero__content {
    padding-top: clamp(0px, 1vh, 18px);
    padding-bottom: clamp(16px, 3vh, 42px);
  }
}

@media (max-width: 760px) {
  .artists-index .talent-index-hero__kicker {
    padding-bottom: 10px;
  }

  .artists-index .talent-card__caption::before {
    right: 46px;
    transform: none;
    opacity: .62;
  }

  .artists-index .talent-card__surface[href]:hover .talent-card__caption::before,
  .artists-index .talent-card__surface[href]:focus-visible .talent-card__caption::before {
    transform: translateY(-5px);
  }
}

/* Artist page v3.63: lower poster line + centered card information. */
.artists-index .talent-card__arrow {
  background: radial-gradient(circle at 35% 25%, rgba(225, 201, 144, .16), rgba(225, 201, 144, .045));
  box-shadow: inset 0 0 0 1px rgba(255, 240, 190, .035), 0 10px 34px rgba(0, 0, 0, .28);
}

.artists-index .talent-card__surface[href]:hover .talent-card__arrow,
.artists-index .talent-card__surface[href]:focus-visible .talent-card__arrow {
  transform: translateY(-3px);
  border-color: rgba(255, 236, 176, .72);
  background: radial-gradient(circle at 35% 25%, rgba(225, 201, 144, .26), rgba(225, 201, 144, .075));
}

/* Artist page v3.64: symmetrical gold-thread field in centered captions. */
.artists-index .talent-card__caption::after {
  inset: clamp(38px, 4.4vw, 62px) clamp(30px, 3.8vw, 54px);
}

@media (max-width: 760px) {
  .artists-index .talent-card__caption::after {
    inset: 30px 22px;
  }
}

/* Artist page v3.65: atomic-first migration note. Layout, spacing, centering, sizing, and simple colors moved to artist.html atomic classes; CSS below keeps complex paint, pseudo-elements, and shared typography only. */

/* Artist page v3.66: move hero ARTISTS watermark from bottom to 30px below portrait top border. */
@media (min-width: 761px) {
  .artists-index .talent-index-hero::after {
    top: calc(clamp(118px, 15vh, 160px) + 30px);
    bottom: auto;
  }
}

/* Artist profile v3.67: black-gold + flowing-gold detail pages and enquiry form. */
.artist-profile-page {
  --profile-gold: #b89865;
  --profile-gold-hi: #e1c990;
  --profile-paper: rgba(255, 250, 235, .92);
  --profile-muted-gold: rgba(225, 201, 144, .66);
  --profile-line: rgba(184, 152, 101, .24);
  background: #030303;
  color: var(--profile-paper);
}

.artist-profile-page .site-bg {
  background:
    radial-gradient(70% 90% at 82% 0%, rgba(184, 152, 101, .14), transparent 58%),
    radial-gradient(76% 76% at 10% 18%, rgba(78, 150, 172, .10), transparent 62%),
    linear-gradient(180deg, #030303, #080705 48%, #030303);
}

.artist-profile-page .profile-masthead,
.artist-profile-page .profile-section--deep,
.artist-profile-page .profile-section--paper {
  background:
    radial-gradient(80% 80% at 14% 0%, rgba(184, 152, 101, .12), transparent 56%),
    linear-gradient(135deg, #050504 0%, #0a0805 50%, #030303 100%);
  color: var(--profile-paper);
}

.artist-profile-page .profile-masthead::after,
.artist-profile-page .profile-section::before {
  content: "";
  position: absolute;
  pointer-events: none;
}

.artist-profile-page .profile-masthead::after {
  z-index: 1;
  right: clamp(20px, 6vw, 96px);
  bottom: clamp(34px, 5vw, 82px);
  width: min(34vw, 460px);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(225, 201, 144, .70), transparent);
}

.artist-profile-page .profile-masthead__portrait {
  border-right: 1px solid var(--profile-line);
  background: #050504;
  box-shadow: inset -1px 0 rgba(255, 240, 190, .045);
}

.artist-profile-page .profile-masthead__portrait::after {
  background:
    linear-gradient(90deg, transparent 58%, rgba(3, 3, 3, .82) 100%),
    linear-gradient(0deg, #030303 0%, transparent 34%),
    radial-gradient(70% 50% at 80% 12%, rgba(225, 201, 144, .12), transparent 62%);
}

.artist-profile-page .profile-masthead__portrait img,
.artist-profile-page .profile-gallery img {
  filter: saturate(.76) contrast(1.08) brightness(.86);
}

.artist-profile-page .profile-masthead__number,
.artist-profile-page .profile-section__heading p {
  color: transparent;
  background: linear-gradient(90deg, rgba(255, 236, 176, .36), var(--profile-gold-hi), rgba(78, 150, 172, .18));
  -webkit-background-clip: text;
  background-clip: text;
  text-shadow: 0 0 28px rgba(184, 152, 101, .12);
}

.artist-profile-page .profile-masthead h1,
.artist-profile-page .profile-section__heading h2,
.artist-profile-page .profile-facts strong,
.artist-profile-page .profile-works strong {
  color: rgba(255, 250, 235, .96);
  text-shadow: 0 22px 70px rgba(0, 0, 0, .42);
}

.artist-profile-page .profile-masthead__cn,
.artist-profile-page .profile-kicker,
.artist-profile-page .profile-facts span {
  color: var(--profile-gold-hi);
}

.artist-profile-page .profile-statement,
.artist-profile-page .profile-meta div,
.artist-profile-page .profile-facts,
.artist-profile-page .profile-works,
.artist-profile-page .profile-work,
.artist-profile-page .profile-rail,
.artist-profile-page .profile-form,
.artist-profile-page .industry-links {
  border-color: var(--profile-line);
}

.artist-profile-page .profile-statement,
.artist-profile-page .profile-biography__long,
.artist-profile-page .profile-facts p,
.artist-profile-page .profile-enquiry-intro p,
.artist-profile-page .profile-response-time {
  color: rgba(243, 236, 218, .72);
}

.artist-profile-page .profile-biography__short span,
.artist-profile-page .profile-meta span,
.artist-profile-page .profile-rail a {
  color: rgba(225, 201, 144, .58);
}

.artist-profile-page .profile-biography__short p,
.artist-profile-page .profile-work,
.artist-profile-page .profile-facts article {
  border-color: rgba(184, 152, 101, .18);
}

.artist-profile-page .profile-rail {
  background: rgba(5, 5, 4, .86);
  -webkit-backdrop-filter: blur(18px) saturate(1.28);
  backdrop-filter: blur(18px) saturate(1.28);
}

.artist-profile-page .profile-rail a:hover,
.artist-profile-page .profile-rail a:focus-visible {
  color: var(--profile-gold-hi);
  background: rgba(184, 152, 101, .08);
}

.artist-profile-page .profile-section--paper .profile-section__heading p {
  color: transparent;
}

.artist-profile-page .profile-section {
  position: relative;
  border-top: 1px solid var(--profile-line);
}

.artist-profile-page .profile-section::before {
  inset: 0;
  opacity: .16;
  background:
    repeating-linear-gradient(115deg, transparent 0 20px, rgba(184, 152, 101, .22) 21px, transparent 22px),
    radial-gradient(70% 42% at 72% 8%, rgba(225, 201, 144, .18), transparent 62%);
  mask-image: linear-gradient(180deg, #000 0, transparent 42%);
  -webkit-mask-image: linear-gradient(180deg, #000 0, transparent 42%);
}

.artist-profile-page .profile-section > * {
  position: relative;
  z-index: 1;
}

.artist-profile-page .profile-form--gold {
  box-shadow: inset 0 0 0 1px rgba(255, 240, 190, .035), 0 28px 88px rgba(0, 0, 0, .32);
}

.artist-profile-page .profile-field {
  transition: background .28s ease, border-color .28s ease;
}

.artist-profile-page .profile-field:focus-within {
  border-color: rgba(225, 201, 144, .48);
  background: rgba(225, 201, 144, .055);
}

.artist-profile-page .profile-field input,
.artist-profile-page .profile-field select,
.artist-profile-page .profile-field textarea {
  color: rgba(255, 250, 235, .95);
  font-family: var(--serif);
}

.artist-profile-page .profile-field input::placeholder,
.artist-profile-page .profile-field textarea::placeholder {
  color: rgba(225, 201, 144, .38);
}

.artist-profile-page .profile-field select option {
  background: #080705;
  color: rgba(255, 250, 235, .92);
}

.artist-profile-page .profile-form__submit {
  border: 0;
  background: linear-gradient(135deg, var(--profile-gold-hi), var(--profile-gold));
  transition: transform .28s ease, filter .28s ease, box-shadow .28s ease;
  box-shadow: inset 0 0 0 1px rgba(255, 250, 235, .18), 0 20px 54px rgba(0, 0, 0, .34);
}

.artist-profile-page .profile-form__submit:hover,
.artist-profile-page .profile-form__submit:focus-visible {
  transform: translateY(-2px);
  filter: brightness(1.05) saturate(1.05);
  box-shadow: inset 0 0 0 1px rgba(255, 250, 235, .26), 0 26px 70px rgba(0, 0, 0, .42);
}

.artist-profile-page .profile-form-success {
  color: rgba(255, 250, 235, .9);
}

.artist-profile-page .industry-links {
  border-block: 1px solid var(--profile-line);
  background: #030303;
}

.artist-profile-page .industry-links a {
  border-color: var(--profile-line);
  color: rgba(243, 236, 218, .78);
  transition: color 280ms ease, background 280ms ease;
}

.artist-profile-page .industry-links a:hover,
.artist-profile-page .industry-links a:focus-visible {
  color: var(--profile-gold-hi);
  background: rgba(184, 152, 101, .07);
}

@media (max-width: 760px) {
  .artist-profile-page .profile-masthead__portrait {
    border-right: 0;
    border-bottom: 1px solid var(--profile-line);
  }

  .artist-profile-page .industry-links {
    grid-template-columns: 1fr !important;
  }

  .artist-profile-page .industry-links a {
    border-right: 0;
    border-bottom: 1px solid var(--profile-line);
  }
}

/* Artist profile v3.68: selected work years and localized select fields. */
.artist-profile-page .profile-work time {
  color: var(--green-hi);
}

.artist-profile-page .profile-field select {
  appearance: none;
  -webkit-appearance: none;
}

/* Artist page v3.69: extend Zhang Han card watermark to match other flowing-gold name fields. */
.artists-index .talent-card__caption[data-watermark="ZHANG HAN ? XIMENG"]::before {
  letter-spacing: .18em;
}


/* Demo V3.60 task2 page-by-page visual pass: artist directory black-gold continuity. */
.artists-index .talent-directory {
  background:
    radial-gradient(900px 520px at 14% 4%, rgba(225, 201, 144, .12), transparent 62%),
    radial-gradient(760px 440px at 88% 8%, rgba(143, 230, 212, .08), transparent 64%),
    linear-gradient(180deg, #050504 0%, #0a0805 52%, #030303 100%);
  color: rgba(255, 250, 235, .92);
}
.artists-index .talent-directory::before {
  opacity: .14;
  background-image: repeating-linear-gradient(90deg, rgba(225, 201, 144, .14) 0 1px, transparent 1px 9px);
  mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 18%, #000 82%, transparent);
}
.artists-index .talent-directory__intro span,
.artists-index .talent-group__index,
.artists-index .talent-group__english {
  color: var(--green-hi);
}
.artists-index .talent-directory__intro p,
.artists-index .talent-group__title,
.artists-index .talent-card__name {
  color: #fff8e4;
}
.artists-index .talent-group__head,
.artists-index .directory-loading,
.artists-index .directory-error {
  border-color: rgba(225, 201, 144, .22);
  color: rgba(243, 236, 218, .68);
}
.artist-profile-page .profile-section--paper {
  background:
    radial-gradient(760px 420px at 12% 0%, rgba(225, 201, 144, .12), transparent 64%),
    linear-gradient(180deg, #050504, #030303);
  color: rgba(255, 250, 235, .92);
}
.artist-profile-page .profile-section--paper .profile-biography__short span,
.artist-profile-page .profile-section--paper .profile-biography__long,
.artist-profile-page .profile-section--paper .profile-work,
.artist-profile-page .profile-section--paper .profile-work h3 {
  color: rgba(243, 236, 218, .76);
}
.artist-profile-page .profile-section--paper .profile-work,
.artist-profile-page .profile-section--paper .profile-works,
.artist-profile-page .profile-section--paper .profile-biography__short {
  border-color: rgba(225, 201, 144, .20);
}
.artist-profile-page .profile-section--paper .profile-work time {
  color: var(--green-hi);
}
@media (max-width: 760px) {
  .artist-profile-page .industry-links {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .artist-profile-page .industry-links a {
    border-right: 1px solid var(--profile-line);
    border-bottom: 0;
    padding-inline: 14px !important;
    font-size: 14px !important;
    letter-spacing: .08em !important;
  }
  .artist-profile-page .industry-links a:last-child {
    border-right: 0;
  }
}


/* Demo V3.60 final art/UI sweep: artist forms and profile micro-polish. */
.artist-profile-page .profile-form__submit {
  border: 1px solid rgba(225, 201, 144, .34);
  background: rgba(184, 152, 101, .10);
  color: #fff8e4;
}
.artist-profile-page .profile-form__submit:hover,
.artist-profile-page .profile-form__submit:focus-visible {
  background: linear-gradient(180deg, var(--profile-gold-hi), var(--profile-gold));
  border-color: var(--profile-gold-hi);
  color: #030303;
}
.artist-profile-page .profile-field select option {
  background: #080705;
  color: rgba(255, 250, 235, .94);
}
.artists-index .artists-brand-band {
  background:
    radial-gradient(720px 420px at 80% 20%, rgba(225, 201, 144, .12), transparent 64%),
    linear-gradient(180deg, #050504, #030303);
  border-top: 1px solid rgba(225, 201, 144, .20);
}
.artists-index .talent-card:focus-visible { outline: 1px solid rgba(225, 201, 144, .62); outline-offset: 6px; }


/* Demo V3.60 final mobile ticket CTA polish. */
.fixed.z-\[75\] a[href*="tour"],
.fixed.z-\[75\] a[href*="ticket"],
.fixed.z-\[75\] a[href*="ticket-options"] {
  background: linear-gradient(180deg, #e1c990, #b89865) !important;
  color: #030303 !important;
  box-shadow: 0 -8px 32px rgba(184, 152, 101, .18);
}


/* Demo V3.60 final gold-green ARTISTS watermark. */
.artists-index .talent-index-hero::after {
  background: linear-gradient(90deg, rgba(225, 201, 144, .95) 0%, rgba(118, 165, 157, .88) 54%, rgba(184, 152, 101, .92) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  opacity: .16;
  filter: drop-shadow(0 18px 40px rgba(0, 0, 0, .42));
}

/* Demo V3.6 artist index hero: full-stage company photograph. */
.artists-index .talent-index-hero {
  align-items: flex-start;
  min-height: max(770px, calc(100svh - 50px));
  padding-top: clamp(136px, 16vh, 178px) !important;
  padding-bottom: clamp(210px, 26vh, 310px) !important;
  background: #030303;
}

.artists-index .talent-index-hero__image {
  inset: 0 !important;
  width: auto !important;
  overflow: hidden;
  border: 0 !important;
  box-shadow: none !important;
}

.artists-index .talent-index-hero__image img {
  object-position: center calc(62% - 100px);
  filter: saturate(.84) contrast(1.08) brightness(.92);
  transform: scale(1.01);
}

.artists-index .talent-index-hero__image::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(3, 3, 3, .96) 0%, rgba(3, 3, 3, .78) 27%, rgba(3, 3, 3, .30) 56%, rgba(3, 3, 3, .18) 100%),
    linear-gradient(180deg, rgba(3, 3, 3, .66) 0%, rgba(3, 3, 3, .12) 38%, rgba(3, 3, 3, .03) 66%, rgba(3, 3, 3, .24) 100%);
  pointer-events: none;
}

.artists-index .talent-index-hero::before {
  background:
    radial-gradient(760px 420px at 18% 25%, rgba(184, 152, 101, .18), transparent 64%),
    linear-gradient(180deg, transparent 0%, transparent 72%, #030303 100%) !important;
}

.artists-index .talent-index-hero::after {
  display: none;
}

.artists-index .talent-index-hero__content {
  max-width: min(44vw, 620px) !important;
  margin-left: max(var(--gutter), calc((100vw - 1280px) / 2)) !important;
  margin-right: auto !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.artists-index .talent-index-hero__poster {
  filter: drop-shadow(0 24px 70px rgba(0, 0, 0, .34));
}

.artists-index .talent-index-hero__poster::before {
  top: clamp(48px, 5vw, 72px);
  width: clamp(86px, 14vw, 210px);
}

.artists-index .talent-index-hero h1 {
  max-width: 720px;
}

.artists-index .talent-index-hero h1 .zh {
  font-size: clamp(60px, 6.2vw, 96px) !important;
  letter-spacing: .16em;
}

.artists-index .talent-index-hero h1 .en {
  font-size: clamp(78px, 7.6vw, 122px) !important;
  line-height: .86;
}

.artists-index .talent-index-hero__intro {
  max-width: 560px;
  margin-top: clamp(44px, 6vh, 70px) !important;
  font-size: clamp(19px, 1.7vw, 24px) !important;
  line-height: 1.82;
}

.artists-index .talent-index-hero__foot {
  position: absolute;
  top: clamp(70px, 7.6vh, 92px);
  right: 0;
  display: grid !important;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  gap: 14px !important;
  width: min(360px, 46%);
  max-width: 360px;
  margin-top: 0 !important;
  padding: 15px 20px 15px 0 !important;
  border-top: 0 !important;
  border-left: 0;
  font-size: 12px;
  line-height: 1.35;
  opacity: .9;
  pointer-events: none;
}

.artists-index .talent-index-hero__foot::before {
  content: "";
  position: absolute;
  top: 0;
  right: 14px;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, var(--cursor-gold, #b89865) 18%, var(--green-hi) 58%, transparent 100%);
  opacity: .72;
  box-shadow: 0 0 22px rgba(184, 152, 101, .34);
}

.artists-index .talent-index-hero__foot::after {
  content: "";
  position: absolute;
  right: 14px;
  bottom: 0;
  left: 52px;
  height: 1px;
  background: linear-gradient(90deg, rgba(184, 152, 101, .62), rgba(74, 124, 117, .48), transparent);
  opacity: .46;
}

.artists-index .talent-index-hero__foot-mark {
  position: relative;
  display: block;
  width: 14px;
  height: 48px;
  margin-left: 4px;
}

.artists-index .talent-index-hero__foot-mark::before,
.artists-index .talent-index-hero__foot-mark::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.artists-index .talent-index-hero__foot-mark::before {
  top: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(180deg, transparent, var(--cursor-gold, #b89865) 18%, var(--green-hi) 68%, transparent);
  box-shadow: 0 0 18px rgba(184, 152, 101, .38);
}

.artists-index .talent-index-hero__foot-mark::after {
  top: 50%;
  width: 7px;
  height: 7px;
  border: 1px solid var(--green-hi);
  background: linear-gradient(135deg, var(--cursor-gold, #b89865), var(--cursor-green, #4a7c75));
  box-shadow: 0 0 16px rgba(118, 165, 157, .42), 0 0 22px rgba(184, 152, 101, .24);
  transform: translate(-50%, -50%) rotate(45deg);
}

.artists-index .talent-index-hero__foot-copy {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.artists-index .talent-index-hero__foot-zh,
.artists-index .talent-index-hero__foot-en {
  display: block;
  background: linear-gradient(105deg, #fff8e4 0%, var(--cursor-gold, #b89865) 42%, var(--green-hi) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 0 24px rgba(184, 152, 101, .16);
}

.artists-index .talent-index-hero__foot-zh {
  font-family: "Noto Serif SC", serif;
  font-size: 15px;
  letter-spacing: .2em;
}

.artists-index .talent-index-hero__foot-en {
  font-family: var(--sans);
  font-size: 10px;
  letter-spacing: .18em;
}

.artists-index .talent-index-hero__ornament {
  position: absolute;
  z-index: 2;
  top: clamp(190px, 24vh, 270px);
  right: max(var(--gutter), calc((100vw - 1280px) / 2));
  display: grid;
  justify-items: center;
  gap: 16px;
  width: 48px;
  color: rgba(225, 201, 144, .76);
  opacity: .78;
  pointer-events: none;
}

.artists-index .talent-index-hero__ornament::before,
.artists-index .talent-index-hero__ornament::after {
  content: "";
  display: block;
  width: 1px;
  background: linear-gradient(180deg, transparent, var(--cursor-gold, #b89865), var(--green-hi), transparent);
  opacity: .62;
  box-shadow: 0 0 18px rgba(184, 152, 101, .32);
}

.artists-index .talent-index-hero__ornament::before {
  height: clamp(54px, 8vh, 84px);
}

.artists-index .talent-index-hero__ornament::after {
  height: clamp(92px, 15vh, 160px);
}

.artists-index .talent-index-hero__ornament span,
.artists-index .talent-index-hero__ornament b {
  writing-mode: vertical-rl;
  text-orientation: mixed;
}

.artists-index .talent-index-hero__ornament span {
  font-family: var(--title);
  font-size: 18px;
  letter-spacing: .24em;
  background: linear-gradient(180deg, #fff8e4, var(--cursor-gold, #b89865) 56%, var(--green-hi));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.artists-index .talent-index-hero__ornament b {
  font-family: var(--sans);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: .28em;
  color: rgba(245, 245, 245, .42);
}

.artists-index .talent-index-hero__ornament i {
  width: 9px;
  height: 9px;
  border: 1px solid var(--green-hi);
  background: linear-gradient(135deg, var(--cursor-gold, #b89865), var(--cursor-green, #4a7c75));
  box-shadow: 0 0 18px rgba(118, 165, 157, .46), 0 0 28px rgba(184, 152, 101, .22);
  transform: rotate(45deg);
}

@media (max-width: 760px) {
  .artists-index .talent-index-hero {
    min-height: max(650px, calc(100svh - 50px));
    padding: 118px 20px 200px !important;
  }

  .artists-index .talent-index-hero__image img {
    object-position: 55% calc(70% - 100px) !important;
    filter: saturate(.88) contrast(1.05) brightness(.86);
  }

  .artists-index .talent-index-hero__image::after {
    background:
      linear-gradient(180deg, rgba(3, 3, 3, .76) 0%, rgba(3, 3, 3, .46) 32%, rgba(3, 3, 3, .10) 58%, rgba(3, 3, 3, .36) 100%),
      linear-gradient(90deg, rgba(3, 3, 3, .78), rgba(3, 3, 3, .20));
  }

  .artists-index .talent-index-hero__content {
    max-width: 100% !important;
    margin-inline: auto !important;
  }

  .artists-index .talent-index-hero h1 .zh {
    font-size: clamp(42px, 14vw, 64px) !important;
  }

  .artists-index .talent-index-hero h1 .en {
    font-size: clamp(56px, 18vw, 82px) !important;
  }

  .artists-index .talent-index-hero__intro {
    max-width: 20em;
    margin-top: 42px !important;
    font-size: 18px !important;
    line-height: 1.72;
  }

  .artists-index .talent-index-hero__foot {
    position: static;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 10px !important;
    width: min(310px, 78vw);
    max-width: 310px;
    margin-top: 24px !important;
    padding: 15px 14px 13px 0 !important;
    border-left: 0;
    font-size: 11px;
    line-height: 1.35;
    opacity: .86;
  }

  .artists-index .talent-index-hero__foot::before {
    right: 0;
  }

  .artists-index .talent-index-hero__foot::after {
    right: 0;
    left: 36px;
  }

  .artists-index .talent-index-hero__foot-mark {
    width: 10px;
    height: 38px;
    margin-left: 2px;
  }

  .artists-index .talent-index-hero__foot-mark::after {
    width: 6px;
    height: 6px;
  }

  .artists-index .talent-index-hero__foot-copy {
    gap: 4px;
  }

  .artists-index .talent-index-hero__foot-zh {
    font-size: 12px;
    letter-spacing: .16em;
  }

  .artists-index .talent-index-hero__foot-en {
    font-size: 9px;
    letter-spacing: .13em;
  }

  .artists-index .talent-index-hero__ornament {
    display: none;
  }
}
/* Profile language mode: English stays upright and uses the shared sans face. */
.artist-profile-page .profile-statement,
.artist-profile-page .profile-quote p {
  font-style: normal;
}
html[lang="en"] .artist-profile-page,
html[lang="en"] .artist-profile-page :not(i):not(svg):not(path) {
  font-family: var(--sans) !important;
  font-style: normal !important;
}
html[lang="en"] .artist-profile-page i.ph {
  font-family: "Phosphor" !important;
}