@font-face {
  font-family: "Archivo";
  src: url("assets/archivo-latin.woff2") format("woff2");
  font-weight: 100 900; font-stretch: 62% 125%; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Archivo";
  src: url("assets/archivo-latin-ext.woff2") format("woff2");
  font-weight: 100 900; font-stretch: 62% 125%; font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1E00-1E9F, U+20A0-20AB, U+20AD-20C4, U+2C60-2C7F, U+A720-A7FF;
}
:root { --bg: #151514; --fg: #f0ede6; --mut: rgba(240,237,230,.62); --line: rgba(240,237,230,.12); --red: #ff3b1f; --gut: clamp(16px, 2.5vw, 64px); }
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; scroll-padding-top: 64px; }
body { margin: 0; background: var(--bg); color: var(--fg); font-family: "Archivo", "Arial Narrow", Arial, sans-serif; font-size: clamp(15px, .3vw + 13px, 19px); line-height: 1.5; -webkit-font-smoothing: antialiased; }
h1, h2, h3, p, ol, ul { margin: 0; }
a { color: inherit; }
.lbl { font-stretch: 118%; font-weight: 600; font-size: .78em; text-transform: uppercase; letter-spacing: .09em; color: var(--mut); }

.top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px 48px; align-items: end; padding: clamp(40px, 5vw, 96px) var(--gut) 32px; }
.top h1 { font-stretch: 62%; font-weight: 900; font-size: clamp(3rem, 7vw, 9rem); line-height: .84; text-transform: uppercase; }
.top h1 span { color: var(--red); }
.top p { max-width: 38em; color: var(--mut); }
.top p + p { margin-top: .8em; }

.jump { position: sticky; top: 0; z-index: 20; display: flex; flex-wrap: wrap; gap: 6px; padding: 10px var(--gut); background: rgba(21,21,20,.92); backdrop-filter: blur(10px); border-bottom: 1px solid var(--line); }
.jump a { display: inline-flex; align-items: baseline; gap: .5em; padding: .45em .8em; border: 1px solid var(--line); text-decoration: none; font-size: .85em; font-weight: 600; }
.jump a b { font-stretch: 62%; font-weight: 900; font-size: 1.3em; color: var(--red); }
.jump a:hover { background: var(--fg); color: var(--bg); }

.m { padding: clamp(48px, 5vw, 96px) var(--gut) 24px; border-top: 1px solid var(--line); }
.m__head { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px 28px; margin-bottom: 20px; }
.m__letter { font-stretch: 62%; font-weight: 900; font-size: clamp(4rem, 7vw, 9rem); line-height: .78; color: var(--red); }
.m__name { font-stretch: 72%; font-weight: 850; font-size: clamp(1.8rem, 3.2vw, 4rem); line-height: .92; text-transform: uppercase; }
.m__one { margin-top: .4em; color: var(--mut); max-width: 44em; }
.m__act { margin-left: auto; display: flex; flex-wrap: wrap; gap: 8px; }
.b { display: inline-flex; align-items: center; gap: .5em; padding: .8em 1.1em; border: 0; background: var(--fg); color: var(--bg); font: inherit; font-stretch: 112%; font-weight: 700; font-size: .78em; text-transform: uppercase; letter-spacing: .07em; text-decoration: none; cursor: pointer; }
.b:hover { background: var(--red); }
.b--line { background: transparent; color: var(--fg); box-shadow: inset 0 0 0 1px var(--fg); }
:focus-visible { outline: 3px solid var(--red); outline-offset: 3px; }

.m__notes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px 32px; margin-top: 22px; }
.m__notes div { border-top: 1px solid var(--line); padding-top: 12px; }
.m__notes p:last-child { margin-top: .35em; }
@media (max-width: 900px) { .m__notes { grid-template-columns: 1fr 1fr; } .top { grid-template-columns: 1fr; } }
@media (max-width: 520px) { .m__notes { grid-template-columns: 1fr; } }

.end { padding: clamp(48px, 5vw, 96px) var(--gut) 80px; border-top: 1px solid var(--line); }
.end h2 { font-stretch: 62%; font-weight: 900; font-size: clamp(2.6rem, 5vw, 6rem); line-height: .86; text-transform: uppercase; margin-bottom: .4em; }
.end p { max-width: 40em; color: var(--mut); }
.frame { position: relative; aspect-ratio: 16 / 9; container-type: inline-size; overflow: hidden; isolation: isolate; box-shadow: 0 0 0 1px var(--line), 0 30px 80px rgba(0,0,0,.45); font-family: "Archivo", "Arial Narrow", Arial, sans-serif; line-height: 1.4; user-select: none; }
.frame:fullscreen { width: 100vw; height: 100vh; aspect-ratio: auto; }
body.pur { overflow: hidden; }
body.pur .m { padding: 0; border: 0; }
body.pur .m__head, body.pur .m__notes { display: none; }
body.pur .frame { width: 100vw; height: 100vh; aspect-ratio: auto; box-shadow: none; }
.frame * { margin: 0; padding: 0; list-style: none; box-sizing: border-box; }
.cond { font-stretch: 62%; font-weight: 900; text-transform: uppercase; line-height: .84; }
.wide { font-stretch: 118%; font-weight: 600; text-transform: uppercase; letter-spacing: .09em; }
.ma { background: #0d0d0c; color: #f0ede6; }
.ma__grid { position: absolute; inset: 0; background-image: linear-gradient(90deg, rgba(240,237,230,.05) 1px, transparent 1px), linear-gradient(rgba(240,237,230,.05) 1px, transparent 1px); background-size: 7.92cqw 7.92cqw; background-position: 2.5cqw 4.2cqw; }
.ma__nav { position: absolute; left: 2.5cqw; right: 2.5cqw; top: 1.1cqw; display: flex; align-items: center; gap: 2.2cqw; font-size: .7cqw; }
.ma__nav b { margin-right: auto; display: flex; align-items: baseline; gap: .1em; font-size: 2cqw; font-stretch: 62%; font-weight: 900; letter-spacing: 0; text-transform: none; }
.ma__nav b i { width: .2em; height: .2em; border-radius: 50%; background: #ff3b1f; }
.ma__nav em { font-style: normal; background: #ff3b1f; color: #0d0d0c; padding: .9em 1.2em; font-weight: 700; }
.ma__cues li { position: absolute; left: calc(2.5cqw + var(--x) * 15.6cqw); top: calc(6.3cqw + var(--x) * 8.6cqw); display: flex; gap: 1cqw; font-size: 10.2cqw; }
.ma__cues small { padding-top: .7cqw; font-size: .7cqw; color: rgba(240,237,230,.6); white-space: nowrap; }
.ma__cues small i { color: #ff3b1f; font-style: normal; margin-right: .8em; }
.ma__cues .live { color: #ff3b1f; }
.ma__cues .live small { display: flex; align-items: flex-start; gap: .5em; color: #f0ede6; }
.ma__cues .live small b { width: .9em; height: .9em; border-radius: 50%; background: #ff3b1f; box-shadow: 0 0 .9em #ff3b1f; animation: blink 1.6s steps(1) infinite; }
@keyframes blink { 50% { opacity: .3; } }
.ma__intro { position: absolute; left: 2.5cqw; top: 29.5cqw; width: 27.5cqw; }
.ma__intro h3 { font-size: 2.1cqw; font-stretch: 88%; font-weight: 800; line-height: 1.02; }
.ma__intro em { font-style: normal; color: #ff3b1f; }
.ma__intro p { margin: 1.2cqw 0; font-size: .92cqw; line-height: 1.5; color: rgba(240,237,230,.65); }
.ma__field { display: flex; justify-content: space-between; padding: .8cqw 0; border-bottom: .13cqw solid #f0ede6; font-size: 1.05cqw; color: rgba(240,237,230,.45); }
.ma__field span { color: #ff3b1f; font-size: .7cqw; font-weight: 700; }
.ma__clock { position: absolute; right: 2.5cqw; top: 6.5cqw; text-align: right; font-size: .7cqw; color: rgba(240,237,230,.6); }
.ma__clock b { display: block; margin-top: .5cqw; font-size: 2.5cqw; font-weight: 300; font-stretch: 100%; letter-spacing: .01em; color: #f0ede6; font-variant-numeric: tabular-nums; }
.ma__clock b span { color: rgba(240,237,230,.5); }
.ma__ruler { position: absolute; left: 0; right: 0; bottom: 0; height: 3cqw; border-top: 1px solid rgba(240,237,230,.16); background: repeating-linear-gradient(90deg, rgba(240,237,230,.3) 0 1px, transparent 1px 8.33cqw) 0 0/100% 55% no-repeat, repeating-linear-gradient(90deg, rgba(240,237,230,.14) 0 1px, transparent 1px 2.08cqw) 0 0/100% 30% no-repeat; }
.ma__ruler::after { content: ""; position: absolute; left: 61%; top: 0; bottom: 0; width: 2px; background: #ff3b1f; }
.mb { --mx: 36%; --my: 40%; background: #070707; color: #fff3e0; cursor: crosshair; }
.mb__truss { position: absolute; left: 6cqw; right: 6cqw; top: 3.2cqw; height: .5cqw; border-block: 1px solid #2a2724; display: flex; justify-content: space-between; }
.mb__truss i { width: 1.4cqw; height: 1.6cqw; margin-top: .4cqw; background: #1d1b19; border-radius: 0 0 .3cqw .3cqw; box-shadow: inset 0 -.3cqw 0 #3a342c; }
.mb__beam { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(255,226,180,0), rgba(255,226,180,.07)); clip-path: polygon(50% 7%, calc(var(--mx) - 12%) var(--my), calc(var(--mx) + 12%) var(--my)); }
.mb__pool { position: absolute; inset: 0; background: radial-gradient(circle at var(--mx) var(--my), rgba(255,226,180,.18), rgba(255,226,180,.05) 10cqw, transparent 15cqw); }
.mb__txt { position: absolute; left: 4cqw; top: 10cqw; font-size: 15.6cqw; letter-spacing: -.01em; }
.mb__dim { color: #161412; }
.mb__lit { position: absolute; inset: 0; -webkit-mask: radial-gradient(circle at var(--mx) var(--my), #000 0 8cqw, transparent 14cqw); mask: radial-gradient(circle at var(--mx) var(--my), #000 0 8cqw, transparent 14cqw); }
.mb__lit .mb__txt { color: #fff4e2; text-shadow: 0 0 2.5cqw rgba(255,200,130,.35); }
.mb__line { position: absolute; left: 4.2cqw; top: 39.5cqw; font-size: .95cqw; color: rgba(255,243,224,.55); }
.mb__line span { color: #ffc879; }
.mb__edge { position: absolute; left: 0; right: 0; top: 46cqw; height: 10.25cqw; background: linear-gradient(to bottom, #120f0c, #070707); border-top: 1px solid #2a2520; }
.mb__nav { position: absolute; left: 4cqw; right: 4cqw; top: 5.6cqw; display: flex; gap: 2.4cqw; font-size: .7cqw; color: rgba(255,243,224,.6); }
.mb__nav b { margin-right: auto; font-size: 1.6cqw; color: #fff3e0; font-stretch: 62%; font-weight: 900; letter-spacing: 0; text-transform: none; }
.mb__call { position: absolute; left: 4.2cqw; bottom: 3.2cqw; font-size: .7cqw; color: rgba(255,243,224,.6); }
.mb__cta { position: absolute; right: 4cqw; bottom: 2.6cqw; padding: 1cqw 1.6cqw; border: .12cqw solid #ffc879; color: #ffc879; font-size: .75cqw; font-weight: 700; }
.mc { background: linear-gradient(#1c1e21, #131416); color: #e8eaec; }
.mc__top { position: absolute; left: 0; right: 0; top: 0; height: 3.6cqw; display: flex; align-items: center; gap: 2cqw; padding: 0 2cqw; background: #0d0e10; border-bottom: 1px solid #2c2f33; font-size: .7cqw; color: #9aa0a6; }
.mc__top b { font-size: 1.7cqw; font-stretch: 62%; font-weight: 900; color: #fff; letter-spacing: 0; text-transform: none; }
.mc__top b i { color: #ff3b1f; font-style: normal; }
.mc__scene { margin: 0 auto; padding: .4cqw 1cqw; background: #0a1a1f; color: #8ef0ff; border: 1px solid #1f3a42; }
.mc__strips { position: absolute; left: 1.2cqw; top: 4.6cqw; bottom: 1.2cqw; width: 70cqw; display: grid; grid-template-columns: repeat(6, 1fr); gap: .5cqw; }
.mc__ch { --lvl: .38; --m: 45%; position: relative; background: linear-gradient(90deg, #1a1c1f, #222428 50%, #1a1c1f); border: 1px solid #2c2f33; border-radius: .4cqw; transition: background .3s; }
.mc__ch:nth-child(2) { --lvl: .55; } .mc__ch:nth-child(3) { --lvl: .3; } .mc__ch:nth-child(4) { --lvl: .62; } .mc__ch:nth-child(5) { --lvl: .48; } .mc__ch:nth-child(6) { --lvl: .25; }
.mc__ch:hover { --lvl: .92; background: linear-gradient(90deg, #1e2124, #2a2d31 50%, #1e2124); }
.mc__no { position: absolute; left: .8cqw; top: .8cqw; font-size: .65cqw; color: #8b9196; }
.mc__knobs { position: absolute; right: .8cqw; top: .6cqw; display: flex; gap: .4cqw; }
.mc__knobs i { width: 1.5cqw; height: 1.5cqw; border-radius: 50%; background: radial-gradient(circle at 40% 35%, #4a4f55, #15171a); box-shadow: 0 .15cqw .3cqw #000; position: relative; }
.mc__knobs i::after { content: ""; position: absolute; left: 50%; top: .15cqw; width: .12cqw; height: .5cqw; background: #fff; transform-origin: 50% .6cqw; transform: rotate(var(--r, 30deg)); }
.mc__lcd { position: absolute; left: .8cqw; right: .8cqw; top: 3cqw; padding: .55cqw .5cqw; background: #08161a; border: 1px solid #1f3a42; color: #8ef0ff; font-size: .78cqw; font-weight: 700; text-align: center; letter-spacing: .08em; transition: color .3s, text-shadow .3s; }
.mc__ch:hover .mc__lcd { color: #d8fbff; text-shadow: 0 0 .6cqw #8ef0ff; }
.mc__meter { position: absolute; left: .9cqw; top: 6.5cqw; bottom: 5.4cqw; width: .75cqw; background: repeating-linear-gradient(to top, transparent 0 .3cqw, #121315 .3cqw .42cqw), linear-gradient(to top, #39e36d 0 62%, #ffb02e 62% 84%, #ff3b1f 84%); }
.mc__meter::after { content: ""; position: absolute; inset: 0 0 auto; background: #141518; height: 55%; animation: vu 1.1s ease-in-out infinite alternate; animation-delay: var(--dl, 0s); }
.mc__ch:hover .mc__meter::after { animation-name: vu-hot; }
@keyframes vu { 0% { height: 72%; } 30% { height: 48%; } 60% { height: 62%; } 100% { height: 40%; } }
@keyframes vu-hot { 0% { height: 22%; } 40% { height: 8%; } 100% { height: 16%; } }
.mc__track { position: absolute; left: 3.2cqw; top: 6.8cqw; bottom: 6cqw; width: .35cqw; background: #050506; border-radius: .2cqw; box-shadow: inset 0 0 .2cqw #000; }
.mc__scale { position: absolute; left: 4.1cqw; top: 6.8cqw; bottom: 6cqw; width: .8cqw; background: repeating-linear-gradient(to bottom, #5a6066 0 1px, transparent 1px 2.4cqw); opacity: .7; }
.mc__cap { position: absolute; left: 1.95cqw; width: 2.9cqw; height: 2.3cqw; bottom: calc(6cqw + var(--lvl) * 31cqw - 1.15cqw); border-radius: .25cqw; background: linear-gradient(#d9dde1, #8d939a 45%, #c8ccd0 55%, #7c8289); box-shadow: 0 .3cqw .6cqw rgba(0,0,0,.6); transition: bottom .6s cubic-bezier(.2,.8,.2,1); }
.mc__cap::after { content: ""; position: absolute; left: 0; right: 0; top: 50%; height: .15cqw; background: #222; }
.mc__name { position: absolute; right: .7cqw; top: 6.6cqw; bottom: 6cqw; writing-mode: vertical-rl; transform: rotate(180deg); font-size: 3.4cqw; color: #f2f3f4; text-align: right; transition: color .3s; }
.mc__ch:hover .mc__name { color: #ff3b1f; }
.mc__btns { position: absolute; left: .8cqw; right: .8cqw; bottom: .8cqw; display: flex; gap: .4cqw; }
.mc__btns i { flex: 1; height: 1.9cqw; border-radius: .2cqw; background: #2b2e32; font-style: normal; font-size: .6cqw; font-weight: 700; display: grid; place-items: center; color: #9aa0a6; }
.mc__btns i.on { background: #ff3b1f; color: #111; box-shadow: 0 0 .8cqw rgba(255,59,31,.6); }
.mc__master { position: absolute; right: 1.2cqw; top: 4.6cqw; bottom: 1.2cqw; width: 26.2cqw; padding: 1.6cqw; background: linear-gradient(#202226, #17181b); border: 1px solid #2c2f33; border-radius: .4cqw; }
.mc__master .wide { font-size: .65cqw; color: #8b9196; }
.mc__h { margin-top: 1.2cqw; font-size: 5.6cqw; color: #fff; }
.mc__h span { color: #ff3b1f; }
.mc__p { margin-top: 1.4cqw; font-size: .95cqw; color: #aab0b6; max-width: 20cqw; }
.mc__air { position: absolute; left: 1.6cqw; bottom: 1.6cqw; width: 9.5cqw; height: 9.5cqw; border-radius: 50%; display: grid; place-items: center; text-align: center; background: radial-gradient(circle at 40% 35%, #ff6a50, #ff3b1f 45%, #b8200b); color: #111; box-shadow: 0 0 2.5cqw rgba(255,59,31,.45), inset 0 -.4cqw .8cqw rgba(0,0,0,.3); font-size: .8cqw; font-weight: 800; line-height: 1.15; }
.mc__air b { display: block; font-size: 1.7cqw; font-stretch: 62%; font-weight: 900; }
.mc__mf { position: absolute; right: 1.6cqw; bottom: 1.6cqw; top: 22cqw; width: 4cqw; }
.mc__mf::before { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: .35cqw; translate: -50% 0; background: #050506; }
.mc__mf::after { content: ""; position: absolute; left: 0; right: 0; top: 30%; height: 2.4cqw; border-radius: .25cqw; background: linear-gradient(#ff7a62, #ff3b1f 45%, #ff6a50 55%, #c22a10); box-shadow: 0 .3cqw .6cqw rgba(0,0,0,.6); }
.md { background: #ffe14d; color: #0d0d0c; }
.md__wordTop, .md__wordBottom { position: absolute; font-size: 40cqw; font-stretch: 62%; font-weight: 900; line-height: .74; letter-spacing: -.03em; }
.md__wordTop { left: -1.4cqw; top: -3.4cqw; }
.md__wordBottom { right: -1.6cqw; bottom: -4.2cqw; }
.md__nav { position: absolute; right: 2.5cqw; top: 2cqw; display: flex; gap: 2cqw; font-size: .75cqw; }
.md__h { position: absolute; left: 58cqw; right: 2.5cqw; top: 6.5cqw; font-size: 3.1cqw; font-stretch: 75%; font-weight: 850; line-height: .95; text-transform: uppercase; }
.md__meta { position: absolute; left: 58cqw; top: 20.5cqw; width: 30cqw; font-size: .95cqw; line-height: 1.45; }
.md__cols { position: absolute; left: 2.5cqw; top: 32cqw; width: 44cqw; display: grid; grid-template-columns: 1fr 1fr; gap: 1.6cqw 2.4cqw; }
.md__cols li { border-top: .25cqw solid #0d0d0c; padding-top: .6cqw; font-size: 1.45cqw; font-stretch: 75%; font-weight: 850; text-transform: uppercase; line-height: 1; }
.md__cols b { display: block; font-size: .7cqw; font-stretch: 118%; letter-spacing: .09em; margin-bottom: .4cqw; }
.md__cols span { display: block; margin-top: .4cqw; font-size: .8cqw; font-stretch: 100%; font-weight: 500; text-transform: none; line-height: 1.35; }
.md__side { position: absolute; left: 50.5cqw; top: 3cqw; writing-mode: vertical-rl; font-size: .72cqw; }
.md__sticker { position: absolute; left: 44cqw; top: 22.5cqw; width: 11cqw; height: 11cqw; border-radius: 50%; background: #0d0d0c; color: #ffe14d; display: grid; place-items: center; text-align: center; transform: rotate(-12deg); font-size: 2.1cqw; line-height: .9; }
.md__sticker small { display: block; margin-top: .5cqw; font-size: .65cqw; font-stretch: 118%; letter-spacing: .09em; }
.me { background: #120a05; color: #fff; }
.me__scene { position: absolute; inset: 0;
  background:
    radial-gradient(circle at 50% 100%, #050302 0 2.1cqw, transparent 2.2cqw) 0 100% / 4.6cqw 5cqw repeat-x,
    radial-gradient(circle at 50% 100%, #0b0604 0 1.9cqw, transparent 2cqw) 2.3cqw 92% / 4.6cqw 5cqw repeat-x,
    radial-gradient(circle at 50% 100%, #160c06 0 1.7cqw, transparent 1.8cqw) 1cqw 84% / 4.2cqw 4.6cqw repeat-x,
    radial-gradient(ellipse 22cqw 9cqw at 50% 47%, rgba(255,170,90,.55), transparent 70%),
    linear-gradient(#2a1a0f, #3a2214 44%, #1a0e07 46%, #120a05);
}
.me__wall { position: absolute; left: 33cqw; right: 33cqw; top: 9cqw; height: 15cqw; background: linear-gradient(120deg, #ff8a3d, #c2361a 50%, #4a1b45); box-shadow: 0 0 6cqw rgba(255,120,60,.45); opacity: .9; }
.me__wall::after { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(90deg, rgba(0,0,0,.18) 0 1px, transparent 1px .4cqw), repeating-linear-gradient(rgba(0,0,0,.18) 0 1px, transparent 1px .4cqw); }
.me__speaker { position: absolute; left: 48.4cqw; top: 17.5cqw; width: 3.2cqw; height: 9cqw; border-radius: 1.6cqw 1.6cqw .4cqw .4cqw; background: #0a0604; }
.me__speaker::before { content: ""; position: absolute; left: .55cqw; top: -2.4cqw; width: 2.1cqw; height: 2.4cqw; border-radius: 50%; background: #0a0604; }
.me__desk { position: absolute; left: 46.5cqw; top: 22.5cqw; width: 7cqw; height: 4.5cqw; background: #1b100a; border-top: .25cqw solid #ff8a3d; }
.me__stream { position: absolute; top: 0; bottom: 0; left: 50%; right: 0; -webkit-backdrop-filter: saturate(.35) hue-rotate(185deg) brightness(.95) contrast(1.15); backdrop-filter: saturate(.35) hue-rotate(185deg) brightness(.95) contrast(1.15); background: repeating-linear-gradient(rgba(255,255,255,.035) 0 1px, transparent 1px 3px); }
.me__safe { position: absolute; left: 53cqw; right: 3cqw; top: 6cqw; bottom: 6cqw; border: 1px dashed rgba(255,255,255,.28); }
.me__rec { position: absolute; right: 4cqw; top: 6.8cqw; display: flex; gap: .6em; align-items: center; font-size: .8cqw; font-weight: 700; }
.me__rec i { width: .8cqw; height: .8cqw; border-radius: 50%; background: #ff3b1f; animation: blink 1.4s steps(1) infinite; }
.me__tc { position: absolute; left: 54cqw; top: 6.8cqw; font-size: .8cqw; font-variant-numeric: tabular-nums; letter-spacing: .06em; }
.me__lt { position: absolute; left: 54cqw; bottom: 9.5cqw; display: flex; font-size: .95cqw; }
.me__lt b { background: #ff3b1f; color: #111; padding: .6cqw 1cqw; font-weight: 800; }
.me__lt span { background: rgba(255,255,255,.92); color: #111; padding: .6cqw 1.2cqw; }
.me__seam { position: absolute; left: 50%; top: 0; bottom: 0; width: .2cqw; translate: -50% 0; background: #fff; }
.me__seam i { position: absolute; left: 50%; top: 50%; width: 3.4cqw; height: 3.4cqw; translate: -50% -50%; border-radius: 50%; background: #fff; color: #111; display: grid; place-items: center; font-style: normal; font-size: 1.4cqw; font-weight: 700; }
.me__h { position: absolute; top: 33cqw; font-size: 9.5cqw; text-shadow: 0 .4cqw 2cqw rgba(0,0,0,.4); }
.me__h--l { right: 52.5cqw; }
.me__h--r { left: 52.5cqw; }
.me__tag { position: absolute; top: 2.2cqw; font-size: .7cqw; padding: .5cqw .8cqw; background: rgba(0,0,0,.55); }
.me__tag--l { left: 2.5cqw; } .me__tag--r { right: 2.5cqw; }
.me__nav { position: absolute; left: 50%; top: 2cqw; translate: -50% 0; display: flex; gap: 2cqw; font-size: .7cqw; align-items: center; }
.me__nav b { font-size: 1.8cqw; font-stretch: 62%; font-weight: 900; letter-spacing: 0; text-transform: none; }
.me__sub { position: absolute; left: 50%; bottom: 2.4cqw; translate: -50% 0; padding: .8cqw 1.4cqw; background: #fff; color: #111; font-size: .9cqw; font-weight: 700; white-space: nowrap; }
.m__sub { margin: 26px 0 10px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.m__sub:first-of-type { margin-top: 0; }
.swatches { display: flex; flex-wrap: wrap; gap: 10px; margin-top: .5em; }
.swatches span { display: inline-flex; align-items: center; gap: .5em; font-size: .85em; }
.swatches i { width: 1.4em; height: 1.4em; border-radius: 50%; box-shadow: 0 0 0 1px var(--line); }
.mg { background: #08090b; color: #e9ecef; }
.mg__top { position: absolute; left: 1cqw; right: 1cqw; top: .8cqw; height: 2.6cqw; display: flex; align-items: center; gap: 2cqw; font-size: .68cqw; color: #8d949b; }
.mg__top b { font-size: 1.6cqw; font-stretch: 62%; font-weight: 900; color: #fff; text-transform: none; letter-spacing: 0; }
.mg__top b i { color: #ff3b1f; font-style: normal; }
.mg__tc { margin: 0 auto; padding: .3cqw .9cqw; background: #000; color: #fff; font-size: 1.1cqw; letter-spacing: .06em; font-variant-numeric: tabular-nums; }
.mg__wall { position: absolute; left: 1cqw; right: 1cqw; top: 4.2cqw; bottom: 1cqw; display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: repeat(4, 1fr); gap: .5cqw; }
.mg__t { position: relative; overflow: hidden; background: var(--bg, #222); outline: .18cqw solid #2a2e33; outline-offset: -.18cqw; transition: outline-color .2s; }
.mg__t:hover { outline-color: #2bd46a; outline-width: .3cqw; outline-offset: -.3cqw; }
.mg__t::after { content: attr(data-l); position: absolute; left: 0; right: 0; bottom: 0; padding: .3cqw .5cqw; background: rgba(0,0,0,.72); font-size: .58cqw; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; font-stretch: 112%; }
.mg__t > span { position: absolute; left: .6cqw; top: .5cqw; font-size: 1.7cqw; color: rgba(255,255,255,.88); text-shadow: 0 .2cqw .8cqw rgba(0,0,0,.6); }
.mg__pgm { grid-column: 1 / 4; grid-row: 1 / 4; outline: .35cqw solid #ff3b1f !important; outline-offset: -.35cqw !important; background: radial-gradient(ellipse at 50% 40%, rgba(255,120,60,.35), transparent 60%), linear-gradient(#1b1210, #0b0807); }
.mg__pgm .lbl2 { position: absolute; left: 1cqw; top: .9cqw; padding: .2cqw .6cqw; background: #ff3b1f; color: #111; font-size: .7cqw; font-weight: 800; letter-spacing: .1em; }
.mg__pgm h3 { position: absolute; left: 3cqw; top: 6cqw; font-size: 7.2cqw; color: #fff; }
.mg__pgm h3 span { color: #ff3b1f; }
.mg__pgm .lt { position: absolute; left: 3cqw; bottom: 3cqw; display: flex; font-size: .95cqw; }
.mg__pgm .lt b { background: #ff3b1f; color: #111; padding: .6cqw 1cqw; font-weight: 800; }
.mg__pgm .lt i { background: #f2f2f2; color: #111; padding: .6cqw 1.2cqw; font-style: normal; }
.mg__pgm .safe { position: absolute; inset: 1.8cqw 2.4cqw; border: 1px dashed rgba(255,255,255,.18); }
.mg__pvw { outline-color: #2bd46a !important; outline-width: .3cqw !important; outline-offset: -.3cqw !important; }
.mh { background: #050505; color: #fff; }
.mh__nav { position: absolute; left: 2.5cqw; right: 2.5cqw; top: 1.2cqw; display: flex; gap: 2.2cqw; font-size: .7cqw; color: rgba(255,255,255,.7); align-items: center; }
.mh__nav b { margin-right: auto; font-size: 1.8cqw; font-stretch: 62%; font-weight: 900; color: #fff; text-transform: none; letter-spacing: 0; }
.mh__bands { position: absolute; left: 0; right: 0; top: 4.6cqw; bottom: 1.4cqw; display: grid; grid-template-rows: repeat(5, 1fr); gap: .7cqw; }
.mh__band { position: relative; overflow: hidden; display: flex; align-items: center; background: radial-gradient(circle, #1a0b05 42%, transparent 48%) 0 0 / .52cqw .52cqw, #090403; border-block: 1px solid #1e1410; }
.mh__run { display: flex; width: max-content; filter: drop-shadow(0 0 .5cqw var(--glow, rgba(255,80,30,.7))); animation: run var(--t, 40s) linear infinite; animation-direction: var(--dir, normal); }
.mh__run p { font-size: 8.4cqw; font-stretch: 62%; font-weight: 900; text-transform: uppercase; line-height: 1; white-space: nowrap; padding-right: 2cqw; color: var(--c, #ff4a1c); -webkit-mask: radial-gradient(circle, #000 50%, transparent 56%) 0 0 / .52cqw .52cqw; mask: radial-gradient(circle, #000 50%, transparent 56%) 0 0 / .52cqw .52cqw; }
@keyframes run { to { transform: translateX(-50%); } }
.mh__still { background: #f0ede6; color: #050505; border: 0; justify-content: space-between; padding: 0 2.5cqw; }
.mh__still h3 { font-size: 5.6cqw; }
.mh__still h3 span { color: #ff3b1f; }
.mh__still em { font-style: normal; padding: 1.1cqw 1.6cqw; background: #ff3b1f; color: #050505; font-size: .85cqw; font-weight: 700; }

@media (prefers-reduced-motion: reduce) {
  .mh__run, .mc__meter::after, .ma__cues .live small b, .me__rec i { animation: none !important; }
}

/* Neutral design-study presentation */
.studybar {display:flex;gap:12px 28px;align-items:center;justify-content:space-between;padding:16px 24px;background:#151514;color:#f0ede6;font:14px/1.5 Arial,sans-serif;}
.studybar strong {display:block;font-size:16px}.studybar p {font-size:12px;color:#b5b4ad}.studybar a {text-underline-offset:4px}.studybar button {font:inherit;color:inherit;background:transparent;border:1px solid #73736e;padding:8px 12px;cursor:pointer;min-height:40px}
.study-actions {display:flex;gap:16px;align-items:center;flex-shrink:0}.study-wrap {width:100%;overflow:hidden}.study-caption {max-width:78ch;padding:24px;margin:auto;color:#c3c1ba;font-size:15px;line-height:1.8}.study-caption strong {color:#fff}.study-caption a {text-underline-offset:4px}
.study-badge {position:absolute;z-index:50;left:1cqw;bottom:.45cqw;padding:.28cqw .6cqw!important;background:#111e;color:#fff;font:600 max(8px,.53cqw)/1.4 Arial,sans-serif;letter-spacing:.06em;pointer-events:none}
body.pur .studybar,body.pur .study-caption {display:none}.frame {box-shadow:none;width:100%}.frame:focus-visible {outline-offset:-4px}
html.paused *,html.paused *::before,html.paused *::after {animation-play-state:paused!important;transition:none!important}
.md__wordTop {font-size:21cqw;top:-1.7cqw;left:-.8cqw}.md__wordBottom {font-size:31cqw;bottom:-3.5cqw;right:-1.2cqw}.md__side {left:55cqw}
.mc__ch:focus-within {outline:2px solid #8ef0ff;outline-offset:-2px}.mc__ch[data-adjusted] .mc__cap {transition:none}.study-fader {position:absolute;z-index:5;left:1cqw;top:6.7cqw;bottom:5.5cqw;width:4.6cqw;writing-mode:vertical-lr;direction:rtl;opacity:0;cursor:ns-resize;touch-action:none}
.me__slider {position:absolute;z-index:30;left:15cqw;top:calc(50% - 24px);bottom:auto;width:70cqw;height:48px;opacity:0;cursor:ew-resize;touch-action:none}.me:focus-within .me__seam i {outline:3px solid #ff3b1f;outline-offset:4px}
.mg__t:not(.mg__pgm) {cursor:pointer}.mg__t:focus-visible {outline:3px solid #fff;outline-offset:-3px}.mg__t[aria-pressed="true"] {outline:.3cqw solid #2bd46a!important;outline-offset:-.3cqw!important}
.mg .study-badge {bottom:auto;top:1.3cqw;left:20cqw}.study-inquiry {display:inline-flex;align-items:center;min-height:46px;margin-top:18px;padding:12px 18px;background:#e9bc6c;color:#211a10;text-decoration:none;font-weight:700}
.mh__still h3 {font-size:3.8cqw;line-height:.95;max-width:80cqw}.mh__still em {white-space:nowrap;flex-shrink:0}
@media(max-width:700px){.studybar{align-items:flex-start;padding:15px 16px;flex-direction:column}.study-actions{width:100%;justify-content:space-between}.study-wrap{overflow-x:auto}.study-caption{padding:20px 16px;font-size:14px}.frame:not(:fullscreen){min-width:700px}body.pur .frame{min-width:0}.study-badge{font-size:max(8px,.53cqw)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}