/* Real production video chapters within full-line stage 03. */
.flow-video-jump-band{background:#e9eff0;padding:37px 0}
.flow-video-jump{min-height:186px;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px clamp(26px,5vw,68px);background:#0c2535;color:#fff}
.flow-video-jump-photo{position:absolute;z-index:-2;inset:0;background:url('/assets/real-process-wire-placement-v54.webp') center 48%/cover no-repeat;filter:saturate(.72)}
.flow-video-jump:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#071d2b 0%,rgba(7,29,43,.9) 30%,rgba(7,29,43,.43) 70%,rgba(7,29,43,.78) 100%)}
.flow-video-jump-copy small{display:block;color:#ffa67f;font:800 10px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:.18em;margin-bottom:13px}
.flow-video-jump-copy strong{display:block;font:600 clamp(3.2rem,4.4vw,5.4rem)/.9 'Barlow Condensed','Arial Narrow',Manrope,sans-serif;letter-spacing:-.012em}
.flow-video-jump-action{display:flex;align-items:center;gap:24px;flex-shrink:0;font:800 11px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:.14em}
.flow-video-jump-action b{display:grid;place-items:center;width:70px;height:70px;border:1px solid rgba(255,255,255,.75);border-radius:50%;font-size:17px;padding-left:3px;transition:background .2s,transform .2s}
.flow-video-jump-action i{font-style:normal;color:#ffad88;font-size:19px;margin-left:8px;vertical-align:middle}
.flow-video-jump:hover .flow-video-jump-action b{background:#ee7444;transform:scale(1.05)}
.flow-video-jump:focus-visible{outline:3px solid #ed8053;outline-offset:4px}
.real-reel{margin:0 0 88px;scroll-margin-top:85px}
.real-reel-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(245px,355px);gap:7%;align-items:end;margin-bottom:28px}
.real-reel-head .flow-kicker{margin-bottom:17px}
.real-reel-head h3{font:600 clamp(3.7rem,5.4vw,6.2rem)/.89 'Barlow Condensed','Arial Narrow',Manrope,sans-serif;letter-spacing:-.017em;margin:0;color:#fff}
.real-reel-head h3 em{font-style:normal;color:#ed8053}
.real-reel-head>p{margin:0 0 4px;color:#bed0d8;font-size:16px;line-height:1.62}
.real-reel-feature{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(285px,.8fr);min-height:500px;background:#eef3f2}
.real-reel-screen{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;background:#061924;min-width:0;min-height:500px}
.real-reel-atmosphere{position:absolute;z-index:-1;inset:-35px;background-image:linear-gradient(90deg,rgba(6,25,36,.48),rgba(6,25,36,.12),rgba(6,25,36,.48)),var(--reel-poster);background-position:center;background-size:cover;filter:blur(28px) saturate(.8);opacity:.6}
.real-reel-screen video{display:block;position:relative;width:100%;height:100%;max-height:650px;object-fit:contain;background:transparent}
.real-reel-badge{position:absolute;z-index:2;top:18px;left:18px;background:rgba(7,30,44,.83);color:#fff;padding:9px 11px;font:800 10px/1.3 'DM Sans',Arial,sans-serif;letter-spacing:.14em;pointer-events:none}
.real-reel-detail{color:#102b3b;padding:clamp(27px,3.2vw,52px);display:flex;flex-direction:column;justify-content:center;min-width:0}
.real-reel-count{color:#ce6139;font:800 10px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.18em}
.real-reel-detail h4{font:600 clamp(3.4rem,4vw,5rem)/.88 'Barlow Condensed','Arial Narrow',Manrope,sans-serif;letter-spacing:-.016em;margin:28px 0 24px;overflow-wrap:break-word}
.real-reel-detail p{font-size:16px;line-height:1.65;color:#4b6370;max-width:340px;margin:0}
.real-reel-detail-rule{border-top:1px solid #b8cbd1;padding-top:17px;margin-top:45px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:#5d7680;font:800 10px/1.45 'DM Sans',Arial,sans-serif;letter-spacing:.13em}
.real-reel-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(145px,1fr);gap:10px;margin:12px 0 0;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#7291a0 #0b2030;padding:0 0 8px}
.real-reel-clip{position:relative;isolation:isolate;display:block;height:123px;min-width:0;overflow:hidden;scroll-snap-align:start;cursor:pointer;border:1px solid #536a76;padding:0;text-align:left;color:#fff;background:#183746;font-family:inherit;transition:border-color .2s,transform .2s}
.real-reel-clip:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,21,31,.92),rgba(4,21,31,.09) 80%);z-index:0}
.real-reel-clip img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.84);transition:transform .35s}
.real-reel-clip:hover img{transform:scale(1.06)}
.real-reel-clip span{position:absolute;z-index:1;left:12px;right:9px;bottom:13px;font:800 10px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:.095em}
.real-reel-clip b{display:block;color:#f69a72;margin-bottom:5px;font-size:12px}
.real-reel-clip:hover,.real-reel-clip.is-active{border-color:#ed8053}
.real-reel-clip.is-active{box-shadow:inset 0 0 0 2px #ed8053}
.real-reel-clip:focus-visible{outline:3px solid #fff;outline-offset:2px}
.real-reel-note{margin:14px 0 0;color:#a9bec8;font:700 10px/1.6 'DM Sans',Arial,sans-serif;letter-spacing:.09em}
.real-reel-note span{color:#ed8053;margin:0 7px}
@media(max-width:950px){.real-reel-head{gap:4%}.real-reel-feature{grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);min-height:400px}.real-reel-screen{min-height:400px}.real-reel-detail{padding:28px}.real-reel-detail h4{font-size:3.6rem;margin:20px 0}.real-reel-detail-rule{margin-top:26px}}
@media(max-width:760px){.flow-video-jump-band{padding:24px 0}.flow-video-jump{min-height:220px;align-items:flex-start;flex-direction:column;gap:26px}.flow-video-jump-action b{width:48px;height:48px;font-size:13px}.real-reel{margin-bottom:72px}.real-reel-head{display:block}.real-reel-head h3{font-size:clamp(3.7rem,10vw,5.2rem)}.real-reel-head>p{margin-top:21px;max-width:520px}.real-reel-feature{display:block}.real-reel-screen{height:min(65vw,460px);min-height:270px}.real-reel-screen video{height:100%}.real-reel-detail{min-height:260px;padding:28px 30px 30px}.real-reel-detail h4{font-size:clamp(3.1rem,8vw,4.2rem);margin:16px 0}.real-reel-detail p{max-width:600px}.real-reel-detail-rule{margin-top:21px}.real-reel-strip{grid-auto-columns:158px}}
@media(max-width:480px){.flow-video-jump{padding:26px 24px}.flow-video-jump-copy strong{font-size:3.55rem}.flow-video-jump-action{gap:15px;font-size:10px}.real-reel-screen{height:78vw;min-height:290px}.real-reel-badge{top:12px;left:12px;font-size:8px}.real-reel-detail{padding:26px 24px}.real-reel-detail h4{font-size:3.15rem}.real-reel-clip{height:114px}.real-reel-strip{grid-auto-columns:146px}.real-reel-note{font-size:9px}}