/* One centered play glyph, with no inherited optical translations. */
.play-icon .icon,.poster-play .icon,.poster-play svg{transform:none!important;translate:none!important}
.play-icon{line-height:0}.poster-play{line-height:0}.poster-play .icon{display:block;margin:0}
html{scrollbar-gutter:stable}
#demo-dialog{position:fixed;inset:0;margin:0;padding:0;width:100%;height:100dvh;max-width:none;max-height:none;border:0;border-radius:0;background:#130910f5;color:#f7eaf0;overflow:auto;outline:none}
#demo-dialog:not([open]){display:none}#demo-dialog[open]{display:grid;place-items:center;isolation:isolate;width:100vw}
#demo-dialog::backdrop{background:#090408bb;backdrop-filter:blur(14px);animation:cinema-backdrop .28s ease-out both}
.cinema-top{position:absolute;top:30px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:start;gap:25px;z-index:2}
.cinema-eyebrow{font-size:8px;letter-spacing:2px;color:#c99bb1;margin-bottom:8px;line-height:1.5}
#demo-dialog .cinema-top h2{font:italic 31px/1.1 Instrument,Georgia,serif;letter-spacing:-.7px;color:#f4dce6}
#demo-dialog .close-demo{width:44px;height:44px;min-width:44px;display:grid;place-items:center;padding:0;border:1px solid #82506b;border-radius:9px;background:#2d1725;line-height:0;transition:background .2s}
#demo-dialog .close-demo:hover{background:#573047}#demo-dialog .close-demo .icon{width:19px;height:19px;margin:0;transform:none}
.cinema-shell{--film-height:min(72dvh,760px);width:min(420px,calc(100vw - 48px));padding-top:25px;position:relative;z-index:1;transform-origin:center}
.cinema-frame{position:relative;height:var(--film-height);width:calc(var(--film-height)*.5625);max-width:100%;margin-inline:auto;border:1px solid #a56c86;border-radius:11px;overflow:hidden;box-shadow:0 30px 90px #0008;background:#180c14;aspect-ratio:9/16}
#demo-dialog video{display:block;width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:9/16;object-fit:contain;margin:0;cursor:pointer;background:#180c14}
.cinema-controls{display:flex;align-items:center;gap:8px;min-height:52px;width:100%;margin-top:13px;padding:0 3px;border-bottom:1px solid #70425970}
.cinema-controls button{width:44px;min-width:44px;height:44px;padding:0;display:grid;place-items:center;background:none;border:0;border-radius:6px;line-height:0;color:#f0c9db;transition:background .2s}
.cinema-controls button:hover{background:#513047}.cinema-controls .icon{width:18px;height:18px;display:block;transform:none}
.cinema-time{display:flex;gap:6px;align-items:center;white-space:nowrap;font-size:10px;line-height:1;font-variant-numeric:tabular-nums;color:#eed5df}.time-separator{color:#a6768e}
.cinema-seek{appearance:none;-webkit-appearance:none;display:block;min-width:35px;flex:1;height:44px;margin:0 6px;cursor:pointer;background:transparent;border:0;padding:0}
.cinema-seek::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to right,#e3a4bd var(--film-progress,0%),#694257 var(--film-progress,0%))}
.cinema-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:9px;height:9px;border-radius:2px;background:#f3c7d9;margin-top:-3px;border:0}
.cinema-seek::-moz-range-track{height:3px;background:#694257}.cinema-seek::-moz-range-progress{height:3px;background:#e3a4bd}.cinema-seek::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:2px;background:#f3c7d9}
.cinema-caption{display:flex;justify-content:space-between;gap:20px;margin-top:14px;font-size:9px;color:#cea2b7;line-height:1.6}.cinema-caption>span{color:#a77d92}
#demo-dialog.is-closing{animation:cinema-close .22s ease-in both}#demo-dialog.is-closing::backdrop{animation:cinema-backdrop .22s ease-in reverse both}
.cinema-frame:fullscreen{width:100vw;height:100vh;border:0;border-radius:0;display:grid;place-items:center;background:#10080d}.cinema-frame:fullscreen video{width:100%;height:100%;object-fit:contain}
.page-flow{position:absolute;left:0;top:0;width:100%;pointer-events:none;z-index:2;overflow:clip;contain:layout style}
.page-flow svg{display:block;width:100%;height:100%;overflow:hidden}.flow-strand{fill:none;stroke:#a45174;stroke-width:.8;opacity:.48;vector-effect:non-scaling-stroke}.flow-drift{fill:none;stroke:#e2a1be;stroke-width:1;stroke-dasharray:55 520;stroke-linecap:round;opacity:.45;animation:current-drift 15s linear infinite;vector-effect:non-scaling-stroke}.flow-active{fill:none;stroke:#f0b9d1;stroke-width:2.4;stroke-linecap:round;opacity:.85;vector-effect:non-scaling-stroke}
@keyframes cinema-backdrop{from{opacity:0}to{opacity:1}}@keyframes cinema-close{from{opacity:1}to{opacity:0}}@keyframes current-drift{to{stroke-dashoffset:-575}}
@media(max-width:760px){.cinema-top{top:22px;left:23px;right:23px}#demo-dialog .cinema-top h2{font-size:27px}.cinema-eyebrow{font-size:7px;letter-spacing:1.6px;margin-bottom:6px}.cinema-shell{--film-height:min(65dvh,calc(100dvh - 205px));padding-top:30px;width:calc(100vw - 48px);max-width:365px}.cinema-frame{border-radius:8px}.cinema-controls{gap:4px;padding:0;margin-top:10px}.cinema-controls button{min-width:44px;width:44px}.cinema-time{font-size:9px;gap:4px}.cinema-seek{margin:0 5px}.cinema-caption{font-size:8px;gap:15px;margin-top:12px}.flow-strand{stroke-width:.6;opacity:.55}.flow-active{stroke-width:1.6}.flow-drift{opacity:.6;stroke-width:.8}}
@media(max-height:650px) and (min-width:761px){.cinema-top{top:22px;left:25px;right:25px}.cinema-shell{--film-height:calc(100dvh - 145px);padding-top:15px}.cinema-controls{margin-top:5px;min-height:46px}.cinema-caption{margin-top:7px}}
@media(prefers-reduced-motion:reduce){#demo-dialog,#demo-dialog::backdrop{animation:none!important}.flow-drift{animation:none!important}.flow-active{opacity:.5}}
.cinema-controls button[aria-pressed=true]{background:#5c314a;color:#ffe2ef}
.cinema-shell:fullscreen{--film-height:calc(100dvh - 150px);width:100vw;height:100dvh;max-width:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;background:#130910}
.cinema-shell:fullscreen .cinema-frame{flex:none}.cinema-shell:fullscreen .cinema-controls,.cinema-shell:fullscreen .cinema-caption{width:min(420px,calc(100vw - 48px));flex:none}.cinema-controls button:disabled{opacity:.35;cursor:default}
@media(max-width:360px){.cinema-time .time-separator,.cinema-time [data-film-duration]{display:none}.cinema-controls{gap:2px}.cinema-seek{margin-inline:3px}}
.liquid-ribbon .ribbon-surface{opacity:.9}.ribbon-edge{fill:none;stroke:#d995b6;stroke-width:.7;opacity:.55}.liquid-ribbon .flow-strand{stroke:#bc7899;stroke-width:.7;opacity:.6}.ribbon-sheen{fill:none;stroke:#f3c7dc;stroke-width:1;opacity:.6}.ribbon-secondary{stroke:#e0a0bf;stroke-width:.6;opacity:.45}.liquid-ribbon .ribbon-drift{stroke-width:2.1;opacity:.7;stroke-dasharray:100 800;animation:liquid-sheen 18s linear infinite}.liquid-ribbon .ribbon-active{stroke-width:3.2;stroke:#ffe1ed;opacity:.8}
@keyframes liquid-sheen{to{stroke-dashoffset:-900}}
@media(prefers-reduced-motion:reduce){.liquid-ribbon .ribbon-drift{animation:none!important}}
.film-status{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#160b12bd;color:#f3d7e4;text-align:center;padding:25px;font-size:12px;line-height:1.7;backdrop-filter:blur(4px)}.film-status[hidden]{display:none}.film-loading-bar{width:70px;height:2px;overflow:hidden;background:#704458}.film-loading-bar:before{content:'';display:block;width:40%;height:100%;background:#f0bfd5;animation:film-loading 1.3s ease-in-out infinite}.film-status.needs-action .film-loading-bar{display:none}.film-status button{border:1px solid #dba1bc;background:#e4b2c8;color:#381626;border-radius:6px;min-height:44px;padding:11px 20px;font-size:12px}.film-status a{font-size:11px;text-decoration:underline;text-underline-offset:5px;min-height:44px;display:flex;align-items:center}.film-status [hidden]{display:none!important}
@keyframes film-loading{0%,100%{transform:translateX(-90%)}50%{transform:translateX(240%)}}
@media(prefers-reduced-motion:reduce){.film-loading-bar:before{animation:none}}

/* Leave a deliberate liquid margin through the editorial chapters. */