/* Counsellor team: warm editorial reading and real portraits, aligned with Figma 20261107. */
.team-showcase { position: relative; isolation: isolate; }
.team-showcase-scene { position: absolute; inset: -24px 0 0; z-index: -1; overflow: hidden; pointer-events: none; }
.team-showcase-scene img { position: absolute; top: -80px; right: 0; width: auto; max-width: none; height: max(1050px,calc(100% + 80px)); opacity: .5; mix-blend-mode: multiply; user-select: none; }
.team-showcase-scene::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,var(--bg) 0%,#fffcf900 12%,#fffcf900 48%,#fffcf961 70%,var(--bg) 90%,var(--bg) 100%),linear-gradient(90deg,#fffcf9db 0%,#fffcf999 28%,#fffcf91a 58%,#fffcf900 100%); }
.team-intro { padding-block: 48px 36px; }
.team-kicker { color: var(--brand); font-size: 12px; line-height: 1.7; }
.team-intro h1 { font-family: var(--font-display); font-size: 48px; line-height: 1.35; margin-top: 20px; letter-spacing: -.02em; }
.team-description { font-size: 16px; line-height: 1.9; margin-top: 22px; max-width: 600px; }
.team-overview { padding-bottom: 56px; }
.team-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 32px; }
.team-person { min-width: 0; }
.team-portrait-link { display: block; overflow: hidden; }
.team-portrait-link img { width: 100%; height: auto; aspect-ratio: 276 / 330; object-fit: cover; object-position: center 18%; }
.team-person h2 { font-family: var(--font-display); font-size: 24px; line-height: 1.5; margin-top: 18px; letter-spacing: 0; }
.team-person h2 a:hover { text-decoration: underline; text-underline-offset: 6px; }
.team-person-role { color: var(--brand); font-size: 12px; line-height: 1.7; margin-top: 5px; }
.team-person-focus { font-size: 14px; line-height: 1.9; min-height: 3.8em; margin-top: 12px; }
.team-person-mode { color: var(--muted); font-size: 12px; line-height: 1.8; margin-top: 8px; }
.team-profile-link,.team-back-link,.team-profile-contact { display: inline-flex; align-items: center; min-height: 44px; width: fit-content; color: var(--brand); font-size: 13px; line-height: 1.7; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }
.team-profile-link { margin-top: 4px; }
.team-profile-section { padding-block: 56px; background: var(--soft); }
.team-profile-section:nth-of-type(even) { background: var(--bg); }
.team-profile { display: grid; grid-template-columns: minmax(0,276px) minmax(0,1fr); gap: 72px; padding-top: 30px; border-top: 1px solid var(--line); align-items: start; }
.team-profile-identity,.team-profile-reading { min-width: 0; }
.team-profile-portrait img { width: 100%; height: auto; aspect-ratio: 276 / 342; object-fit: cover; object-position: center 18%; }
.team-profile-identity h2 { position: relative; font-family: var(--font-display); font-size: 34px; line-height: 1.4; margin-top: 22px; letter-spacing: 0; }
.team-profile:target .team-profile-identity h2,.team-profile-section:target .team-profile-identity h2 { color: var(--brand); }
.team-profile-section:target .team-profile-identity h2::before { content: ""; position: absolute; left: -18px; top: .2em; width: 1px; height: 1em; background: var(--brand); }
.team-profile-contact { border: 0; padding: 10px 0; background: transparent; margin-top: 12px; cursor: pointer; }
.team-profile-reading { font-size: 14px; line-height: 1.95; overflow-wrap: anywhere; }
.team-profile-reading blockquote { margin: 0; font-family: var(--font-display); color: var(--ink); font-size: 20px; line-height: 1.85; }
.team-profile-summary { margin-top: 20px; }
.team-profile-block { margin-top: 30px; }
.team-profile-block h3 { font-size: 14px; font-weight: 500; color: var(--brand); line-height: 1.8; margin-bottom: 12px; }
.team-profile-block p + p { margin-top: 14px; }
.team-profile-list { margin: 0; padding-left: 1.15em; }
.team-profile-list li { padding-left: .15em; }
.team-profile-list li + li { margin-top: 8px; }
.team-profile-list li::marker { color: var(--accent); font-size: .75em; }
.team-profile-facts > div { display: grid; grid-template-columns: 90px minmax(0,1fr); column-gap: 18px; margin-top: 8px; }
.team-profile-facts > div:first-child { margin-top: 0; }
.team-profile-facts dt { color: var(--muted); font-size: 13px; }
.team-profile-topics > div + div { margin-top: 18px; }
.team-profile-topics dt { color: var(--ink); font-size: 14px; margin-bottom: 4px; }
.team-back-link { margin-top: 24px; }
.team-closing { display: flex; justify-content: space-between; align-items: center; gap: 32px; padding-block: 56px; }
.team-closing h2 { font-family: var(--font-display); font-size: 32px; line-height: 1.5; margin-block: 12px 20px; }
.team-closing p:not(.team-kicker) { font-size: 14px; }
.team-closing .team-source-date { font-size: 12px; color: var(--muted); margin-top: 20px; }
.team-closing .btn { flex-shrink: 0; min-height: 44px; padding: 10px 20px; font-size: 13px; }
@media (hover:hover) and (pointer:fine) {
  .team-portrait-link img { transition: filter .35s ease; }
  .team-portrait-link:hover img { filter: brightness(1.025); }
}
@media (max-width:1100px) {
  .team-grid { gap: 24px; }
  .team-profile { grid-template-columns: 220px minmax(0,1fr); gap: 40px; }
}
@media (max-width:860px) {
  .team-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px 24px; }
  .team-portrait-link img { max-height: 340px; }
  .team-profile { grid-template-columns: 200px minmax(0,1fr); gap: 30px; }
  .team-profile-identity h2 { font-size: 29px; }
}
@media (max-width:600px) {
  .team-showcase-scene img { top: -38px; right: -100px; height: max(1100px,calc(100% + 38px)); opacity: .34; }
  .team-showcase-scene::after { background: linear-gradient(180deg,var(--bg) 0%,#fffcf900 12%,#fffcf900 48%,#fffcf961 70%,var(--bg) 90%,var(--bg) 100%),linear-gradient(90deg,#fffcf9c7 0%,#fffcf98c 34%,#fffcf91f 72%,#fffcf900 100%); }
  .team-intro { padding-block: 28px 28px; }
  .team-intro h1 { font-size: 32px; margin-top: 14px; }
  .team-kicker { font-size: 11px; }
  .team-description { font-size: 14px; line-height: 1.9; margin-top: 18px; max-width: 330px; }
  .team-desktop-break { display: none; }
  .team-overview { padding-bottom: 36px; }
  .team-grid { gap: 28px 24px; }
  .team-portrait-link img { aspect-ratio: 163 / 205; max-height: none; }
  .team-person h2 { font-size: 21px; margin-top: 12px; }
  .team-person-role { font-size: 11px; margin-top: 3px; }
  .team-person-focus { font-size: 12px; line-height: 1.7; min-height: 3.4em; margin-top: 9px; }
  .team-person-mode { font-size: 11px; margin-top: 8px; }
  .team-profile-link { font-size: 12px; margin-top: 0; }
  .team-profile-section { padding-block: 32px; }
  .team-profile { grid-template-columns: minmax(0,1fr); gap: 26px; padding-top: 24px; }
  .team-profile-portrait { width: 200px; max-width: 100%; }
  .team-profile-portrait img { aspect-ratio: 200 / 248; }
  .team-profile-identity h2 { font-size: 28px; margin-top: 16px; }
  .team-profile-section:target .team-profile-identity h2::before { left: -12px; }
  .team-profile-contact { margin-top: 6px; font-size: 12px; }
  .team-profile-reading { font-size: 14px; line-height: 1.95; }
  .team-profile-reading blockquote { font-size: 17px; line-height: 1.85; }
  .team-profile-summary { margin-top: 16px; }
  .team-profile-block { margin-top: 24px; }
  .team-profile-facts > div { grid-template-columns: minmax(0,1fr); gap: 3px; margin-top: 12px; }
  .team-profile-topics > div + div { margin-top: 16px; }
  .team-back-link { margin-top: 18px; font-size: 12px; }
  .team-closing { display: block; padding-block: 36px; }
  .team-closing h2 { font-size: 25px; margin-block: 10px 16px; }
  .team-closing .btn { margin-top: 22px; }
}
@media (prefers-reduced-motion:reduce) {
  .team-portrait-link img { transition: none; }
}