/* Additive exchange story, scoped to the new section. */
.then-now-story{margin:66px 0 0;padding-top:34px;border-top:1px solid var(--rule);scroll-margin-top:112px}
.then-now-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.75fr);gap:44px;align-items:end;margin-bottom:30px}
.then-now-heading h2{font-family:inherit;font-size:clamp(2rem,3.5vw,3rem);font-weight:500;letter-spacing:-.045em;line-height:1.18;color:var(--text);margin:17px 0 0}
.then-now-heading h2 em{font-style:normal;color:var(--gold-hi)}
.then-now-heading p{font-size:.9375rem;line-height:1.9;color:var(--dim);max-width:59ch;margin:0}
.then-now-flow{display:grid;grid-template-columns:minmax(0,1fr) 35px minmax(0,1fr);align-items:stretch;gap:16px}
.then-now-panel{min-width:0;display:flex;flex-direction:column;border:1px solid var(--rule);border-radius:15px;overflow:hidden;background:var(--surface);transition:border-color 160ms ease}
.then-now-panel:hover,.then-now-panel:focus-within{border-color:var(--gold)}
.then-now-photo{margin:0;background:var(--surface)}
.then-now-image-link{display:block;position:relative;background:var(--surface)}
.then-now-image-link>.then-now-image{display:block;width:100%;height:auto;max-width:100%;aspect-ratio:auto 1672/941;object-fit:contain}
.then-now-caption{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:14px;align-items:center;padding:14px 19px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);font-size:.6875rem;line-height:1.75;color:var(--muted)}
.then-now-open{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;border:1px solid var(--rule-strong);border-radius:11px;color:var(--gold-hi);background:var(--raised);text-decoration:none;font-size:1rem}
.then-now-open:hover{border-color:var(--gold);color:var(--text)}
.then-now-copy{padding:26px;flex:1}
.then-now-chapter{display:flex;align-items:center;gap:12px;font-size:.625rem;line-height:1.5;font-weight:550;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-hi)}
.then-now-chapter::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold-hi);flex:0 0 auto}
.then-now-copy h3{font-size:1.5rem;font-weight:550;letter-spacing:-.03em;line-height:1.3;margin:15px 0 0;color:var(--text)}
.then-now-copy p{font-size:.875rem;line-height:1.85;color:var(--dim);max-width:59ch;margin:15px 0 0}
.then-now-arrow{display:flex;align-items:center;justify-content:center;position:relative;color:var(--gold-hi);font-size:1.4rem}
.then-now-arrow::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--rule);z-index:-1}
.then-now-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px 30px;align-items:center;margin-top:23px;padding:20px 23px;border:1px solid var(--rule-strong);border-radius:12px;background:var(--raised)}
.then-now-scope{font-size:.8125rem;font-weight:550;line-height:1.85;color:var(--text);margin:0;max-width:60ch}
.then-now-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px 24px;flex-wrap:wrap}
.then-now-actions>.then-now-explore{min-height:48px;gap:25px;white-space:normal}
.then-now-guide{display:inline-flex;align-items:center;gap:13px;min-height:44px;font-size:.8125rem;color:var(--gold-hi);font-weight:500;line-height:1.6;text-decoration:none}
.then-now-guide:hover{color:var(--text)}
.then-now-image-link:focus-visible,.then-now-open:focus-visible,.then-now-guide:focus-visible{outline:2px solid var(--gold-hi);outline-offset:4px}
.then-now-image-link:focus-visible{outline-offset:-4px}
@media(max-width:1050px){.then-now-heading{gap:32px}.then-now-flow{grid-template-columns:minmax(0,1fr) 23px minmax(0,1fr);gap:12px}.then-now-copy{padding:23px}.then-now-copy h3{font-size:1.35rem}.then-now-footer{grid-template-columns:1fr;gap:16px}.then-now-actions{justify-content:flex-start}}
@media(max-width:760px){.then-now-heading{grid-template-columns:1fr;gap:22px}.then-now-heading p{max-width:75ch}.then-now-flow{grid-template-columns:1fr;gap:15px}.then-now-arrow{height:24px;transform:rotate(90deg)}.then-now-arrow::before{display:none}.then-now-copy{padding:25px}.then-now-copy h3{font-size:1.5rem}}
@media(max-width:600px){.then-now-story{margin-top:44px;padding-top:28px;scroll-margin-top:92px}.then-now-heading{gap:18px;margin-bottom:23px}.then-now-heading h2{font-size:1.95rem;line-height:1.2;margin-top:15px}.then-now-heading p{font-size:.875rem;line-height:1.85}.then-now-panel{border-radius:13px}.then-now-caption{padding:12px 15px;gap:13px;font-size:.6875rem}.then-now-copy{padding:23px}.then-now-copy h3{font-size:1.4rem;margin-top:13px}.then-now-copy p{font-size:.875rem;margin-top:13px}.then-now-chapter{font-size:.625rem}.then-now-footer{margin-top:19px;padding:19px;gap:15px}.then-now-scope{font-size:.75rem}.then-now-actions{gap:8px 18px}.then-now-actions>.then-now-explore{width:100%;justify-content:space-between}.then-now-guide{font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){.then-now-panel{transition:none}}
@media print{.then-now-heading,.then-now-flow,.then-now-footer{display:block}.then-now-panel{break-inside:avoid;margin-bottom:22px}.then-now-arrow,.then-now-open,.then-now-actions{display:none}}