.reshape-film{--film-accent:#e4cc9f;background:#102e4c;color:#fff;border-radius:22px;overflow:hidden;margin:30px auto 48px;max-width:1100px;padding:34px;position:relative}.reshape-film .eyebrow{color:#e4cc9f}.reshape-film h2{color:white;font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.5;margin:8px 0 22px}.film-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.film-controls{display:flex;gap:8px;flex-wrap:wrap}.film-controls button{border:1px solid #7b92a9;background:transparent;color:#fff;border-radius:8px;padding:10px 15px;font:inherit;min-height:44px;cursor:pointer;font-size:.9rem}.film-controls button:hover{background:#244663}.film-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 32px}.film-stages button{position:relative;overflow:hidden;text-align:left;border:1px solid #536d86;border-radius:12px;background:#183854;color:#d5e0ea;padding:17px 18px;min-height:86px;cursor:pointer;font:inherit;line-height:1.5}.film-stages b{display:block;font-size:1.5rem;font-weight:500;color:#e4cc9f}.film-stages button[aria-pressed=true]{border-color:#e4cc9f;background:#254963;color:white}.film-stages button:after{content:'';position:absolute;left:0;bottom:0;height:3px;width:100%;background:#e4cc9f;transform:scaleX(0);transform-origin:left}.reshape-film.is-playing .film-stages button[aria-pressed=true]:after{animation:film-timer 6s linear forwards}.film-panel{display:grid;grid-template-columns:150px minmax(0,1fr);gap:32px;align-items:center;padding:10px 0 28px;min-height:245px}.film-number{width:140px;height:140px;border-radius:50%;border:1px solid #607e97;display:flex;align-items:center;justify-content:center;font-size:3.5rem;color:#e4cc9f;font-family:Georgia,serif;position:relative}.film-number:after{content:'';position:absolute;inset:10px;border:1px solid #365d79;border-radius:50%}.film-panel h3{color:white;font-size:clamp(1.4rem,2.5vw,1.8rem);margin:0 0 14px;line-height:1.5}.film-panel p{color:#d4e0eb;font-size:1.05rem;line-height:1.9;margin:0 0 18px}.film-panel a{color:#e4cc9f;font-size:1rem;text-underline-offset:6px}.film-panel[hidden]{display:none!important}.film-panel.is-entering .film-copy{animation:film-reveal .5s ease-out both}.film-panel.is-entering .film-number{animation:film-reveal .7s ease-out both}.film-bottom{border-top:1px solid #446079;padding-top:22px}.film-bottom p{font-size:.9rem;line-height:1.8;color:#c4d3e0;margin:12px 0 0}.film-topics{display:flex;gap:12px;flex-wrap:wrap}.film-topics span{font-size:.9rem;color:#dfebf3;padding:6px 13px;border:1px solid #506e86;border-radius:30px}.reshape-film button:focus-visible,.reshape-film a:focus-visible{outline:3px solid #fff;outline-offset:4px}.film-controls[hidden]{display:none!important}@keyframes film-timer{to{transform:scaleX(1)}}@keyframes film-reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:650px){.reshape-film{padding:24px 18px;border-radius:16px;margin:25px 0 35px}.film-top{align-items:flex-start;flex-direction:column;gap:12px}.film-stages{gap:8px;margin:20px 0}.film-stages button{padding:12px 10px;font-size:.9rem;min-height:95px}.film-stages b{font-size:1.35rem}.film-panel{grid-template-columns:1fr;gap:20px;align-items:start;min-height:330px}.film-number{width:76px;height:76px;font-size:2rem}.film-panel p{font-size:1rem}.film-topics{gap:8px}.film-topics span{padding:5px 10px}}@media(prefers-reduced-motion:reduce){.reshape-film *,.reshape-film *:after{animation:none!important;transition:none!important}}
