/* The portrait remains the same object as its viewing distance changes. */
.team-portrait-open{scrollbar-gutter:stable}
.team-portrait-open .team-console .team-portrait img{visibility:hidden}
.team-connected-viewer{width:min(690px,calc(100vw - 32px));max-height:calc(100svh - 24px);padding:24px 30px;overflow-x:hidden;overflow-y:auto;border:var(--hairline) solid #a5c9f066;background:radial-gradient(ellipse at 50% 35%,#25527145,transparent 62%),#081a30;color:#eaf4ff;box-shadow:0 30px 110px #0006}
.team-connected-viewer::backdrop{background:#031025e8;backdrop-filter:blur(10px);animation:team-backdrop-in .6s both}
.team-connected-viewer.is-closing::backdrop{animation:team-backdrop-out .52s both}
@keyframes team-backdrop-in{from{background:#03102500;backdrop-filter:blur(0)}to{background:#031025e8;backdrop-filter:blur(10px)}}
@keyframes team-backdrop-out{from{background:#031025e8;backdrop-filter:blur(10px)}to{background:#03102500;backdrop-filter:blur(0)}}
.team-connected-viewer .team-portrait-dialog-top{font-size:12px;letter-spacing:.06em;margin-bottom:22px;gap:18px}
.team-connected-viewer button{font-family:inherit;font-size:14px;line-height:1.6;color:#c7dfff;min-height:44px;border:var(--hairline) solid #9fbfe54c;background:transparent;padding:9px 15px;cursor:pointer}
.team-connected-viewer button:hover{background:#183859;border-color:#a3c6f1}
.team-connected-viewer button:focus-visible{outline:2px solid #badaff;outline-offset:3px}
.team-connected-viewer .team-dialog-close{font-size:14px;gap:18px}
.team-dialog-stage{position:relative;display:grid;min-width:0;perspective:1300px;touch-action:pan-y;isolation:isolate}
.team-dialog-pane{grid-area:1/1;min-width:0;visibility:hidden;pointer-events:none;perspective:1300px}
.team-dialog-pane.is-current{visibility:visible;pointer-events:auto;z-index:2}
.team-dialog-pane.is-leaving{visibility:visible;z-index:1}
.team-dialog-motion{position:relative;width:min(100%,420px,max(160px,calc(80.5556svh - 249px)));aspect-ratio:29/36;margin:0 auto;transform-origin:0 0;transform:translate3d(0,0,0) scale(1,1);transform-style:preserve-3d}
.team-dialog-rig{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform-origin:50% 45%;transform:rotateY(var(--dialog-yaw,0deg)) rotateX(var(--dialog-pitch,0deg));transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.team-dialog-photo{position:relative;display:block;width:100%;height:100%;object-fit:contain;object-position:50% 100%;mask-image:linear-gradient(#000 88%,transparent);user-select:none;-webkit-user-drag:none;transform:none}
.team-dialog-backplane{position:absolute;inset:0 -12px 14px -12px;border-left:var(--hairline) solid #a1c6ef66;border-bottom:var(--hairline) solid #a1c6ef66;transform:translate3d(-12px,10px,-55px);pointer-events:none}
.team-dialog-backplane::before{content:'';position:absolute;left:0;top:0;width:35px;height:var(--hairline);background:#a1c6ef66}
.team-dialog-frame{position:absolute;inset:0 -4px 12px -4px;pointer-events:none;transform:translateZ(38px);background:linear-gradient(#c4e1ff,#c4e1ff) left top/18px 1px no-repeat,linear-gradient(#c4e1ff,#c4e1ff) left top/1px 18px no-repeat,linear-gradient(#a6cbf1,#a6cbf1) right bottom/18px 1px no-repeat,linear-gradient(#a6cbf1,#a6cbf1) right bottom/1px 18px no-repeat}
.team-dialog-scan{position:absolute;top:0;left:0;right:0;height:var(--hairline);background:linear-gradient(90deg,transparent,#bde1ff,transparent);opacity:0;pointer-events:none}
.team-dialog-captions{display:grid;position:relative;min-width:0;margin-top:20px;padding-top:18px;border-top:var(--hairline) solid #9bc2ed40;overflow:hidden}
.team-dialog-copy{grid-area:1/1;visibility:hidden;pointer-events:none;transform:translateX(0)}
.team-dialog-copy.is-current{visibility:visible;z-index:2}.team-dialog-copy.is-leaving{visibility:visible;z-index:1}
.team-dialog-copy h2{font-size:22px;line-height:1.4;font-weight:500;letter-spacing:-.02em;color:#e6f1ff;margin:0;text-wrap:balance}
.team-dialog-copy p{font-size:14px;line-height:1.8;color:#9dbce5;margin:7px 0 0}
.team-dialog-navigation{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:20px;margin-top:18px;border-top:var(--hairline) solid #9bc2ed40}
.team-dialog-navigation button{display:flex;align-items:center;gap:15px;justify-content:center}
.team-dialog-count{font-size:12px;letter-spacing:.08em;color:#abc6e9;white-space:nowrap}
.team-connected-viewer.is-moving .team-dialog-motion{will-change:transform}
.team-connected-viewer.is-moving .team-dialog-rig{transition:none}
.team-connected-viewer.is-moving{overflow:visible}
.team-connected-viewer.is-moving .team-dialog-photo{will-change:opacity}
.team-console .team-roster-name{font-size:14px}
.team-intro .team-context{font-size:16px}
.team-console .team-console-top,.team-console .team-roster-meta,.team-console .team-profile-copy .team-index,.team-console .team-experience-label{font-size:12px}
.team-console .team-step-label,.team-console .team-portrait-control{font-size:14px}
@media(max-width:700px){
 .team-connected-viewer{padding:18px 20px}
 .team-connected-viewer .team-portrait-dialog-top{margin-bottom:17px;font-size:12px}
 .team-dialog-motion{width:min(100%,370px,max(150px,calc(80.5556svh - 239px)))}
 .team-dialog-copy h2{font-size:20px}.team-dialog-copy p{font-size:14px}
 .team-dialog-captions{margin-top:15px;padding-top:15px}.team-dialog-navigation{margin-top:16px;padding-top:16px;gap:9px}
 .team-dialog-navigation button{padding-inline:10px;gap:9px}
}
.motion-paused .team-connected-viewer *,.motion-paused .team-connected-viewer::backdrop{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.team-connected-viewer *,.team-connected-viewer::backdrop{animation:none!important;transition:none!important}.team-dialog-rig{transform:none}}
@media(forced-colors:active){.team-connected-viewer{background:Canvas;color:CanvasText}.team-dialog-backplane,.team-dialog-frame,.team-dialog-scan{display:none}.team-dialog-copy :is(h2,p),.team-connected-viewer button,.team-dialog-count{color:CanvasText}.team-dialog-captions,.team-dialog-navigation{border-color:CanvasText}}