/* Film finishing: twelve material systems, preserving the original edit.
   Avoid global scene animations: physical motion belongs to the object. */
.cine .r-meta,.cine .r-count{font-size:max(8px,1.05cqw)}
.cine .r-meta{letter-spacing:.18em}
.cine .r-k{letter-spacing:.18em}
.cine .r-p,.cine .r-list li{position:relative;z-index:1}

/* 01 / Drafting paper, glass, ink. */
.cine.t-blueprint{background:linear-gradient(#1f2d4409 1px,transparent 1px) 0 0/4cqw 4cqw,linear-gradient(90deg,#1f2d4409 1px,transparent 1px) 0 0/4cqw 4cqw,radial-gradient(ellipse at 15% 0,#fffdf4,#ece4d4 90%)}
.cine.t-blueprint::before{inset:2.4cqw;box-shadow:inset 0 0 0 .7cqw #f5efe1,inset 0 0 0 .8cqw #1f2d4433}
.cine.t-blueprint .r-title{isolation:isolate}
.cine .cine-drafting{position:absolute;right:4cqw;bottom:5cqw;width:29cqw;height:35cqw;fill:none;stroke:#263d5980;stroke-width:1;stroke-linejoin:round;z-index:-1}
.cine.t-blueprint .r-title .r-t{max-width:72cqw;text-shadow:0 1px 0 #fff9}
.cine.t-blueprint .bp-board{filter:drop-shadow(1cqw 1cqw 0 #1f2d440b)}
.cine .cine-glazing{fill:#7d99a616;stroke:none}
.cine .cine-glass-light{stroke:#fffdf0;stroke-width:5;opacity:.9}
.cine.t-blueprint .bp-sheet{background:linear-gradient(110deg,#fffef8,#ede6d8);border-color:#1f2d4466;box-shadow:.4cqw .4cqw 0 #d9d0bf,.45cqw .45cqw 0 #64708455,0 2cqw 3cqw -1.8cqw #1f2d4466}
.cine.t-blueprint .bp-sheet::after{content:'';position:absolute;right:1cqw;bottom:1cqw;width:5cqw;height:5cqw;border:1px solid #a44c3544}
.cine.t-blueprint .bp-sync{height:.6cqw;background:linear-gradient(90deg,#a44c35,#dc815c 78%,#fff2bc);box-shadow:0 0 1.6cqw #b5532f88}
.cine.t-blueprint .bp-rev{border-style:double;box-shadow:0 .15cqw 0 #a44c351a;color:#a44c35;max-width:35cqw;white-space:normal;text-align:center}

/* 02 / Mechanical split-flap board; approved study's physical details. */
.cine.t-board{background:radial-gradient(ellipse at 55% 5%,#45351e77,transparent 55%),radial-gradient(ellipse at 5% 90%,#27312c66,transparent 60%),#0b100e}
.cine.t-board::before{content:'';position:absolute;inset:1.8cqw;z-index:3;border:1px solid #e8b34e2b;pointer-events:none}
.cine.t-board::after{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 4px)}
.cine.t-board .r-meta,.cine.t-board .r-count{color:#d3bb8c}
.cine.t-board .r-bar>i{box-shadow:0 0 1.1cqw #efb83c66}
.cine.t-board .r-title{perspective:100cqw}
.cine.t-board .r-title::before{content:'';position:absolute;left:-10%;right:-10%;bottom:5%;height:24%;rotate:-10deg;background:repeating-linear-gradient(90deg,#e3b34709 0 5cqw,transparent 5cqw 6cqw);border-block:1px solid #f1b63c18}
.cine.t-board .r-ch{border:1px solid #f4b63c14;border-top-color:#f4b63c35;background:linear-gradient(#303327,#141914 48%,#080b08 49%,#24281f);box-shadow:0 .5cqw 0 #020503,0 1cqw 1.8cqw #0007,inset 0 1px 0 #f4b63c35;text-shadow:0 0 1.6cqw #f4b63c33;transform-origin:center 48%}
.cine.t-board .r-ch::after{box-shadow:0 1px 0 #fff1}
.cine.t-board .r-k{color:#e7c987}
.cine.t-board .bd-stage{perspective:100cqw;position:relative;gap:2.4cqw}
.cine.t-board .bd-stage::after{content:'';position:absolute;left:8%;right:8%;height:14%;bottom:-16%;background:radial-gradient(ellipse,#e6ac3b1e,transparent 70%)}
.cine.t-board .bd-req{z-index:2;padding:2.4cqw;background:linear-gradient(145deg,#292e23,#111810 80%);border-color:#e9ba5755;box-shadow:0 2cqw 4cqw -1.5cqw #000b,inset 0 1px 0 #f4b63c22;font-size:max(9px,1.7cqw)}
.cine.t-board .bd-l{rotate:-3deg}.cine.t-board .bd-r{rotate:3deg}
.cine.t-board .bd-unit{position:relative;z-index:2;min-height:26cqw;padding:1.7cqw 1.1cqw;gap:1cqw;border:1px solid #f2be5c;background:linear-gradient(150deg,#5a4b2d,#1b2319 52%,#0b100a);rotate:-2deg;box-shadow:1cqw 1cqw 0 #050a05,1.1cqw 1.1cqw 0 #d9a24966,0 0 4cqw #eeb4491c,inset 0 0 4cqw #f1c77111}
.cine.t-board .bd-unit b{font-size:4.8cqw;letter-spacing:.02em}.cine.t-board .bd-unit small{font-size:max(7px,1.1cqw);letter-spacing:.09em}
.cine .cine-machine{width:16cqw;height:9cqw;margin:0 auto;fill:none;stroke:#e4c486;stroke-width:1.4;stroke-linejoin:round}
.cine .cine-routes{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible;fill:none;stroke:#f5c66b;stroke-width:1.2;stroke-dasharray:5 4;opacity:.6}
.cine.t-board .bd-stamp{background:#e8bb65;color:#152015;border:1px solid #ffdf98;box-shadow:0 1cqw 3cqw #0008;font-size:max(7px,1.05cqw);letter-spacing:.07em;padding:1cqw .5cqw}
.cine.t-board .bd-rows{position:relative;gap:1.4cqw;padding:1cqw 0 1cqw 3cqw;border-left:1px solid #e1b65944;perspective:90cqw}
.cine.t-board .bd-rows li{position:relative;background:linear-gradient(100deg,#e9bf5c12,#171e15);border:1px solid #c7aa622b;border-left:2px solid #dcb351;padding:1.5cqw 1.6cqw;box-shadow:0 1cqw 2cqw -1cqw #000a}
.cine.t-board .bd-rows li::before{content:'';position:absolute;left:-4cqw;top:50%;width:1.4cqw;height:1.4cqw;border-radius:50%;background:#f1c56c;box-shadow:0 0 2cqw #f1c56c66}
.cine.t-board .bd-rows em{border:1px solid #f4b63c44;background:#111a0f;color:#f2c779;padding:.7cqw 1cqw;min-width:11cqw;text-align:center}
.cine.t-board .r-end .r-t-end{color:#f4cd82;text-shadow:0 0 3cqw #f4b63c18}

/* 03 / Field survey: contour ink, pins, translucent evidence sleeves. */
.cine.t-terrain{background:radial-gradient(ellipse at 80% 0,#31584377,transparent 65%),linear-gradient(145deg,#173a2d,#0b231c)}
.cine.t-terrain .r-decor{opacity:.75}
.cine .cine-contours{position:absolute;inset:8% -5%;width:110%;height:85%;fill:none;stroke:#bcd58c22;stroke-width:.6;pointer-events:none}
.cine.t-terrain .tr-grid,.cine.t-terrain .tr-legend{position:relative;z-index:1}
.cine.t-terrain .tr-dot:not(.is-miss){background:radial-gradient(circle at 35% 28%,#fcffe1,#c8e675 45%,#83a944 90%);box-shadow:0 0 1.6cqw #c8e26b88,0 0 0 .35cqw #c8e26b12,0 .4cqw .9cqw #0007}
.cine.t-terrain .tr-dot.is-miss{border-color:#edb68d;background:transparent}
.cine.t-terrain .tr-card{background:linear-gradient(135deg,#e4f1bf0b,#0c241ee6);border-color:#c8e26b55;box-shadow:.5cqw .7cqw 0 #071b1455,0 2cqw 3cqw -2cqw #0009}
.cine.t-terrain .tr-card::after{content:'';position:absolute;top:1cqw;right:1cqw;width:4cqw;height:4cqw;border-top:1px solid #e8f5b866;border-right:1px solid #e8f5b866}
.cine.t-terrain .tr-card b{background:#b8d9800a;box-shadow:inset 0 0 0 .55cqw #0c241e,0 0 0 1px #c8e26b33}

/* 04 / Surveyed steel: painted yellow, inset panels, node washers. */
.cine.t-hazard{background:linear-gradient(120deg,#f6ca43,#eab321 55%,#dca01b)}
.cine.t-hazard .r-decor{inset:6cqw;border:1px solid #1112;background:linear-gradient(90deg,transparent calc(100% - 1px),#1111 100%) 0 0/10cqw 100%}
.cine.t-hazard .r-title .r-t{text-shadow:.15cqw .15cqw 0 #ffe494}
.cine.t-hazard .hz-net{background:linear-gradient(#1111 1px,transparent 1px) 0 0/5cqw 5cqw,linear-gradient(90deg,#1111 1px,transparent 1px) 0 0/5cqw 5cqw}
.cine.t-hazard .hz-node{background:radial-gradient(circle at 32% 28%,#6c6546,#111 60%);box-shadow:0 0 0 .6cqw #eab321,0 0 0 .95cqw #242315,.45cqw .6cqw 0 1cqw #1113}
.cine.t-hazard .hz-tag{box-shadow:.35cqw .35cqw 0 #1113;letter-spacing:.06em;max-width:36cqw;white-space:normal}
.cine.t-hazard .hz-cov{padding:1cqw;background:#1112;border:1px solid #1114;box-shadow:inset .4cqw .4cqw 1cqw #1112}
.cine.t-hazard .hz-cell.s3{background:linear-gradient(135deg,#36372a,#111);box-shadow:.25cqw .3cqw 0 #1117}

/* 05 / Browser chrome and optically sharp screen layers. */
.cine.t-browser{background:radial-gradient(ellipse at 10% 10%,#fcfbf7,#deded9 95%)}
.cine.t-browser .r-decor,.cine.t-browser .r-decor::before,.cine.t-browser .r-decor::after{border-inline:1px solid #1d1d1f22;border-bottom:1px solid #1d1d1f22;box-shadow:.4cqw .5cqw 0 #1d1d1f10,0 3cqw 4cqw -2.7cqw #1d1d1f80}
.cine.t-browser .br-win,.cine.t-browser .br-page{border:1px solid #a4a9b0;box-shadow:0 .5cqw 0 #c8cbd0,0 2.3cqw 4cqw -2.3cqw #20263880;overflow:hidden}
.cine.t-browser .br-bar{margin-inline:-3cqw;padding:1.5cqw 3cqw;background:linear-gradient(#f5f5f4,#e3e4e4);border-bottom:1px solid #c4c8cb}
.cine.t-browser .br-bar span{box-shadow:inset 0 1px 1px #0003}
.cine.t-browser .br-search{margin-top:2cqw;border-color:#c2c8d1;box-shadow:inset 0 .25cqw .5cqw #2538580a}
.cine.t-browser .br-chart{stroke:#315bd8;stroke-width:2.1}
.cine.t-browser .br-block{border:1px solid #fff8;box-shadow:0 .5cqw 1.4cqw #23325822}
.cine.t-browser .br-langs{background:#f3f5fa;border-color:#d3d8e4}

/* 06 / Rental cycle as an industrial instrument. */
.cine.t-cycle{background:radial-gradient(ellipse at 75% 35%,#254666,#0c1c32 85%)}
.cine.t-cycle .cy-ring{isolation:isolate}
.cine.t-cycle .cine-dial{position:absolute;inset:-14%;width:128%;height:128%;stroke:#bdcbdc88;stroke-width:.65;z-index:-1}
.cine.t-cycle .cy-ring::after{content:'';position:absolute;inset:28%;border:1px solid #b9c9dc55;border-radius:50%;background:radial-gradient(circle at 35% 30%,#476079,#142842 72%);box-shadow:0 .7cqw 1.5cqw #0005;z-index:-1}
.cine.t-cycle .cy-orbit i{background:radial-gradient(circle at 30% 25%,#ffd3a0,#ff6b1a 55%,#b6410f);box-shadow:0 0 0 .45cqw #ff6b1a22,0 0 2cqw #ff6b1a66}
.cine.t-cycle .cy-gantt{padding:1cqw;border:1px solid #e0e9f21a;box-shadow:inset 0 1cqw 2cqw #030d1d55}
.cine.t-cycle .cy-bar{background:linear-gradient(#8299b3,#435c78);box-shadow:0 .4cqw .7cqw #0005}
.cine.t-cycle .cy-fix{border:1px solid #ffb47e;box-shadow:0 .4cqw .7cqw #0007}
.cine.t-cycle .cy-now{box-shadow:0 0 1cqw #ff6b1a88}

/* 07 / Account book, carbon copy, inspection ink. */
.cine.t-ledger{background:linear-gradient(90deg,transparent 6.6cqw,#b3261e66 6.6cqw 6.8cqw,transparent 6.8cqw),repeating-linear-gradient(transparent 0 4.6cqw,#3c6e462b 4.6cqw 4.75cqw),linear-gradient(100deg,#f6f7eb,#e8edda)}
.cine.t-ledger .r-ch{text-shadow:.06cqw .08cqw 0 #1f2a1f33}
.cine.t-ledger .lg-rows{background:#fffef333;border-top:1px solid #3c6e4640}
.cine.t-ledger .lg-rows li{background:linear-gradient(90deg,#fffef322,transparent);border-bottom-color:#3c6e4666}
.cine.t-ledger .lg-rows em{box-shadow:inset 0 0 0 .25cqw #f5f7eb;color:#344c33}
.cine.t-ledger .lg-doc{background:linear-gradient(95deg,#e6e3d4 0 2%,#fffef7 3% 96%,#efebdf);box-shadow:.5cqw .5cqw 0 #dce0cb,.55cqw .55cqw 0 #5c6c5033,0 2cqw 3cqw -2cqw #24351c88}
.cine .cine-perforation{position:absolute;top:0;bottom:0;left:.8cqw;width:.8cqw;background:radial-gradient(circle,#8a927d77 .28cqw,transparent .32cqw) 0 1.1cqw/.8cqw 3cqw}
.cine.t-ledger .lg-stamp{border-style:double;text-shadow:.08cqw .04cqw 0 #b3261e55;background:#f5f4e944}
.cine.t-ledger .lg-hit{background:#b3261e08}

/* 08 / Recessed LCD, moulded shell, rubber key travel. */
.cine.t-calc{background:linear-gradient(145deg,#343a42,#1b2025 70%)}
.cine.t-calc .r-t.is-lettered,.cine.t-calc .ca-lcd{border:1px solid #111a10;border-top:2px solid #0a100b;box-shadow:inset 0 .6cqw 1cqw #0009,0 1px 0 #7e8b7480;background:linear-gradient(110deg,#101d12,#162819)}
.cine.t-calc .r-ch,.cine.t-calc .ca-lcd b{text-shadow:.15cqw .15cqw 0 #263d20,0 0 1cqw #9be36f44}
.cine.t-calc .ca-body{padding:2.2cqw;border:1px solid #525b64;border-radius:1.4cqw;background:linear-gradient(135deg,#3b4249,#262e36);box-shadow:0 .65cqw 0 #0b1117,0 2cqw 3cqw -2cqw #000b}
.cine.t-calc .ca-key{position:relative;background:linear-gradient(#5b6269,#333a43);border:1px solid #1c252d;border-top-color:#808890;box-shadow:0 .5cqw 0 #111820,inset 0 1px 0 #b9c1c933}
.cine.t-calc .ca-key::after{content:'';position:absolute;width:20%;height:1px;background:#d4dacb66;left:40%;top:45%}
.cine.t-calc .ca-checks svg{background:#9be36f0a;box-shadow:inset 0 .25cqw .5cqw #0005}

/* 09 / Cork, adhesive tape and curled paper, not a screen. */
.cine.t-kanban{background:radial-gradient(#5b422825 1px,transparent 1.6px) 0 0/1.2cqw 1.2cqw,radial-gradient(#f9e6ba33 1px,transparent 1.6px) .6cqw .6cqw/1.8cqw 1.8cqw,linear-gradient(130deg,#caae86,#b58e60)}
.cine.t-kanban .r-t{background:linear-gradient(130deg,#fff095,#ead35f);box-shadow:.4cqw .7cqw 0 #61452633,0 2.5cqw 3cqw -2cqw #38291099}
.cine.t-kanban .r-decor{border-inline:1px solid #fff6;background:linear-gradient(90deg,#fff7,#fff3 40%,#fff6);box-shadow:0 1px 0 #4d3c2822}
.cine.t-kanban .kb-col{border-top-color:#342a1f99;background:linear-gradient(#fff1,transparent 80%)}
.cine.t-kanban .kb-card{box-shadow:.3cqw .4cqw 0 #5e402c22,0 1.8cqw 2.5cqw -1.6cqw #3d2719bb;border-bottom:1px solid #0002}
.cine.t-kanban .kb-card::after{content:'';position:absolute;right:0;bottom:0;width:3cqw;height:3cqw;background:linear-gradient(135deg,#0001,#fff6 49%,#0002 51%);clip-path:polygon(0 100%,100% 0,100% 100%)}
.cine.t-kanban .kb-slip{border:1px solid #fff7;background:linear-gradient(95deg,#fffdf3,#f1eadb);box-shadow:.3cqw .3cqw 0 #f2eadb,0 2cqw 3cqw -1.8cqw #442b1980}
.cine.t-kanban .kb-po{border-style:double;background:#fff9ee33;text-shadow:.06cqw .08cqw #b3261e44}

/* 10 / Editorial stock, registration marks and precise print cuts. */
.cine.t-editorial{background:linear-gradient(105deg,#fbf9f3,#efebe1)}
.cine.t-editorial .r-title .r-t{text-shadow:.08cqw .06cqw #d4351c20}
.cine.t-editorial .ed-tile{background:#fffef8;box-shadow:.2cqw .3cqw 0 #b5b0a422,0 1.2cqw 2cqw -1.5cqw #1d1b1844;padding:1.8cqw}
.cine .cine-crop{position:absolute;inset:-.8cqw;width:calc(100% + 1.6cqw);height:calc(100% + 1.6cqw);fill:none;stroke:#d4351c66;stroke-width:.6;pointer-events:none}
.cine.t-editorial .ed-dot{box-shadow:0 0 0 .4cqw #fffef8}
.cine.t-editorial .ed-tray{background:linear-gradient(#e7e2d7,#fffdf7 12%);border-bottom-width:.5cqw;box-shadow:0 .8cqw 1.4cqw -1cqw #0005}
.cine.t-editorial .ed-inq{box-shadow:0 .4cqw .8cqw #1d1b1814;background:#fffaf0}

/* 11 / Swatch deck and ink: tactile colour, never frosted purple glass. */
.cine.t-studio{background:radial-gradient(ellipse at 85% 70%,#643755,#2a1830 80%)}
.cine.t-studio .r-decor,.cine.t-studio .r-decor::before,.cine.t-studio .r-decor::after{border-top:1px solid #fff7;border-right:1px solid #fff3;box-shadow:.3cqw .4cqw 0 #1b0d2077,0 2.5cqw 4cqw -2.3cqw #0a041499}
.cine.t-studio .r-decor::after{box-shadow:.3cqw .4cqw 0 #1b0d20aa,0 2cqw 3cqw -2cqw #000a}
.cine.t-studio .st-aa{text-shadow:.18cqw .22cqw 0 #1b0d2055}
.cine.t-studio .st-chip{border:1px solid #fff3;box-shadow:.25cqw .4cqw 0 #160a1b99,inset 0 .35cqw .5cqw #fff3}
.cine.t-studio .st-tile{border:1px solid #fff3;box-shadow:0 .45cqw 0 #160a1b66}
.cine.t-studio .st-card{border-top:1px solid #ffcba6;border-right:1px solid #ffcba688;box-shadow:.3cqw .5cqw 0 #160a1b88,0 1.8cqw 2.5cqw -1.5cqw #0009}
.cine.t-studio .st-stage i{box-shadow:0 0 0 .7cqw #f6ece608}
.cine.t-studio .st-ok{box-shadow:.2cqw .3cqw 0 #c498a7,0 .8cqw 1.5cqw #0004}

/* 12 / Mail trays and envelopes; an illuminated electronic-ink summary. */
.cine.t-inbox{background:radial-gradient(ellipse at 75% 5%,#51406a55,transparent 60%),linear-gradient(140deg,#151221,#090c15)}
.cine.t-inbox .ib-lane{border-color:#b5a4ed4d;background:linear-gradient(130deg,#b8a1f40e,#0d112380);box-shadow:inset 0 1px 0 #d9cbff1a,0 1cqw 2cqw -1.5cqw #0009}
.cine.t-inbox .ib-mail{border:1px solid #b4a1ef33;border-top-color:#cbbaff66;background:linear-gradient(145deg,#393047,#211d30 65%);box-shadow:.2cqw .35cqw 0 #080d18,0 1.4cqw 2cqw -1.3cqw #000a}
.cine .cine-envelope{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#d1c4fb22;stroke-width:.7;pointer-events:none}
.cine.t-inbox .ib-mail>i{position:relative;z-index:1}
.cine.t-inbox .ib-bubble{background:linear-gradient(120deg,#292238,#181a2a);border-top-color:#d0baff77;box-shadow:0 .5cqw 0 #0a0d18,0 1.6cqw 3cqw -2cqw #000a}
.cine.t-inbox .ib-txt{background:linear-gradient(90deg,#d3c2fc,#a18bdf)}
.cine.t-inbox .ib-chip{background:#211d30;border-color:#a994e966;box-shadow:0 .3cqw 0 #090d17}

/* Five original brand-film shots, with local optical finishing. */
.cine-film{background:radial-gradient(ellipse at 10% 5%,#2f3225,#0e140f 58%,#080c09);box-shadow:0 2cqw 5cqw -3cqw #10201699}
.cine-film::after{background:repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 4px)}
.cine-film .mm-corner{border-color:#e9bd5f77}
.cine-film .mm-big{text-shadow:.06cqw .08cqw 0 #0008}
.cine-film .mm-s1{isolation:isolate}
.cine-film .cine-first-light{position:absolute;right:2cqw;bottom:7cqw;width:35cqw;height:24cqw;fill:none;stroke:#bfa86e44;stroke-width:.7;z-index:-1}
.cine-film .mm-rule{height:2px;background:linear-gradient(90deg,#e9bd5f,#eed4a488,transparent);box-shadow:0 1px 0 #eed4a422}
.cine-film .mm-card{position:relative;isolation:isolate;background:linear-gradient(145deg,#363a2c,#141d15 75%);border-color:#c6b57544;border-top-color:#f0db9b66}
.cine-film .mm-card::after{content:'';position:absolute;inset:.2cqw -.35cqw -.4cqw .35cqw;border-right:.35cqw solid #080f0a;border-bottom:.4cqw solid #080f0a;background:transparent;box-shadow:0 2cqw 3cqw -2cqw #000a;z-index:-1;pointer-events:none}
.cine-film .mm-card::before{content:'';position:absolute;inset:0;border-top:1px solid #f0db9b55;pointer-events:none}
.cine-film .mm-card b{line-height:1.25;text-shadow:0 1px 0 #0008}
.cine-film .mm-card.is-last{background:linear-gradient(150deg,#584923,#1c2417 75%)}
.cine-film .mm-bar-track{background:#fff1;border-bottom:1px solid #e3d7ad1a}
.cine-film .mm-bar-fill{background:linear-gradient(#afb09f,#5a6757);box-shadow:0 .35cqw .7cqw #0004}
.cine-film .is-gold .mm-bar-fill{background:linear-gradient(#f9dfa0,#e3bc5d 45%,#a77525);box-shadow:0 1px 0 #fff4,0 .4cqw .7cqw #0004}
.cine-film .mm-bar-tag{background:#e8c777;color:#162011;border:1px solid #fae3a9;box-shadow:.25cqw .3cqw 0 #080e09}
.cine-film .mm-stream-plane{border-left:1px solid #bca96c44;background:linear-gradient(90deg,#d6c38d06,transparent 25%)}
.cine-film .mm-stream-track>div{padding-left:1.5cqw;border-bottom:1px solid #d0bd7a0c}
.cine-film .mm-stream-track .is-hot{background:#d0bd7a08;color:#f1d187}
.cine-film .mm-band{background:linear-gradient(180deg,#fff0c5,#e2b95d 16%,#f2d685 45%,#b88c34 90%,#fae3aa);border-block:1px solid #f6dd9c99;box-shadow:0 .6cqw 0 #382e1733,0 2cqw 3cqw -1.6cqw #000a}
.cine-film .mm-band-track{color:#222312;text-shadow:0 1px 0 #fae3aa44}

/* Distinct object physics. Nothing here changes scene count or duration. */
@keyframes cine-flap{0%{opacity:0;transform:perspective(40cqw) rotateX(-105deg)}50%{opacity:1;transform:perspective(40cqw) rotateX(13deg)}78%{transform:perspective(40cqw) rotateX(-5deg)}100%{opacity:1;transform:perspective(40cqw) rotateX(0)}}
@keyframes cine-draft{from{stroke-dashoffset:1;opacity:.15}to{stroke-dashoffset:0;opacity:1}}
@keyframes cine-route{to{stroke-dashoffset:-36}}
@keyframes cine-glass{from{opacity:0}to{opacity:.9}}
@keyframes cine-key{0%,100%{translate:0 0;scale:1}40%{translate:0 .35cqw;scale:.82;background:#8bac6a;box-shadow:0 .1cqw 0 #101815,inset 0 1px 0 #c9ecad55}}
@keyframes cine-paper{0%{rotate:calc(var(--cine-rest-angle,0deg) - 3deg)}65%{rotate:calc(var(--cine-rest-angle,0deg) + 1deg)}100%{rotate:var(--cine-rest-angle,0deg)}}
@media(prefers-reduced-motion:no-preference){
 .cine.t-board .mm-scene.is-active .r-ch{animation:cine-flap .55s cubic-bezier(.16,.8,.3,1) var(--d,0s) both}
 .cine.t-board .mm-scene.is-active .cine-routes{animation:cine-route 2.6s linear infinite}
 .cine.t-board .mm-scene.is-active .cine-machine{animation:rv-type 1.2s ease .3s both}
 .cine.t-blueprint .mm-scene.is-active .cine-drafting{stroke-dasharray:1;animation:cine-draft 1.4s ease .25s both}
 .cine.t-blueprint .mm-scene.is-active .cine-glass-light{animation:cine-glass .7s ease 1.2s both}
 .cine.t-calc .mm-scene.is-active .ca-key.a-press{animation:cine-key .42s ease var(--d,0s) both}
 .cine.t-kanban .mm-scene.is-active .kb-slip{animation:rv-move .9s var(--mm-ease-out) var(--d,0s) both,cine-paper .9s var(--mm-ease-out) var(--d,0s) both}
 .cine-film .mm-scene.is-active .cine-first-light{animation:rv-type 1.5s var(--mm-ease-out) .45s both}
}

/* Long copy keeps its existing type scale; give words safe wrap boundaries. */
:lang(zh) .cine .r-word{white-space:normal}
.cine .r-list li{overflow-wrap:anywhere}
.cine.mm-reel-hero .bd-unit{min-height:24cqw}
.cine.mm-reel-hero .cine-machine{height:8cqw}
@media(max-width:720px){
 .cine .r-meta,.cine .r-count{font-size:8px;letter-spacing:.1em}
 .cine.t-board .bd-unit{min-height:25cqw;padding:1.6cqw .7cqw;gap:.8cqw}
 .cine.t-board .bd-rows{gap:1.2cqw;padding-left:2cqw}
 .cine.t-board .bd-rows li{padding:1.3cqw 1.2cqw;gap:2cqw}
 .cine.t-board .bd-rows li::before{left:-3cqw;width:1.1cqw;height:1.1cqw}
 .cine.t-board .bd-rows em{min-width:10cqw;padding:.6cqw .7cqw}
 .cine.t-blueprint .bp-rev{max-width:38cqw;font-size:7px;white-space:normal}
 .cine.t-hazard .hz-tag{font-size:7px;max-width:40cqw}
 .cine.t-calc .ca-body{padding:1.6cqw;gap:2.4cqw}
 .cine.t-ledger .lg-rows li{height:auto;min-height:7cqw;padding-block:1.2cqw}
 .cine-film .cine-first-light{bottom:8cqw;width:48cqw;height:32cqw;opacity:.65}
 .cine-film .mm-card::after{right:-.4cqw;bottom:-.6cqw;border-right-width:.4cqw;border-bottom-width:.6cqw}
}
@media(prefers-reduced-motion:reduce){.cine *, .cine *::before,.cine *::after,.cine-film *,.cine-film *::before,.cine-film *::after{animation:none!important;transition:none!important}}