/* МУВМЕНТ — блок «Афиша 26.11» и полоса «Вопрос дня» (принят автором 29.10; источник — claude/МУВМЕНТ_афиша_v6_для_сборки.html).
   Fatal — кривыми, как везде (fatal.js подхватывает font-family Fatal). Единицы: --m (портрет, от 390), --U (горизонт, от макета 2576×1665). */
.af,.q{--m:min(calc(100vw / 390),1.45px,max(1px,calc(100svh / 600)));--W:calc(330*var(--m))}
@media (min-aspect-ratio:1/1){.af,.q{--U:min(calc(100vw / 2576),calc(100svh / 1665));--W:max(260px,calc(640*var(--U)))}}
@media (orientation:landscape) and (max-height:500px){.af,.q{--U:calc(100vw / 2000);--W:max(260px,calc(640*var(--U)))}}
.af .afv,.q .afv{font-family:var(--font);font-weight:400;text-transform:uppercase;line-height:1}
.af .sr,.q .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ───────── АФИША ───────── */
.af{--ink:#0c0306;--fz:10svh;position:relative;isolation:isolate;overflow:hidden;color:#fff;
  padding:14svh max(16px,4vw) var(--fz);
  background:linear-gradient(var(--ink) 0,var(--ink) calc(100% - var(--fz)),rgba(12,3,6,0) 100%)}   /* 29.10: низ уходит в прозрачность — засветы блока 3 проходят под переходом, без стыка */   /* 29.10: сверху сразу тёмный (красный «из ниоткуда» убран) */
.af__light{position:absolute;left:0;right:0;top:-10svh;height:min(110svh,1100px);z-index:-2;pointer-events:none;opacity:0;transition:opacity 2.4s ease-out;
  -webkit-mask-image:linear-gradient(transparent,#000 28%,#000 70%,transparent);mask-image:linear-gradient(transparent,#000 28%,#000 70%,transparent);
  background:radial-gradient(ellipse 26% 62% at var(--lx,50%) 12%,rgba(255,236,226,.30),rgba(255,236,226,0) 72%),
    radial-gradient(ellipse 48% 78% at var(--lx,50%) 12%,rgba(255,0,73,.42),rgba(255,0,73,0) 74%),
    radial-gradient(ellipse 90% 60% at var(--lx,50%) 12%,rgba(255,0,73,.10),rgba(255,0,73,0) 80%)}
.af.on .af__light{opacity:1}
.af__dust{position:absolute;inset:0;z-index:-1;pointer-events:none;width:100%;height:100%}
.af__grain{position:absolute;inset:0;z-index:3;pointer-events:none;mix-blend-mode:overlay;opacity:.55;background-size:128px 128px;
  -webkit-mask-image:linear-gradient(#000 calc(100% - var(--fz) * 1.6),transparent 100%);mask-image:linear-gradient(#000 calc(100% - var(--fz) * 1.6),transparent 100%)}   /* своё зерно афиши растворяется в переходе — без шва по нижней границе */
.af__in{position:relative;max-width:1500px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}
.af__date{font-size:calc(var(--W) / 1.051);width:var(--W);text-indent:-.021em;letter-spacing:0;line-height:.76;text-align:start;margin:0;height:.76em;color:#fff;filter:drop-shadow(0 0 .18em rgba(255,0,73,.35))}   /* свечение даты (в наброске — text-shadow; у кривых — drop-shadow) */
.af__date svg.fv{translate:0 -.121em}   /* кривые садятся ниже, чем буквы шрифта в наброске — поднимаем; замер 29.10 по наброску v6 */
.af__where{display:flex;justify-content:space-between;align-items:baseline;width:var(--W);margin:calc(var(--W) * .05) 0 0;font-size:calc(var(--W) * .165);color:var(--red)}
.af__where .dot{font-family:"Source Code Variable",ui-monospace,monospace;font-size:.5em;color:rgba(255,255,255,.4);transform:translateY(-.25em)}
.af__line{margin:calc(var(--W) * .075) 0 0;font:400 clamp(16px,1.25vw,22px)/1.5 "Source Code Variable",ui-monospace,monospace;width:var(--W);text-wrap:balance;color:rgba(255,255,255,.88)}
.af .poster{margin:calc(var(--W) * .095) 0 0;width:var(--W)}
.af .poster img{display:block;width:100%;height:auto;aspect-ratio:3/4;outline:1px solid rgba(255,255,255,.1);outline-offset:-1px;
  box-shadow:0 30px 80px rgba(0,0,0,.55),0 0 70px rgba(255,0,73,.18)}
.af__cta{margin-top:calc(44*var(--m));display:flex;flex-direction:column;align-items:center;gap:calc(16*var(--m))}
/* кнопка = красная кнопка блока 3 (.b3__cta .c1): размеры, свечение, нажатие; шрифт крупнее по просьбе автора */
.af__btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--W);height:calc(55*var(--m));padding:.11em calc(22*var(--m)) 0;gap:.35em;
  background:var(--red);color:#fff;text-decoration:none;font-size:calc(27*var(--m));white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:box-shadow .45s,transform .15s ease-out}
.af__btn:active{transform:scale(.96)}
.af__btn:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media (hover:hover){.af__btn:hover{box-shadow:0 0 26px rgba(255,0,73,.95),0 0 70px rgba(255,0,73,.5)}}
.af__btn svg.ico{width:.55em;height:.55em;flex:none;translate:0 -.07em;overflow:visible}
.af__meta{width:var(--W);margin:0;font:400 14px/normal "Source Code Variable",ui-monospace,monospace;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.6);font-variant-numeric:tabular-nums}
.af__meta span{white-space:nowrap}

@media (min-aspect-ratio:1/1){
  .af__in{display:grid;max-width:calc(1900*var(--U));text-align:start;align-items:start;grid-template-columns:minmax(0,1fr) auto;column-gap:calc(170*var(--U));
    grid-template-rows:1fr auto auto auto auto 1fr;grid-template-areas:". poster" "date poster" "where poster" "line poster" "cta poster" ". poster"}
  .af__date{grid-area:date;line-height:.84;height:.84em}
  .af__date svg.fv{translate:0 -.076em}
  .af__where{grid-area:where;margin-top:calc(var(--W) * .09)}
  .af__line{grid-area:line;margin-top:calc(var(--W) * .11);font-size:max(16px,calc(34*var(--U)));text-wrap:pretty}
  .af__cta{grid-area:cta;align-items:flex-start;margin-top:calc(72*var(--U));gap:calc(22*var(--U))}
  .af .poster{grid-area:poster;margin:0;width:auto;height:calc(1180*var(--U));aspect-ratio:3/4;align-self:center}
  .af .poster img{height:100%;width:auto}
  .af__btn{height:max(52px,calc(106*var(--U)));padding:.14em calc(46*var(--U)) 0;font-size:max(24px,calc(58*var(--U)))}
  .af__meta{font-size:max(13px,calc(24*var(--U)))}
}
@media (orientation:landscape) and (max-height:500px){.af .poster{height:86svh}.af__line{font-size:14px}}
@media (orientation:portrait) and (max-width:760px){.af{--fz:9svh;padding-top:10svh}.q{margin-bottom:-34px}}
@media (max-width:480px){.af__meta span{display:block}.af__meta .sep{display:none}.af__meta{line-height:1.6}}

/* ───────── ПОЛОСА «ВОПРОС ДНЯ» ───────── */
.q{position:relative;z-index:2;padding:clamp(20px,2vw,40px) max(16px,4vw) 0;display:flex;align-items:center;justify-content:center;gap:clamp(20px,2.4vw,44px);color:#fff}
.q__card{flex:none;display:block;container-type:inline-size;width:clamp(104px,8.4vw,150px);aspect-ratio:9/5;perspective:700px;text-decoration:none;-webkit-tap-highlight-color:transparent}
.q .card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(-12deg) rotateZ(-8deg) rotateY(20deg)}
@media (prefers-reduced-motion:no-preference){.q .card{animation:qspin 9s cubic-bezier(.45,0,.55,1) infinite}}
.q:not(.on) .card{animation-play-state:paused}
@keyframes qspin{0%{transform:rotateX(-12deg) rotateZ(-8deg) rotateY(20deg)}38%,50%{transform:rotateX(-12deg) rotateZ(-8deg) rotateY(200deg)}88%,100%{transform:rotateX(-12deg) rotateZ(-8deg) rotateY(380deg)}}
.q .card .f{position:absolute;inset:0;border-radius:4.5%/8.1%;background:#fff;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;
  color:var(--red);text-align:center;box-shadow:0 0 14px 2px rgba(255,255,255,.55),0 10px 24px rgba(90,0,25,.35)}
.q .card .f span{display:block;line-height:1;translate:0 .071em}
.q .card .front{font-size:42.6cqw}
.q .card .back{transform:rotateY(180deg);font-size:55cqw}
.q__text{margin:0;font:400 clamp(16px,1.35vw,24px)/1.4 "Source Code Variable",ui-monospace,monospace;max-width:30ch;text-wrap:balance}
.q__btn{display:inline-flex;align-items:center;gap:.4em;min-height:56px;color:#fff;text-decoration:none;font-size:clamp(32px,2.6vw,46px);-webkit-tap-highlight-color:transparent;transition:filter .3s,transform .15s ease-out}
.q__btn span{border-bottom:max(2px,.07em) dashed rgba(255,255,255,.85);padding-bottom:.06em}
.q__btn svg.ico{width:.6em;height:.6em;flex:none;translate:0 -.12em;overflow:visible}   /* центр по заглавным — замер 29.10 */
.q__btn:active{transform:scale(.96)}
.q__btn:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media (hover:hover){.q__btn:hover{filter:drop-shadow(0 0 12px rgba(255,255,255,.8))}.q__btn:hover span{border-bottom-style:solid}}
@media (min-aspect-ratio:1/1){.q__card{width:calc(230*var(--U));min-width:96px}.q__text{font-size:max(16px,calc(34*var(--U)))}}
@media (orientation:portrait) and (max-width:760px){
  .q{display:grid;grid-template-columns:auto 1fr;column-gap:calc(20*var(--m));row-gap:calc(28*var(--m));align-items:center;width:min(100%,calc(330*var(--m) + 2*max(16px,4vw)));margin-inline:auto}
  .q__text{max-width:none}
  .q__btn{grid-column:1/-1;justify-self:center}
}

/* первый экран (принято 29.10): под белой линией одна строка — слева «26.11», справа «Самара  Билеты ↓»; всё одного размера, края по линии */
.hero__date{display:flex;justify-content:space-between;align-items:baseline;gap:1em;margin-top:1.5vw;color:#fff;text-decoration:none;font-family:var(--font);font-weight:700;text-transform:uppercase;
  font-size:1.86vw;line-height:1;white-space:nowrap;-webkit-tap-highlight-color:transparent;opacity:0;translate:0 10px;transition:opacity 1s ease 1.35s,translate 1s ease 1.35s,filter .3s}
.site.is-on .hero__date{opacity:1;translate:0 0}
.hero__date b{font-weight:inherit}
.hd-r{display:flex;align-items:baseline;gap:.9em}
.hd-go{display:inline-flex;align-items:baseline;border-bottom:max(2px,.08em) dashed currentColor;padding-bottom:.06em}
/* стрелка — толщиной со штрих букв Fatal; центр стрелки = центр заглавных (замер по пикселям) */
.hero__date .ico{width:.62em;height:.62em;margin-left:.28em;translate:0 -.065em;overflow:visible}
@media (hover:hover){.hero__date:hover{filter:drop-shadow(0 0 14px rgba(255,255,255,.6))}.hero__date:hover .hd-go{border-bottom-style:solid}}
.hero__date:focus-visible{outline:2px solid #fff;outline-offset:6px}
.hero__date:active{transform:scale(.98)}
@media (prefers-reduced-motion:reduce){.hero__date{transition:none;opacity:1;translate:none}}
@media (max-width:900px) and (orientation:portrait){.hero__date{margin-top:5vw;font-size:6.4vw}}
@media (min-width:600px) and (max-width:900px) and (orientation:portrait){.hero__date{font-size:4.9vw}}
@media (orientation:landscape) and (max-height:500px){.hero__date{margin-top:4vh;font-size:5.3vh}}