/* One current offer, one future visual. No word clouds, WebGL or scene gauntlet. */
.inflow-distilled{background:#04001e;color:#f5f4ef;font-family:Jost,Arial,sans-serif}
.i-main{overflow:clip}.i-main section{scroll-margin-top:120px}
.i-current,.i-next{max-width:1200px;margin:0 auto;padding:100px clamp(24px,5vw,72px)}
.i-current{min-height:650px;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.i-status{font-size:12px!important;line-height:1.5;letter-spacing:.09em;text-transform:uppercase;color:#e3c77a;margin:0 0 22px}
.i-current h1{font:400 clamp(3rem,6vw,5.5rem)/1.03 'Instrument Serif',Georgia,serif;letter-spacing:-.025em;margin:0 0 28px;max-width:17ch;color:#f5f4ef}
.i-current h1 em{font-weight:400;color:#e3c77a}
.i-current p:not(.i-status){font-size:19px;line-height:1.6;max-width:57ch;margin:0 0 20px;color:#d8d5ce}
.i-current .i-intro{font-size:25px!important;line-height:1.4!important;color:#f5f4ef!important;max-width:37ch!important}
.i-actions{display:flex;align-items:center;gap:28px;margin-top:14px;font-size:16px}
.i-primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;box-sizing:border-box;border-radius:28px;background:#c8ff7c;color:#04001e!important;font-weight:500;text-decoration:none}
.i-primary:hover{background:#dcffaf}.i-actions>a:not(.i-primary),.i-future-link,.i-next>a{color:#f5f4ef;text-underline-offset:5px;text-decoration-thickness:1px}
.i-future-link{margin-top:30px;font-size:15px}.i-main a:focus-visible{outline:2px solid #c8ff7c;outline-offset:7px}
.i-development{position:relative;border-top:1px solid #82714e55;border-bottom:1px solid #82714e55}
.i-legacy{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;pointer-events:none}
.i-pin{max-width:1440px;margin:0 auto;padding:60px clamp(24px,4vw,60px);box-sizing:border-box;display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);align-items:center;gap:30px}
.i-story-heading h2,.i-next h2{font:400 clamp(2.5rem,4.6vw,4.5rem)/1.05 'Instrument Serif',Georgia,serif;margin:0 0 24px;letter-spacing:-.02em}
.i-story-heading h2 em{font-weight:400}.i-story-heading>p:last-child{max-width:28ch;font-size:18px;line-height:1.5;color:#d8d5ce;margin:0}
.i-story{position:relative;margin:0;width:100%;padding-bottom:38px}
.i-drawing{display:block;width:100%;height:auto;overflow:visible}.i-drawing--phone{display:none}
.i-boundary{fill:none;stroke:#e3c77a;stroke-width:3}.i-head,.i-body{fill:#f5f4ef}
.i-document{fill:#0b0035;stroke:#e3c77a;stroke-width:2.5;stroke-linejoin:round}
.i-fold,.i-lines{fill:none;stroke:#d8d5ce;stroke-width:2;stroke-linecap:round}
.i-incoming{fill:none;stroke:#82714e;stroke-width:2;stroke-linecap:round}
.i-support{fill:none;stroke:#e3c77a;stroke-width:2.5;stroke-linecap:round}
.i-ready-line{stroke:#c8ff7c;opacity:0}.i-story.is-complete .i-ready-line{opacity:1}
.i-label{position:absolute;width:max-content;max-width:170px;transform:translateX(-50%);font:400 16px/1.3 Jost,Arial,sans-serif;color:#f5f4ef;text-align:center;pointer-events:none}
.i-label--human{left:35%;top:76%}.i-label--coordination{left:74.5%;top:7%}
.i-story figcaption{font-size:13px;line-height:1.5;color:#d8d5ce;text-align:center;margin:20px auto 0;max-width:40ch}
.has-motion .i-motion-ready .i-runway{height:calc(100svh + 340px)}
.has-motion .i-motion-ready .i-pin{position:sticky;top:110px;min-height:calc(100svh - 110px)}
.i-next{padding-top:70px;padding-bottom:70px}.i-next h2{font-size:38px;margin-bottom:22px}.i-next>a{font-size:19px}.i-next p{font-size:14px;color:#d8d5ce;margin-top:20px;line-height:1.5;max-width:45ch}
.i-footer{max-width:1200px;margin:0 auto;padding:22px clamp(24px,5vw,72px) 34px;font-size:13px;color:#d8d5ce}
@media(max-width:760px){.i-current,.i-next{padding:64px 24px}.i-current{min-height:0}.i-current h1{font-size:clamp(2.9rem,11vw,4rem)}.i-current p:not(.i-status){font-size:17px}.i-current .i-intro{font-size:22px!important}.i-actions{gap:22px;flex-wrap:wrap;font-size:15px}.i-future-link{font-size:14px}.i-pin{grid-template-columns:1fr;gap:24px;padding:30px 20px}.i-story-heading .i-status{font-size:11px!important;margin-bottom:15px}.i-story-heading h2{font-size:38px;margin-bottom:16px}.i-story-heading>p:last-child{font-size:17px;max-width:34ch}.i-drawing--desktop{display:none}.i-drawing--phone{display:block}.i-label{font-size:15px}.i-label--human{left:35%;top:68%}.i-label--coordination{left:80%;top:4%}.i-story figcaption{font-size:12px;margin-top:8px}.i-story{padding-bottom:12px}.has-motion .i-motion-ready .i-runway{height:calc(100svh + 280px)}.i-next h2{font-size:34px}}
@media(max-width:760px) and (max-height:740px){.has-motion .i-motion-ready .i-runway{height:auto}.has-motion .i-motion-ready .i-pin{position:relative;top:auto;min-height:0}}
@media(prefers-reduced-motion:reduce){.i-main *{transition:none!important;animation:none!important}.i-runway{height:auto!important}.i-pin{position:relative!important;top:auto!important;min-height:0!important}}

.i-art{position:relative;width:100%}.i-legacy{scroll-margin-top:120px}

body.inflow-distilled{background:#04001e}.inflow-distilled .site-header .site-primary{max-width:none;width:auto}.inflow-distilled .site-header noscript{display:none}

.inflow-distilled .site-header .site-motion{position:static;inset:auto;z-index:auto}
/* How the pieces relate (handoff §13): provisional relationship sentence + maturity of each layer. */
.i-ecosystem{max-width:1200px;margin:0 auto;padding:110px clamp(24px,5vw,72px)}
.i-ecosystem h2{font:400 clamp(2.4rem,4.2vw,4rem)/1.05 'Instrument Serif',Georgia,serif;letter-spacing:-.02em;margin:0 0 24px;color:#f5f4ef}
.i-ecosystem h2 em{font-weight:400;color:#e3c77a}
.i-relation{font:400 clamp(1.25rem,1.8vw,1.6rem)/1.4 'Instrument Serif',Georgia,serif;color:#f5f4ef;max-width:46ch;margin:0 0 56px}
.i-layers{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.i-layer{border-top:1px solid #82714e88;padding-top:18px}
.i-layer dt{font:400 1.7rem/1.1 'Instrument Serif',Georgia,serif;color:#f5f4ef;margin:0 0 10px}
.i-layer dd{margin:0;font-size:16px;line-height:1.6;color:#d8d5ce}
.i-layer dd strong{display:block;font-weight:500;color:#f5f4ef;margin-bottom:6px}
.i-layer .i-tag{font-size:12px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:14px;color:#bdb9cd}
.i-layer.is-now .i-tag{color:#c8ff7c}.i-layer.is-next .i-tag{color:#e3c77a}
@media(max-width:760px){.i-ecosystem{padding:80px 24px}.i-layers{grid-template-columns:1fr;gap:28px}.i-relation{margin-bottom:40px}}