/* V15: accessible cinematic chapters for fullscreen Three.js hero. */
.cinema-chapter{position:absolute;z-index:8;left:clamp(25px,4vw,72px);bottom:clamp(88px,11vh,132px);width:min(410px,32vw);padding:21px 24px;background:linear-gradient(100deg,rgba(4,23,38,.82),rgba(4,23,38,.38));border-left:2px solid #62d8cb;border-radius:0 12px 12px 0;backdrop-filter:blur(10px);color:#edf7fb;pointer-events:auto}
.cinema-chapter-kicker{display:block;color:#7ce7da;font:700 10px 'DM Sans',sans-serif;letter-spacing:.18em;margin-bottom:9px}
.cinema-chapter-title{display:block;font:400 clamp(23px,2.3vw,38px)/1.15 Georgia,serif;letter-spacing:-.03em}
.cinema-chapter-summary{display:block;max-width:350px;color:#bdd3db;font-size:12px;line-height:1.65;margin-top:9px}
.cinema-chapter-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:16px}
.cinema-step{border:1px solid rgba(125,230,225,.58);color:#e0fffc;background:rgba(10,83,97,.45);border-radius:5px;min-height:34px;padding:6px 12px;cursor:pointer;font-weight:700;font-size:11px}
.cinema-step:hover,.cinema-step:focus-visible{background:#176c71;outline:2px solid transparent;box-shadow:0 0 0 2px #84e7db}
.cinema-step:disabled{opacity:.32;cursor:not-allowed;box-shadow:none}
.cinema-skip-story{color:#b4dbe0;font-size:11px;text-underline-offset:4px}
.cinema-chapter-actions a:hover{color:#fff}
@media (max-width:1000px){.cinema-chapter{bottom:100px;width:min(350px,42vw);padding:14px 18px}.cinema-chapter-title{font-size:25px}.cinema-chapter-summary{font-size:11px}}
@media (max-width:700px){.cinema-chapter{left:18px;right:18px;bottom:78px;width:auto;max-width:365px;padding:11px 13px}.cinema-chapter-title{font-size:21px}.cinema-chapter-summary{display:none}.cinema-chapter-actions{margin-top:10px}.cinema-side{opacity:.85}.cinema-chapter-kicker{margin-bottom:5px}}
@media (prefers-reduced-motion:reduce){.cinema-chapter{backdrop-filter:none}}