/* Home: the stream. Example actions cross the gate line in the middle of the screen; each is decided as it crosses. */
.stream{position:relative;padding-block:clamp(110px,16vh,190px);overflow-x:clip;color:var(--cream)}
.stream-head{margin-bottom:clamp(48px,7vh,84px)}
.stream-head .display{color:var(--cream);max-width:11em}
.stream-head .display em{color:var(--gold)}
.stream-head .eyebrow{color:var(--gold)}
.stream-head .fine{margin-top:18px;color:rgba(245,242,234,.74)}
.stream-rows{position:relative;display:grid;gap:clamp(14px,2.4vh,26px);padding-block:clamp(18px,3vh,30px)}
.stream-row{list-style:none;margin:0;padding:0;display:flex;gap:clamp(40px,5vw,84px);width:max-content;will-change:transform}
.sx{display:flex;align-items:baseline;gap:16px;white-space:nowrap;font-weight:600;font-stretch:84%;letter-spacing:-.03em;font-size:clamp(22px,2.9vw,46px);line-height:1.05;color:rgba(245,242,234,.74);transition:color .35s var(--calm)}
.sx b{font-family:var(--mono);font-weight:400;text-transform:uppercase;font-size:clamp(14px,1.25vw,19px);letter-spacing:0;opacity:0;transform:translateY(8px) scale(.9);transition:transform .45s var(--ease)} /* full strength the moment it shows: a half-faded word fails contrast */
.sx.on{color:var(--cream)}
.sx.on b{opacity:1;transform:none}
.sx.d-held b{color:var(--hold)}
.sx.d-runs b{color:#4FC48C}
.sx.d-blocked b{color:var(--cream)}
.sx.d-blocked.on span{text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:var(--hold)}
/* the gate line: one gold rule down the middle of the screen, and everything has to cross it */
.stream-gate{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--gold);z-index:2;pointer-events:none}
.stream-gate span{position:absolute;top:-30px;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:12px;color:var(--gold);white-space:nowrap}
.stream-foot{margin-top:clamp(48px,7vh,80px)}
.stream-foot .btn-ink{background:var(--gold);color:var(--ink)}
.stream-foot .btn-ink:hover{background:var(--cream)}
.stream :focus-visible{outline-color:var(--gold)}
@media (max-width:700px){.sx{gap:10px}.stream-gate span{top:-26px}}