/* Approved existing composition + 2026-10-23 motion direction; mockup only. */
.motion-stage {--hero-height:490px}
.hero-photos {position:absolute;inset:0 auto auto 50%;width:min(960px,100%);height:var(--hero-height);transform:translateX(-50%);z-index:0}
.hero-photo-images {position:absolute;inset:0;overflow:hidden;opacity:.27}
.hero-photo-images::after {content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,var(--paper),transparent 16%,transparent 78%,var(--paper)),linear-gradient(90deg,var(--paper),transparent 16%,transparent 84%,var(--paper)),radial-gradient(ellipse at 50% 43%,rgba(253,252,249,.28),transparent 75%)}
.photo-slide {position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 800ms ease-in-out;pointer-events:none}
.photo-slide.is-current {opacity:1;z-index:1}
.hero-photos .photo-slide svg {display:block;width:100%;height:100%}
/* One photographic layer behind the text; no overlapping static facade. */
.motion-stage .mill-backdrop {display:none}
.motion-stage .dialog-lead {color:var(--ink)}
.motion-stage .dialog-hero .eyebrow {color:var(--accent-strong)}
.practice-photos {position:relative;isolation:isolate;background:var(--accent-soft)}
.dialog-practice>.practice-photos img {object-position:center;object-fit:cover}
.practice-actions {display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}
#main .practice-actions .plain-links {display:flex;margin:0;min-width:0}
#main .practice-actions a {display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-width:0;min-height:48px;margin:0;padding:11px 14px;font-size:13px;font-weight:500;line-height:1.4;text-align:center;white-space:normal;background:var(--accent-soft);color:var(--accent-strong);border:1px solid transparent;border-radius:999px;text-decoration:none;transition:background-color 180ms ease,border-color 180ms ease}
#main .practice-actions a:hover,#main .practice-actions a:focus-visible {background:var(--accent-soft);color:var(--accent-strong);border-color:var(--accent-edge);transform:none}
.practice-icon {display:block;width:19px;height:19px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.dialog-arrival>span {display:flex;align-items:center;gap:11px}
.dialog-arrival .practice-icon {color:var(--accent)}
#main .person-contact .dialog-call {background:var(--accent);border-color:var(--accent);color:var(--paper)}
#main .person-contact .dialog-call:hover {background:var(--accent-strong);border-color:var(--accent-strong)}
.dialog-credentials {display:block;padding-block:32px}
#main .person-info .person-background {font-size:12px;line-height:1.75;margin:16px 0 0;max-width:390px;color:var(--accent-strong)}
.team-teaser {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px 38px;min-width:0;container:team / inline-size}
.team-teaser-portraits {display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:8px;overflow:hidden;width:100%;margin:0}
.team-teaser-portraits img {display:block;flex-shrink:0;object-fit:cover;object-position:50% 28%;width:clamp(52px,5vw,72px);height:90px;border:3px solid var(--paper);border-radius:40px;margin-left:0}
.team-teaser-portraits img:first-child {margin-left:0}
.team-teaser-copy h2 {font:400 23px/1.25 var(--display);letter-spacing:-.6px;color:var(--accent);margin:0 0 13px}
.team-teaser-copy {display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.team-teaser-copy h2 {margin:0}
#main .team-teaser .text-link {white-space:normal;margin:0;font-size:12px;padding:10px 16px;min-height:44px}
@media(min-width:761px) and (max-width:1100px) {
  .team-teaser {display:block}
  .team-teaser-copy {flex-direction:row;justify-content:space-between;align-items:center;margin-top:18px;gap:20px}
}
@media(max-width:760px) {
  .dialog-credentials {display:block;text-align:left;padding-block:27px}
  #main .person-info .person-background {margin:16px auto 0;max-width:340px}
  .team-teaser {display:block}
  .team-teaser-portraits {justify-content:flex-start;gap:0;margin-bottom:17px}
  .team-teaser-portraits img {width:50px;height:66px;margin-left:-10px}
  .team-teaser-portraits img:nth-child(n) {display:block}
  .team-teaser-copy {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:12px}
  .team-teaser-copy h2 {font-size:21px;margin:0;text-wrap:balance}
  #main .team-teaser-copy .text-link {width:100%;min-width:0;text-align:center}
  #main .team-teaser .text-link {font-size:12px;padding:10px 12px}
  .practice-actions {gap:8px}
  #main .practice-actions a {font-size:12px;padding:10px 9px;gap:6px}
  .practice-actions .practice-icon {width:16px;height:16px}
  .motion-stage .dialog-hero {padding-bottom:105px}
  .hero-photo-images {opacity:.23}
  .hero-photo-images::after {background:linear-gradient(180deg,var(--paper),transparent 17%,transparent 76%,var(--paper)),linear-gradient(90deg,var(--paper),transparent 12%,transparent 88%,var(--paper)),radial-gradient(ellipse at 50% 43%,rgba(253,252,249,.3),transparent 85%)}
}
@media(max-width:760px) {
  @container team (max-width:409px) {.team-teaser-portraits img:nth-child(n+10) {display:none}}
  @container team (max-width:369px) {.team-teaser-portraits img:nth-child(n+9) {display:none}}
  @container team (max-width:329px) {.team-teaser-portraits img:nth-child(n+8) {display:none}}
  @container team (max-width:289px) {.team-teaser-portraits img:nth-child(n+7) {display:none}}
  @container team (max-width:249px) {.team-teaser-portraits img:nth-child(n+6) {display:none}}
}
@media(prefers-reduced-motion:reduce) {.photo-slide {transition:none}}