.nexsyn-stories { padding: 96px 0; background: #f6f8fb; color: #172438; }
.nexsyn-stories-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; margin-bottom: 36px; }
.nexsyn-eyebrow { display: block; margin-bottom: 16px; color: #42735f; font-size: 11px; font-weight: 700; letter-spacing: 2px; }
.nexsyn-stories-heading h2 { margin: 0; color: #172438; font-size: clamp(28px, 3.2vw, 44px); line-height: 1.2; letter-spacing: -1.3px; }
.nexsyn-stories-heading h2 span { color: #608472; }
.nexsyn-stories-heading > p { max-width: 340px; margin: 0 0 4px; color: #647184; font-size: 14px; line-height: 1.8; }
.nexsyn-stories-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.nexsyn-story { display: flex; flex-direction: column; margin: 0; padding: 28px; border: 1px solid #e1e7ee; border-radius: 20px; background: #fff; box-shadow: 0 12px 32px #17243805; }
.nexsyn-story-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 20px; }
.nexsyn-story-category { color: #637487; font-size: 10px; font-weight: 700; letter-spacing: 1.4px; }
.nexsyn-quote-mark { height: 34px; color: #7d9e8e; font: 60px/1 Georgia, serif; }
.nexsyn-story blockquote { flex: 1; margin: 0 0 30px; padding: 0; border: 0; color: #26364a; font-size: 16px; line-height: 1.85; }
.nexsyn-story figcaption { display: flex; align-items: center; gap: 12px; }
.nexsyn-avatar { display: grid; flex-shrink: 0; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: #e0eee7; color: #345f4e; font-size: 13px; font-weight: 700; }
.nexsyn-avatar-purple { background: #eee9f8; color: #78608d; }
.nexsyn-avatar-gold { background: #f7edda; color: #8e6b35; }
.nexsyn-story figcaption strong { display: block; color: #172438; font-size: 14px; }
.nexsyn-story figcaption small { display: block; margin-top: 3px; color: #647184; font-size: 11px; line-height: 1.6; }
.nexsyn-story-tag { display: flex; justify-content: space-between; gap: 8px; margin-top: 24px; padding-top: 18px; border-top: 1px solid #e8edf1; color: #577263; font-size: 11px; font-weight: 600; }
.nexsyn-story-tag span { font-size: 16px; line-height: 1; }
.nexsyn-story-featured { background: #172e29; border-color: #172e29; box-shadow: 0 16px 32px #172e2914; }
.nexsyn-story-featured blockquote, .nexsyn-story-featured figcaption strong { color: #fff; }
.nexsyn-story-featured .nexsyn-story-category, .nexsyn-story-featured figcaption small, .nexsyn-story-featured .nexsyn-story-tag { color: #bed4c7; }
.nexsyn-story-featured .nexsyn-story-tag { border-color: #ffffff26; }
.nexsyn-stories-note { margin: 22px 0 0; text-align: center; color: #687487; font-size: 11px; line-height: 1.7; }
@media (max-width: 991px) { .nexsyn-stories-heading { align-items: flex-start; flex-direction: column; gap: 20px; } .nexsyn-stories-heading > p { max-width: 540px; } .nexsyn-stories-grid { gap: 14px; } .nexsyn-story { padding: 22px; } }
@media (max-width: 767px) { .nexsyn-stories { padding: 60px 0; } .nexsyn-stories-grid { grid-template-columns: 1fr; gap: 18px; } .nexsyn-story { padding: 26px; } .nexsyn-stories-heading h2 { letter-spacing: -.7px; } }