/* One story: Susi, her capabilities, and her connected working world. */
#susi.susi-story { display: block; }
#susi .susi-story__intro { display: grid; grid-template-columns: 168px minmax(0,1fr); align-items: center; gap: clamp(1.5rem,4vw,3rem); }
#susi .susi-story__portrait { width: 168px; height: auto; border-radius: 1.1rem; }
#susi .susi-story__intro h2 { font-size: clamp(2rem,4.2vw,3.6rem); margin: 0 0 1rem; }
#susi .susi-story__intro .lead { font-size: clamp(1.05rem,1.8vw,1.3rem); margin: 0 0 1rem; }
#susi .susi-story__ability { font-weight: 650; font-size: clamp(1.1rem,2vw,1.45rem); margin: 0 0 .7rem; }
#susi .susi-story__context { color: var(--muted); line-height: 1.65; margin: 0; }
#susi .susi-story__abilities { margin-top: 2rem; }
#susi .susi-story__abilities article { display: grid; grid-template-columns: 36px minmax(190px,240px) minmax(0,1fr); gap: .6rem 1rem; align-items: start; padding: 1.1rem 0; border-bottom: 1px solid var(--line); }
#susi .susi-story__abilities .susi-capability-icon { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 10px; }
#susi .susi-capability-icon svg { width: 21px; height: 21px; }
#susi .susi-story__abilities h3 { font-size: 1rem; line-height: 1.5; margin: .35rem 0 0; }
#susi .susi-story__abilities p { color: var(--muted); font-size: .95rem; line-height: 1.65; margin: .3rem 0 0; }
#susi .susi-story__cosmos { margin-top: 3rem; }
#susi .susi-story__transition { margin: 0; font-size: clamp(1.3rem,2.3vw,1.9rem); line-height: 1.45; }
#susi #flow .connected-cosmos { margin-top: 1.5rem; }
#susi .susi-story__after { margin: 1.5rem 0 1rem; max-width: 950px; color: var(--muted); line-height: 1.7; }
#susi .susi-story__cta { margin: 0; }
#susi .susi-story__cta a { display: inline-block; padding: .75rem 1.1rem; }
#susi .susi-story__cta a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; border-radius: 5px; }
@media(max-width:850px) {
 #susi .susi-story__abilities article { grid-template-columns: 36px minmax(0,1fr); }
 #susi .susi-story__abilities p { grid-column: 2; margin-top: 0; }
}
@media(max-width:620px) {
 #susi .susi-story__intro { display: block; }
 #susi .susi-story__portrait { width: 112px; margin-bottom: 1.25rem; }
}
@media(max-width:360px) {
}