/* The light crosses the letters slowly; button position and size stay fixed. */
.reflective-cta .cta-label{animation-name:cta-reflection-slow;animation-duration:11s;animation-timing-function:linear}
@keyframes cta-reflection-slow{0%,12%{background-position:150% 0}62%,100%{background-position:-50% 0}}
.reflective-cta:hover .cta-label,.reflective-cta:focus-visible .cta-label{transition:background-position 3s ease}
.site-header .nav-link{padding-inline:13px}

/* A continuous Slack conversation frames the focused approval. */
.scene-6 .slack-excerpt-thread{display:grid;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);justify-content:stretch;gap:0;overflow:hidden}
.slack-context-stream{min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:4px 0;pointer-events:none}
.slack-context-stream .slack-context-message{border:0;padding:13px 24px;flex:none;min-height:70px;filter:blur(.85px);opacity:.32;gap:13px}
.slack-context-stream .slack-context-message p{font:14px/21px var(--sans);margin-top:5px}
.slack-context-stream .slack-context-author{font-size:13px}
.slack-context-stream-before{justify-content:flex-end;mask-image:linear-gradient(transparent,#000 28%,#000);-webkit-mask-image:linear-gradient(transparent,#000 28%,#000)}
.slack-context-stream-after{justify-content:flex-start;mask-image:linear-gradient(#000,#000 72%,transparent);-webkit-mask-image:linear-gradient(#000,#000 72%,transparent)}
.scene-6 .slack-excerpt-thread>.slack-excerpt-post{padding:18px 24px}
.scene-6 .slack-excerpt-attachment{margin-bottom:0}
@media(max-width:1100px){.site-header .nav-link{padding-inline:10px}.site-header .brand{flex-basis:120px;width:120px}}
@media(max-width:800px){.site-header .nav-link{padding-inline:5px}.site-header .brand{flex-basis:22px;width:22px}}
@media(max-width:600px){
 .slack-context-stream .slack-context-message{padding:11px 18px;min-height:76px}
 .scene-6 .slack-excerpt-thread>.slack-excerpt-post{padding:18px}
 .scene-6 .slack-excerpt-thread{gap:0}
}
@media(prefers-reduced-motion:reduce){.reflective-cta .cta-label{animation:none;transition:none}}

/* The stage name lives with the active navigation dot on desktop. */
@media(min-width:1001px){
 .chapter>.chapter-label{display:none}
 .journey .scene{justify-content:flex-start!important}
 .route-stop.active{flex:1 1 auto;max-width:none;min-width:0}
 .route-stop.active .route-name{max-width:none;white-space:normal;font-size:11px;line-height:16px;text-align:left}
 .route-control{min-height:58px}
}

/* Evidence sits beside the problem it supports, rather than in a metrics strip. */
.problem-intro{min-width:0}
.problem-proof{max-width:430px;margin-top:26px;padding-left:18px;border-left:1px solid var(--line)}
.problem-proof p{font:400 15px/23px var(--sans);color:var(--body)}
.problem-proof strong{font-weight:600;color:var(--accent)}
.problem-proof a{display:inline-block;margin-top:9px;font:400 12px/18px var(--sans);color:var(--muted);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line)}
.problem-proof a:hover{color:var(--ink)}
@media(max-width:600px){.problem-proof{margin-top:22px;padding-left:15px}}

.problem-proof p+p{margin-top:9px}

.problem-proof a+p{margin-top:15px}