/* Vision essay page styles. The quietest page on the site: one column, no
   cards, no grids, no product UI, flat white ground. Same design system faces
   as the other hand-built pages (Inter; tokens borrowed from the .gcl family,
   this page uses the purple only for links). Scoped under .vsn so page rules
   can't clobber the shared Nav/Footer, and custom properties live on .vsn
   (NOT :root) so they can't override webflow.css root vars. Served from
   /static/ so the /assets/** immutable-cache rule doesn't pin this file. */
.vsn{--ink:#0d0a18;--body:#3b3844;--caption:#6b6875;--accent:#410e93;--accent-soft:#7448ff;--grad-strip:linear-gradient(120deg,#2e0a5e 0%,#5a1fd0 55%,#7448ff 100%)}
.vsn,.vsn *,.vsn *:before,.vsn *:after{box-sizing:border-box;margin:0;padding:0}
.vsn{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background:#fff;color:var(--body);font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased}
.vsn .wrap{max-width:680px;margin:0 auto;padding:56px 32px 136px}
.vsn .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-bottom:22px;animation:vsn-rise .7s cubic-bezier(.22,1,.36,1) both}
.vsn .eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--grad-strip)}
.vsn h1{font-family:inherit;font-size:clamp(2.1rem,3.6vw,3rem);font-weight:700;letter-spacing:-.03em;line-height:1.12;color:var(--ink);margin-bottom:clamp(44px,6vw,64px);animation:vsn-rise .7s cubic-bezier(.22,1,.36,1) .08s both}
.vsn .essay p{margin:0 0 1.55em;text-wrap:pretty}
/* single-sentence paragraphs are the essay's beats */
.vsn .essay .beat{margin:2.5em 0}
/* the supply-chain paragraph: slightly larger, extra air, nothing more */
.vsn .essay .strange{font-size:1.22rem;line-height:1.62;font-weight:500;color:var(--ink);margin:2.2em 0}
.vsn .essay a{color:var(--accent);font-weight:600;text-decoration:underline;text-decoration-color:#c9b6f2;text-decoration-thickness:1.5px;text-underline-offset:3px;transition:text-decoration-color .15s ease}
.vsn .essay a:hover{text-decoration-color:var(--accent-soft)}
.vsn .sig{margin-top:clamp(56px,8vw,84px)}
.vsn .sig p{margin:0;line-height:1.5}
.vsn .sig .names{font-weight:700;color:var(--ink)}
.vsn .sig .role{font-size:.92rem;color:var(--caption)}
.vsn .close-links{margin-top:clamp(48px,7vw,72px);font-size:.92rem;color:var(--caption);line-height:1.9}
.vsn .close-links a{color:var(--accent);font-weight:600;text-decoration:underline;text-decoration-color:#c9b6f2;text-decoration-thickness:1.5px;text-underline-offset:3px}
.vsn .close-links a:hover{text-decoration-color:var(--accent-soft)}
@keyframes vsn-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:520px){.vsn .wrap{padding:32px 24px 96px}}
@media(prefers-reduced-motion:reduce){.vsn .eyebrow,.vsn h1{animation:none}}