.sc-profile-intro {
  --profile-pink: #f06c88;
  --intro-progress: 0;
  --intro-inverse: 1;
  background: #0e0d0f;
  color: #fff;
  min-height: clamp(720px, 100dvh, 980px);
  overflow: hidden;
  padding: clamp(80px, 10vw, 150px) clamp(24px, 9vw, 150px) 90px;
  position: relative;
  scroll-margin-top: 72px;
}

.sc-profile-backdrop { inset: 0; isolation: isolate; position: absolute; }
.sc-profile-backdrop::after {
  background: linear-gradient(90deg, #0e0d0f 4%, rgba(14,13,15,.96) 31%, rgba(14,13,15,.5) 60%, rgba(14,13,15,.08) 100%), linear-gradient(0deg, rgba(14,13,15,.7), transparent 42%);
  content: "";
  inset: 0;
  position: absolute;
  z-index: 2;
}
.sc-profile-backdrop-image {
  height: 100%;
  inset: 0;
  object-fit: cover;
  position: absolute;
  width: 100%;
  will-change: opacity, transform;
}
.sc-profile-backdrop-image.is-primary {
  opacity: var(--intro-inverse);
  object-position: 57% 46%;
  transform: translate3d(0, calc(var(--intro-progress) * -2.5%), 0) scale(calc(1 + var(--intro-progress) * .025));
}
.sc-profile-backdrop-image.is-secondary {
  opacity: var(--intro-progress);
  object-position: 58% 48%;
  transform: translate3d(0, calc(var(--intro-inverse) * 3.5%), 0) scale(calc(1.025 - var(--intro-progress) * .025));
}
.sc-profile-hero { align-items: center; display: flex; min-height: calc(clamp(720px, 100dvh, 980px) - 230px); position: relative; z-index: 1; }
.sc-profile-copy { max-width: 760px; }
.sc-profile-kicker { align-items: center; color: var(--profile-pink); display: flex; font-size: .76rem; font-weight: 850; gap: 18px; letter-spacing: .28em; margin-bottom: 18px; }
.sc-profile-kicker::before { background: currentColor; content: ""; height: 1px; width: 56px; }
.sc-profile-handle { color: rgba(255,255,255,.55); font-size: .78rem; letter-spacing: .12em; margin: 0 0 12px 74px; }
.sc-profile-copy h1 { color: #fff; font-family: "Songti SC", STSong, "Noto Serif CJK SC", serif; font-size: clamp(5rem, 10vw, 10.5rem); font-weight: 750; letter-spacing: -.13em; line-height: .88; margin: 0 0 34px -.06em; }
.sc-profile-copy h1 span { color: var(--profile-pink); }
.sc-profile-role { font-size: clamp(1rem, 1.4vw, 1.3rem); font-weight: 800; letter-spacing: .12em; margin: 0 0 22px; }
.sc-profile-lead { color: rgba(255,255,255,.72); font-size: clamp(.94rem, 1.1vw, 1.08rem); line-height: 1.9; margin: 0; max-width: 660px; }
.sc-profile-facts { border-bottom: 1px solid rgba(255,255,255,.14); border-top: 1px solid rgba(255,255,255,.14); display: grid; grid-template-columns: repeat(3,1fr); margin: 34px 0 0; max-width: 680px; padding: 18px 0; }
.sc-profile-facts div { display: flex; flex-direction: column; gap: 5px; padding: 0 18px; }
.sc-profile-facts div:first-child { padding-left: 0; }
.sc-profile-facts div + div { border-left: 1px solid rgba(255,255,255,.12); }
.sc-profile-facts small { color: rgba(255,255,255,.48); font-size: .68rem; }
.sc-profile-facts strong { font-size: 1rem; }
.sc-profile-actions { display: flex; gap: 12px; margin-top: 30px; }
.sc-profile-actions a { align-items: center; border-radius: 999px; display: inline-flex; font-size: .84rem; font-weight: 800; gap: 16px; justify-content: center; min-height: 50px; padding: 0 26px; text-decoration: none; transition: transform 180ms ease, background 180ms ease; }
.sc-profile-actions a:hover { transform: translateY(-2px); }
.sc-profile-action-primary { background: var(--profile-pink); color: #fff; }
.sc-profile-action-secondary { border: 1px solid rgba(255,255,255,.28); color: #fff; }
.sc-profile-action-chevron { border-bottom: 1.5px solid currentColor; border-right: 1.5px solid currentColor; height: 8px; transform: translateY(-2px) rotate(45deg); width: 8px; }
.sc-profile-snapshot { color: rgba(255,255,255,.34); font-size: .64rem; letter-spacing: .06em; margin: 22px 0 0; }

body:not(.dark-mode) .sc-profile-intro {
  background: #f7f7f4;
  color: #242126;
}
body:not(.dark-mode) .sc-profile-backdrop::after {
  background: linear-gradient(90deg, #f7f7f4 4%, rgba(247,247,244,.97) 31%, rgba(247,247,244,.58) 60%, rgba(247,247,244,.08) 100%), linear-gradient(0deg, rgba(247,247,244,.78), transparent 44%);
}
body:not(.dark-mode) .sc-profile-copy h1 { color: #242126; }
body:not(.dark-mode) .sc-profile-handle { color: rgba(36,33,38,.58); }
body:not(.dark-mode) .sc-profile-role { color: #302b31; }
body:not(.dark-mode) .sc-profile-lead { color: rgba(36,33,38,.72); }
body:not(.dark-mode) .sc-profile-action-secondary {
  background: rgba(255,255,255,.46);
  border-color: rgba(36,33,38,.28);
  color: #242126;
}
body:not(.dark-mode) .sc-profile-snapshot { color: rgba(36,33,38,.42); }

.sc-profile-dossier { background: #f4f0ed; color: #292426; padding: clamp(70px, 9vw, 140px) clamp(22px, 7vw, 110px); }
.sc-profile-dossier-head { margin: 0 auto clamp(42px, 6vw, 80px); max-width: 1260px; }
.sc-profile-dossier-head > span, .sc-profile-dossier-copy article > span { color: #d85e76; font-size: .7rem; font-weight: 850; letter-spacing: .2em; }
.sc-profile-dossier-head h2 { font-family: "Songti SC", STSong, serif; font-size: clamp(2.7rem, 5.4vw, 5.8rem); letter-spacing: -.08em; line-height: 1; margin: 18px 0 22px; }
.sc-profile-dossier-head > p { color: #776d71; line-height: 1.8; margin: 0; max-width: 700px; }
.sc-profile-dossier-grid { align-items: start; display: grid; gap: clamp(36px, 7vw, 110px); grid-template-columns: minmax(320px,.8fr) minmax(0,1fr); margin: 0 auto; max-width: 1260px; }
.sc-profile-editorial-photo { background: #1b1819; border-radius: 220px 220px 18px 18px; box-shadow: 0 32px 70px rgba(63,42,49,.18); margin: 0; overflow: hidden; position: relative; }
.sc-profile-editorial-photo::after { background: linear-gradient(transparent 70%,rgba(10,8,9,.66)); content: ""; inset: 0; position: absolute; }
.sc-profile-editorial-photo img { aspect-ratio: 4/5; display: block; object-fit: cover; object-position: 50% 28%; width: 100%; }
.sc-profile-editorial-photo figcaption { bottom: 24px; color: #fff; display: flex; font-size: .62rem; font-weight: 800; justify-content: space-between; left: 26px; letter-spacing: .1em; position: absolute; right: 26px; z-index: 1; }
.sc-profile-editorial-photo figcaption span:last-child { opacity: .55; }
.sc-profile-dossier-copy { display: grid; }
.sc-profile-dossier-copy article { border-top: 1px solid rgba(70,54,60,.14); padding: 30px 0 34px; }
.sc-profile-dossier-copy article:first-child { border-top: 0; padding-top: 4px; }
.sc-profile-dossier-copy h3 { font-family: "Songti SC", STSong, serif; font-size: clamp(1.35rem,2.2vw,2.1rem); letter-spacing: -.04em; line-height: 1.35; margin: 13px 0; }
.sc-profile-dossier-copy p { color: #71676b; line-height: 1.9; margin: 0; }
.sc-profile-timeline div { align-items: baseline; display: grid; gap: 22px; grid-template-columns: 92px 1fr; padding: 7px 0; }
.sc-profile-timeline time { color: #d85e76; font-size: .78rem; font-weight: 850; }
.sc-profile-source { color: #5c5357; font-size: .78rem; font-weight: 750; margin-top: 8px; text-decoration: none; }
.sc-profile-source:hover { color: #d85e76; }

body.dark-mode .sc-profile-dossier { background: #191718; color: #f7f1f3; }
body.dark-mode .sc-profile-dossier-head > p, body.dark-mode .sc-profile-dossier-copy p { color: #b7adb1; }
body.dark-mode .sc-profile-dossier-copy article { border-color: rgba(255,255,255,.1); }
body.dark-mode .sc-profile-source { color: #d6cbd0; }

@media (max-width: 780px) {
  .sc-profile-intro { min-height: 760px; padding: 108px 20px 70px; }
  .sc-profile-backdrop-image.is-primary { object-position: 58% center; }
  .sc-profile-backdrop-image.is-secondary { object-position: 63% center; }
  .sc-profile-backdrop::after { background: linear-gradient(0deg,#0e0d0f 4%,rgba(14,13,15,.9) 52%,rgba(14,13,15,.28) 100%); }
  body:not(.dark-mode) .sc-profile-backdrop::after { background: linear-gradient(0deg,#f7f7f4 4%,rgba(247,247,244,.92) 52%,rgba(247,247,244,.2) 100%); }
  .sc-profile-hero { align-items: flex-end; min-height: 580px; }
  .sc-profile-kicker::before { width: 28px; }
  .sc-profile-handle { margin-left: 48px; }
  .sc-profile-copy h1 { font-size: clamp(4rem,20vw,6.3rem); }
  .sc-profile-facts { gap: 0; }
  .sc-profile-facts div { padding: 0 9px; }
  .sc-profile-facts strong { font-size: .78rem; }
  .sc-profile-actions { align-items: stretch; flex-direction: column; }
  .sc-profile-dossier-grid { grid-template-columns: 1fr; }
  .sc-profile-editorial-photo { margin: 0 auto; max-width: 480px; width: 100%; }
}

@media (max-height: 820px) and (min-width: 781px) {
  .sc-profile-intro { min-height: 680px; padding: 30px 64px 34px; }
  .sc-profile-hero { min-height: 616px; }
  .sc-profile-copy h1 { font-size: clamp(5.2rem,8vw,8rem); margin-bottom: 18px; }
  .sc-profile-role { margin-bottom: 12px; }
  .sc-profile-lead { font-size: .88rem; line-height: 1.65; }
}

@media (prefers-reduced-motion: reduce) {
  .sc-profile-actions a { transition: none; }
  .sc-profile-backdrop-image { transform: none !important; will-change: auto; }
}