.flow-body{margin:0;color:#19272d;background:#fff;font-family:Fira Sans,Arial,sans-serif}.flow-site{--petrol: #004b67;--deep: #062e3d;--ink: #19272d;--muted: #667278;--cyan: #00c7d2;--line: #dae0de;min-width:0;overflow:clip}.flow-site *{box-sizing:border-box}.flow-site a{color:inherit}.flow-header{position:fixed;z-index:80;top:0;right:0;left:0;display:grid;min-height:5.9rem;padding-inline:clamp(1.25rem,4.5vw,4.8rem);grid-template-columns:13rem minmax(0,1fr);gap:2.5rem;align-items:center;background:#ffffffeb;border-bottom:1px solid rgba(0,75,103,.13);backdrop-filter:blur(18px)}.flow-logo{display:block;width:11.5rem}.flow-logo img{display:block;width:100%;height:auto}.flow-header nav{display:flex;justify-content:flex-end;gap:clamp(.85rem,1.4vw,2.25rem)}.flow-header nav a{color:#425158;font-size:.79rem;text-decoration:none}.flow-header nav a:hover{color:var(--petrol)}.flow-mobile-menu{display:none;position:relative;justify-self:end}.flow-mobile-menu summary{display:inline-flex;min-height:2.75rem;padding:.65rem .85rem;align-items:center;gap:.45rem;color:var(--petrol);background:#fff;border:1px solid rgba(0,75,103,.22);cursor:pointer;font-size:.78rem;font-weight:700;list-style:none}.flow-mobile-menu summary::-webkit-details-marker{display:none}.flow-mobile-menu summary span{color:#16849c;font-size:1rem;line-height:1}.flow-mobile-menu[open] summary{background:#edf5f7;border-color:#8eb6c2}.flow-mobile-menu[open] summary span{font-size:0}.flow-mobile-menu[open] summary span:before{content:"×";font-size:1.25rem;line-height:.8}.flow-header .flow-mobile-menu nav{position:absolute;top:calc(100% + 1rem);right:0;display:grid;width:min(19rem,calc(100vw - 2rem));padding:.75rem;gap:0;background:#fffffffa;border:1px solid rgba(0,75,103,.16);box-shadow:0 1.2rem 2.8rem #00273529;backdrop-filter:blur(18px)}.flow-header .flow-mobile-menu nav a{padding:.85rem .9rem;color:#304b56;border-bottom:1px solid #e0eaed;font-size:.9rem!important;text-decoration:none}.flow-header .flow-mobile-menu nav a:last-child{border-bottom:0}.flow-header .flow-mobile-menu nav a:hover,.flow-header .flow-mobile-menu nav a.is-active{color:var(--petrol);background:#f2f7f8}.flow-header-cta{display:inline-flex;min-height:2.75rem;padding:.65rem 1rem;align-items:center;gap:1.5rem;color:#fff!important;background:var(--petrol);font-size:.79rem;font-weight:700;text-decoration:none}.flow-header-cta span{color:#8ce6ea}.flow-kicker{margin:0;color:#167b95;font-size:.69rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.flow-sequence{position:relative;min-height:545vh;background:#fff}.flow-sequence-sticky{position:sticky;top:0;display:grid;height:100svh;min-height:43rem;padding:clamp(7.2rem,12vh,8.5rem) clamp(1.25rem,5vw,5.6rem) clamp(2rem,4vh,3rem);grid-template-columns:minmax(19rem,.72fr) minmax(28rem,1.28fr) 3rem;grid-template-rows:auto 1fr auto;column-gap:clamp(2rem,5vw,6.5rem);overflow:hidden}.flow-sequence-title{z-index:3;grid-column:1;grid-row:1}.flow-sequence-title h1{margin:.8rem 0 0;color:var(--petrol);font-size:clamp(2.25rem,3.4vw,4rem);letter-spacing:-.05em;line-height:.98}.flow-phase-stack{position:relative;z-index:3;grid-column:1;grid-row:2;min-height:18rem;align-self:center}.flow-phase{position:absolute;inset:0;display:flex;max-width:25rem;flex-direction:column;justify-content:center;opacity:0;pointer-events:none;transform:translateY(1.3rem);transition:opacity .42s ease,transform .7s cubic-bezier(.22,.75,.2,1)}.flow-phase.is-active{opacity:1;pointer-events:auto;transform:translateY(0)}.flow-phase>p{display:flex;margin:0 0 1rem;gap:1rem;color:#167b95;font-size:.71rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.flow-phase>p span{color:var(--cyan)}.flow-phase h2{margin:0;color:var(--ink);font-size:clamp(1.75rem,2.45vw,2.75rem);letter-spacing:-.04em;line-height:1.07}.flow-phase div{margin-top:1.25rem;color:var(--muted);font-size:.97rem;line-height:1.67}.flow-player{position:relative;z-index:1;display:block;grid-column:2;grid-row:1 / span 3;min-width:0;height:100%;background:#fff;opacity:0;transform:scale(.985);transition:opacity .35s ease,transform .9s cubic-bezier(.22,.75,.2,1)}.flow-player.is-ready{opacity:1;transform:scale(1)}.flow-player canvas{display:block;width:100%;height:100%}.flow-player-status{position:absolute;right:0;bottom:0;color:#899397;font-size:.61rem;letter-spacing:.09em;text-transform:uppercase}.flow-progress{z-index:3;display:flex;grid-column:3;grid-row:1 / span 3;margin:0;padding:0;flex-direction:column;align-self:center;list-style:none}.flow-progress li{display:grid;min-height:4.2rem;grid-template-columns:1.4rem 1px;gap:.45rem;color:#9ca7aa;font-size:.61rem;transition:color .3s ease}.flow-progress li i{height:100%;background:#dce2df;transform-origin:top;transition:background .3s ease,transform .35s ease}.flow-progress li.is-active{color:var(--petrol);font-weight:700}.flow-progress li.is-active i{background:var(--cyan);transform:scaleY(1.14)}.flow-scroll-hint{z-index:3;grid-column:1;grid-row:3;margin:0;padding-top:1rem;color:#7f8b8f;border-top:1px solid var(--line);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}.flow-transition{position:relative;z-index:3;display:grid;min-height:18rem;padding:3.5rem clamp(1.25rem,6vw,6.5rem);grid-template-columns:1.3fr .7fr;gap:4rem;align-items:center;color:#fff;background:var(--deep)}.flow-transition>div{display:flex;align-items:center;gap:clamp(1rem,2.5vw,2.8rem);color:#fff;font-size:clamp(1.3rem,2.35vw,2.5rem);font-weight:700;letter-spacing:-.035em}.flow-transition i{width:clamp(2rem,5vw,5rem);height:1px;background:var(--cyan)}.flow-transition p{max-width:28rem;margin:0;color:#ffffffad;font-size:.95rem;line-height:1.7}.flow-chapters{background:#eef1ef}.flow-chapter{position:relative;min-height:165vh;--chapter-reveal: 100%;--chapter-shift: 8%}.flow-chapter-sticky{position:sticky;top:0;height:100svh;min-height:42rem;overflow:hidden;background:#eef1ef}.flow-chapter figure{position:absolute;inset:clamp(1.5rem,4vw,4rem);margin:0;overflow:hidden;background:#fff;clip-path:inset(var(--chapter-reveal) 0 0 0);will-change:clip-path}.flow-chapter figure img{width:100%;height:100%;object-fit:cover;transform:translate3d(0,var(--chapter-shift),0) scale(1.12);will-change:transform}.flow-chapter-model figure{right:clamp(1.5rem,5vw,6rem);left:clamp(20rem,29vw,31rem)}.flow-chapter-model figure img{object-fit:contain;transform:translate3d(0,calc(var(--chapter-shift) * .5),0) scale(1.02)}.flow-chapter-shade{position:absolute;inset:0;pointer-events:none}.flow-chapter-copy{position:absolute;z-index:2;top:50%;left:clamp(1.5rem,6vw,6.5rem);width:min(28rem,38vw);opacity:calc(.22 + var(--chapter-progress) * .78);transform:translate3d(0,calc((1 - var(--chapter-progress)) * 2rem),0)}.flow-chapter-copy>p{margin:0 0 1.2rem;color:#167b95;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.flow-chapter-copy h2{margin:0;color:var(--petrol);font-size:clamp(2rem,3.5vw,4rem);letter-spacing:-.05em;line-height:1.02}.flow-chapter-copy>div{max-width:25rem;margin-top:1.4rem;color:var(--muted);font-size:1rem;line-height:1.7}.flow-chapter-index{position:absolute;z-index:3;right:clamp(2rem,5vw,5rem);bottom:clamp(2rem,4vw,4rem);color:#66777d;font-size:.66rem;letter-spacing:.1em}.flow-chapter-detail{color:#fff;background:#082c39}.flow-chapter-detail .flow-chapter-sticky{background:#082c39}.flow-chapter-detail figure{inset:clamp(2rem,6vw,6.5rem) clamp(1.5rem,5vw,5.5rem)}.flow-chapter-detail .flow-chapter-shade{z-index:1;background:linear-gradient(90deg,#031d27d1,#031d277a 38%,#031d270d 72%);clip-path:inset(var(--chapter-reveal) 0 0 0)}.flow-chapter-detail .flow-chapter-copy h2,.flow-chapter-detail .flow-chapter-copy>div{color:#fff}.flow-chapter-detail .flow-chapter-copy>div{color:#ffffffb8}.flow-chapter-detail .flow-chapter-index{color:#ffffffa6}.flow-chapter-truss{min-height:185vh;background:#102c35}.flow-chapter-truss .flow-chapter-sticky{background:#102c35}.flow-chapter-truss figure{inset:0}.flow-chapter-truss .flow-chapter-shade{z-index:1;background:linear-gradient(90deg,#041f29e0,#041f2994 43%,#041f2924 76%);clip-path:inset(var(--chapter-reveal) 0 0 0)}.flow-chapter-truss .flow-chapter-copy{width:min(38rem,46vw)}.flow-chapter-truss .flow-chapter-copy>p{color:#74dde2}.flow-chapter-truss .flow-chapter-copy h2{color:#fff;font-size:clamp(2.5rem,4.8vw,5.5rem)}.flow-chapter-truss .flow-chapter-copy>div{color:#ffffffbf}.flow-chapter-truss .flow-chapter-index{color:#ffffffb3}.flow-closing{position:relative;z-index:4;display:grid;min-height:72svh;padding:clamp(5rem,10vw,10rem) clamp(1.5rem,9vw,10rem);grid-template-columns:1.35fr .65fr;gap:clamp(3rem,9vw,9rem);align-content:center;background:#fff}.flow-closing .flow-kicker{grid-column:1 / -1}.flow-closing h2{max-width:52rem;margin:0;color:var(--petrol);font-size:clamp(2.6rem,5vw,5.6rem);letter-spacing:-.055em;line-height:.98}.flow-closing>p:not(.flow-kicker){max-width:30rem;margin:.5rem 0 0;color:var(--muted);line-height:1.75}.flow-closing>a{display:inline-flex;width:fit-content;margin-top:2rem;padding-bottom:.5rem;gap:2rem;color:var(--petrol);border-bottom:1px solid var(--petrol);font-size:.86rem;font-weight:700;text-decoration:none}.flow-closing>a span{color:var(--cyan)}.flow-footer{display:flex;min-height:7rem;padding-inline:clamp(1.25rem,5vw,5.5rem);align-items:center;justify-content:space-between;gap:2rem;color:#6d7d82;background:#f2f4f2;font-size:.72rem}.flow-footer nav{display:flex;gap:1.5rem}.flow-signature{position:fixed;z-index:75;right:clamp(1rem,2.2vw,2.2rem);bottom:clamp(1rem,2.2vw,2.2rem);display:grid;width:7rem;height:7rem;color:#fff;background:var(--petrol);border:1px solid rgba(255,255,255,.7);border-radius:50%;box-shadow:0 .8rem 2.3rem #00233133;place-items:center;text-decoration:none;transition:transform .18s ease-out,background .2s ease}.flow-signature:hover{background:#00607d}.flow-signature svg{position:absolute;inset:.35rem;width:calc(100% - .7rem);height:calc(100% - .7rem);overflow:visible;will-change:transform}.flow-signature text{fill:#fff;font-family:Fira Sans,Arial,sans-serif;font-size:10.5px;font-weight:700;letter-spacing:1.55px}.flow-signature>span{color:var(--cyan);font-size:1.55rem}@media(max-width:940px){.flow-header{grid-template-columns:11rem 1fr}.flow-header>nav{display:none}.flow-mobile-menu{display:block}.flow-header-cta{justify-self:end}.flow-sequence-sticky{padding-top:7rem;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto}.flow-sequence-title{grid-column:1;grid-row:1}.flow-sequence-title h1{font-size:2rem}.flow-player{grid-column:1;grid-row:2}.flow-phase-stack{grid-column:1;grid-row:3;min-height:12.5rem}.flow-phase{max-width:none;padding-top:1rem;justify-content:flex-start;border-top:1px solid var(--line)}.flow-phase h2{font-size:1.45rem}.flow-phase div{margin-top:.65rem;font-size:.88rem}.flow-phase>p{margin-bottom:.6rem}.flow-progress,.flow-scroll-hint,.flow-player-status{display:none}.flow-transition{grid-template-columns:1fr;gap:1.5rem}.flow-transition>div{flex-wrap:wrap}.flow-chapter figure,.flow-chapter-model figure,.flow-chapter-detail figure{inset:0}.flow-chapter-copy,.flow-chapter-truss .flow-chapter-copy{top:auto;right:1.25rem;bottom:3rem;left:1.25rem;width:auto;padding:1.4rem;background:#ffffffeb;backdrop-filter:blur(10px)}.flow-chapter-copy h2,.flow-chapter-truss .flow-chapter-copy h2,.flow-chapter-detail .flow-chapter-copy h2{color:var(--petrol);font-size:2rem}.flow-chapter-copy>div,.flow-chapter-truss .flow-chapter-copy>div,.flow-chapter-detail .flow-chapter-copy>div{color:var(--muted)}.flow-chapter-index{top:7rem;right:1.5rem;bottom:auto;padding:.4rem .55rem;color:var(--petrol)!important;background:#ffffffe6}.flow-closing{grid-template-columns:1fr}}@media(max-width:600px){.flow-header{min-height:5.3rem;padding-inline:.8rem;grid-template-columns:minmax(7.2rem,1fr) auto;gap:.5rem}.flow-logo{width:7.8rem}.flow-mobile-menu summary{min-height:2.45rem;padding:.5rem .62rem}.flow-mobile-menu summary b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.flow-header .flow-mobile-menu nav{position:fixed;top:5.3rem;right:.75rem;left:auto;width:min(11.5rem,calc(100vw - 1.5rem));max-height:calc(100dvh - 6.1rem);padding:.45rem;overflow-y:auto;overscroll-behavior:contain;background:#fff;box-shadow:0 .9rem 2.2rem #00273533}.flow-header .flow-mobile-menu nav a{padding:.68rem .7rem;font-size:.84rem!important}.flow-header-cta{min-height:2.45rem;padding:.5rem .65rem;gap:.7rem;font-size:.69rem;white-space:nowrap}.flow-sequence{min-height:500vh}.flow-sequence-sticky{min-height:39rem;padding:6.2rem 1.1rem 1rem}.flow-sequence-title h1{font-size:1.75rem}.flow-transition{min-height:15rem;padding:2.5rem 1.25rem}.flow-transition>div{font-size:1.15rem}.flow-transition i{width:1.5rem}.flow-chapter{min-height:145vh}.flow-chapter-sticky{min-height:39rem}.flow-chapter-copy{bottom:1.25rem}.flow-chapter-copy h2,.flow-chapter-truss .flow-chapter-copy h2,.flow-chapter-detail .flow-chapter-copy h2{font-size:1.6rem}.flow-chapter-copy>div{font-size:.88rem}.flow-closing{padding:5rem 1.25rem 7rem}.flow-footer{padding-block:2rem;align-items:flex-start;flex-direction:column}.flow-signature{right:.75rem;bottom:max(.75rem,env(safe-area-inset-bottom));width:4.65rem;height:4.65rem}.flow-signature text{font-size:9.8px;letter-spacing:1.25px}.flow-signature>span{font-size:1.15rem}}@media(prefers-reduced-motion:reduce){.flow-site *{scroll-behavior:auto!important}.flow-player,.flow-phase,.flow-signature{transition:none}.flow-chapter figure{clip-path:none!important}.flow-chapter figure img{transform:none!important}}
