.cp-story .cr-room{gap:72px;display:grid}.cp-story .cr-part{gap:32px;width:100%;max-width:1280px;margin-inline:auto;display:grid}.cp-story .cr-part-viewer{scroll-margin-top:96px}.cp-story .cr-head .h2{max-width:20em}.cp-story .cr-note{color:#ffffffb8;font-size:13px;line-height:1.4}.cp-story .cr-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cp-story .cr-btn{min-width:44px;min-height:44px;color:var(--c-white);font:500 14px/1 var(--f-sans);cursor:pointer;transition:background var(--dur), border-color var(--dur);background:0 0;border:1px solid #fff6;border-radius:999px;padding:0 18px}.cp-story .cr-btn:hover:not(:disabled){border-color:var(--c-white);background:#ffffff1f}.cp-story .cr-btn:disabled{opacity:.5;cursor:default}.cp-story .cr-btn[aria-pressed=true]{background:var(--c-white);color:var(--c-black);border-color:var(--c-white)}.cp-story .cr-btn-icon{padding:0;font-size:24px;line-height:1}.cp-story .cr-room :is(.cr-btn,.cr-chip,.cr-dot,.cr-stage):focus-visible{outline:2px solid var(--c-white);outline-offset:3px}.cp-story .cr-figure{gap:14px;display:grid}.cp-story .cr-figure-art{aspect-ratio:900/680;background:#131313;border:1px solid #ffffff24;width:100%;max-height:78svh;margin-inline:auto;position:relative;overflow:hidden}.cp-story .cr-figure-art .iso{width:100%;height:auto;position:relative}.cp-story .cr-figure-ctl{align-items:center;gap:18px;display:flex}.cp-story .cr-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.cp-story .cr-chip{color:#ffffffb8;width:100%;min-height:64px;font:500 14px/1.25 var(--f-sans);text-align:start;cursor:pointer;background:0 0;border:1px solid #ffffff38;align-items:center;gap:10px;padding:4px;transition:border-color .4s,color .4s;display:flex}.cp-story .cr-chip[data-lit=true]{color:var(--c-white);border-color:#ffffffd9}.cp-story .cr-chip-th{object-fit:cover;filter:grayscale()brightness(.55);width:auto;max-width:84px;height:56px;transition:filter .4s;display:block}.cp-story .cr-chip[data-lit=true] .cr-chip-th{filter:none}.cp-story .cr-chip-n{font-variant-numeric:tabular-nums;letter-spacing:.08em;font-size:12px}.cp-story .cr-chip-t{min-width:0}.cp-story .cr-viewer{gap:28px;display:grid}.cp-story .cr-viewer-main{gap:14px;min-width:0;display:grid}.cp-story .cr-stage{cursor:grab;touch-action:pan-y;border:1px solid #ffffff24;height:clamp(360px,64svh,680px);position:relative;overflow:hidden}.cp-story .cr-stage[data-drag]{cursor:grabbing}.cp-story .cr-stage[data-zoom=true]{touch-action:none}.cp-story .cr-canvas,.cp-story .cr-flat{width:100%;height:100%;position:absolute;inset:0}.cp-story .cr-flat{object-fit:contain;padding:4%}.cp-story .cr-flat[data-hidden=true]{visibility:hidden}.cp-story .cr-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.cp-story .cr-dock{gap:8px;display:flex}.cp-story .cr-dot{color:#fffc;width:44px;height:44px;font:500 14px/1 var(--f-sans);font-variant-numeric:tabular-nums;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:999px}.cp-story .cr-dot[aria-current=true]{background:var(--c-white);color:var(--c-black);border-color:var(--c-white)}.cp-story .cr-card{align-self:center;min-width:0}.cp-story .cr-card .h3{margin-top:8px}.cp-story .cr-card .body{font-size:18px;line-height:1.55}.cp-story .cr-card .cr-note{margin-top:18px}@media (max-width:767px){.cp-story .cr-strip{gap:6px}.cp-story .cr-chip{justify-content:center;padding:4px}.cp-story .cr-chip-n,.cp-story .cr-chip-t{display:none}.cp-story .cr-chip-th{max-width:100%}.cp-story .cr-stage{height:clamp(320px,52svh,520px)}}@media (min-width:992px){.cp-story .cr-viewer{grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:56px}}@media (prefers-reduced-motion:reduce){.cp-story .cr-btn,.cp-story .cr-chip,.cp-story .cr-chip-th{transition:none}}
