.panoramaConclusion{width:var(--grid);margin:30px auto 0;padding-top:26px;border-top:2px solid #1bc4f355;text-align:center;font:900 italic clamp(1.8rem,4vw,4rem)/1.12 var(--display);text-transform:uppercase;letter-spacing:-.025em;color:var(--cyan);opacity:.38;transition:opacity 1s,border-color 1s,color 1s}
.panoramaScene.isComplete .panoramaConclusion{opacity:1;color:#e2f8ff;border-color:var(--cyan)}
.panoramaTogether:before,.panoramaTogether:after{display:none}
.panoramaReadings>div:after{content:'';position:absolute;left:0;right:-32px;bottom:-18px;height:2px;background:var(--cyan);opacity:0;transition:opacity 1s}
.panoramaReadings>div:last-child:after{right:0}.panoramaScene.isComplete .panoramaReadings>div:after{opacity:.75}
.panoramaConclusion{border-top:0;margin-top:22px}
.experienceState{height:450svh}
.experienceRoles{position:absolute;z-index:12;left:50%;transform:translateX(-50%);top:39%;width:var(--grid);display:flex;flex-wrap:wrap;gap:8px}
.experienceRoles[hidden]{display:none}.experienceRoles button{border:1px solid #526170;border-radius:18px;padding:8px 12px;background:transparent;color:#c2ccd5;font:500 12px/1.3 var(--mono);cursor:pointer;transition:background .2s,color .2s}
.experienceRoles button[aria-pressed=true]{background:var(--cyan);border-color:var(--cyan);color:#10202c}.experienceRoles button:hover{border-color:var(--cyan)}.experienceRoles button:focus-visible{outline:2px solid white;outline-offset:3px}
.isRoleView .experienceLandscape{inset:54% 7% 8%}.isRoleView .axisLine{opacity:0}.isRoleView .experienceNode.muted{opacity:.25}
.consultingHint{display:inline-block;border:1px solid #1bc4f380;border-radius:4px;padding:5px 7px;margin-top:8px;font-size:10px;color:var(--cyan);background:#1bc4f30c}.experienceNode[data-consulting]:hover .consultingHint{background:#1bc4f32b;border-color:var(--cyan)}
@media(max-width:900px){.panoramaReadings>div:after{right:-22px}.panoramaReadings>div:nth-child(2n):after{right:0}.experienceState{height:450svh}.experienceRoles{top:36%;gap:6px}.experienceRoles button{font-size:10px;padding:6px 9px}.isRoleView .experienceLandscape{inset:54% 9% 8%}.consultingHint{font-size:9px;padding:4px}.panoramaConclusion{font-size:clamp(1.6rem,5vw,2.8rem)}}
@media(prefers-reduced-motion:reduce){.experienceRoles button,.panoramaConclusion,.panoramaReadings>div:after{transition:none}}