/* v4-led-screens.css — LED Screens page only (prefix led-) */
.led-hero .crumbs,.led-hero .crumbs a{color:rgba(255,255,255,.7)}
.led-hero .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.led-hero .btn-o{color:#fff}.led-hero .btn-o:hover{background:#fff;color:var(--ink)}
.led-hero h1 em.s{color:#ff5fb4}
/* reference wall */
.led-wallsec .sec-h{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;max-width:none}
.led-wallsec .sec-h>div{max-width:640px}
.led-ref{font:700 .7rem Montserrat,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:7px 14px;white-space:nowrap;display:inline-flex;align-items:center;gap:8px}
.led-ref:before{content:"";width:8px;height:8px;border-radius:50%;background:#ff2d55;box-shadow:0 0 8px #ff2d55;animation:led-rec 1.6s infinite}
@keyframes led-rec{50%{opacity:.25}}
.led-wall{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:clamp(170px,16vw,230px);gap:10px;grid-template-areas:"f f t k" "f f i k" "c l d r" "hs ap mf mf" "bs lb mf mf"}
.led-t{position:relative;margin:0;border-radius:10px;overflow:hidden;background:#000;isolation:isolate}
.led-t video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.led-t:hover video{transform:scale(1.04)}
.led-t:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.85));z-index:1;pointer-events:none}
.led-t figcaption{transform:translateZ(0);position:absolute;left:14px;right:14px;bottom:12px;z-index:3;color:#fff}
.led-t figcaption b{display:block;font:700 1rem/1.2 Montserrat,sans-serif}
.led-t figcaption span{display:block;font-size:.8rem;line-height:1.35;color:rgba(255,255,255,.75);margin-top:3px}
.led-t figcaption i{font:800 .68rem Montserrat,sans-serif;font-style:normal;letter-spacing:.14em;color:#ff5fb4;text-shadow:0 1px 4px rgba(0,0,0,.8)}
.led-t.f{grid-area:f}.led-t.t{grid-area:t}.led-t.i{grid-area:i}.led-t.k{grid-area:k}.led-t.c{grid-area:c}.led-t.l{grid-area:l}.led-t.d{grid-area:d}.led-t.r{grid-area:r}
.led-t.hs{grid-area:hs}.led-t.ap{grid-area:ap}.led-t.bs{grid-area:bs}.led-t.mf{grid-area:mf}.led-t.lb{grid-area:lb}
.led-t.mf figcaption b{font-size:1.3rem}
.led-t.f figcaption b{font-size:1.3rem}
/* power-on reveal: only when JS has armed it (no-JS = visible) */
.led-t:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:#050507 repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px);opacity:0;transition:opacity .5s steps(3) calc(var(--i,0)*.16s)}
.led-armed .led-t:before{opacity:1}
.led-armed.on .led-t:before{opacity:0;animation:led-flick .5s steps(2) calc(var(--i,0)*.16s) 1}
@keyframes led-flick{0%{opacity:1}30%{opacity:.2}55%{opacity:.9}100%{opacity:0}}
.led-note{margin:14px 0 0;font-size:.8rem;color:rgba(255,255,255,.55)}
@media(max-width:1000px){.led-wall{grid-template-columns:1fr 1fr;grid-auto-rows:200px;grid-template-areas:"f f" "f f" "t k" "i k" "c l" "d r" "hs ap" "bs lb" "mf mf" "mf mf"}}
@media(max-width:560px){.led-wallsec .sec-h{display:block}.led-ref{margin-top:4px;white-space:normal;max-width:100%;letter-spacing:.1em}.led-wall{grid-template-columns:1fr 1fr;grid-auto-rows:150px;gap:8px;grid-template-areas:"f f" "f f" "t k" "i k" "c l" "d r" "hs ap" "bs lb" "mf mf" "mf mf"}.led-t figcaption{left:10px;right:10px;bottom:9px}.led-t figcaption span{display:none}.led-t figcaption b{font-size:.86rem}.led-t.f figcaption span,.led-t.mf figcaption span{display:block}}
/* why statement */
.led-why{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
.led-why h2{font-size:clamp(1.6rem,3vw,2.4rem);max-width:20ch}
.led-why .big{font:600 clamp(1.05rem,1.6vw,1.25rem)/1.5 Montserrat,sans-serif;color:var(--ink);margin:0 0 18px}
.led-fac{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 20px;padding:0;list-style:none}
.led-fac li{background:var(--bg2);border-radius:12px;padding:14px 16px;font:700 .92rem Montserrat,sans-serif;color:var(--ink);border-left:3px solid var(--acc)}
@media(max-width:860px){.led-why{grid-template-columns:1fr;gap:20px}}
/* CMS */
.led-cms .c-curtain{aspect-ratio:16/10}
.led-cms ul.list li b{font-family:Montserrat,sans-serif}
/* scrolly chapters */
.led-install .c-ch p.n{color:var(--acc)}
.led-install .c-stage{aspect-ratio:16/11}
.led-install .c-ch{min-height:46vh}
@media(max-width:860px){.led-install .c-ch{min-height:auto;padding:28px 0;opacity:1}}
.steps.h{grid-template-columns:repeat(var(--n,5),1fr)}@media(max-width:1000px){.steps.h{grid-template-columns:1fr 1fr}}@media(max-width:560px){.steps.h{grid-template-columns:1fr 1fr;gap:10px}.steps.h>li{padding:44px 12px 14px}.steps.h>li::before{left:12px;top:14px}}@media(max-width:340px){.steps.h{grid-template-columns:1fr}}
.steps.h>li{padding:48px 16px 18px}.steps.h>li::before{left:16px;top:16px}
@media(prefers-reduced-motion:reduce){.led-t:before{display:none}.led-ref:before{animation:none}.led-t video{transition:none}}
/* v17: reduced-motion / save-data play button host */
.led-t .v11-play{top:10px;right:10px}
/* v17 specifications */
.led-specg{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:start}
.led-cap{margin:0;font:700 .74rem Montserrat,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);padding:0 0 10px}
.led-pt th,.led-pt td{padding:9px 16px}.led-pt tbody th{background:#fff;font:800 .95rem Montserrat,sans-serif;width:38%}
.led-rule{margin:24px 0 14px;font-size:.95rem}
.led-nits{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.led-nits li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;border-top:3px solid var(--acc)}
.led-nits li:nth-child(2){border-top-color:#f2a03d}.led-nits li:nth-child(3){border-top-color:#f26d3d}.led-nits li:nth-child(4){border-top-color:#e8322e}
.led-nits b{display:block;font:800 1.15rem Montserrat,sans-serif;color:var(--ink)}.led-nits span{display:block;font-size:.8rem;line-height:1.35;color:var(--mute,#5a5f6b);margin-top:2px}
.led-dl{margin:0;display:grid;gap:6px}.led-dl div{display:flex;gap:10px;font-size:.88rem}.led-dl dt{font:700 .82rem Montserrat,sans-serif;color:var(--ink);min-width:7.5em}.led-dl dd{margin:0}
.led-ds{margin:18px 0 0;font-size:.92rem}.led-ds a{color:var(--acc);font-weight:700}
@media(max-width:860px){.led-specg{grid-template-columns:1fr;gap:18px}}
@media(max-width:340px){.led-nits{grid-template-columns:1fr}}
/* v17 spec-finder teaser */
.led-fb{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;border-radius:16px;background:#0b0c12;color:#fff;text-decoration:none;background-image:radial-gradient(120% 140% at 100% 0,rgba(230,0,126,.35),transparent 60%)}
.led-fb-t{display:grid;gap:4px}.led-fb .eyebrow{color:#ff5fb4;margin:0}.led-fb b{font:800 clamp(1.15rem,2.2vw,1.5rem)/1.2 Montserrat,sans-serif}.led-fb-t>span:last-child{color:rgba(255,255,255,.75);font-size:.9rem}
.led-fb .btn{flex:none}.led-fb:hover .btn{filter:brightness(1.1)}
@media(max-width:600px){.led-fb{flex-direction:column;align-items:flex-start;padding:20px}}