/* Медиа: микродрамы и вертикальные сериалы. Общие токены и бегущая строка — site.css */

.m-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:24px 48px;align-items:end;margin-bottom:40px}
.m-head .sub{margin:0}
@media (max-width:860px){.m-head{grid-template-columns:1fr}}

/* 01 hero */
.m-hero{padding-block:clamp(40px,5vw,80px) clamp(56px,6vw,96px);overflow:hidden}
.m-hero-in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center}
.m-display{font-size:clamp(44px,6.4vw,92px)}
.m-display em{display:block}
.m-lead{margin-inline:0;text-align:left;max-width:52ch}
.m-hero-copy .cta-row{margin-top:28px}
.m-hero-note{margin:28px 0 0;padding-left:16px;border-left:3px solid var(--lime);max-width:48ch;color:#3d3956}

.m-phone-wrap{position:relative;display:flex;flex-direction:column;align-items:center}
.m-phone{position:relative;width:min(320px,74vw);aspect-ratio:9/18.5;padding:10px;border-radius:44px;background:#121117;
  box-shadow:inset 0 0 0 2px #2b2a33,0 30px 60px rgba(30,10,80,.28),0 0 0 8px #e9e5f6;transform:rotate(3deg)}
.m-ph-screen{position:relative;width:100%;height:100%;border-radius:34px;overflow:hidden;background:#000;color:#fff;user-select:none}
.m-ph-frames img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity .5s,transform 4s linear}
.m-ph-frames img.is-on{opacity:1;transform:scale(1)}
.m-ph-screen::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.45) 0,transparent 22%,transparent 55%,rgba(0,0,0,.7) 100%)}
.m-ph-bars{position:absolute;left:12px;right:12px;top:14px;z-index:3;display:flex;gap:4px}
.m-ph-bars i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.35);overflow:hidden}
.m-ph-bars i::after{content:"";display:block;height:100%;width:0;background:#fff}
.m-ph-bars i.is-done::after{width:100%}
.m-ph-bars i.is-on::after{animation:mbar var(--d,3.4s) linear forwards}
.m-phone.is-paused .m-ph-bars i.is-on::after{animation-play-state:paused}
@keyframes mbar{to{width:100%}}
.m-ph-ep{position:absolute;left:14px;top:26px;z-index:3;margin:0;display:flex;gap:6px;align-items:baseline;font-size:13px}
.m-ph-ep b{font-weight:700}.m-ph-ep span{opacity:.75}
.m-ph-sub{position:absolute;left:16px;right:60px;bottom:28px;z-index:3;margin:0;font:700 19px/1.25 var(--sans);text-shadow:0 2px 0 #000,0 0 12px rgba(0,0,0,.8);transition:opacity .25s,transform .25s}
.m-ph-sub.is-in{animation:msub .35s ease-out}
@keyframes msub{from{opacity:0;transform:translateY(8px)}}
.m-ph-side{position:absolute;right:10px;bottom:28px;z-index:4;display:flex;flex-direction:column;gap:14px;align-items:center}
.m-ph-side svg{width:28px;height:28px;fill:#fff;stroke:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}
.m-ph-side span:not(.m-ph-ico){font-size:11px}
.m-ph-ico,.m-ph-like{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:#fff;background:none;border:0;padding:0}
.m-ph-ico svg path{fill:none;stroke:#fff;stroke-width:2;stroke-linejoin:round}
.m-ph-like{cursor:pointer;pointer-events:auto}
.m-ph-like.is-on svg{fill:#ff2d55;animation:mlike .4s}
@keyframes mlike{50%{transform:scale(1.35)}}
.m-ph-tap{position:absolute;top:0;bottom:0;z-index:2;width:45%;border:0;background:transparent;padding:0;cursor:pointer}
.m-ph-prev{left:0}.m-ph-next{right:0;width:55%}
.m-ph-tap:focus-visible{outline:2px solid var(--lime);outline-offset:-4px;border-radius:30px}
.m-ph-end{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center;background:rgba(10,8,20,.78);backdrop-filter:blur(6px)}
.m-ph-end p{margin:0;font:400 italic 30px/1.05 var(--serif);color:#fff}
.m-ph-again{border:0;background:none;color:#cfc9e6;font-size:13px;text-decoration:underline;cursor:pointer}
.m-chip{position:absolute;z-index:2;padding:8px 14px;border-radius:999px;font:600 13px/1 var(--sans);box-shadow:0 10px 24px rgba(30,10,80,.16)}
.m-chip1{left:4%;top:12%;background:var(--lime);transform:rotate(-8deg)}
.m-chip2{right:2%;top:38%;background:#fff;transform:rotate(6deg)}
.m-chip3{left:0;bottom:36%;background:var(--purple);color:#fff;transform:rotate(-4deg)}
.m-phone-cap{margin:26px 0 0;max-width:34ch;text-align:center;font-size:12.5px;color:var(--muted)}
@media (max-width:880px){.m-hero-in{grid-template-columns:1fr}.m-phone-wrap{margin-top:8px}}

/* бегущая строка: те же настройки, что на главной */
.m-mq .mq-tag{background:var(--purple);font-size:calc(var(--f)*.26)}

/* 02 работы */
.m-works-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:16px}
.m-reel{position:relative;border-radius:24px;overflow:hidden;background:#000;aspect-ratio:16/10}
.m-reel-frames img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s}
.m-reel-frames img.is-on{opacity:1}
.m-reel::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.55))}
.m-reel-tc,.m-reel-rec{position:absolute;z-index:2;font:400 14px/1 'DotGothic16',var(--mono);color:#fff;letter-spacing:.06em;text-shadow:0 1px 3px #000}
.m-reel-tc{left:18px;bottom:18px}
.m-reel-rec{right:18px;top:18px;display:flex;align-items:center;gap:8px}
.m-reel-rec::before{content:"";width:10px;height:10px;border-radius:50%;background:#ff2d3d;animation:mqBlink 1s steps(2) infinite}
.m-reel .play-xl{z-index:3}
.m-reel-note{position:absolute;z-index:3;left:50%;bottom:52px;transform:translateX(-50%);margin:0;padding:10px 16px;border-radius:999px;background:rgba(0,0,0,.75);color:#fff;font-size:14px;white-space:nowrap}
.m-cases{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.m-case{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:2px;min-height:200px;padding:16px;border-radius:20px;overflow:hidden;background:#1a1822;color:#fff}
.m-case img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s,transform .8s}
.m-case .m-case-alt{opacity:0}
.m-case:hover img{transform:scale(1.05)}
.m-case:hover .m-case-alt{opacity:1}
.m-case::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.75))}
.m-case b,.m-case span{position:relative;z-index:2}
.m-case b{font:700 17px/1.2 var(--sans)}
.m-case span{font-size:13px;color:#d7d2ea}
.m-case.is-soon{background:repeating-linear-gradient(135deg,#1f1d29 0 14px,#24212f 14px 28px)}
.m-case.is-soon::before{content:"скоро";position:absolute;top:14px;right:14px;z-index:2;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.12);font-size:12px;color:#d7d2ea}
.m-strip-wrap{margin-top:28px}
.m-strip-h{display:flex;justify-content:space-between;margin:0 0 12px;font:600 14px/1 var(--sans)}
.m-strip-h span{color:var(--muted);font-weight:400}
.m-strip{list-style:none;margin:0;padding:0 0 10px;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;cursor:grab;scrollbar-width:thin}
.m-strip.is-drag{cursor:grabbing;scroll-snap-type:none}
.m-strip li{flex:none;width:clamp(200px,24vw,300px);aspect-ratio:4/3;border-radius:16px;overflow:hidden;scroll-snap-align:start;background:#ddd}
.m-strip img{width:100%;height:100%;object-fit:cover;pointer-events:none;transition:transform .5s}
.m-strip li:hover img{transform:scale(1.04)}
@media (max-width:900px){.m-works-grid{grid-template-columns:1fr}}
@media (max-width:480px){.m-case{min-height:170px}.m-reel-note{white-space:normal;width:86%;text-align:center}}

/* 03 масштаб */
.m-scale-top{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:24px 48px;align-items:end}
.m-count{font-variant-numeric:tabular-nums;white-space:nowrap}
.m-scale .sub{color:#2b2a33}
.m-scale-joke{margin:0;padding:18px 20px;border-radius:20px;background:#141318;color:#fff;transform:rotate(-2deg);font-size:15px;line-height:1.4}
.m-scale-joke b{display:block;font:400 italic 40px/1 var(--serif);color:var(--lime);margin-bottom:6px}
.m-modes{margin-top:40px;padding:8px;border-radius:26px;background:#fff}
.m-modes-tabs{display:flex;flex-wrap:wrap;gap:6px}
.m-modes-tabs button{flex:1 1 200px;height:52px;border:0;border-radius:18px;background:var(--soft);font:600 15px/1.2 var(--sans);color:#3a3750;cursor:pointer;transition:background .2s,color .2s}
.m-modes-tabs button[aria-selected="true"]{background:var(--ink);color:#fff}
.m-mode-panel{padding:22px 18px 16px}
.m-mode-text{margin:0 0 18px;font-size:17px}
.m-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;counter-reset:f}
.m-flow li{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:18px;background:var(--soft);counter-increment:f}
.m-flow li::before{content:"0" counter(f);font:600 12px/1 var(--sans);color:var(--muted)}
.m-flow li:not(:last-child)::after{content:"→";position:absolute;right:-12px;top:50%;z-index:1;transform:translateY(-50%);font-size:16px;color:#9a96ad}
.m-flow span{font:600 15px/1.25 var(--sans)}
.m-flow b{align-self:flex-start;padding:7px 12px;border-radius:999px;font:600 13px/1 var(--sans);transition:background .3s,color .3s}
.m-flow b[data-who="you"]{background:#fff;color:#3a3750;box-shadow:inset 0 0 0 1px var(--line)}
.m-flow b[data-who="both"]{background:linear-gradient(90deg,#fff 50%,var(--lime) 50%);color:#141318;box-shadow:inset 0 0 0 1px var(--line)}
.m-flow b[data-who="us"]{background:var(--purple);color:#fff}
.m-flow b.is-flip{animation:mflip .4s}
@keyframes mflip{50%{transform:scale(.85);opacity:.4}}
@media (max-width:860px){.m-scale-top{grid-template-columns:1fr}.m-scale-joke{justify-self:start}.m-flow{grid-template-columns:1fr 1fr}.m-flow li:nth-child(2)::after{display:none}}
@media (max-width:480px){.m-flow{grid-template-columns:1fr}.m-flow li::after{display:none}}

/* 04 возможности */
.m-fgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.m-fcard{display:flex;flex-direction:column;gap:8px;padding:12px 12px 20px;border-radius:24px;background:var(--soft)}
.m-fcard h3{margin:10px 8px 0;font:700 20px/1.2 var(--sans)}
.m-fcard p{margin:0 8px;color:#4a4664;font-size:15px}
.m-fimg{position:relative;margin:0;aspect-ratio:4/3.4;border-radius:18px;overflow:hidden;background:#ddd}
.m-fimg img{width:100%;height:100%;object-fit:cover}
.m-crop img{transition:filter .4s}
.m-crop-frame{position:absolute;top:0;bottom:0;left:50%;width:calc(100% * 9 / 16 * 3.4 / 4 * 1);aspect-ratio:9/16;height:100%;width:auto;transform:translateX(-50%);
  box-shadow:0 0 0 999px rgba(10,8,20,.62);outline:2px dashed var(--lime);outline-offset:-2px;transition:box-shadow .4s,outline-color .4s}
.m-crop-frame i{position:absolute;left:8px;top:8px;padding:4px 8px;border-radius:999px;background:var(--lime);color:#141318;font:700 12px/1 var(--sans);font-style:normal}
.m-crop.is-wide .m-crop-frame{box-shadow:0 0 0 999px rgba(10,8,20,0);outline-color:transparent}
.m-crop.is-wide .m-crop-frame i{opacity:0}
.m-crop-btn{align-self:flex-start;margin:6px 8px 0;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;font:500 13px/1 var(--sans);cursor:pointer}
.m-crop-btn:hover{border-color:var(--ink)}
.m-series img{position:absolute;inset:0;opacity:0;transition:opacity .35s}
.m-series img.is-on{opacity:1}
.m-series-n{position:absolute;left:10px;bottom:10px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.92);font:600 12px/1 var(--sans)}
.m-twist{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:16px;padding:28px 30px;border-radius:24px;background:#141318;color:#fff;flex-wrap:wrap}
.m-twist-copy{flex:1 1 420px;min-width:0}
.m-twist-k{margin:0 0 10px;font:400 14px/1 'DotGothic16',var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--lime)}
.m-twist-out{margin:0;font:400 italic clamp(22px,2.4vw,32px)/1.15 var(--serif);min-height:2.3em}
.m-twist-out.is-in{animation:msub .35s ease-out}
.m-twist-fine{margin:12px 0 0;font-size:13px;color:#a7a2bd}
@media (max-width:900px){.m-fgrid{grid-template-columns:1fr 1fr}.m-fgrid .m-fcard:last-child{grid-column:1/-1}}
@media (max-width:600px){.m-fgrid{grid-template-columns:1fr}}

/* 05 процесс */
.m-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.m-steps li{position:relative;display:grid;grid-template-columns:auto 1fr;gap:4px 18px;padding:24px;border-radius:22px;background:#1a1822;overflow:hidden;transition:background .4s}
.m-steps li::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--lime)}
.m-steps li.is-on{background:#262236}
.m-steps li.is-on::after{animation:mstep 2.6s linear forwards}
@keyframes mstep{to{width:100%}}
.m-steps span{grid-row:1/3;font:400 italic 44px/1 var(--serif);color:var(--lime)}
.m-steps b{font:600 18px/1.3 var(--sans)}
.m-steps i{font-style:normal;font-size:14px;color:var(--on-dark-muted)}
.m-hand{margin:28px 0 0;font:400 22px/1.2 var(--hand);color:var(--lime);transform:rotate(-1.5deg)}
@media (max-width:700px){.m-steps{grid-template-columns:1fr}}

/* 06 3D: сцена из боксов на CSS 3D */
.m-3d{border-radius:26px;background:#fff;padding:8px}
.m-3d-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.m-3d-tabs button{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:14px 16px;border:0;border-radius:18px;background:var(--soft);text-align:left;font:600 16px/1.2 var(--sans);color:#3a3750;cursor:pointer}
.m-3d-tabs b{font:400 italic 22px/1 var(--serif);color:var(--purple)}
.m-3d-tabs i{flex-basis:100%;font-style:normal;font-weight:400;font-size:13px;color:var(--muted)}
.m-3d-tabs button[aria-selected="true"]{background:var(--ink);color:#fff}
.m-3d-tabs button[aria-selected="true"] b{color:var(--lime)}
.m-3d-tabs button[aria-selected="true"] i{color:#b9b4cf}
.m-3d-stage{position:relative;margin-top:8px;aspect-ratio:16/8;min-height:300px;border-radius:20px;overflow:hidden;background:radial-gradient(120% 90% at 50% 10%,#3a3550 0%,#16141f 70%)}
.m-3d-view{position:absolute;inset:0;perspective:1100px;perspective-origin:50% 35%;cursor:grab;touch-action:pan-y}
.m-3d-view.is-drag{cursor:grabbing}
.m-3d-world{position:absolute;left:50%;top:64%;width:0;height:0;transform-style:preserve-3d}
.m-3d-world div{position:absolute;transform-style:preserve-3d}
.m-face{position:absolute;left:0;top:0;backface-visibility:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.m-ground{background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(255,255,255,.08) 39px 40px),repeating-linear-gradient(90deg,transparent 0 39px,rgba(255,255,255,.08) 39px 40px),#2a2733}
.m-smoke{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(230,228,240,.55),rgba(230,228,240,0) 70%);filter:blur(6px);animation:msmoke 3s ease-in-out infinite alternate;pointer-events:none}
@keyframes msmoke{to{transform:translateY(-14px) scale(1.15)}}
.m-3d-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:inset(0 100% 0 0);transition:clip-path 1.1s cubic-bezier(.6,.05,.3,1)}
.m-3d-stage[data-st="3"] .m-3d-shot{clip-path:inset(0 0 0 0)}
.m-3d-guide{position:absolute;inset:8% 10%;pointer-events:none;opacity:0;transition:opacity .3s;
  background:linear-gradient(var(--lime),var(--lime)) left 33.3% top 0/1px 100% no-repeat,linear-gradient(var(--lime),var(--lime)) left 66.6% top 0/1px 100% no-repeat,
  linear-gradient(var(--lime),var(--lime)) left 0 top 33.3%/100% 1px no-repeat,linear-gradient(var(--lime),var(--lime)) left 0 top 66.6%/100% 1px no-repeat;
  outline:1px solid var(--lime);opacity:0}
.m-3d-stage[data-st="2"] .m-3d-guide{opacity:.45}
.m-3d-ctrl{position:absolute;left:14px;bottom:14px;z-index:3;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;padding:10px 14px;border-radius:14px;background:rgba(12,11,16,.78);color:#fff;font-size:13px;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .3s,transform .3s}
.m-3d-stage[data-st="2"] .m-3d-ctrl{opacity:1;pointer-events:auto;transform:none}
.m-3d-ctrl label{display:flex;align-items:center;gap:8px}
.m-3d-ctrl input[type=range]{width:120px;accent-color:var(--lime)}
.m-3d-check input{accent-color:var(--lime)}
.m-3d-label{position:absolute;right:14px;top:14px;z-index:3;padding:7px 12px;border-radius:999px;background:rgba(12,11,16,.7);color:#fff;font:400 13px/1 'DotGothic16',var(--mono);letter-spacing:.04em}
.m-3d-fine{margin:10px 8px 4px;font-size:13px;color:var(--muted)}
@media (max-width:700px){.m-3d-tabs{grid-template-columns:1fr}.m-3d-tabs i{display:none}.m-3d-stage{aspect-ratio:4/3.6}.m-3d-ctrl input[type=range]{width:90px}.m-3d-label{font-size:11px}}

/* 07–08 права и Studio */
.m-duo-in{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.m-duo-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:32px;border-radius:26px}
.m-duo-card p:not(.eyebrow){margin:0 0 8px;max-width:46ch}
.m-duo-card .eyebrow{margin:0}
.m-duo-rights{background:var(--soft)}
.m-duo-rights p:not(.eyebrow){color:#4a4664}
.m-duo-studio{background:var(--black);color:#fff}
.m-duo-studio .eyebrow{color:var(--lime)}
.m-duo-studio em{color:var(--lime)!important}
.m-duo-studio p:not(.eyebrow){color:var(--on-dark-muted)}
.m-duo-card .btn{margin-top:auto}
@media (max-width:760px){.m-duo-in{grid-template-columns:1fr}.m-duo-card{padding:24px}}

/* 09 бриф */
.m-brief-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:48px;align-items:start}
.m-after{margin-top:32px;padding:20px 22px;border-radius:20px;background:rgba(255,255,255,.12);max-width:46ch}
.m-after p{margin:0;color:#efe9ff;font-size:15px}
.m-after .m-after-k{margin-bottom:8px;font:600 12px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--lime)}
.m-form{position:relative;display:flex;flex-direction:column;gap:14px;padding:30px;border-radius:26px;background:#fff;color:var(--ink)}
.m-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#3a3750}
.m-form input,.m-form textarea{font:400 16px/1.4 var(--sans);padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#faf9fe;color:var(--ink);resize:vertical}
.m-form input:focus,.m-form textarea:focus{outline:0;border-color:var(--purple);background:#fff}
.m-form .is-bad{border-color:#e5484d;background:#fff5f5}
.m-form .btn{align-self:flex-start;margin-top:4px}
.m-consent{margin:0;font-size:12px;color:var(--muted)}
.m-form-ok{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:30px;border-radius:26px;background:#fff}
.m-form-ok h3{margin:0 0 8px;font:700 26px/1.2 var(--sans)}
.m-form-ok p{margin:0;color:var(--muted)}
@media (max-width:860px){.m-brief-in{grid-template-columns:1fr}}
.m-case[data-video]::before{content:"▶";position:absolute;right:12px;top:12px;z-index:2;width:34px;height:34px;border-radius:50%;background:var(--lime);color:var(--ink);font-size:12px;line-height:34px;text-align:center}
.m-case[data-video]:focus-visible{outline:3px solid var(--purple);outline-offset:3px}
@media (max-width:700px){.m-3d-stage{min-height:0;width:100%}}
.m-works.bg-black .m-strip-h span{color:var(--on-dark-muted)}
.m-works.bg-black .m-case.is-soon,.m-works.bg-black .m-case{background:#1b1923}
.m-scene.bg-purple .m-3d-fine{color:var(--muted)}

/* AI-персонажи: три карточки в стиле главной */
.m-av-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.m-av .bcard-white{background:#fff}
.m-av .bcard-white em,.m-av .bcard-lime em,.m-av .bcard-white .eyebrow,.m-av .bcard-lime .eyebrow{color:var(--purple-ink)!important}
.m-av-shot{background:#0c0b10}
.m-av-body{display:grid;grid-template-columns:minmax(0,1fr) 30%;gap:6px;padding:6px;background:#0c0b10}
.m-av-body.is-solo{grid-template-columns:1fr}
.m-av-main{position:relative;display:block;width:100%;aspect-ratio:9/16;padding:0;border:0;border-radius:10px;overflow:hidden;background:#222;cursor:pointer}
.m-av-body.is-solo .m-av-main{max-height:none}
.m-av-main video{width:100%;height:100%;object-fit:cover;display:block}
.m-av-play{position:absolute;left:10px;bottom:10px;padding:7px 11px;border-radius:999px;background:var(--lime);color:var(--ink);font:600 12px/1 var(--sans);font-style:normal;transition:transform .2s}
.m-av-main:hover .m-av-play{transform:scale(1.06)}
.m-av-ths{display:flex;flex-direction:column;gap:6px}
.m-av-th{position:relative;display:block;width:100%;flex:1;min-height:0;padding:0;border:0;border-radius:8px;overflow:hidden;background:#222;cursor:pointer}
.m-av-th img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.m-av-th:hover img{transform:scale(1.06)}
.m-av-th span{position:absolute;left:4px;right:4px;bottom:4px;padding:3px 5px;border-radius:999px;background:rgba(12,11,16,.75);color:#fff;font:600 10px/1.1 var(--sans);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-av-main:focus-visible,.m-av-th:focus-visible{outline:3px solid var(--lime);outline-offset:2px}
.m-av-card .bbar{display:flex}
.m-av-body.is-solo{padding:6px 15%}
@media (max-width:980px){.m-av-grid{grid-template-columns:1fr;max-width:520px;margin-inline:auto}}