.cohary-about-visual{--chx-card:#fff;--chx-ink:#1d1d1f;--chx-mute:#5f6368;--chx-line:#dedee2;--chx-navy:#273752;--chx-navy-soft:#e9eff8;--chx-orange:#c7682c;--chx-green:#2f7d5b;color:var(--chx-ink)}
.cohary-about-visual.chx-card{background:var(--chx-card);border:1px solid var(--chx-line);border-radius:1.5rem;box-shadow:0 12px 34px rgba(29,29,31,.045)}
.relationship-grid>.chx-handoff{grid-column:1/-1;margin-top:clamp(1.5rem,4vw,3rem);padding:clamp(1.5rem,3vw,2rem)}
.cohary-about-visual .chx-lane{display:grid;grid-template-columns:9rem 1fr;align-items:center}
.cohary-about-visual .chx-lane+.chx-lane{border-top:1px dashed var(--chx-line)}
.cohary-about-visual .chx-lane-label{font:600 .75rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase}
.cohary-about-visual .before .chx-lane-label{color:var(--chx-orange)}
.cohary-about-visual .after .chx-lane-label{color:var(--chx-navy)}
.cohary-about-visual .chx-track{position:relative;height:6.25rem}
.cohary-about-visual .chx-signed{position:absolute;z-index:2;top:50%;left:0;width:.875rem;height:.875rem;margin:-.4375rem 0 0 -.4375rem;border-radius:50%;background:var(--chx-navy)}
.cohary-about-visual .chx-signed-cap{position:absolute;top:calc(50% - 2rem);left:-.25rem;color:var(--chx-mute);font:600 .6875rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase}
.cohary-about-visual .chx-bar{position:absolute;top:50%;left:0;width:0;height:0;transition:width 1.6s cubic-bezier(.3,.7,.2,1)}
.cohary-about-visual .before .chx-bar{border-top:2px dashed var(--chx-orange);opacity:.55}
.cohary-about-visual .after .chx-bar{border-top:3px solid var(--chx-navy)}
.cohary-about-visual.in .before .chx-bar{width:62%}
.cohary-about-visual.in .after .chx-bar{width:100%}
.cohary-about-visual .chx-fade{position:absolute;inset:0 0 0 auto;width:48%;background:linear-gradient(90deg,transparent,var(--chx-card));pointer-events:none}
.cohary-about-visual .chx-dot{position:absolute;top:50%;width:.75rem;height:.75rem;margin:-.375rem 0 0 -.375rem;border-radius:50%;background:var(--chx-green);transform:scale(0);transition:transform .4s cubic-bezier(.3,1.6,.5,1)}
.cohary-about-visual .chx-dot span{position:absolute;left:50%;color:var(--chx-ink);font-size:.8125rem;white-space:nowrap;transform:translateX(-50%)}
.cohary-about-visual .chx-dot .up{bottom:1.25rem}.cohary-about-visual .chx-dot .dn{top:1.25rem}
.cohary-about-visual.in .chx-dot{transform:scale(1)}
.cohary-about-visual .d1{left:20%;transition-delay:.6s}.cohary-about-visual .d2{left:50%;transition-delay:1.1s}.cohary-about-visual .d3{left:80%;transition-delay:1.6s}
.cohary-about-visual .chx-renew{position:absolute;top:50%;left:94%;width:.75rem;height:.75rem;margin:-.375rem 0 0 -.375rem;border-radius:50%;background:var(--chx-orange);opacity:0;transition:opacity .6s 1.6s}
.cohary-about-visual .chx-renew span{position:absolute;top:1.25rem;right:-.25rem;color:var(--chx-orange);font-size:.8125rem;white-space:nowrap}
.cohary-about-visual.in .chx-renew{opacity:1}
.about-timeline-region{padding-top:1.5rem;padding-bottom:clamp(5rem,9vw,8rem)}
.chx-timeline-card{position:relative;max-width:61rem;margin:0 auto;padding:clamp(2rem,4vw,3.25rem)}
.chx-timeline-card .chx-tl{position:relative;margin:0;padding:0 0 0 5.25rem;list-style:none}
.chx-timeline-card .chx-spine{position:absolute;top:calc(clamp(2rem,4vw,3.25rem) + .5rem);bottom:calc(clamp(2rem,4vw,3.25rem) + .5rem);left:calc(clamp(2rem,4vw,3.25rem) + 3.875rem);width:2px;background:var(--chx-line)}
.chx-timeline-card .chx-spine i{position:absolute;top:0;left:0;width:100%;height:0;background:var(--chx-navy)}
.chx-timeline-card .chx-people{position:absolute;left:clamp(2rem,4vw,3.25rem);width:1.625rem;border-radius:.8125rem;background:var(--chx-navy-soft);overflow:hidden}
.chx-timeline-card .chx-people b{position:absolute;top:50%;left:50%;color:var(--chx-navy);font:600 .75rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;transform:translate(-50%,-50%) rotate(-90deg)}
.chx-timeline-card .chx-ms{position:relative;padding:0 0 3rem;opacity:.38;transition:opacity .5s}
.chx-timeline-card .chx-ms:last-child{padding-bottom:0}.chx-timeline-card .chx-ms.on{opacity:1}
.chx-timeline-card .chx-node{position:absolute;top:.1875rem;left:-1.4375rem;width:.875rem;height:.875rem;border:2px solid var(--chx-line);border-radius:50%;background:var(--chx-card);transition:border-color .4s,background-color .4s}
.chx-timeline-card .chx-ms.on .chx-node{border-color:var(--chx-navy);background:var(--chx-navy)}
.chx-timeline-card .chx-ms.today.on .chx-node{border-color:var(--chx-green);background:var(--chx-green)}
.chx-timeline-card .chx-yr{color:var(--chx-mute);font:600 .75rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.105em;text-transform:uppercase}
.chx-timeline-card .chx-ms h3{margin:.5rem 0;font-size:clamp(1.375rem,2.2vw,1.75rem);line-height:1.18;letter-spacing:-.025em}
.chx-timeline-card .chx-ms p{max-width:44rem;margin:0;color:var(--chx-mute);font-size:1rem;line-height:1.65}
.chx-timeline-card .chx-lesson{display:inline-block;max-width:44rem;margin-top:.875rem;padding:.625rem .875rem;border-radius:.75rem;background:var(--chx-navy-soft);color:var(--chx-navy);font-size:.9375rem;line-height:1.45}
@media(max-width:640px){
  .cohary-about-visual .chx-lane{grid-template-columns:1fr}.cohary-about-visual .chx-lane-label{margin-top:.75rem}.cohary-about-visual .chx-dot span,.cohary-about-visual .chx-renew span{font-size:.6875rem}
  .relationship-grid>.chx-handoff{padding:1rem}.cohary-about-visual .chx-track{height:5.75rem}
  .chx-timeline-card{padding:1.5rem 1rem}.chx-timeline-card .chx-tl{padding-left:4rem}.chx-timeline-card .chx-spine{top:2rem;bottom:2rem;left:4.125rem}.chx-timeline-card .chx-people{left:1rem}.chx-timeline-card .chx-node{left:-1.25rem}
  .chx-timeline-card .chx-ms{padding-bottom:2.5rem}.chx-timeline-card .chx-ms p{font-size:.9375rem}.chx-timeline-card .chx-lesson{font-size:.875rem}
}
@media(prefers-reduced-motion:reduce){.cohary-about-visual *{transition:none!important}}