/* Stories — alternating image+text story blocks, art-journal style. Uses xcitingart vars. */
.stories-wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.stories-hero{max-width:760px;margin:48px auto 12px;text-align:center}
.stories-hero .kicker{font-family:var(--sans);font-weight:600;font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;color:var(--rose);margin:0 0 16px}
.stories-hero h1{font-family:var(--disp);font-weight:700;font-size:clamp(2.1rem,4.6vw,3.3rem);line-height:1.06;letter-spacing:-.02em;margin:0 0 16px}
.stories-hero .lead{font-size:1.25rem;line-height:1.5;color:var(--soft);font-style:italic;margin:0 auto 24px;max-width:58ch}
.stories-hero p{font-size:1.06rem;line-height:1.7;color:var(--ink);text-align:left;margin:0 0 14px}

.story-list{margin:42px 0}
.story{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin:0 0 64px}
.story.flip .story-art{order:2}
.story-art{margin:0}
.story-art img{width:100%;max-height:560px;object-fit:cover;border-radius:14px;box-shadow:0 14px 40px rgba(22,21,26,.18)}
.story-art figcaption{font-family:var(--sans);font-size:.82rem;color:var(--faint);margin-top:9px;font-style:italic}
.story-text{min-width:0}
.story-no{font-family:var(--disp);font-weight:700;font-size:1.4rem;color:var(--rose);display:block;margin-bottom:2px}
.story-text h2{font-family:var(--disp);font-weight:700;font-size:1.9rem;line-height:1.08;margin:0 0 14px}
.story-hook{font-family:var(--disp);font-weight:600;font-style:italic;font-size:1.22rem;line-height:1.4;color:var(--accent);margin:0 0 16px}
.story-text p{font-size:1.04rem;line-height:1.72;color:var(--ink);margin:0 0 13px}
.story-see{font-size:.98rem;line-height:1.6;color:var(--soft);background:rgba(59,57,228,.05);border-left:3px solid var(--accent);padding:11px 16px;border-radius:0 8px 8px 0;margin-top:16px}
.story-see span{font-family:var(--sans);font-weight:700;color:var(--accent);text-transform:uppercase;font-size:.74rem;letter-spacing:.08em}
.stories-outro{max-width:720px;margin:10px auto 0;padding-top:24px;border-top:2px solid var(--ink)}
.stories-outro p{font-size:1.1rem;line-height:1.7}
.cta-row{margin-top:20px}
.stories-wrap .btn{display:inline-block;font-family:var(--sans);font-weight:600;font-size:.95rem;background:var(--accent);color:#fff;padding:13px 22px;border-radius:10px;text-decoration:none;transition:background .15s}
.stories-wrap .btn:hover{background:#2a28b8}
.stories-wrap .related{max-width:720px;margin:40px auto 60px}

@media(max-width:820px){
  .story{grid-template-columns:1fr;gap:18px}
  .story.flip .story-art{order:0}
  .story-art img{max-height:380px}
}