/* 首帧：以 Sam Dickie 的图文能力组为局部参考，沿用 Foundation 的画布与阅读轴。 */
#profile { padding-top: max(112px, 13.5svh); overflow: visible; }
#profile .profile-copy {
  position: relative;
  top: auto;
  left: auto;
  width: min(46vw, 650px);
  margin-left: var(--page-x);
  padding: 0 0 92px;
}
#profile .profile-copy * { box-sizing: border-box; letter-spacing: 0; }
#profile .focus-line { margin: 0 0 22px; font-size: 15px; }
#profile .identity-block h1 { font-size: 108px; line-height: 1.06; font-weight: 850; }
#profile .role-line { margin-top: 12px; font-size: 24px; line-height: 1.4; font-weight: 600; color: #57415e; }

#profile .profile-highlights { display: grid; gap: 26px; margin: 38px 0 0; padding: 0; list-style: none; }
#profile .profile-highlights li { display: grid; grid-template-columns: 48px minmax(0, 1fr); align-items: start; gap: 22px; }
#profile .highlight-icon { width: 48px; height: 48px; margin-top: 4px; color: #76577f; }
#profile .profile-highlights h2 { margin: 0; color: #302b29; font-size: 21px; line-height: 1.45; font-weight: 650; }
#profile .profile-highlights p { margin: 5px 0 0; color: #625d5a; font-size: 15.5px; line-height: 1.8; text-wrap: balance; }
#profile .highlight-term { white-space: nowrap; }
#profile .profile-meta { margin-top: 32px; font-size: 12px; line-height: 1.65; font-weight: 450; color: #746d68; }
#profile .profile-email { margin-top: 4px; font-size: 12px; line-height: 1.65; font-weight: 450; color: #746d68; }
#profile a:focus-visible { outline: 2px solid #76577f; outline-offset: 6px; }
#profile .scroll-cue { gap: 18px; }
#profile .scroll-cue-copy { gap: 4px; }
#profile .scroll-cue-copy strong { font-size: 16px; line-height: 1.4; }
#profile .scroll-cue-copy small { font-size: 12px; line-height: 1.5; }
#profile .scroll-cue-arrow { height: 44px; }
#profile .scroll-cue-arrow::after { width: 8px; height: 8px; right: -4px; }

@media (min-width: 1600px) {
  #profile .identity-block h1 { font-size: 124px; }
  #profile .profile-highlights { gap: 30px; margin-top: 42px; }
  #profile .profile-highlights h2 { font-size: 23px; }
  #profile .profile-highlights p { font-size: 17px; }
}
@media (min-width: 761px) and (max-width: 1179px) {
  #profile .profile-copy { width: 44vw; }
  #profile .identity-block h1 { font-size: 88px; }
  #profile .role-line { font-size: 22px; }
  #profile .profile-highlights li { grid-template-columns: 40px minmax(0, 1fr); gap: 18px; }
  #profile .highlight-icon { width: 40px; height: 40px; }
  #profile .profile-highlights h2 { font-size: 20px; }
  #profile .profile-highlights p { font-size: 15px; }
}
@media (min-width: 761px) and (max-height: 800px) {
  #profile { padding-top: 102px; }
  #profile .profile-copy { padding-bottom: 48px; }
  #profile .focus-line { margin-bottom: 16px; }
  #profile .identity-block h1 { font-size: 88px; }
  #profile .role-line { margin-top: 8px; font-size: 22px; }
  #profile .profile-highlights { margin-top: 28px; gap: 22px; }
  #profile .profile-highlights h2 { font-size: 20px; }
  #profile .profile-highlights p { font-size: 15px; }
  #profile .profile-meta { margin-top: 26px; }
}
@media (max-width: 760px) {
  #profile { padding-top: var(--header-h); }
  #profile .profile-copy { width: auto; margin: 0; padding: 34px var(--page-x) 42px; }
  #profile .focus-line { margin-bottom: 18px; font-size: 14px; }
  #profile .identity-block h1 { font-size: 64px; }
  #profile .role-line { margin-top: 10px; font-size: 21px; }
  #profile .profile-highlights { margin-top: 34px; gap: 26px; }
  #profile .profile-highlights li { grid-template-columns: 36px minmax(0, 1fr); gap: 16px; }
  #profile .highlight-icon { width: 36px; height: 36px; }
  #profile .profile-highlights h2 { font-size: 19px; }
  #profile .profile-highlights p { margin-top: 6px; font-size: 14px; line-height: 1.85; }
  #profile .profile-meta { margin-top: 30px; }
}
@media (max-width: 359px) {
  #profile .identity-block h1 { font-size: 56px; }
  #profile .profile-highlights li { grid-template-columns: 32px minmax(0, 1fr); gap: 12px; }
  #profile .highlight-icon { width: 32px; height: 32px; }
  #profile .profile-highlights h2 { font-size: 18px; }
}
@media print {
  #profile { padding-top: 24px; }
  #profile .profile-copy { width: auto; padding-bottom: 32px; }
  #profile .scroll-cue { display: none; }
}