.cinematic-gate{position:relative;display:grid;justify-items:center;gap:1.2rem;padding:clamp(5rem,12vh,10rem) 1.5rem;background:radial-gradient(ellipse at 50% 100%,#b58a3430,transparent 65%),#050b12;border-block:1px solid #e5bb6e30;text-align:center;color:#f8eedb;font-family:"DM Sans",sans-serif}
.cinematic-gate[hidden],.story-progress[hidden]{display:none}
.cinematic-gate .cinematic-overline{margin:0;color:#e5bb6e;font-size:.68rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.cinematic-gate h2{max-width:850px;margin:0;font:400 clamp(2.5rem,5vw,5rem)/1.05 "Libre Caslon Display",serif;letter-spacing:-.035em}
.cinematic-gate button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;min-height:54px;padding:1.1rem 1.8rem;border:1px solid #e5bb6e;background:linear-gradient(135deg,#f6d58c,#c59542);color:#20180d;font:700 .8rem "DM Sans",sans-serif;cursor:pointer;border-radius:2px;box-shadow:0 8px 40px #e5bb6e20}
.cinematic-gate button:hover{background:#ffe0a1}.cinematic-gate button:disabled{cursor:progress;opacity:.6}.cinematic-gate button:focus-visible{outline:3px solid #fff;outline-offset:6px}
.cinematic-gate [data-cinematic-status]{margin:0;max-width:600px;font-size:.85rem;line-height:1.6;color:#d2c5ae}
.cinematic-gate a{color:#bcb2a1;font-size:.73rem;text-underline-offset:.3em}
.cinematic-chapter{display:block;scroll-margin-top:0}.cinematic-chapter:focus{outline:none}
.cinematic-chapter-nav{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.cinematic-chapter-nav a{font-size:.75rem;color:#dec69a;text-underline-offset:.4em}
.cinematic-header-actions{display:flex;align-items:center;gap:1rem}.cinematic-top-next{border:1px solid #e5bb6e80;background:#07131fcb;color:#e5bb6e;padding:.8rem 1rem;min-height:44px;font:600 .7rem "DM Sans",sans-serif;cursor:pointer}.cinematic-top-next[hidden]{display:none}.cinematic-top-next:focus-visible{outline:3px solid #fff;outline-offset:4px}.cinematic-global-status{position:fixed;z-index:45;top:80px;inset-inline:0;margin:0;padding:.8rem 1.5rem;color:#f8ecd5;background:#07131ff2;border-bottom:1px solid #e5bb6e40;font:.8rem/1.5 "DM Sans",sans-serif;text-align:center}.cinematic-global-status:empty{display:none}
@media(max-width:600px){.cinematic-gate{padding:5rem 1.25rem}.cinematic-gate button{width:100%;max-width:340px}}
@media(max-width:600px){.cinematic-header-actions{gap:.6rem}.cinematic-top-next{font-size:.62rem;padding:.7rem}.story-header .story-brand span{display:none}.cinematic-global-status{top:70px}}
@media(prefers-reduced-motion:reduce){.cinematic-chapter{scroll-behavior:auto}}