.river-cinema{color:var(--forest-deep);background:#eee7d8;padding-block:clamp(2.5rem,5vw,5rem)}.river-cinema-header{margin-bottom:1.5rem}.river-cinema-header h2{max-width:800px;margin-bottom:.5rem}.river-cinema-header p{color:var(--ink-soft)}.river-cinema-scene{isolation:isolate;background:#655e47;border-radius:8px;width:100%;position:relative;overflow:hidden}.river-cinema-backdrop{width:100%;height:auto;display:block}.river-cinema-screen{z-index:1;color:#fff;cursor:pointer;background:#0d1714;border:0;place-items:center;padding:0;display:grid;position:absolute;overflow:hidden;box-shadow:inset 0 0 12px #0008}.river-cinema-screen--tv{border-radius:7%/9%;width:28.25%;height:30.45%;top:37.1%;left:18.15%}.river-cinema-screen--phone{clip-path:polygon(2.46% 0%,100% .5%,99.18% 100%,0% 97.5%);width:7.94271%;height:19.5313%;top:63.8672%;left:75.3255%}.river-cinema-poster{object-fit:contain;opacity:.92;width:100%;height:100%;transition:opacity .18s;position:absolute;inset:0}.river-cinema-screen:after{content:"";pointer-events:none;opacity:.14;background:linear-gradient(140deg,#fffa 0%,#0000 18% 75%,#0004);position:absolute;inset:0}.river-cinema-play{z-index:2;aspect-ratio:1;color:#fff;background:#102c22dd;border:1px solid #fff9;border-radius:50%;place-items:center;width:clamp(30px,5vw,60px);transition:transform .18s;display:grid;position:relative;box-shadow:0 2px 16px #0008}.river-cinema-play svg{fill:currentColor;width:42%;height:42%}.river-cinema-screen--phone .river-cinema-play{width:clamp(24px,3.3vw,40px)}.river-cinema-screen:hover .river-cinema-poster{opacity:1}.river-cinema-screen:hover .river-cinema-play{transform:scale(1.08)}.river-cinema-screen:focus-visible{outline-offset:-4px;outline:4px solid #fff6a3}.river-cinema-caption{color:var(--ink-soft);text-align:right;margin-top:.55rem;font-size:.8rem}.river-cinema-records{grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3rem);margin-block:1.2rem 2rem;display:grid}.river-cinema-record{border-top:1px solid #25483540;min-width:0;padding-top:1rem}.river-cinema-record h3{font:600 clamp(1.3rem, 2.5vw, 1.75rem)/1.25 var(--display);margin-block:.2rem .65rem}.river-cinema-record p{color:var(--ink-soft)}.river-cinema-record .kicker{margin-bottom:.25rem;font-size:.78rem}.river-cinema-record .field-film-date{color:var(--ink-soft);margin-top:.5rem;display:block}.river-cinema-actions{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-block:.85rem;display:flex}.river-cinema-watch{border:1px solid var(--forest);background:var(--forest);color:#fff;min-height:44px;font:700 .95rem var(--body);cursor:pointer;border-radius:999px;align-items:center;padding:.55rem 1rem;text-decoration:none;display:inline-flex}.river-cinema-watch:hover{background:var(--forest-deep)}.river-cinema-actions a{align-items:center;min-height:44px;font-size:.9rem;display:inline-flex}:is(.river-cinema-watch:focus-visible,.river-cinema-close:focus-visible){outline:3px solid var(--clay);outline-offset:3px}.river-cinema-dialog{color:#f8f4ec;background:#11271e;border:1px solid #fff3;border-radius:12px;width:min(960px,100vw - 2rem);max-height:calc(100dvh - 2rem);margin:auto;padding:1.25rem;overflow:auto;box-shadow:0 20px 90px #0009}.river-cinema-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#050c09dc}.river-cinema-dialog-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.river-cinema-dialog-header h2{color:#f8f4ec;font-size:clamp(1.1rem,3vw,1.75rem)}.river-cinema-close{color:#fff;min-width:44px;min-height:44px;font:600 .9rem var(--body);cursor:pointer;background:0 0;border:1px solid #fff6;border-radius:6px;flex-shrink:0;padding:.5rem .75rem}.river-cinema-player{aspect-ratio:16/9;background:#000;border:0;width:100%;height:auto;min-height:200px;display:block}.river-cinema-dialog--portrait{width:min(520px,100vw - 2rem)}.river-cinema-player--portrait{aspect-ratio:9/16;width:min(100%,56.25dvh - 6.1875rem);min-height:0;margin-inline:auto}.river-cinema-fallback{margin-top:.5rem}.river-cinema-fallback a{color:#f8f4ec;align-items:center;min-height:44px;display:inline-flex}@media (max-width:650px){.river-cinema-records{grid-template-columns:1fr;gap:1rem}.river-cinema-scene{border-radius:4px}.river-cinema-caption{text-align:left;font-size:.75rem}.river-cinema-dialog{width:calc(100vw - 1rem);padding:.65rem}.river-cinema-dialog-header{align-items:flex-start;gap:.5rem}}@media (prefers-reduced-motion:reduce){.river-cinema-poster,.river-cinema-play{transition:none}}