@charset "UTF-8";
/* Card controls retain their native keyboard button and active-face links. */
.member-card {
  --card-accent: #ff9f4b;
  --card-visual: #713c1b;
  --card-tilt-x: 0deg;
  --card-tilt-y: 0deg;
  --card-lift: 0px;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  border-radius: 23px;
}
.card-style-sage { --card-accent: #b5d78b; --card-visual: #34432a; }
.card-style-graphite { --card-accent: #dbc2ae; --card-visual: #41362e; }
.member-card-body { flex: 1; min-width: 0; border-radius: inherit; }
.member-card-front, .member-card-back {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: inherit;
  background: var(--surface);
}
.member-card-front { display: flex; flex-direction: column; }
.member-card-visual {
  position: relative;
  height: 218px;
  overflow: hidden;
  flex-shrink: 0;
  color: var(--card-accent);
  background: var(--card-visual) url("../img/contours.67f99d3c271d.svg") center/550px;
}
.member-initial { position: absolute; left: 19px; bottom: -25px; font-size: 210px; font-weight: 800; line-height: 1; letter-spacing: -.08em; }
.member-visual-cross { position: absolute; right: 17px; bottom: 17px; opacity: .18; font-size: 90px; line-height: 1; transform: rotate(-14deg); }
.member-avatar { display: block; width: 100%; height: 100%; object-fit: cover; }
.member-specialization { position: absolute; top: 17px; right: 17px; max-width: calc(100% - 34px); padding: 6px 11px; border: 1px solid rgba(255, 240, 220, .23); border-radius: 999px; background: rgba(24, 19, 14, .86); color: #fff2df; font-size: 9px; font-weight: 700; line-height: 1.4; letter-spacing: .025em; text-transform: uppercase; }
.member-card-info { flex: 1; padding: 24px 24px 65px; }
.member-card h3 { margin: 0; color: var(--text); font-size: 26px; font-weight: 800; line-height: 1.2; letter-spacing: -.05em; overflow-wrap: anywhere; }
.member-card-info p { margin-top: 9px; color: var(--muted); font-size: 12px; line-height: 1.8; overflow-wrap: anywhere; }
.member-card .member-contacts { margin-top: 17px; font-size: 11px; gap: 9px 14px; }
.member-card .demo-label { margin-top: 17px; font-size: 8px; }
.member-card-back { display: flex; flex-direction: column; min-height: 445px; margin-top: 15px; padding: 26px 24px 64px; }
.member-card-back > .micro-label { color: var(--card-accent); font-size: 9px; }
:root[data-theme="light"] .member-card-back > .micro-label { color: var(--orange-ink); }
@media (prefers-color-scheme: light) {
  :root:not([data-theme]) .member-card-back > .micro-label { color: var(--orange-ink); }
}
.member-card-back h3 { margin-top: 16px; }
.member-stack-description { margin-top: 17px; color: var(--muted); font-size: 12px; line-height: 1.8; overflow-wrap: anywhere; }
.member-card-back > .text-link { align-self: flex-start; margin-top: auto; padding-top: 24px; font-size: 12px; }
.card-flip-hint { display: none; position: absolute; right: 21px; bottom: 21px; align-items: center; gap: 9px; max-width: calc(100% - 42px); color: var(--muted); font-size: 9px; line-height: 1.4; }
.card-flip-hint svg { width: 16px; height: 16px; color: var(--card-accent); }
.card-flip-surface { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; border-radius: inherit; background: transparent; cursor: pointer; touch-action: manipulation; }
.card-flip-surface:focus-visible { outline: 3px solid var(--orange-ink); outline-offset: 5px; }
.member-card.is-enhanced { perspective: 1400px; transform: translateY(var(--card-lift)) rotateX(var(--card-tilt-x)) rotateY(var(--card-tilt-y)); transition: transform .22s ease; }
.member-card.is-enhanced .member-card-body { position: relative; z-index: 2; display: grid; min-height: 445px; pointer-events: none; transform-style: preserve-3d; transition: transform .65s cubic-bezier(.22, .7, .18, 1); }
.member-card.is-enhanced .member-card-front, .member-card.is-enhanced .member-card-back { grid-area: 1 / 1; margin: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.member-card.is-enhanced .member-card-back { transform: rotateY(180deg); }
.member-card.is-enhanced .card-flip-hint { display: flex; }
.member-card.is-enhanced a { position: relative; pointer-events: auto; }
.member-card.is-enhanced [aria-hidden="true"] a { pointer-events: none; }
.member-card.is-flipped .member-card-body { transform: rotateY(180deg); }
@media (hover: hover) and (pointer: fine) {
  .member-card.is-enhanced:hover { --card-lift: -5px; }
}
@media (max-width: 1150px) {
  .member-card-visual { height: 195px; }
  .member-initial { font-size: 192px; }
  .member-card-info, .member-card-back { padding-inline: 21px; }
  .member-card h3 { font-size: 24px; }
}
@media (max-width: 640px) {
  .member-card-visual { height: 222px; }
  .member-initial { font-size: 225px; }
  .member-card h3 { font-size: 27px; }
}
@media (prefers-reduced-motion: reduce) {
  .member-card.is-enhanced, .member-card.is-enhanced:hover { transform: none; transition: none; }
  .member-card.is-enhanced .member-card-body { transition: none; }
}