/* Members page typography and identity details */
html[data-page="members"] .section-heading {
  margin-bottom: 40px;
}

html[data-page="members"] .section-heading h2 {
  font-size: clamp(2.75rem, 4.8vw, 4.4rem);
  letter-spacing: -.045em;
}

html[data-page="members"] .section-heading > p {
  max-width: 430px;
  font-size: .92rem;
  line-height: 1.55;
}

html[data-page="members"] .dossier-button {
  min-height: 92px;
  grid-template-rows: auto auto auto;
  row-gap: 1px;
}

html[data-page="members"] .dossier-button > span:first-child {
  grid-row: 1 / 4;
}

html[data-page="members"] .dossier-button strong {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
  font-size: .94rem;
  text-transform: uppercase;
  letter-spacing: .035em;
}

html[data-page="members"] .dossier-button small {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  font-size: .61rem;
}

.dossier-full-name {
  grid-column: 2;
  grid-row: 3;
  color: #8f889a;
  font-size: .64rem;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: .025em;
  white-space: normal;
}

html[data-page="members"] .dossier-copy {
  padding: clamp(28px, 4.2vw, 52px);
}

html[data-page="members"] .dossier-copy h2 {
  margin: 9px 0 8px;
  font-size: clamp(2.8rem, 5vw, 4.8rem);
  letter-spacing: -.035em;
  text-transform: uppercase;
}

.profile-identity {
  margin: 0 0 12px;
  display: flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
  color: #d9d3e0;
}

.profile-identity span:first-child {
  font-size: .98rem;
  font-weight: 650;
  letter-spacing: .01em;
}

.profile-identity span:not(:first-child) {
  color: #aaa3b8;
  font-size: .92rem;
  font-weight: 500;
}

.profile-identity span + span::before {
  content: "·";
  margin-right: 10px;
  color: #716a79;
}

.profile-identity [data-profile-japanese-name] {
  color: #c9c1d2;
  letter-spacing: .035em;
}

.profile-instagram {
  width: fit-content;
  min-height: 44px;
  margin: 0 0 22px;
  padding: 5px 12px 5px 6px;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  border: 1px solid rgba(226, 184, 255, .25);
  border-radius: 999px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.018)),
    rgba(13, 8, 21, .7);
  color: #ead6f8;
  box-shadow:
    0 10px 28px rgba(0,0,0,.24),
    inset 0 0 24px rgba(255,255,255,.025);
  font-size: .69rem;
  font-weight: 700;
  letter-spacing: .045em;
  text-decoration: none;
  transition: transform .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease;
}

.profile-instagram-icon {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  flex: 0 0 32px;
  border: 1px solid rgba(255, 174, 227, .48);
  border-radius: 50%;
  background:
    radial-gradient(circle at 30% 25%, rgba(255, 215, 245, .28), transparent 38%),
    linear-gradient(145deg, rgba(255, 103, 194, .2), rgba(143, 92, 255, .18));
  color: #ff9ed9;
  box-shadow:
    0 0 18px rgba(255, 109, 200, .18),
    inset 0 0 16px rgba(255,255,255,.035);
}

.profile-instagram-icon svg {
  width: 17px;
  height: 17px;
  display: block;
  overflow: visible;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}

.profile-instagram-icon .instagram-icon-dot {
  fill: currentColor;
  stroke: none;
}

.profile-instagram-handle {
  white-space: nowrap;
}

.profile-instagram-arrow {
  color: #9d91a8;
  font-size: .82rem;
  transition: color .2s ease, transform .2s ease;
}

.profile-instagram:hover,
.profile-instagram:focus-visible {
  color: white;
  border-color: rgba(255, 177, 228, .5);
  box-shadow:
    0 13px 32px rgba(0,0,0,.3),
    0 0 24px rgba(174, 104, 255, .13),
    inset 0 0 24px rgba(255,255,255,.04);
  transform: translateY(-2px);
}

.profile-instagram:hover .profile-instagram-arrow,
.profile-instagram:focus-visible .profile-instagram-arrow {
  color: #f2d9ff;
  transform: translate(2px, -2px);
}

html[data-page="members"] .dossier-copy > p:not(.eyebrow) {
  font-size: .95rem;
  line-height: 1.6;
}

html[data-page="members"] .profile-metrics {
  margin: 28px 0;
}

html[data-page="members"] .profile-metrics dt {
  font-size: .61rem;
}

html[data-page="members"] .profile-metrics dd {
  font-size: 1rem;
}

html[data-page="members"] .profile-actions .button {
  min-height: 46px;
  padding-inline: 20px;
  font-size: .72rem;
}

@media (max-width: 760px) {
  html[data-page="members"] .section-heading h2 {
    font-size: clamp(2.55rem, 13vw, 3.8rem);
  }

  html[data-page="members"] .dossier-copy h2 {
    font-size: clamp(2.7rem, 14vw, 4rem);
  }

  .profile-identity {
    margin-bottom: 10px;
  }

  .profile-instagram {
    margin-bottom: 18px;
  }
}