.jl{background:var(--bg);color:var(--white);padding-block:clamp(72px,9vw,140px)}.jl .eb{color:var(--faint)}.jl-head{align-items:end;margin-top:20px}.jl-head h2{letter-spacing:-.035em;text-wrap:balance;max-width:16ch;margin:0;font-size:clamp(32px,4.2vw,60px);font-weight:600;line-height:1.02}.jl-head p{max-width:40ch;color:var(--mute);margin:0;font-size:clamp(17px,1.45vw,21px);line-height:1.45}.jl-stage{grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(20px,2.4vw,36px);margin-top:clamp(36px,4.4vw,64px);display:grid}.jl-film{aspect-ratio:16/9;background:#151515;border-radius:18px;position:relative;overflow:hidden}.jl-film video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.jl-film video.on{opacity:1}.jl-info{flex-direction:column;gap:18px;min-width:0;padding-top:4px;display:flex}.jl-count{letter-spacing:.08em;color:var(--faint);font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.jl-say{animation:.5s cubic-bezier(.2,.8,.2,1) both jl-in}.jl-say h3{letter-spacing:-.03em;margin:0;font-size:clamp(26px,2.6vw,38px);font-weight:600;line-height:1.05}.jl-say p{color:var(--mute);max-width:34ch;margin:12px 0 0;font-size:17px;line-height:1.5}@keyframes jl-in{0%{opacity:0;transform:translateY(8px)}}.jl-ctl{gap:10px;margin-top:auto;display:flex}.jl-ctl button{border:1px solid var(--line);width:46px;height:46px;color:var(--white);cursor:pointer;background:0 0;border-radius:50%;place-items:center;padding:0;transition:background .25s,border-color .25s;display:grid}.jl-ctl button:hover{background:#ffffff0f;border-color:#ffffff4d}.jl-ctl svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.jl-ctl .jl-tri{fill:currentColor;stroke:none}.jl-ctl .jl-play{background:var(--white);border-color:var(--white);color:var(--bg)}.jl-ctl .jl-play:hover{background:#fff;border-color:#fff}.jl button:focus-visible{outline:2px solid var(--grn);outline-offset:3px}.jl-line{grid-template-columns:repeat(7,minmax(0,1fr));margin:clamp(32px,4vw,52px) 0 0;padding:0;list-style:none;display:grid}.jl-line li{--p:1;min-width:0}.jl-line li.on{--p:inherit}.jl-line button{width:100%;color:var(--faint);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:14px;padding:0 0 4px;transition:color .3s;display:grid}.jl-line button:hover{color:var(--mute)}.jl-line li.on button{color:var(--white)}.jl-g{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:64px;height:44px;overflow:visible}.jl-line li.on .jl-g{color:var(--grn)}.jl-g rect{fill:currentColor;stroke:none}.jl-g .g-insul{opacity:.4}.jl-g .g-mesh{stroke-width:1.4px;opacity:.7}.jl-g .g-draw{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--p))}.jl-g .g-fill{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(var(--p))}.jl-g .g-tilt{transform-box:fill-box;transform-origin:0 100%;transform:rotate(calc(var(--p) * -76deg))}.jl-g .g-lift{transform:translateY(calc(var(--p) * -5px))}.jl-g .g-hole{fill:var(--bg);stroke:currentColor;stroke-width:1.6px}.jl-g .g-set{transform:translateY(calc((1 - var(--p)) * -8px))}.jl-seg{background:var(--line);height:2px;display:block;position:relative}.jl-seg:before{content:"";background:var(--bg);width:8px;height:8px;box-shadow:inset 0 0 0 2px var(--line);border-radius:50%;margin:-4px 0 0;position:absolute;top:50%;left:0}.jl-seg b{background:var(--grn);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.jl-line li.done .jl-seg b{transform:scaleX(1)}.jl-line li.on .jl-seg b{transform:scaleX(var(--p))}.jl-line li.done .jl-seg:before,.jl-line li.on .jl-seg:before{background:var(--grn);box-shadow:none}.jl-line li.on .jl-seg:before{box-shadow:0 0 0 5px rgba(var(--grn-rgb),.18)}.jl-name{letter-spacing:-.005em;flex-direction:column;gap:3px;padding-right:12px;font-size:14px;font-weight:500;line-height:1.3;display:flex}.jl-k{letter-spacing:.08em;opacity:.7;font-variant-numeric:tabular-nums;font-size:12px}.jl-src{color:var(--faint);margin:28px 0 0;font-size:13px}@media (max-width:900px){.jl-stage{grid-template-columns:minmax(0,1fr)}.jl-info{flex-flow:wrap;align-items:flex-start;gap:12px 20px}.jl-count{width:100%}.jl-say{flex:260px}.jl-ctl{margin-top:0}}@media (max-width:760px){.jl-head{grid-template-columns:minmax(0,1fr)}.jl-film{border-radius:14px}.jl-g{width:40px;height:28px}.jl-line button{gap:10px}.jl-name{display:none}}@media (prefers-reduced-motion:reduce){.jl-film video{transition:none}.jl-say{animation:none}}