/* Home: "How we work" (five stacked two-panel cards, process-story.js). */

/* How we work: the card stack as it was (restored 2026-09-25). process-story.js adds
   .process-stack-enabled only when every card fits the window, so sticky never traps a tall card. */
.process-story{background:#081e30;color:#fff;padding:0 0 80px;position:relative;--process-top:120px}
.process-story .process-container{width:calc(100% - 48px);max-width:1080px;margin-inline:auto}
.process-heading{border-top:1px solid #315067;padding-top:32px}
.process-heading h2{font-size:40px;line-height:1.1;font-weight:700;letter-spacing:-.025em;margin:0 0 32px}
.process-chapters{display:flex;flex-direction:column;gap:48px;isolation:isolate}
.process-chapter{position:relative;scroll-margin-top:var(--process-top);outline-offset:4px}
.process-card{box-sizing:border-box;min-height:520px;padding:8px;border:1px solid #365469;border-radius:16px;background:#102b40;transform-origin:center top;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;box-shadow:0 5px 0 #061724,0 15px 28px -12px #0008,inset 0 1px 0 #ffffff0d}
.process-card-title,.process-card-description{padding:40px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.process-card-title{background:#e3effd;color:#081e30;border-radius:10px;box-shadow:inset 0 1px 0 #fff,0 3px 0 #9fb5ca,0 6px 10px -5px #0006}
.process-chapter:nth-child(even) .process-card-title{order:2}
.process-chapter-number{display:block;font-size:16px;line-height:1.5;color:#2456cf;margin-bottom:24px;align-self:flex-start}
.process-card h3{font-size:52px;line-height:1.08;font-weight:700;letter-spacing:-.025em;margin:0;overflow-wrap:break-word;text-wrap:balance}
.process-card p{font-size:22px;line-height:1.55;color:#b7cfe1;margin:0;overflow-wrap:break-word}
.process-stack-enabled .process-chapter{position:sticky;top:var(--process-top)}
@media(max-width:759px){.process-story{padding:0 0 56px}.process-story .process-container{width:calc(100% - 32px)}.process-heading{padding-top:24px}.process-heading h2{font-size:34px;margin-bottom:32px}.process-card{grid-template-columns:1fr;min-height:0;padding:8px;box-shadow:0 3px 0 #061724,0 12px 22px -12px #0008}.process-card-title,.process-card-description{padding:24px}.process-chapter:nth-child(even) .process-card-title{order:0}.process-card h3{font-size:36px}.process-card p{font-size:19px;line-height:1.55}.process-chapter-number{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){.process-stack-enabled .process-chapter{position:relative}.process-card{transform:none!important;opacity:1!important}}

/* Hebrew is never letter-spaced; must stay last to outrank the rules above. */
html[dir=rtl] #process :is(h2,h3,p,span,a){letter-spacing:0}