/* One physical scene, seven chapters. Product pixels remain original. */
.flow-tour{min-width:0}.flow-panel{display:grid;grid-template-columns:minmax(0,7fr) minmax(290px,3fr);gap:38px;align-items:center;padding-bottom:48px}.flow-panel[hidden]{display:none}.flow-ready .flow-panel{padding-bottom:0}.flow-device{position:relative;aspect-ratio:4/3;min-width:0;overflow:hidden;background:#030d1b;border-radius:4px}.flow-ready .flow-device{background:#030d1b url('img/flow-v2.webp') center/100% 100% no-repeat}.flow-screen{position:absolute;inset:0;transform-origin:0 0;overflow:hidden;background:#061325;border-radius:3px}.flow-ready .flow-screen{transform:var(--screen-matrix);inset:auto;left:0;top:0;width:100%;height:100%}.flow-screen picture,.flow-screen img{display:block;width:100%;height:100%}.flow-screen img{object-fit:fill}.flow-glass{position:absolute;inset:0;pointer-events:none;background:linear-gradient(122deg,#d9b67609,transparent 40%,#0107120a)}.flow-screen.is-changing img{animation:flow-screen-in .6s ease both}@keyframes flow-screen-in{from{opacity:.35}to{opacity:1}}
.flow-explanation{min-width:0}.flow-explanation h3{font:400 clamp(30px,2.7vw,44px)/1.06 Instrument,serif;color:#f7f4ed;margin:20px 0}.flow-explanation .eyebrow{color:#cfb77f}.flow-description{font-size:16px;line-height:1.75;color:#e1e5e8}.flow-explanation ul{list-style:none;margin:24px 0;padding:0}.flow-explanation li{border-left:1px solid #79633d;padding-left:14px;margin:14px 0;font-size:14px;line-height:1.7;color:#bdc8d0}.flow-details{display:flex;flex-wrap:wrap;gap:7px 16px;border-top:1px solid #263440;padding-top:16px;margin-top:24px}.flow-details a{font-size:12px;line-height:1.5;color:#b8c3ce;min-height:44px;display:flex;align-items:center;border-bottom:1px solid transparent;text-decoration:none}.flow-details a[aria-current=true]{color:#e4c894;border-bottom-color:#b99557}.flow-explanation .flow-original{font-size:13px;color:#e3c995;margin-top:22px;min-height:44px;align-items:center}.flow-image-error{position:absolute;inset:auto 8% 15%;background:#071423;color:#fff;padding:20px;font-size:16px;z-index:3}.flow-image-error[hidden]{display:none}
.flow-controls{margin-top:32px;border-top:1px solid #33404c}.flow-controls[hidden],.flow-mobile-controls[hidden]{display:none}.flow-chapters{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:20px}.flow-chapters button{text-align:left;min-height:70px;border-top:2px solid transparent;color:#bcc6cf;font-size:13px;line-height:1.5;padding:16px 0}.flow-chapters button span{display:block;font-size:10px;color:#b99557;margin-bottom:6px}.flow-chapters button[aria-pressed=true]{color:#fff;border-top-color:#d1b276}.flow-transport{display:flex;align-items:center;justify-content:flex-end;gap:18px;margin-top:18px;color:#d4dde4;font-size:13px}.flow-transport button{min-width:44px;min-height:44px;color:#e6d4af;border:1px solid #4c4f4d;border-radius:2px;padding:8px 13px}.flow-transport [data-flow-play]{min-width:100px;margin-left:16px}.flow-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.flow-mobile-heading,.flow-mobile-controls{display:none}.flow-closing{display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid #33404c;padding-top:28px;margin-top:32px}.flow-closing p{font-size:12px;line-height:1.7;color:#b8c2cc;max-width:560px}.flow-closing .button{color:#f5ead2;border-color:#86734f;flex-shrink:0}.flow-tour :focus-visible{outline:2px solid #e3c38a;outline-offset:5px}
.protocol-trail{position:relative;margin:22px 40px 8px;height:235px;flex-shrink:0}.protocol-trail svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#d8d6cc;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.protocol-trail ol{margin:0;padding:0;list-style:none;position:relative;height:100%}.protocol-stop{position:absolute;width:23%;top:0;left:0}.protocol-stop:nth-child(2){left:26%;top:50px}.protocol-stop:nth-child(3){left:52%;top:97px}.protocol-stop:nth-child(4){left:79%;top:141px;width:22%}.protocol-stop h4{font:400 24px/1.1 Instrument,serif;color:#f7f4ed;margin:0 0 9px}.protocol-node{display:block;width:10px;height:10px;border:2px solid #d7b77e;background:#071321;border-radius:50%;margin-left:calc(2.22% - 2px);box-shadow:0 0 0 3px #071321}.protocol-stop p{font-size:11px!important;line-height:1.55!important;font-weight:400!important;color:#c2ccd4!important;border-left:1px solid #687078;padding-left:8px;margin:14px 0 0!important;max-width:110px!important}.tool-protocol .tool-art{margin-top:auto}.protocol-trail.is-seen .protocol-route{animation:protocol-draw 1.6s ease both}@keyframes protocol-draw{from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}
@media(min-width:1280px){.flow-ready .flow-panels{min-height:var(--panel-height,720px)}.flow-ready .flow-panel{min-height:var(--panel-height,720px)}}
@media(max-width:1279px){.flow-panel{grid-template-columns:1fr;gap:28px}.flow-device{width:100%;max-width:1000px;margin:auto}.flow-explanation{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.flow-explanation .eyebrow,.flow-explanation h3,.flow-description{grid-column:1}.flow-explanation ul{grid-column:2;grid-row:1/4;margin-top:20px}.flow-details,.flow-original{grid-column:1/-1}.flow-chapters{gap:12px}.flow-closing{align-items:flex-start}.protocol-trail{margin-left:32px;margin-right:32px}.protocol-stop h4{font-size:21px}}
@media(min-width:768px) and (max-width:1023px){.tool-protocol{display:flex}.protocol-trail{max-width:640px;width:calc(100% - 64px);align-self:center}.tool-protocol .tool-art{max-width:650px;width:100%;align-self:center}.protocol-stop p{font-size:13px!important;max-width:140px!important}}
@media(max-width:767px){.flow .section-heading h2{font-size:clamp(40px,11vw,54px)}.flow .section-heading>p{font-size:16px}.flow-panel{gap:25px}.flow-ready .flow-device,.flow-device{width:min(100%,340px);aspect-ratio:390/844;background:#07111c;border:7px solid #17212b;border-radius:28px;box-shadow:0 12px 35px #0006,0 0 0 1px #a1a6a655}.flow-ready .flow-screen,.flow-screen{transform:none;inset:0;width:100%;height:100%;border-radius:20px}.flow-screen img{object-fit:contain;background:#061325}.flow-glass{display:none}.flow-mobile-heading{display:flex;gap:14px;align-items:center;color:#dfc797;font-size:14px}.flow-mobile-heading span:first-child{font-size:12px}.flow-explanation{display:block;min-height:460px}.flow-explanation .eyebrow{display:none}.flow-explanation h3{font-size:38px;margin:0 0 18px}.flow-description,.flow-explanation li{font-size:16px}.flow-details a{font-size:14px}.flow-explanation .flow-original{font-size:14px}.flow-mobile-controls{display:block;margin-bottom:24px}.flow-mobile-controls label{display:block;font-size:13px;color:#ccd4dc;margin-bottom:9px}.flow-mobile-controls select{width:100%;min-height:48px;padding:10px 14px;color:#f7f4ed;background:#0b1c2b;border:1px solid #566170;border-radius:3px;font:inherit}.flow-chapters{display:none}.flow-transport{justify-content:space-between;margin-top:20px}.flow-transport [data-flow-play]{display:none}.flow-closing{display:block}.flow-closing .button{margin-top:20px;width:100%;font-size:14px}.flow-image-error{font-size:14px;padding:14px}.protocol-trail{height:auto;min-height:340px;margin:20px 28px 20px;padding-left:0}.protocol-trail svg{display:none}.protocol-trail ol{display:grid;gap:24px;border-left:1px solid #bbc1bc;margin-left:5px;padding-left:23px}.protocol-stop,.protocol-stop:nth-child(n){position:relative;left:auto;top:auto;width:100%}.protocol-node{position:absolute;left:-29px;top:7px;margin:0}.protocol-stop h4{font-size:26px;margin:0}.protocol-stop p{font-size:14px!important;max-width:none!important;margin:7px 0 0!important;padding:0;border:0}.protocol-trail ol:after{content:'';position:absolute;bottom:-12px;left:1px;width:8px;height:8px;border-right:1px solid #bbc1bc;border-bottom:1px solid #bbc1bc;transform:rotate(45deg) translateX(-6px)}}
@media(prefers-reduced-motion:reduce){.flow-screen.is-changing img,.protocol-trail.is-seen .protocol-route{animation:none}}
.flow-screen .flow-outgoing{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:1;animation:flow-dissolve .6s ease forwards;pointer-events:none}@keyframes flow-dissolve{from{opacity:1}to{opacity:0}}
@media(min-width:768px){.protocol-trail{height:280px}.protocol-stop{left:2.222%;width:23%}.protocol-stop:nth-child(2){left:28.148%}.protocol-stop:nth-child(3){left:54.444%}.protocol-stop:nth-child(4){left:81.852%;width:18.148%}.protocol-stop h4{font-size:24px;line-height:24px;margin-bottom:6px}.protocol-node{margin-left:-5px}}
.flow-ready .flow-panels{position:relative;min-height:var(--panel-height,0px)}.flow-ready .flow-panel{min-height:0}.flow-measuring .flow-panel{display:grid!important;position:absolute;top:0;left:0;width:100%;visibility:hidden;min-height:0!important}