/* Final Mykyta refinements: centered case nav, live fire and media proof. */
body .case-chapters{left:50%!important;right:auto!important;margin:0!important;transform:translateX(-50%)!important}
body .case-chapters>a:hover{transform:none!important}
.media-impact:before{z-index:1;background:linear-gradient(90deg,#04101df8 0,#09162de8 42%,#09162d45 67%,transparent)!important}
.media-impact>img{z-index:0;right:-1%!important;width:72%!important;object-position:68% center!important;transform:scale(1.22)!important}
.media-impact-copy{z-index:4}
.media-impact:after{z-index:3!important;right:-1%!important;bottom:-1%!important;width:70%!important;height:70%!important;opacity:.92;background:radial-gradient(ellipse at 12% 105%,#fff4af 0 2%,#ffaf22 5%,#ff3518 11%,transparent 27%),radial-gradient(ellipse at 34% 108%,#ffe480 0 3%,#ff6b16 8%,#d90b18 16%,transparent 31%),radial-gradient(ellipse at 58% 104%,#fff0a0 0 2%,#ff8617 7%,#ee1820 15%,transparent 29%),radial-gradient(ellipse at 82% 106%,#ffd447 0 3%,#ff4919 10%,#a90019 20%,transparent 34%),linear-gradient(0deg,#ee241c77,transparent 54%);filter:blur(3px) saturate(1.55) contrast(1.12);mix-blend-mode:screen;transform-origin:50% 100%;animation:media-fire-live 1.05s steps(8,end) infinite alternate!important}
@keyframes media-fire-live{0%{transform:scaleY(.72) translateX(-1.5%) skewX(-2deg);filter:blur(4px) saturate(1.45)}55%{transform:scaleY(1.03) translateX(1%) skewX(2deg);filter:blur(2px) saturate(1.75)}100%{transform:scaleY(.86) translateX(0) skewX(-1deg);filter:blur(3px) saturate(1.6)}}
.media-names button{appearance:none;padding:11px 15px;border:1px solid #ffd34780;background:#071725b8;color:var(--comic-yellow);font:800 12px/1 Arial,sans-serif;letter-spacing:.08em;transform:skewX(-7deg);cursor:pointer;transition:background .18s,color .18s,transform .18s,box-shadow .18s}
.media-names button:hover,.media-names button:focus-visible,.media-names button.is-active{outline:none;background:var(--comic-yellow);color:#061321;transform:skewX(-7deg) translateY(-4px);box-shadow:5px 6px 0 var(--comic-red),0 0 24px #ffd34766}
.media-spotlight{display:grid;gap:6px;max-width:520px;min-height:76px;margin:-15px 0 28px;padding:17px 19px;border-left:4px solid var(--comic-red);background:#071725cc;box-shadow:0 12px 35px #0005}
.media-spotlight b{color:var(--comic-yellow);font-size:11px;letter-spacing:.16em}.media-spotlight span{color:#d8e7f0;font-size:15px;line-height:1.45}
.film{gap:24px}.film-kicker{margin:0;color:#071321;font:900 11px/1 Arial,sans-serif;letter-spacing:.2em}.film video{width:min(720px,92vw)!important;max-height:78vh;object-fit:contain;transform:perspective(1000px) rotateY(-3deg)!important}.film video:hover{transform:perspective(1000px) rotateY(0) translateY(-6px)!important}
@media(max-width:760px){body .case-chapters{left:12px!important;right:12px!important;width:auto!important;transform:none!important}.media-impact>img{right:-42%!important;width:145%!important}.media-impact:after{width:115%!important;height:46%!important}.media-spotlight{margin-top:0}}
@media(prefers-reduced-motion:reduce){.media-impact:after{animation:none!important}}

.media-fire-inside{position:absolute;z-index:2;right:-1%;top:0;width:72%;height:100%;overflow:hidden;pointer-events:none;mix-blend-mode:screen;filter:saturate(1.45) contrast(1.08)}.media-fire-inside:before{content:"";position:absolute;inset:14% 5% 18% 24%;background:radial-gradient(circle at 58% 58%,#ff4c1f35,transparent 25%),radial-gradient(circle at 73% 46%,#ff9e2838,transparent 19%);filter:blur(18px);animation:media-smoke-glow 2.2s ease-in-out infinite alternate}.media-fire-inside i{position:absolute;left:var(--fx);top:var(--fy);width:var(--fs);height:calc(var(--fs)*1.8);border-radius:52% 48% 56% 44%/68% 68% 32% 32%;background:radial-gradient(ellipse at 50% 72%,#fff8b8 0 11%,#ffb126 28%,#ff351c 56%,#a6001700 75%);filter:blur(1.2px) drop-shadow(0 0 9px #ff5d1d);transform-origin:50% 100%;animation:media-image-flame var(--fd) ease-in-out var(--phase) infinite alternate}.media-fire-inside i:nth-child(3n){rotate:12deg}.media-fire-inside i:nth-child(3n+2){rotate:-9deg}.media-impact:hover .media-fire-inside{filter:saturate(1.75) contrast(1.15) brightness(1.12)}@keyframes media-image-flame{0%{transform:translate(-50%,-50%) scale(.68,.78) skewX(-7deg);opacity:.55}55%{transform:translate(calc(-50% + 8px),calc(-50% - 12px)) scale(1.08,1.22) skewX(6deg);opacity:1}100%{transform:translate(calc(-50% - 5px),calc(-50% - 5px)) scale(.84,1.06) skewX(-3deg);opacity:.82}}@keyframes media-smoke-glow{to{transform:scale(1.12) translateY(-2%);opacity:.55}}
@media(max-width:760px){.media-fire-inside{right:-42%;width:145%}}
@media(prefers-reduced-motion:reduce){.media-fire-inside i,.media-fire-inside:before{animation:none!important}}

/* One continuous cinematic background; no detached decorative flames. */
.media-impact{isolation:isolate;background:#020810!important}
.media-impact>.media-impact-video{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.2) contrast(1.08);transform:none!important}
.media-impact:before{z-index:1!important;background:linear-gradient(90deg,#020811f7 0,#06101edd 38%,#06101e8f 58%,#02081135 78%,#0208111c),linear-gradient(0deg,#020811b8 0,transparent 46%)!important}
.media-impact:after{display:block!important}.media-fire-inside{display:none!important}
.media-impact-copy{position:relative;z-index:2}
@media(max-width:760px){.media-impact>.media-impact-video{object-position:64% center}.media-impact:before{background:linear-gradient(90deg,#020811f4 0,#06101ed9 58%,#02081175),linear-gradient(0deg,#020811c7,transparent 58%)!important}}
@media(prefers-reduced-motion:reduce){.media-impact>.media-impact-video{visibility:hidden}.media-impact{background:#020810 url('assets/mykyta/burning-moscow.webp') 64% center/cover no-repeat!important}}

/* Contain cinematic overflow without making the mobile document pan sideways. */
html,body{max-width:100%;overflow-x:clip}
main,main>section,main>section>div,.mk-section-head>*,.mk-premiere>*,.film>*{min-width:0}
@media(max-width:760px){
 .mk-premiere,.mk-section-head,.mk-media-grid,.mykyta-video-grid{grid-template-columns:minmax(0,1fr)}
 .film video{width:min(720px,100%)!important;max-width:100%;transform:none!important}
 .film video:hover{transform:none!important}
 .film .video-rating{width:100%;max-width:720px}
 h1,h2,h3,.impact strong,.impact-source,.mk-bonus{overflow-wrap:anywhere}
 .impact-intro h2,.media-impact h2,.film h2{font-size:clamp(32px,9vw,58px)}
 .mk-premiere h2,.mk-section-head h2{font-size:clamp(32px,9vw,48px)}
 .mk-premiere-stage{max-width:100%}
}