.jpLesson{margin-top:36px;width:100%}.jpLessonStage{position:relative;width:100%;aspect-ratio:16/9;background:#050812;border:1px solid rgba(215,192,138,.28);overflow:hidden;display:grid;place-items:center}.jpLessonStage .jp-diagram,.jpLessonStage figure,.jpLessonStage img,.jpLessonStage svg{width:100%;height:100%;object-fit:contain}.jpLessonStage .jp-diagram{border:0;border-radius:0;box-shadow:none;height:100%}.jpLessonDock{border:1px solid rgba(215,192,138,.28);border-top:0;background:#0a101c;padding:0 0 18px}.jpLessonProgress{height:5px;background:rgba(255,255,255,.08)}.jpLessonProgress i{display:block;height:100%;width:0;background:#e8a070;animation-name:jpLessonFill;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes jpLessonFill{to{width:100%}}.jpLessonDockRow{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:14px 18px 8px}.jpLessonSlate{margin:0;font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#e8a070}.jpLessonControls{margin-left:auto;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.jpLessonControls button{font-size:16px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(232,224,208,.92);background:transparent;border:1px solid rgba(215,192,138,.55);padding:14px 22px;min-height:56px;min-width:56px;cursor:pointer;font-family:inherit}.jpLessonTime{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:rgba(200,188,168,.7);margin-left:6px}.jpLessonControls button.is-on{color:#070b14;background:#f4f0e6}.jpLessonLine{margin:0;padding:4px 18px 0;max-width:46ch;font-family:Playfair Display,Georgia,serif;font-size:clamp(20px,2.4vw,28px);line-height:1.35;color:#f4f0e6;min-height:2.6em}.jpLessonLine-sub{font-family:inherit;font-size:14px;line-height:1.45;max-width:62ch;min-height:0;color:rgba(244,240,230,.78)}.jpLesson:focus{outline:1px solid rgba(232,160,112,.55);outline-offset:4px}.jpChartTick{transform-box:fill-box;animation:jpChartTick 2.6s ease-in-out infinite}.jpChartGrow{transform-box:fill-box;transform-origin:50% 100%;animation:jpChartGrow .9s ease-out both}.jpChartWick{transform-box:fill-box;transform-origin:50% 50%;animation:jpChartGrow 1.05s ease-out .15s both}.jpChartDraw{stroke-dasharray:980;stroke-dashoffset:980;animation:jpChartDraw 1.4s ease-out forwards}.jpChartIn{animation:jpChartIn .7s ease-out both}@keyframes jpChartGrow{0%{transform:scaleY(.05)}to{transform:scaleY(1)}}@keyframes jpChartDraw{to{stroke-dashoffset:0}}@keyframes jpChartIn{0%{opacity:0}to{opacity:1}}@keyframes jpChartTick{0%,to{transform:translateY(0)}50%{transform:translateY(140px)}}@media (prefers-reduced-motion:reduce){.jpLessonProgress i{animation:none!important}.jpChartDraw,.jpChartGrow,.jpChartIn,.jpChartTick,.jpChartWick{animation:none!important;stroke-dashoffset:0!important}}