/* ReplyJolt media wing / cinematic TV and gallery, optimized for phone and desktop. */
.mv-hero{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 77% 33%,#ba493c30,transparent 48%),radial-gradient(ellipse at 9% 90%,#008ed024,transparent 51%),#0a101b;border-bottom:1px solid #78445b}
.mv-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(130deg,transparent 0 102px,#ff9c5308 103px,transparent 104px 207px)}
.mv-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:clamp(25px,5vw,70px);padding-top:72px;padding-bottom:82px}
.mv-hero h1,.mv-heading h2,.mv-endgame h2{font:950 clamp(43px,5vw,74px)/1.02 var(--display);letter-spacing:-2.6px;text-transform:uppercase;margin:22px 0}
.mv-hero h1 em,.mv-heading h2 em,.mv-endgame h2 em{color:#ff995e;font-style:normal}
.mv-hero-copy>p{font-size:17px;line-height:1.7;color:#bacbdb;max-width:600px}
.mv-hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:26px}
.mv-live-tape{margin-top:25px;display:flex;align-items:center;gap:9px;color:#afc7d7;font-size:10px;font-weight:900;letter-spacing:1.3px;flex-wrap:wrap}
.mv-on-air{width:9px;height:9px;border-radius:50%;background:#ff8954;box-shadow:0 0 16px #ff8954;flex:none}
.mv-live-tape b{color:#fe9b67}
.mv-hero-visual{position:relative;border-radius:35px 14px 45px 17px;box-shadow:15px 16px 0 #261a28,0 0 70px #ff8b4425;overflow:hidden;border:1px solid #b56d5d;transform:rotate(1deg)}
.mv-hero-visual img{display:block;width:100%;height:100%;min-height:350px;object-fit:cover}
.mv-visual-stamp{position:absolute;bottom:16px;left:15px;right:15px;text-align:center;padding:14px 12px;background:#100f1ee9;border:1px solid #d47b65;color:#ffd5ad;font-size:10px;font-weight:950;letter-spacing:1px;line-height:1.5}
.mv-signal-ticker{display:flex;justify-content:space-around;gap:14px;flex-wrap:wrap;padding:16px 14px;background:linear-gradient(95deg,#2a1725,#0c2233,#301521);border-bottom:1px solid #62465b}
.mv-signal-ticker span{color:#d8ebf5;font-size:9px;font-weight:900;letter-spacing:1.4px}.mv-signal-ticker b{color:#ff9d63}
.mv-tv-section{padding:100px 0;background:radial-gradient(ellipse at 20% 10%,#a0355530,transparent 49%),radial-gradient(ellipse at 88% 79%,#1754bb17,transparent 43%),#080e18;border-bottom:1px solid #54394d}
.mv-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:36px}
.mv-heading h2{font-size:clamp(38px,4.7vw,64px);margin-bottom:0}
.mv-heading>p{max-width:420px;color:#b6c7d6;font-size:15px;line-height:1.75;margin:0}
.mv-tv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.mv-video-card{background:linear-gradient(155deg,#1e1c2f,#0e1d2b);border:1px solid #5c4a68;border-radius:26px 14px 25px 14px;padding:12px;min-width:0;display:flex;flex-direction:column;gap:0;box-shadow:0 12px 35px #0005}
.mv-video-card-featured{grid-column:span 3;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;align-items:center;background:radial-gradient(ellipse at 88% 10%,#e77d4633,transparent 46%),linear-gradient(110deg,#211729,#112333);border-color:#b37964;padding:20px}
.mv-video-frame{position:relative;background:#060a13;border:1px solid #384757;border-radius:17px 17px 7px 7px;overflow:hidden;display:flex;justify-content:center;align-items:center}
.mv-video-frame video{display:block;width:100%;height:380px;background:#080a10;object-fit:contain}
.mv-video-card-featured .mv-video-frame video{height:455px}
.mv-video-corner{position:absolute;left:12px;top:12px;pointer-events:none;padding:8px 10px;background:#080c16d9;color:#ffd0a6;font:900 10px/1.5 var(--font);letter-spacing:1px;border:1px solid #bb755b}
.mv-video-meta{padding:22px 13px 10px;display:flex;flex-direction:column;flex:1}
.mv-video-card-featured .mv-video-meta{padding:22px}
.mv-video-label{color:#ffac72;font-size:10px;letter-spacing:1.5px;font-weight:950}
.mv-video-meta h3{font:950 clamp(20px,2.25vw,30px)/1.12 var(--display);margin:17px 0 10px;overflow-wrap:break-word}
.mv-video-meta p{font-size:13px;line-height:1.7;color:#adc4d2;max-width:460px;margin:0 0 20px}
.mv-video-meta>a{display:inline-block;margin-top:auto;align-self:start;font-size:11px;font-weight:950;color:#80e9ff;text-decoration:underline;text-underline-offset:5px;padding:12px 0}
.mv-tv-note{font-size:12px;color:#9fb0c3;line-height:1.7;margin-top:24px}
.mv-art-section{padding:100px 0 105px;background:radial-gradient(ellipse at 84% 5%,#bb6b4921,transparent 45%),radial-gradient(ellipse at 12% 92%,#51279c24,transparent 38%),#10101b}
.mv-art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;grid-auto-flow:dense}
.mv-art-tile{position:relative;display:block;min-height:230px;aspect-ratio:1.07;overflow:hidden;background:#09111e;border:1px solid #68527b;border-radius:25px 8px 24px 8px;box-shadow:0 8px 25px #0003;transition:border-color .18s,transform .18s}
.mv-art-tile:hover{transform:translateY(-4px);border-color:#ff9d5f}
.mv-art-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.mv-art-tile:hover img{transform:scale(1.045)}
.mv-art-tile span{position:absolute;inset:auto 0 0;padding:30px 16px 16px;background:linear-gradient(transparent,#070914f9 42%);color:#fff;font-size:11px;font-weight:950;letter-spacing:1.1px;line-height:1.6}
.mv-art-tile-wide{grid-column:span 2;aspect-ratio:2 / 1;min-height:280px}
.mv-art-tile-portrait{aspect-ratio:.88;min-height:260px}
.mv-art-tile-sheet img{object-fit:contain;background:#091629}
.mv-endgame{padding:88px 0;background:radial-gradient(ellipse at 83% 0%,#e27c5133,transparent 55%),linear-gradient(105deg,#271926,#101e31);border-top:1px solid #895c6a}
.mv-endgame-inner{display:grid;grid-template-columns:80px minmax(0,1fr) auto;align-items:center;gap:25px}
.mv-endgame-inner>img{width:76px;height:76px;border-radius:50%;box-shadow:0 0 32px #e38a4855}
.mv-endgame h2{font-size:clamp(29px,3.2vw,43px);letter-spacing:-1.2px;margin:13px 0}
.mv-endgame p{color:#b5c7d5;font-size:14px;line-height:1.7}
.mv-lightbox{position:fixed;inset:0;max-width:min(95vw,1400px);max-height:95vh;padding:15px;background:#09121cf7;border:1px solid #be7f6f;border-radius:20px;color:#fff;box-shadow:0 30px 100px #000b}
.mv-lightbox::backdrop{background:#000c}
.mv-lightbox-inner{display:flex;flex-direction:column;align-items:center;max-height:calc(95vh - 30px);gap:10px}
.mv-lightbox-inner img{display:block;max-width:100%;max-height:calc(95vh - 115px);width:auto;height:auto;object-fit:contain}
.mv-lightbox-close{align-self:end;min-height:43px;padding:10px 15px;border:1px solid #9d715f;border-radius:999px;background:#2c2330;color:#fcd2b4;font-size:11px;font-weight:900}
.mv-lightbox-caption{color:#c7d9e7;font-size:12px;line-height:1.4;margin:0}
.mv-lightbox-close:focus-visible,.mv-art-tile:focus-visible{outline:3px solid #8ce8ff;outline-offset:3px}
/* Home page portal: one teaser rather than duplicating the full video payload. */
.mv-home-portal{padding-top:84px;padding-bottom:85px;position:relative}
.mv-home-portal .mv-heading h2{font-size:clamp(38px,4.5vw,62px)}
.mv-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.mv-home-panel{position:relative;overflow:hidden;min-width:0;height:350px;border-radius:35px 10px 34px 10px;border:1px solid #9d5f68;display:flex;align-items:end;background:#0b1520;box-shadow:0 15px 37px #0005}
.mv-home-panel:nth-child(2){border-color:#5b7495;border-radius:12px 38px 12px 38px}
.mv-home-panel img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;transition:transform .25s}
.mv-home-panel:hover img{transform:scale(1.04)}
.mv-home-panel::after{content:"";position:absolute;inset:26% 0 0;background:linear-gradient(transparent,#080d1bf5);pointer-events:none}
.mv-home-content{position:relative;z-index:1;padding:24px;width:100%}
.mv-home-content small{display:block;color:#ffbb82;font-size:10px;letter-spacing:1.6px;font-weight:950}
.mv-home-content strong{display:block;font:950 clamp(24px,3.2vw,39px)/1 var(--display);margin:9px 0;color:#fff}
.mv-home-content span{color:#c9e4f1;font-size:13px;font-weight:750}
.mv-home-panel:focus-visible{outline:3px solid #ffac75;outline-offset:4px}
.mv-home-bottom{margin-top:19px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#97b3c6;font-size:12px}
.mv-home-bottom a{color:#ffb480;font-weight:950;letter-spacing:1px;font-size:11px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px){
 .mv-hero-grid{grid-template-columns:1fr}.mv-hero-visual{max-width:790px}
 .mv-tv-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mv-video-card-featured{grid-column:span 2}
 .mv-video-frame video{height:410px}.mv-endgame-inner{grid-template-columns:75px 1fr}.mv-endgame-inner>.btn{grid-column:2;justify-self:start}
}
@media(max-width:700px){
 .mv-hero-grid{padding-top:50px;padding-bottom:64px}
 .mv-hero h1{font-size:clamp(39px,8.7vw,55px);letter-spacing:-1.5px}
 .mv-hero-copy>p{font-size:15px}.mv-hero-actions .btn{width:100%;white-space:normal;text-align:center}
 .mv-hero-visual{transform:none;box-shadow:8px 9px 0 #261a28}.mv-hero-visual img{min-height:220px}
 .mv-heading{display:block}.mv-heading h2{font-size:clamp(34px,8vw,47px);letter-spacing:-1.4px}.mv-heading>p{font-size:14px;margin-top:18px}
 .mv-tv-section,.mv-art-section{padding:70px 0}
 .mv-tv-grid{grid-template-columns:1fr;gap:13px}.mv-video-card-featured{grid-column:span 1;display:flex;padding:12px;gap:0}
 .mv-video-card-featured .mv-video-frame video{height:430px}.mv-video-frame video{height:390px}
 .mv-video-meta,.mv-video-card-featured .mv-video-meta{padding:20px 15px 12px}
 .mv-video-meta h3{font-size:23px}.mv-art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .mv-art-tile{min-height:145px}.mv-art-tile-wide{grid-column:span 2;min-height:190px;aspect-ratio:1.7}
 .mv-art-tile-portrait{min-height:190px;aspect-ratio:.8}.mv-art-tile span{font-size:9px;padding:24px 10px 10px}
 .mv-endgame{padding:58px 0}.mv-endgame-inner{grid-template-columns:1fr;gap:12px}.mv-endgame-inner>.btn{grid-column:1}
 .mv-home-portal{padding-top:65px;padding-bottom:65px}.mv-home-grid{grid-template-columns:1fr;gap:12px}
 .mv-home-panel{height:275px}.mv-home-content{padding:19px}
 .mv-home-bottom{align-items:start}
}
@media(prefers-reduced-motion:reduce){.mv-art-tile,.mv-art-tile img,.mv-home-panel img{transition:none!important}.mv-art-tile:hover{transform:none}.mv-home-panel:hover img{transform:none}}


/* v2 / JoltBot TV tuning console: single cinematic screen + real channel selection. */
.mv-console{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,.76fr);gap:15px;align-items:stretch}
.mv-console-theater{min-width:0;overflow:hidden;background:linear-gradient(125deg,#172537,#141528 55%,#201629);border:1px solid #a5776d;border-radius:26px 12px 29px 12px;box-shadow:0 20px 42px #0007,0 0 50px #ff855016}
.mv-console-leds{display:flex;align-items:center;gap:8px;padding:13px 17px;border-bottom:1px solid #4a536b;color:#aad2dd;background:#101723;font:900 10px/1.5 var(--font);letter-spacing:1px}
.mv-led-red,.mv-led-cyan{display:inline-block;width:8px;height:8px;border-radius:50%;flex:none}
.mv-led-red{background:#ff8d62;box-shadow:0 0 15px #ff8d62}
.mv-led-cyan{background:#65dfff;box-shadow:0 0 15px #65dfff}
.mv-console-leds b{min-width:0;overflow-wrap:anywhere}
.mv-console-channel-name{margin-left:auto;white-space:nowrap;color:#ffbd86;font:900 10px var(--font)}
.mv-console-screen{position:relative;display:grid;place-items:center;overflow:hidden;min-height:400px;background:#0a0c15}
.mv-console-screen-glow{position:absolute;inset:-40px;pointer-events:none;background-image:var(--mv-screen-image,url('/assets/joltbot/media/transmission-04-poster.webp'));background-position:center;background-size:cover;filter:blur(35px) brightness(.5) saturate(1.4);opacity:.66}
.mv-console-screen:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px #66d6ef1d,inset 0 0 65px #0009}
.mv-console-screen video{position:relative;z-index:1;width:100%;height:clamp(390px,54vw,590px);max-height:590px;display:block;object-fit:contain;background:transparent}
.mv-console-screen-label{position:absolute;z-index:2;bottom:10px;left:13px;padding:7px 11px;background:#090e19d6;color:#fff0e1;border:1px solid #9f726b;font:900 9px/1.4 var(--font);letter-spacing:.6px;pointer-events:none}
.mv-console-now{padding:25px 25px 27px;display:flex;align-items:end;justify-content:space-between;gap:18px;flex-wrap:wrap}
.mv-console-now-label{display:block;color:#ffb686;font:900 10px/1.5 var(--font);letter-spacing:1.25px}
.mv-console-now h3{font:950 clamp(22px,2.7vw,35px)/1.12 var(--display);margin:10px 0 8px;color:white}
.mv-console-now p{margin:0;color:#b0c6d4;font-size:13px;line-height:1.6;max-width:470px}
.mv-console-now>a{display:inline-flex;min-height:44px;align-items:center;flex:none;color:#8be4ff;font:900 11px var(--font);text-decoration:underline;text-underline-offset:5px}
.mv-console-guide{background:radial-gradient(ellipse at 95% 5%,#ff965a21,transparent 50%),#101626;border:1px solid #664b65;border-radius:12px 30px 12px 30px;padding:20px;min-width:0;display:flex;flex-direction:column}
.mv-console-guide-heading{display:flex;align-items:center;gap:9px;margin-bottom:19px}
.mv-guide-icon{width:37px;height:37px;flex:none;display:grid;place-items:center;border-radius:12px;background:#382634;color:#ffa976;font-size:18px}
.mv-console-guide-heading strong{display:block;color:#fff;font:950 14px/1.3 var(--font);letter-spacing:1px}
.mv-console-guide-heading small{display:block;color:#9fb5c6;font:800 9px/1.5 var(--font);letter-spacing:.6px}
.mv-guide-badge{margin-left:auto;white-space:nowrap;color:#ffbb87;font:900 9px/1.2 var(--font);border:1px solid #7e5965;border-radius:999px;padding:7px 9px}
.mv-console-channel-list{display:flex;flex-direction:column;gap:9px}
.mv-console-channel{min-width:0;min-height:103px;display:grid;grid-template-columns:74px minmax(0,1fr) 12px;align-items:center;gap:10px;position:relative;background:#0e1c2c;border:1px solid #405267;border-radius:14px 5px 14px 5px;padding:8px 9px;transition:transform .18s,border-color .18s,background .18s}
.mv-console-channel.is-active{background:linear-gradient(112deg,#322334,#14273c);border-color:#f39965;box-shadow:inset 3px 0 #ff925b,0 7px 19px #0004}
.mv-console-channel:hover{transform:translateX(3px);border-color:#ffad80}
.mv-console-channel img{width:74px;height:84px;object-fit:cover;object-position:top;border-radius:9px;display:block;background:#111326}
.mv-console-channel span{display:grid;gap:6px;min-width:0}
.mv-console-channel small{font:900 9px/1.25 var(--font);color:#ffb27d;letter-spacing:.7px}
.mv-console-channel strong{font:950 12px/1.35 var(--font);color:#eef9ff;overflow-wrap:break-word}
.mv-console-channel em{font:700 10px/1.45 var(--font);color:#9bb8c9;font-style:normal}
.mv-console-channel>b{font:900 14px var(--font);color:#78dfff;justify-self:end}
.mv-guide-foot{margin-top:auto;padding:20px 5px 1px;display:flex;gap:12px;align-items:start;color:#97b1bf}
.mv-guide-foot>span{color:#ffa36e;flex:none;font-size:22px}
.mv-guide-foot p{font:800 11px/1.6 var(--font);margin:0}
.mv-console-channel:focus-visible{outline:3px solid #8de6ff;outline-offset:2px}
@media(max-width:1100px){.mv-console{grid-template-columns:minmax(0,1fr)}.mv-console-guide{gap:0}.mv-console-channel-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mv-guide-foot{padding-top:20px}}
@media(max-width:700px){.mv-console-theater{border-radius:17px 9px 19px 9px}.mv-console-guide{padding:14px;border-radius:11px 22px 11px 22px}.mv-console-leds{padding:10px;gap:6px;font-size:8px}.mv-console-channel-name{font-size:8px}.mv-console-screen{min-height:280px}.mv-console-screen video{height:clamp(290px,90vw,490px)}.mv-console-screen-label{font-size:7px;padding:6px}.mv-console-now{padding:18px;gap:9px}.mv-console-now h3{font-size:24px}.mv-console-channel-list{grid-template-columns:1fr}.mv-console-channel{min-height:91px;grid-template-columns:64px minmax(0,1fr) 12px}.mv-console-channel img{width:64px;height:72px}.mv-console-channel strong{font-size:12px}.mv-guide-foot{padding-top:16px}}
@media(prefers-reduced-motion:reduce){.mv-console-channel{transition:none}.mv-console-channel:hover{transform:none}}


/* JoltBot TV channel directory: quick, game-like access without modal menus. */
.mv-channel-nav{
 position:relative;z-index:4;
 border-bottom:1px solid #695067;
 background:linear-gradient(97deg,#121522,#1c1526 55%,#112332);
 box-shadow:0 10px 26px rgba(0,0,0,.25);
}
.mv-channel-nav-inner{display:flex;align-items:center;gap:9px;padding-block:12px;flex-wrap:wrap}
.mv-channel-id{font-size:9px;letter-spacing:1.1px;font-weight:950;color:#ffae7c;margin-right:auto;white-space:nowrap}
.mv-channel-link{
 min-height:43px;padding:10px 14px;border-radius:999px;border:1px solid #48697c;
 background:#101c2a;color:#eaf7ff;font-size:10px;line-height:1.5;
 letter-spacing:.6px;font-weight:950;display:inline-flex;align-items:center;gap:8px;
 transition:border-color .18s,background-color .18s;
}
.mv-channel-link:hover{border-color:#ffad70;background:#2b2532}
.mv-channel-link>span:first-child{color:#ffab73}
.mv-channel-cta{border-color:#a36865;background:#33202b;color:#ffd0a5}
.mv-channel-link:focus-visible{outline:3px solid #86e6ff;outline-offset:3px}
#tv,#gallery{scroll-margin-top:88px}
@media(max-width:700px){
 .mv-channel-nav-inner{gap:7px;padding-block:10px}
 .mv-channel-id{flex-basis:100%;font-size:9px}
 .mv-channel-link{flex:1;justify-content:center;padding:10px 8px;font-size:9px;white-space:nowrap}
 .mv-channel-cta{flex:1 1 100%}
}
@media(prefers-reduced-motion:reduce){.mv-channel-link{transition:none}}


/* Banner-safe gallery: respect the native artwork proportions.
   3:1 artwork was cropped by the default 2:1 card plus object-fit:cover. */
.mv-art-tile-banner,
.mv-art-tile-campaign{
 aspect-ratio:auto!important;
 min-height:0!important;
 display:flex;
 flex-direction:column;
 align-self:start;
 padding:0;
 background:linear-gradient(135deg,#10192b,#211626);
}
.mv-art-tile-banner{
 grid-column:1/-1;
 border-color:#d18a6b;
 border-radius:24px 13px 24px 13px;
}
.mv-art-tile-campaign{
 grid-column:span 2;
 border-color:#687b99;
}
.mv-art-tile-banner img,
.mv-art-tile-campaign img{
 position:relative;
 display:block;
 width:100%;
 height:auto!important;
 aspect-ratio:auto!important;
 min-height:0!important;
 max-height:none;
 flex:none;
 object-fit:contain!important;
 object-position:center;
 transform:none!important;
}
.mv-art-tile-banner span,
.mv-art-tile-campaign span{
 position:relative!important;
 inset:auto!important;
 display:block;
 padding:13px 16px!important;
 min-height:43px;
 font-size:10px!important;
 line-height:1.5;
 background:linear-gradient(90deg,#172135,#2a1a2b)!important;
 border-top:1px solid #68516c;
 color:#ffccab;
}
/* Do not cut off the TV-studio art and embedded graphic in its cover frame. */
.mv-hero-visual img{
 height:auto;
 min-height:0;
 object-fit:contain;
}
/* Other wide posters are full illustrations: preserve their edges as well. */
.mv-art-tile-wide img{
 object-fit:contain;
 background:#091326;
}
@media(max-width:700px){
 .mv-art-tile-banner{grid-column:1/-1;min-height:0!important}
 .mv-art-tile-campaign{grid-column:1/-1;min-height:0!important}
 .mv-art-tile-banner span,
 .mv-art-tile-campaign span{padding:12px 13px!important;font-size:10px!important}
 .mv-hero-visual img{min-height:0}
}