.mv-wrap{max-width:78rem;margin:0 auto;padding:8rem 1.5rem 6rem}.mv-head{text-align:center;margin-bottom:3.5rem}.mv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}@media(max-width:900px){.mv-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.mv-grid{grid-template-columns:1fr}}:root{--g: hsl(38 72% 66%);--gd: hsl(30 72% 48%);--gl: hsl(44 85% 84%)}.m-card{background:#0e1016;border:1px solid hsl(40 30% 90% / .09);border-radius:1rem;overflow:hidden;box-shadow:0 20px 50px -30px #000}.m-stage{height:210px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(120% 95% at 50% 15%,hsl(35 45% 20% / .35),transparent 62%),#0b0e13}.m-stage.holo:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:repeating-linear-gradient(0deg,transparent 0 2px,hsl(38 60% 60% / .05) 2px 3px);mix-blend-mode:screen;animation:holoScan 6s linear infinite}.m-stage.holo:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:radial-gradient(60% 60% at 50% 45%,transparent 55%,hsl(220 27% 4% / .6) 100%)}.m-stage.holo>*{position:relative;z-index:2;animation:holoFlick 5s steps(60) infinite}@keyframes holoScan{to{background-position:0 12px}}@keyframes holoFlick{0%,97%,to{opacity:1}98%{opacity:.86}99%{opacity:.95}}.m-card figcaption{padding:.9rem 1.1rem;font-family:var(--font-sans);font-size:.85rem;color:#d2cbbcb8;border-top:1px solid hsl(40 30% 90% / .07)}.m-card figcaption b{color:#f8f6f2;font-weight:600}.mv-aperture{width:168px;height:168px}.ap-rot{transform-box:fill-box;transform-origin:center;animation:spin 40s linear infinite}.ap-tick{stroke:#e0d3b84d;stroke-width:.5}.ap-ring{fill:none;stroke:url(#gold);stroke-width:.9;opacity:.5}.ap-ring.soft{opacity:.22;stroke-width:.6}.ap-iris{transform-box:fill-box;transform-origin:center;animation:spin 22s linear infinite reverse}.ap-blade{fill:#dbab5712;stroke:#eac88659;stroke-width:.5}.ap-arc{fill:none;stroke:url(#gold);stroke-width:2;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;animation:arc 4.5s cubic-bezier(.16,1,.3,1) infinite alternate}.ap-core{fill:var(--gl)}.ap-cross{stroke:#e9d2a580;stroke-width:.6}.ap-label{fill:#e3d4b599;font-size:5.5px;font-family:var(--font-sans);letter-spacing:.12em}@keyframes spin{to{transform:rotate(360deg)}}@keyframes arc{to{stroke-dashoffset:20}}@keyframes sweep{0%{left:0}to{left:100%}}.mv-tl{position:relative;width:84%}.tl-ruler{display:flex;justify-content:space-between;margin-bottom:6px;height:8px;align-items:flex-end}.tl-ruler span{width:1px;height:3px;background:#dbd1bd4d}.tl-ruler span.big{height:7px;background:#e0d3b880}.tl-track{display:flex;gap:4px;margin:4px 0;height:22px}.tl-track .clip{border-radius:3px;position:relative;overflow:hidden;font:600 8px var(--font-sans);color:#121721;display:grid;place-items:center}.clip.c1{flex:2.4;background:linear-gradient(135deg,#d8ae64,#c47f31)}.clip.c2{flex:1.4;background:#d1bb9459}.clip.c3{flex:1;background:#d1bb944d}.clip.sm{flex:.8}.clip.lg{flex:2.6}.tl-track.a .clip.audio{flex:4;background:#946e384d}.clip.audio i{position:absolute;inset:3px 0;background:repeating-linear-gradient(90deg,transparent 0 2px,hsl(42 80% 78% / .55) 2px 3px 100%);-webkit-mask:linear-gradient(90deg,#000,#000)}.clip.audio i{background:repeating-linear-gradient(90deg,hsl(42 80% 80% / .5) 0 1px,transparent 1px 4px);clip-path:polygon(0 50%,4% 30%,8% 60%,12% 20%,16% 55%,20% 35%,24% 65%,28% 25%,32% 58%,36% 40%,40% 62%,44% 30%,48% 55%,52% 42%,56% 60%,60% 28%,64% 55%,68% 38%,72% 62%,76% 32%,80% 58%,84% 45%,88% 60%,92% 35%,96% 55%,100% 48%,100% 100%,0 100%)}.tl-play{position:absolute;top:8px;bottom:-4px;width:1.5px;background:var(--gl);box-shadow:0 0 8px var(--g);left:0;animation:sweep 5s linear infinite}.tl-play b{position:absolute;top:-6px;left:-4px;width:9px;height:6px;background:var(--gl);clip-path:polygon(0 0,100% 0,50% 100%)}.mv-film{width:100%;height:120px;overflow:hidden;display:grid;align-items:center;background:linear-gradient(#12151c,#0c0e13);border-top:1px solid hsl(40 30% 80% / .06);border-bottom:1px solid hsl(40 30% 80% / .06)}.film-track{display:flex;gap:10px;width:max-content;padding:0 10px;animation:roll 12s linear infinite}.film-frame{position:relative;width:84px;height:60px;border-radius:3px;flex:none;background:linear-gradient(135deg,#94723899,#181c25);border:1px solid hsl(40 30% 80% / .16);box-shadow:inset 0 0 20px #47361f80;display:grid;place-items:center}.film-frame span{font:600 9px var(--font-sans);color:#f1deb18c;letter-spacing:.1em}.film-frame:before,.film-frame:after{content:"";position:absolute;left:-8px;right:-8px;height:8px;background:repeating-linear-gradient(90deg,transparent 0 5px,hsl(40 40% 82% / .32) 5px 10px);border-radius:2px}.film-frame:before{top:-14px}.film-frame:after{bottom:-14px}@keyframes roll{to{transform:translate(-50%)}}.mv-vf{position:relative;width:176px;height:116px;font-family:var(--font-sans)}.vf-grid{position:absolute;inset:12px;background:linear-gradient(#e0d3b81a 0 0) 33.3% 0/1px 100% no-repeat,linear-gradient(#e0d3b81a 0 0) 66.6% 0/1px 100% no-repeat,linear-gradient(#e0d3b81a 0 0) 0 33.3%/100% 1px no-repeat,linear-gradient(#e0d3b81a 0 0) 0 66.6%/100% 1px no-repeat}.vf-c{position:absolute;width:20px;height:20px;border:1.5px solid var(--g);filter:drop-shadow(0 0 4px hsl(35 70% 55% / .5))}.vf-c.tl{top:0;left:0;border-right:0;border-bottom:0}.vf-c.tr{top:0;right:0;border-left:0;border-bottom:0}.vf-c.bl{bottom:0;left:0;border-right:0;border-top:0}.vf-c.br{bottom:0;right:0;border-left:0;border-top:0}.vf-focus{position:absolute;top:50%;left:50%;width:40px;height:40px;transform:translate(-50%,-50%);border:1px solid hsl(42 80% 78% / .7);border-radius:2px;box-shadow:0 0 10px #dd9a3c66;animation:focus 3.5s ease-in-out infinite}@keyframes focus{0%,to{width:46px;height:46px;opacity:.5}50%{width:34px;height:34px;opacity:1}}.vf-top{position:absolute;top:3px;left:24px;font-size:8px;color:#ebd8adb3;letter-spacing:.06em}.vf-rec{position:absolute;top:3px;right:24px;font-size:8px;color:var(--g);letter-spacing:.06em}.vf-rec b{color:#eddcb6cc;font-weight:500}.vf-rec:before{content:"●";margin-right:4px;color:#e03e3e;animation:blink 1.1s steps(1) infinite}.vf-bot{position:absolute;bottom:2px;left:50%;transform:translate(-50%);font-size:8px;color:#e8d7b099;letter-spacing:.06em;white-space:nowrap}@keyframes blink{50%{opacity:0}}.mv-tc{display:grid;justify-items:center;gap:.5rem}.tc-lbl{font:600 9px var(--font-sans);letter-spacing:.28em;color:#e8d7b08c}.tc-val{font-family:var(--font-display);font-variant-numeric:lining-nums tabular-nums;font-weight:600;font-size:2.4rem;color:#f9e9be;letter-spacing:.04em;text-shadow:0 0 18px hsl(35 78% 58% / .45)}.tc-bar{width:170px;height:2px;background:#dbd1bd24;border-radius:2px;overflow:hidden}.tc-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gd),var(--gl));box-shadow:0 0 8px var(--g);animation:sweep 4s linear infinite}.mv-clap{position:relative;width:158px;height:112px;filter:drop-shadow(0 0 10px hsl(35 60% 45% / .2))}.clap-board{position:absolute;bottom:0;left:0;width:100%;height:80px;border:1px solid hsl(40 45% 78% / .32);border-radius:3px;background:linear-gradient(#181c25,#0f131a);box-shadow:inset 0 1px #f0e9db14;padding:7px 9px;display:flex;flex-direction:column;justify-content:space-between}.cb-head{font:600 8px var(--font-sans);letter-spacing:.24em;text-align:center;color:#eadbb899;border-bottom:1px solid hsl(40 30% 80% / .12);padding-bottom:5px}.cb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.cb-grid span{display:flex;flex-direction:column;align-items:center;gap:3px;border:1px solid hsl(40 30% 80% / .12);border-radius:2px;padding:4px 2px 5px}.cb-grid i{font:600 6.5px var(--font-sans);letter-spacing:.16em;color:#e0d3b873;font-style:normal}.cb-grid b{font-family:var(--font-display);font-variant-numeric:lining-nums;font-weight:600;font-size:17px;line-height:1;color:#f8e9bf}.cb-foot{display:flex;justify-content:space-between;font:600 7px var(--font-sans);letter-spacing:.1em;color:#e1d3b76b}.clap-stick{position:absolute;top:0;left:0;width:100%;height:18px;transform-origin:6% 100%;border:1px solid hsl(40 45% 78% / .38);border-radius:3px;background:repeating-linear-gradient(114deg,#11151c 0 14px,#eeca77e6 14px 28px);box-shadow:0 2px 8px #0006;animation:clap 3.6s cubic-bezier(.32,0,.12,1) infinite}.clap-flash{position:absolute;inset:0;border-radius:4px;background:radial-gradient(circle at 12% 18%,hsl(44 90% 88% / .8),transparent 45%);opacity:0;animation:clapFlash 3.6s cubic-bezier(.32,0,.12,1) infinite}@keyframes clap{0%,16%{transform:rotate(0)}33%{transform:rotate(-28deg)}40%,to{transform:rotate(0)}}@keyframes clapFlash{0%,38%{opacity:0}40%{opacity:.9}46%,to{opacity:0}}.mv-scope{width:160px;height:160px}.sc-ring{fill:none;stroke:url(#gold);stroke-width:.8;opacity:.4}.sc-ring.soft{opacity:.16}.sc-spokes line{stroke:#e0d3b81f;stroke-width:.5}.sc-skin{stroke:#e79e5580;stroke-width:.8;stroke-dasharray:2 2}.sc-target{fill:none;stroke:#edd9ab99;stroke-width:1}.sc-tl{fill:#e8d7b08c;font:600 5.5px var(--font-sans)}.sc-trace polygon{fill:#e2ad5029;stroke:url(#gold);stroke-width:1.6}.sc-blip{fill:var(--gl);animation:scPulse 2.4s ease-in-out infinite}@keyframes scPulse{0%,to{opacity:.5}50%{opacity:1}}.mv-focus{position:relative;width:86%;height:66px}.fx-unit{position:absolute;top:6px;left:-14px;font:600 8px var(--font-sans);color:#e3d4b573}.fx-line{position:absolute;left:0;right:0;top:36px;height:1px;background:linear-gradient(90deg,transparent,hsl(40 45% 80% / .4) 10%,hsl(40 45% 80% / .4) 90%,transparent)}.fx-tick{position:absolute;top:32px;width:1px;height:9px;background:#e3d4b573;transform:translate(-50%)}.fx-lbl{position:absolute;top:10px;transform:translate(-50%);font:600 8.5px var(--font-sans);color:#e3d4b58c}.fx-dof{position:absolute;top:31px;height:11px;width:40px;transform:translate(-50%);border-left:1px solid hsl(42 75% 70% / .7);border-right:1px solid hsl(42 75% 70% / .7);background:#e1a8471f;animation:fxPull 5s ease-in-out infinite}.fx-ind{position:absolute;top:27px;width:2px;height:19px;background:var(--gl);box-shadow:0 0 9px var(--g);animation:fxPull 5s ease-in-out infinite}.fx-ind:before{content:"";position:absolute;top:-7px;left:-4px;width:10px;height:7px;background:var(--gl);clip-path:polygon(0 0,100% 0,50% 100%)}.fx-af{position:absolute;bottom:2px;left:50%;transform:translate(-50%);font:600 8px var(--font-sans);letter-spacing:.16em;color:var(--g)}@keyframes fxPull{0%,to{left:8%}50%{left:88%}}.mv-count{position:relative;width:154px;height:154px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle,#101319,#090c10);border:1px solid hsl(40 40% 80% / .12)}.mv-count svg{position:absolute;inset:0;width:100%;height:100%}.cd-ring{fill:none;stroke:url(#gold);stroke-width:.9;opacity:.38}.cd-ring.soft{opacity:.16}.cd-cross{stroke:#e0d3b829;stroke-width:.6}.cd-sweep{position:absolute;inset:0;background:conic-gradient(from 0deg,hsl(40 80% 60% / .42) 0deg,hsl(38 78% 58% / .06) 34deg,transparent 62deg);animation:cdRot 1s linear infinite}.cd-num{position:relative;z-index:2;font-family:var(--font-display);font-variant-numeric:lining-nums;font-weight:600;font-size:3.4rem;color:#faecc7;text-shadow:0 0 20px hsl(35 80% 58% / .6)}.cd-cue{position:absolute;top:16px;right:26px;z-index:2;width:8px;height:8px;border-radius:50%;background:var(--gl);box-shadow:0 0 9px var(--g);animation:blink 1s steps(1) infinite}@keyframes cdRot{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.m-stage *{animation:none!important}}