.training-cinema{position:relative;border-bottom:1px solid var(--line)}
.cinema-stage{position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 40%,#18211b 0, #0a0e0b 45%,#080a09 75%);padding:2rem 0 1rem}
.cinema-layout{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:2rem;min-height:540px}
.cinema-copy{grid-column:1;grid-row:1;z-index:2;padding-block:1rem}
.cinema-copy h1{font-size:clamp(2.3rem,4.2vw,4rem);max-width:13ch;margin-bottom:1.5rem}
.cinema-visual{grid-column:2;grid-row:1;position:relative;height:clamp(360px,58vh,640px);min-width:0}
.cinema-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.cinema-halo{position:absolute;inset:18% 8%;border-radius:50%;background:radial-gradient(ellipse,rgba(147,242,5,.14),transparent 65%);filter:blur(12px)}
.cinema-fallback{position:absolute;width:55%;aspect-ratio:1;top:20%;left:22.5%;border-radius:50%;background:radial-gradient(circle at 32% 23%,#fff,#b2bdb0 35%,#28362a 70%,#080a09);box-shadow:0 35px 70px #000}
.cinema-ready .cinema-fallback{display:none}
.cinema-caption{position:absolute;bottom:6%;left:0;right:0;text-align:center;font-size:.65rem;font-weight:800;letter-spacing:.26em;color:#798b7b}
.cinema-chapters{min-height:148px;max-width:390px}
.cinema-chapter h2{font-size:1rem;letter-spacing:.04em;color:var(--green);margin:0 0 .65rem}
.cinema-chapter p{color:var(--muted);font-size:1rem;margin-bottom:.9rem}
.cinema-chapter[hidden]{display:none}
.cinema-chapter .more-link{margin:0}
.cinema-inquire{margin-top:1rem}
.cinema-bottom{display:flex;align-items:center;gap:1.5rem;padding-block:1rem;position:relative;z-index:2}
.cinema-scroll-hint{display:inline-flex;align-items:center;gap:.25rem;padding:.7rem .9rem;font-size:.78rem;font-weight:850;letter-spacing:.04em;color:#f2f8ee;background:rgba(147,242,5,.12);border:1px solid rgba(147,242,5,.55);border-radius:999px;white-space:nowrap;box-shadow:0 0 24px rgba(147,242,5,.1)}
.cinema-scroll-hint span{color:var(--green);font-size:1.15rem;line-height:1;margin-left:.25rem;animation:cinema-nudge 1.6s ease-in-out infinite}
.cinema-chapter-nav{display:flex;gap:.55rem;margin-left:auto}
.cinema-chapter-nav button{min-width:50px;min-height:50px;font:inherit;font-size:1rem;font-weight:900;background:#192619;color:#e8f7de;border:2px solid rgba(147,242,5,.72);border-radius:50%;cursor:pointer;box-shadow:0 3px 15px rgba(0,0,0,.25);transition:background .2s ease,transform .2s ease}
.cinema-chapter-nav button:hover{background:#314b23;transform:translateY(-2px)}
.cinema-chapter-nav button[aria-current]{background:var(--green);color:var(--ink);border-color:var(--green);box-shadow:0 0 0 4px rgba(147,242,5,.18)}
#small-group .training-heading h2{color:var(--green)}
@keyframes cinema-nudge{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
.cinema-progress{width:100px;height:2px;background:var(--line)}
.cinema-progress span{display:block;height:100%;width:100%;background:var(--green);transform:scaleX(var(--scene-progress,0));transform-origin:left}
.training-cinema.is-scroll-scene{height:220vh;height:220svh}
.is-scroll-scene .cinema-stage{position:sticky;top:78px;height:calc(100vh - 78px);height:calc(100svh - 78px);display:flex;flex-direction:column;justify-content:center}
.is-scroll-scene .cinema-layout{flex:1;min-height:0}
@media(max-width:700px){
 .cinema-layout{display:flex;flex-direction:column;gap:0;min-height:0}
 .cinema-stage{padding:.5rem 0}
 .cinema-visual{width:100%;height:29vh;height:29svh;min-height:160px;max-height:290px}
 .cinema-copy{width:100%;padding:0 .5rem}
 .cinema-copy .eyebrow{margin-bottom:.5rem;font-size:.62rem}
 .cinema-copy h1{font-size:clamp(1.8rem,7vw,2.5rem);max-width:22ch;margin-bottom:.85rem;line-height:1.06}
 .cinema-chapters{min-height:115px;max-width:none}
 .cinema-chapter h2{font-size:.83rem;margin-bottom:.3rem}
 .cinema-chapter p{font-size:.9rem;margin-bottom:.45rem}
 .cinema-chapter .more-link{font-size:.8rem}
 .cinema-inquire{margin-top:.4rem;min-height:44px;padding:.6rem 1rem;font-size:.88rem}
 .cinema-bottom{padding-block:.7rem;gap:.6rem;flex-wrap:wrap}
 .cinema-scroll-hint{font-size:.7rem;padding:.58rem .7rem}
 .cinema-chapter-nav{gap:.4rem}
 .cinema-chapter-nav button{min-width:42px;min-height:42px;font-size:.85rem}
 .cinema-progress{display:none}
 .cinema-caption{font-size:.5rem;bottom:2%}
 .cinema-progress{width:40px}
 .is-scroll-scene .cinema-stage{top:70px;height:calc(100svh - 70px)}
}
@media(max-height:650px){.training-cinema.is-scroll-scene{height:auto}.is-scroll-scene .cinema-stage{position:relative;top:auto;height:auto;min-height:0}}
@media(prefers-reduced-motion:reduce){.training-cinema.is-scroll-scene{height:auto}.is-scroll-scene .cinema-stage{position:relative;top:auto;height:auto} .cinema-scroll-hint span{animation:none}}