/* issue 236 頁首效果 sentinelone-rewind：由示意（cf-mock/kits/hero-fx）轉成播放一次、停在完成構圖；色彩只用站上 token。 */
.hfx-s1{--hx-bright:color-mix(in srgb,var(--accent) 12%,var(--paper));--hx-hot:var(--arch-orange);}
.hfx-s1 *{transform-box:fill-box;transform-origin:center}
.hfx-s1 .s1-track{stroke:var(--accent);stroke-opacity:.16;stroke-width:1.2;stroke-dasharray:2 7;stroke-linecap:round}
.hfx-s1 .s1-axis{stroke:var(--accent);stroke-opacity:.4;stroke-width:1.4}
.hfx-s1 .s1-tick{stroke:var(--accent);stroke-opacity:.35;stroke-width:1.2}
.hfx-s1 .s1-lane{fill:none;stroke:var(--accent);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:var(--o)}
.hfx-s1 .s1-nd{fill:var(--deeper);stroke:var(--accent);stroke-width:2.2}
.hfx-s1 .s1-nd.s1-late{opacity:0}
.hfx-s1 .s1-threat{fill:none;stroke:var(--hx-hot);stroke-width:3;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}
.hfx-s1 .s1-amb{fill:var(--hx-hot);stroke:var(--deeper);stroke-width:2.4}
.hfx-s1 .s1-cut line{stroke:var(--hx-bright);stroke-width:2.6}
.hfx-s1 .s1-cut .s1-br{stroke:var(--hx-bright);stroke-width:2.6;fill:none}
.hfx-s1 .s1-cut text,.hfx-s1 .s1-lab{font-size:20px;font-weight:700;letter-spacing:.2em;fill:var(--hx-bright)}
.hfx-s1 .s1-lab.s1-hotl{fill:var(--hx-hot)}
.hfx-s1 .s1-iso circle{fill:none;stroke:var(--hx-hot);stroke-width:2;stroke-dasharray:5 5}
.hfx-s1 .s1-iso .s1-lk{display:none}
.hfx-s1 .s1-rw{transform:translate(200px,500px)}
.hfx-s1 .s1-rw path{fill:var(--accent)}
.hfx-s1 .s1-rw text{font-size:22px;font-weight:800;letter-spacing:.16em;fill:var(--accent)}
.hfx-s1 .s1-hdwrap.s1-e1{opacity:.45}.hfx-s1 .s1-hdwrap.s1-e2{opacity:.22}
.hfx-s1 .s1-hd{transform:translateX(525px)}
.hfx-s1 .s1-hd line{stroke:var(--hx-bright);stroke-width:2}
.hfx-s1 .s1-hd path{fill:var(--hx-bright)}
.hfx-s1 .s1-hd .s1-b2{opacity:0}
.hfx-s1 .s1-hdwrap.s1-e1 .s1-b1,.hfx-s1 .s1-hdwrap.s1-e2 .s1-b1,.hfx-s1 .s1-hdwrap.s1-e1 .s1-b2,.hfx-s1 .s1-hdwrap.s1-e2 .s1-b2{display:none}
.hfx-s1 .s1-rw{opacity:0}
#hs1l0{--o:0.198}
#hs1l1{--o:0.139}
#hs1l2{--o:0.198}
#hs1l3{--o:0.184}
.hfx-s1 #hs1cut{opacity:0;transform:scaleY(0.3241)}
.hfx-s1 #hs1l0{stroke-dashoffset:0;opacity:1}
.hfx-s1 #hs1n0_0{opacity:1;transform:scale(1)}
.hfx-s1 #hs1n0_1{opacity:1;transform:scale(1)}
.hfx-s1 #hs1n0_2{opacity:1;transform:scale(1)}
.hfx-s1 #hs1n0_3{opacity:1;transform:scale(1)}
.hfx-s1 #hs1n0_4{opacity:1;transform:scale(1)}
.hfx-s1 #hs1n0_5{opacity:1;transform:scale(1)}
.hfx-s1 #hs1n0_6{opacity:1;transform:scale(1)}
.hfx-s1 #hs1l1{stroke-dashoffset:0;opacity:1}
.hfx-s1 #hs1n1_0{opacity:1;transform:scale(1)}
.hfx-s1 #hs1n1_1{opacity:1;transform:scale(1)}
.hfx-s1 #hs1n1_2{opacity:1;transform:scale(1)}
.hfx-s1 #hs1n1_3{opacity:1;transform:scale(1)}
.hfx-s1 #hs1n1_4{opacity:1;transform:scale(1)}
.hfx-s1 #hs1n1_5{opacity:1;transform:scale(1)}
.hfx-s1 #hs1n1_6{opacity:1;transform:scale(1)}
.hfx-s1 #hs1l2{stroke-dashoffset:0;opacity:1}
.hfx-s1 #hs1n2_0{opacity:1;transform:scale(1)}
.hfx-s1 #hs1n2_1{opacity:1;transform:scale(1)}
.hfx-s1 #hs1n2_2{opacity:1;transform:scale(1)}
.hfx-s1 #hs1n2_3{opacity:1;transform:scale(1)}
.hfx-s1 #hs1n2_4{opacity:1;transform:scale(1)}
.hfx-s1 #hs1n2_5{opacity:1;transform:scale(1)}
.hfx-s1 #hs1n2_6{opacity:1;transform:scale(1)}
.hfx-s1 #hs1l3{stroke-dashoffset:0;opacity:1}
.hfx-s1 #hs1n3_0{opacity:1;transform:scale(1)}
.hfx-s1 #hs1n3_1{opacity:1;transform:scale(1)}
.hfx-s1 #hs1n3_2{opacity:1;transform:scale(1)}
.hfx-s1 #hs1n3_3{opacity:1;transform:scale(1)}
.hfx-s1 #hs1n3_4{opacity:1;transform:scale(1)}
.hfx-s1 #hs1n3_5{opacity:1;transform:scale(1)}
.hfx-s1 #hs1n3_6{opacity:1;transform:scale(1)}
.hfx-s1 #hs1th{stroke-dashoffset:1;opacity:0}
.hfx-s1 #hs1a0{opacity:0;transform:scale(0.3345)}
.hfx-s1 #hs1a1{opacity:0;transform:scale(0.3319)}
.hfx-s1 #hs1a2{opacity:0;transform:scale(0.3297)}
.hfx-s1 #hs1iso{opacity:0}
.hfx-s1 #hs1isot{opacity:0}
.hfx-s1 #hs1rw{opacity:0}
.hfx-s1 #hs1h0{transform:translateX(660px);opacity:1}
.hfx-s1 #hs1h1{transform:translateX(660px);opacity:1}
.hfx-s1 #hs1h2{transform:translateX(660px);opacity:1}
.hfx-s1 #hs1h0 .s1-b1{opacity:1}
.hfx-s1 #hs1h0 .s1-b2{opacity:0}
@media (prefers-reduced-motion: no-preference) {
html:not([data-motion="off"]) .hfx-s1 #hs1cut{animation:s1cut-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1l0{animation:s1l0-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1n0_0{animation:s1n0_0-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1n0_1{animation:s1n0_1-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1n0_2{animation:s1n0_2-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1n0_3{animation:s1n0_3-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1n0_4{animation:s1n0_4-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1n0_5{animation:s1n0_5-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1n0_6{animation:s1n0_6-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1l1{animation:s1l1-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1n1_0{animation:s1n1_0-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1n1_1{animation:s1n1_1-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1n1_2{animation:s1n1_2-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1n1_3{animation:s1n1_3-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1n1_4{animation:s1n1_4-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1n1_5{animation:s1n1_5-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1n1_6{animation:s1n1_6-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1l2{animation:s1l2-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1n2_0{animation:s1n2_0-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1n2_1{animation:s1n2_1-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1n2_2{animation:s1n2_2-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1n2_3{animation:s1n2_3-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1n2_4{animation:s1n2_4-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1n2_5{animation:s1n2_5-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1n2_6{animation:s1n2_6-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1l3{animation:s1l3-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1n3_0{animation:s1n3_0-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1n3_1{animation:s1n3_1-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1n3_2{animation:s1n3_2-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1n3_3{animation:s1n3_3-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1n3_4{animation:s1n3_4-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1n3_5{animation:s1n3_5-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1n3_6{animation:s1n3_6-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1th{animation:s1th-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1a0{animation:s1a0-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1a1{animation:s1a1-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1a2{animation:s1a2-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1iso{animation:s1iso-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1isot{animation:s1isot-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1rw{animation:s1rw-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1h0{animation:s1h0-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1h1{animation:s1h0-o 12.1s linear 0.25s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1h2{animation:s1h0-o 12.1s linear 0.5s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1h0 .s1-b1{animation:s1b1-o 12.1s linear 0s 1 both}
html:not([data-motion="off"]) .hfx-s1 #hs1h0 .s1-b2{animation:s1b2-o 12.1s linear 0s 1 both}
}
@keyframes s1cut-o{0%{opacity:0;transform:scaleY(.2)}42.149%{opacity:0;transform:scaleY(.2)}44.215%{opacity:1;transform:scaleY(1)}52.893%{opacity:1;transform:scaleY(1)}59.504%{opacity:0;transform:scaleY(1)}100%{opacity:0;transform:scaleY(0.3241)}}
@keyframes s1l0-o{0%{stroke-dashoffset:1;opacity:0}6.612%{stroke-dashoffset:1;opacity:1}42.975%{stroke-dashoffset:0.198;opacity:1}90%{stroke-dashoffset:0.198;opacity:1}93.669%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:1}}
@keyframes s1n0_0-o{0%{opacity:0;transform:scale(.3)}6.612%{opacity:0;transform:scale(.3)}8.678%{opacity:1;transform:scale(1.5)}10.744%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes s1n0_1-o{0%{opacity:0;transform:scale(.3)}13.726%{opacity:0;transform:scale(.3)}15.792%{opacity:1;transform:scale(1.5)}17.858%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes s1n0_2-o{0%{opacity:0;transform:scale(.3)}20.05%{opacity:0;transform:scale(.3)}22.116%{opacity:1;transform:scale(1.5)}24.183%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes s1n0_3-o{0%{opacity:0;transform:scale(.3)}27.955%{opacity:0;transform:scale(.3)}30.022%{opacity:1;transform:scale(1.5)}32.088%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes s1n0_4-o{0%{opacity:0;transform:scale(.3)}37.442%{opacity:0;transform:scale(.3)}39.508%{opacity:1;transform:scale(1.5)}41.574%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes s1n0_5-o{0%{opacity:0;transform:scale(.3)}91.174%{opacity:0;transform:scale(.3)}93.24%{opacity:1;transform:scale(1.5)}95.306%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes s1n0_6-o{0%{opacity:0;transform:scale(.3)}93.669%{opacity:0;transform:scale(.3)}95.735%{opacity:1;transform:scale(1.5)}97.801%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes s1l1-o{0%{stroke-dashoffset:1;opacity:0}6.612%{stroke-dashoffset:1;opacity:1}42.975%{stroke-dashoffset:0.139;opacity:1}90%{stroke-dashoffset:0.139;opacity:1}92.422%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:1}}
@keyframes s1n1_0-o{0%{opacity:0;transform:scale(.3)}6.612%{opacity:0;transform:scale(.3)}8.678%{opacity:1;transform:scale(1.5)}10.744%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes s1n1_1-o{0%{opacity:0;transform:scale(.3)}12.145%{opacity:0;transform:scale(.3)}14.211%{opacity:1;transform:scale(1.5)}16.277%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes s1n1_2-o{0%{opacity:0;transform:scale(.3)}19.26%{opacity:0;transform:scale(.3)}21.326%{opacity:1;transform:scale(1.5)}23.392%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes s1n1_3-o{0%{opacity:0;transform:scale(.3)}25.584%{opacity:0;transform:scale(.3)}27.65%{opacity:1;transform:scale(1.5)}29.716%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes s1n1_4-o{0%{opacity:0;transform:scale(.3)}33.489%{opacity:0;transform:scale(.3)}35.555%{opacity:1;transform:scale(1.5)}37.621%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes s1n1_5-o{0%{opacity:0;transform:scale(.3)}41.394%{opacity:0;transform:scale(.3)}43.46%{opacity:1;transform:scale(1.5)}45.526%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes s1n1_6-o{0%{opacity:0;transform:scale(.3)}92.422%{opacity:0;transform:scale(.3)}94.488%{opacity:1;transform:scale(1.5)}96.554%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes s1l2-o{0%{stroke-dashoffset:1;opacity:0}6.612%{stroke-dashoffset:1;opacity:1}42.975%{stroke-dashoffset:0.198;opacity:1}90%{stroke-dashoffset:0.198;opacity:1}93.669%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:1}}
@keyframes s1n2_0-o{0%{opacity:0;transform:scale(.3)}6.612%{opacity:0;transform:scale(.3)}8.678%{opacity:1;transform:scale(1.5)}10.744%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes s1n2_1-o{0%{opacity:0;transform:scale(.3)}15.307%{opacity:0;transform:scale(.3)}17.373%{opacity:1;transform:scale(1.5)}19.439%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes s1n2_2-o{0%{opacity:0;transform:scale(.3)}22.422%{opacity:0;transform:scale(.3)}24.488%{opacity:1;transform:scale(1.5)}26.554%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes s1n2_3-o{0%{opacity:0;transform:scale(.3)}30.327%{opacity:0;transform:scale(.3)}32.393%{opacity:1;transform:scale(1.5)}34.459%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes s1n2_4-o{0%{opacity:0;transform:scale(.3)}37.442%{opacity:0;transform:scale(.3)}39.508%{opacity:1;transform:scale(1.5)}41.574%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes s1n2_5-o{0%{opacity:0;transform:scale(.3)}90.55%{opacity:0;transform:scale(.3)}92.617%{opacity:1;transform:scale(1.5)}94.683%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes s1n2_6-o{0%{opacity:0;transform:scale(.3)}93.669%{opacity:0;transform:scale(.3)}95.735%{opacity:1;transform:scale(1.5)}97.801%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes s1l3-o{0%{stroke-dashoffset:1;opacity:0}6.612%{stroke-dashoffset:1;opacity:1}42.975%{stroke-dashoffset:0.184;opacity:1}90%{stroke-dashoffset:0.184;opacity:1}93.357%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:1}}
@keyframes s1n3_0-o{0%{opacity:0;transform:scale(.3)}6.612%{opacity:0;transform:scale(.3)}8.678%{opacity:1;transform:scale(1.5)}10.744%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes s1n3_1-o{0%{opacity:0;transform:scale(.3)}12.936%{opacity:0;transform:scale(.3)}15.002%{opacity:1;transform:scale(1.5)}17.068%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes s1n3_2-o{0%{opacity:0;transform:scale(.3)}21.631%{opacity:0;transform:scale(.3)}23.697%{opacity:1;transform:scale(1.5)}25.764%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes s1n3_3-o{0%{opacity:0;transform:scale(.3)}28.746%{opacity:0;transform:scale(.3)}30.812%{opacity:1;transform:scale(1.5)}32.878%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes s1n3_4-o{0%{opacity:0;transform:scale(.3)}36.651%{opacity:0;transform:scale(.3)}38.717%{opacity:1;transform:scale(1.5)}40.783%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes s1n3_5-o{0%{opacity:0;transform:scale(.3)}42.975%{opacity:0;transform:scale(.3)}45.041%{opacity:1;transform:scale(1.5)}47.107%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes s1n3_6-o{0%{opacity:0;transform:scale(.3)}93.357%{opacity:0;transform:scale(.3)}95.423%{opacity:1;transform:scale(1.5)}97.489%{opacity:1;transform:scale(1)}100%{opacity:1;transform:scale(1)}}
@keyframes s1th-o{0%{stroke-dashoffset:1;opacity:0}24.793%{stroke-dashoffset:1;opacity:0}25.62%{stroke-dashoffset:1;opacity:1}42.975%{stroke-dashoffset:0;opacity:1}54.545%{stroke-dashoffset:0;opacity:1}65.844%{stroke-dashoffset:1;opacity:1}67.497%{stroke-dashoffset:1;opacity:0}100%{stroke-dashoffset:1;opacity:0}}
@keyframes s1a0-o{0%{opacity:0;transform:scale(.3)}31.908%{opacity:0;transform:scale(.3)}33.974%{opacity:1;transform:scale(1.8)}36.04%{opacity:1;transform:scale(1)}61.827%{opacity:1;transform:scale(1)}64.306%{opacity:0;transform:scale(.5)}100%{opacity:0;transform:scale(0.3345)}}
@keyframes s1a1-o{0%{opacity:0;transform:scale(.3)}37.442%{opacity:0;transform:scale(.3)}39.508%{opacity:1;transform:scale(1.8)}41.574%{opacity:1;transform:scale(1)}58.312%{opacity:1;transform:scale(1)}60.791%{opacity:0;transform:scale(.5)}100%{opacity:0;transform:scale(0.3319)}}
@keyframes s1a2-o{0%{opacity:0;transform:scale(.3)}42.975%{opacity:0;transform:scale(.3)}45.041%{opacity:1;transform:scale(1.8)}47.107%{opacity:1;transform:scale(1)}54.797%{opacity:1;transform:scale(1)}57.276%{opacity:0;transform:scale(.5)}100%{opacity:0;transform:scale(0.3297)}}
@keyframes s1iso-o{0%{opacity:0}44.628%{opacity:0}47.521%{opacity:1}54.545%{opacity:1}57.438%{opacity:0}100%{opacity:0}}
@keyframes s1isot-o{0%{opacity:0}45.455%{opacity:0}47.934%{opacity:1}54.545%{opacity:1}57.025%{opacity:0}100%{opacity:0}}
@keyframes s1rw-o{0%{opacity:0}53.719%{opacity:0}56.612%{opacity:1}76.033%{opacity:1}78.926%{opacity:0}100%{opacity:0}}
@keyframes s1h0-o{0%{transform:translateX(60px);opacity:0}5.785%{transform:translateX(60px);opacity:0}6.612%{transform:translateX(60px);opacity:1}42.975%{transform:translateX(525px);opacity:1}54.545%{transform:translateX(525px);opacity:1}74.38%{transform:translateX(130px);opacity:1}77.686%{transform:translateX(130px);opacity:1}94.215%{transform:translateX(660px);opacity:1}100%{transform:translateX(660px);opacity:1}}
@keyframes s1b1-o{0%{opacity:1}54.132%{opacity:1}55.372%{opacity:0}74.38%{opacity:0}77.686%{opacity:1}100%{opacity:1}}
@keyframes s1b2-o{0%{opacity:0}54.132%{opacity:0}55.372%{opacity:1}74.38%{opacity:1}76.033%{opacity:0}100%{opacity:0}}
/* issue 287：窄螢幕（圖寬約 280–570px）圖內文字依 viewBox 縮到 8px 左右讀不到；放大字級（28 單位約 11px 起）。 */
@media (max-width: 38rem) {
.hfx-s1 .s1-cut text,.hfx-s1 .s1-lab{font-size:28px;letter-spacing:.1em}
.hfx-s1 .s1-rw text{font-size:28px;letter-spacing:.08em}
}