/* Original SVG character film. One JS timeline owns every moving part. */
.story-section{padding:0 0 76px;scroll-margin-top:24px}
.story-section>.section-heading{margin-bottom:24px}.story-duration{font-size:11px;color:var(--muted)}
.story-player{color:#304653;background:#fffdf8;border:1px solid #d8e2da;border-radius:24px;overflow:hidden;box-shadow:0 30px 70px -42px #375f6744}
.story-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 25px;color:#617f78;background:#f2f6ed;font-size:10px;letter-spacing:1px}
.story-brand{display:flex;align-items:center;gap:10px}.story-brand img{border-radius:7px;width:25px;height:25px}.story-brand small{font:inherit}
.story-film{padding:0 24px;background:#eaf0e7}.story-screen{position:relative;aspect-ratio:16/9;background:#f6f2e6;overflow:hidden;border-radius:14px;isolation:isolate}
.story-cartoon{display:block;width:100%;height:100%;font-family:Inter,'Segoe UI','Microsoft YaHei',sans-serif}
.story-scene-label{position:absolute;top:19px;left:22px;right:22px;display:flex;justify-content:space-between;gap:12px;color:#617f79;font-size:10px;letter-spacing:1px}
.story-scene-label>span:last-child{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.3px}.story-scene-label i{width:5px;height:5px;background:#5e9c83;border-radius:50%}
.story-subtitle{position:absolute;bottom:21px;left:20px;right:20px;text-align:center;margin:0;color:#324e59;font-size:clamp(10px,1.3vw,17px);font-weight:500;line-height:1.6;pointer-events:none}
.story-subtitle span{display:inline-block;padding:6px 16px;background:#fffdf6ee;box-shadow:0 3px 15px #5c736412;border:1px solid #edeade;border-radius:9px;max-width:100%}
.story-body{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding:24px 29px 19px;align-items:center}.story-kicker{font-size:9px;letter-spacing:1.8px;color:#679283;font-weight:600}
.story-copy h3{font-size:25px;font-weight:650;letter-spacing:-.7px;margin:8px 0 0;line-height:1.55;text-wrap:balance}.story-description{font-size:12px;line-height:1.95;color:#7c8e8a;min-height:48px;margin:0}
.story-controls{display:flex;align-items:center;gap:10px;padding:4px 29px 0}.story-controls button{min-height:35px;padding:7px 12px;background:#fafbf5;color:#5e7d72;border:1px solid #dce6d7;border-radius:9px;font-size:11px;white-space:nowrap}
.story-controls button:hover{background:#edf4e9;border-color:#a4c7b5}.story-controls button:disabled{opacity:.35;cursor:default}.story-controls .story-toggle{background:#527f70;color:white;border-color:#527f70;min-width:83px;font-weight:600}.story-controls .story-toggle:hover{background:#406f60}
.story-clock{margin-left:auto;color:#82948a;font-size:10px;font-variant-numeric:tabular-nums}.story-timeline{padding:10px 29px 16px;display:flex}
.story-timeline input{appearance:none;-webkit-appearance:none;display:block;cursor:pointer;width:100%;height:5px;border-radius:8px;background:linear-gradient(to right,#749e86 var(--story-progress,0%),#e7eddf var(--story-progress,0%));margin:8px 0;accent-color:#527f70}
.story-timeline input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:#527f70;border:2px solid #fffdf8;box-shadow:0 1px 4px #456f7e44}.story-timeline input::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#527f70;border:2px solid #fffdf8}
.story-chapters{list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin:0;padding:0 24px 18px}.story-chapters li{min-width:0}
.story-chapters button{width:100%;height:100%;background:#f2f5ec;border:1px solid transparent;border-radius:10px;text-align:left;padding:11px 12px;color:#859485;font-size:11px;line-height:1.8}.story-chapters button>span{display:block;font-size:8px;letter-spacing:1px;color:#a1ad96}.story-chapters button:hover{background:#eaf1e4}.story-chapters button[aria-current=step]{background:#e3eedc;border-color:#b8ceaf;color:#557951}.story-chapters button[aria-current=step]>span{color:#7c9d70}
.story-footnote{font-size:10px;color:#98a28e;line-height:1.9;margin:0;padding:0 29px 20px}.story-player :is(button,input):focus-visible{outline:2px solid #548a7e;outline-offset:4px}.story-status{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.story-noscript{font-size:12px;padding:0 28px;color:#739388}.capture .story-section{display:none}
.rig-outline{stroke:#394e66;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.rig-upper{fill:none;stroke:#fffcf4;stroke-width:25;stroke-linecap:round;filter:url(#rig-outline)}.rig-lower{fill:none;stroke:#f6d8c8;stroke-width:16;stroke-linecap:round;filter:url(#rig-outline)}.rig-leg{fill:none;stroke:#f9fbf1;stroke-width:19;stroke-linecap:round;filter:url(#rig-outline)}.rig-palm{fill:#f6d8c8;stroke:#394e66;stroke-width:2.6;stroke-linejoin:round}
@media(min-width:1400px){.story-copy h3{font-size:28px}}
@media(max-width:900px){.story-body{gap:22px}.story-copy h3{font-size:22px}.story-film{padding:0 17px}.story-description{font-size:11px}.story-chapters{padding-inline:18px;gap:5px}.story-chapters button{padding:10px 8px;font-size:10px}.story-chapters button>span{font-size:7px}.story-scene-label{font-size:9px;top:14px}}
@media(max-width:620px){.story-section{padding-bottom:52px}.story-section .section-heading{align-items:flex-start;gap:12px}.story-duration{font-size:9px;max-width:100px;text-align:right;line-height:1.8}.story-player{border-radius:17px}.story-topbar{padding:13px 14px;letter-spacing:.4px;font-size:8px}.story-brand{gap:7px}.story-brand small{display:none}.story-brand img{width:21px;height:21px}.story-film{padding:0}.story-screen{border-radius:0;aspect-ratio:1.38}.story-cartoon{width:128%;max-width:none;margin-left:-14%;height:100%}.story-scene-label{top:10px;left:14px;right:14px;font-size:8px;letter-spacing:.5px}.story-scene-label>span:last-child{font-size:7px}.story-subtitle{bottom:10px;left:7px;right:7px;font-size:10px}.story-subtitle span{padding:4px 8px;border-radius:6px}.story-body{grid-template-columns:1fr;padding:19px 19px 14px;gap:9px;min-height:169px;align-content:start}.story-kicker{font-size:8px}.story-copy h3{font-size:22px;margin-top:6px;min-height:34px}.story-description{font-size:11px;min-height:62px}.story-controls{padding:3px 18px 0;gap:7px}.story-controls button{padding:6px 8px;font-size:10px;min-height:34px}.story-controls .story-toggle{min-width:69px}.story-clock{font-size:9px}.story-timeline{padding:10px 19px 15px}.story-chapters{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 14px 14px;gap:5px}.story-chapters button{padding:8px 9px;font-size:10px}.story-chapters button>span{font-size:7px}.story-footnote{padding:0 19px 17px;font-size:9px}}
@media(max-width:350px){.story-controls{gap:5px;padding-inline:14px}.story-controls button{padding-inline:7px}.story-clock{font-size:8px}.story-copy h3{font-size:20px}.story-scene-label>span:last-child{max-width:115px;text-align:right}}