/* LED wall service page — selected visual, shared website font and controls. */
.ledPage{background:#f7f6f1;color:#091820;font-family:Manrope,Arial,sans-serif}.ledWrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.ledPage .header{height:80px;background:#f8f7f3;padding-inline:48px;gap:24px}.ledPage .header.isScrolled{height:64px}.ledPage .header .brand{font-size:22px}.ledPage .header nav{margin-left:auto;gap:26px}.ledPage .header nav>a{font-size:12px}.ledPage h1,.ledPage h2,.ledPage h3{font-family:Manrope,Arial,sans-serif;font-weight:750;letter-spacing:-.045em}.ledPage .button{border-radius:6px;min-height:38px;font-size:12px;padding:10px 18px;font-weight:700;background:#83e8da;border-color:#83e8da;color:#092e30}.ledPage .button:hover{background:#63d9c9;box-shadow:0 5px 20px #073b3020}.ledHero{position:relative;background:#05151b;color:#f7f8f5;isolation:isolate;overflow:hidden;min-height:620px;aspect-ratio:2/1;max-height:900px}.ledBackdrop{position:absolute;inset:0;z-index:-3}.ledBackdrop>img,.ledFilm{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.ledFilm{clip-path:polygon(44.983% 30.214%,95.885% 3.269%,95.885% 68.32%,44.983% 65.502%);filter:brightness(1) hue-rotate(0deg)}.ledHeroShade{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#03151b40,transparent 55%)}.ledHeroInner{position:relative;height:100%;min-height:inherit;aspect-ratio:inherit}.ledHeroCopy{padding-top:clamp(75px,7.3vw,125px);width:51%}.ledHero .eyebrow{color:#91e9dc;font-size:12px;letter-spacing:.55px;margin-bottom:28px}.ledHero h1{font-size:clamp(45px,5.2vw,79px);line-height:1.04;margin-bottom:26px;color:#fff}.ledLead{font-size:clamp(17px,1.55vw,23px);line-height:1.6;color:#e7eeeb;margin-bottom:36px;letter-spacing:-.03em}.ledHero .actions{gap:14px}.ledHero .button.secondary{background:#07171a66;border-color:#d4e7e2;color:#f8faf7}.ledHero .button.secondary:hover{background:#19423e}.ledControl{position:absolute;right:0;bottom:42px;width:41%;max-width:530px;min-width:350px;background:#061e21e8;border:1px solid #619389;border-radius:14px;box-shadow:0 18px 45px #0007;backdrop-filter:blur(15px);overflow:hidden}.ledControlHead{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #5b8e7b33;padding:13px 18px}.ledControlHead strong{font-size:13px;font-weight:650}.ledControlHead>span{font-size:9px;color:#c1f5e4;background:#13513f;border-radius:12px;padding:2px 9px;white-space:nowrap}.ledControlBody{padding:15px 18px 12px;display:grid;grid-template-columns:.95fr 1.05fr;gap:15px}.ledThumb{width:100%;height:100%;max-height:104px;object-fit:cover;object-position:right;border-radius:6px}.ledSliders{display:grid;grid-template-columns:1fr;gap:5px;align-content:start;min-width:0}.ledSliders label{font-size:10px;display:flex;justify-content:space-between;gap:10px;line-height:1.5}.ledSliders output{font-size:9px;color:#e0eee9}.ledSliders input{width:100%;height:14px;margin:0 0 5px;accent-color:#8ae7d8;cursor:pointer}.ledSources{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #536e6b;border-radius:6px;overflow:hidden}.ledSources button{display:flex;align-items:center;justify-content:center;gap:9px;color:#e7f7f1;background:transparent;border:0;font-size:11px;font-weight:650;min-height:34px}.ledSources svg{width:14px;height:14px}.ledSources button[aria-pressed=true]{background:#83e8da;color:#082d2e}.ledSources button:hover{box-shadow:inset 0 0 0 1px #a8f6e9}.ledDemoHint{grid-column:1/-1;font-size:8px;line-height:1.4;margin:0;color:#bdd2ca}.ledMotion{position:absolute;right:48px;bottom:10px;background:#06191bd9;color:#dae9e4;border:1px solid #63877e;border-radius:6px;padding:4px 9px;font-size:9px;line-height:18px;z-index:1}.ledPartner{border-bottom:1px solid #deded5;background:#f4f3ee}.ledPartner>.ledWrap{display:flex;align-items:center;gap:30px;min-height:83px}.ledPartner strong{font-size:23px;font-weight:800;letter-spacing:-.04em}.ledPartner span{font-size:21px;font-weight:750;letter-spacing:-.04em;border-left:1px solid #b2b9b3;padding-left:30px}.ledPartner p{font-size:14px;margin:0 0 0 auto;color:#253235}.ledProduct{scroll-margin-top:85px;background:#f1f0eb;overflow:hidden}.ledProductGrid{display:grid;grid-template-columns:.9fr 1.6fr;gap:40px;align-items:center;min-height:390px;padding-block:42px 30px}.ledProduct h2{font-size:clamp(30px,3.6vw,52px);line-height:1.04;margin-bottom:26px}.ledProductCopy>p{font-size:18px;line-height:1.65;letter-spacing:-.025em;max-width:380px;margin:0}.ledProductFigure{margin:0;position:relative;min-width:0;padding-top:10px}.ledProductFigure>figcaption{font-size:17px;font-style:italic;text-align:center;font-weight:600;margin-bottom:10px}.ledFlip{position:relative;perspective:1400px;display:block;width:100%;height:235px;cursor:pointer;padding:0;background:transparent;border:0;color:inherit;border-radius:8px;touch-action:manipulation}.ledFlipInner{position:absolute;inset:0;display:block;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.7,.2,1)}.ledFlip[data-rear=true] .ledFlipInner{transform:rotateY(180deg)}.ledFace{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;align-items:center;justify-content:center}.ledFace img{width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 20px 10px #10232725)}.ledFront img{transform:translateY(30px);width:100%}.ledBack{transform:rotateY(180deg)}.ledBack img{width:93%;filter:none}.ledFlipHint{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;line-height:1.8;margin:12px 0 5px;color:#3c575b;flex-wrap:wrap}.ledFlipHint svg{width:15px;height:15px}.ledFlipHint>span{font-size:9px;border:1px solid #b6c9c2;border-radius:4px;padding:0 6px;color:#144c46;white-space:nowrap}.ledSourceCredit{display:block;text-align:center;font-size:9px;text-decoration:underline;color:#52645e}.ledFeatures{display:grid;grid-template-columns:repeat(4,1fr);padding-block:38px 45px;gap:25px}.ledFeatures article{min-width:0;border-right:1px solid #d5dcd5;padding-right:20px}.ledFeatures article:last-child{border:0;padding-right:0}.ledFeatures svg{width:27px;height:27px;color:#145d58;margin-bottom:12px}.ledFeatures h3{font-size:20px;letter-spacing:-.04em;margin-bottom:8px}.ledFeatures p{font-size:13px;line-height:1.55;max-width:260px;margin:0;color:#243a3c}.ledUse{background:#052127;color:#f5f7f1;padding-block:42px 25px}.ledUse h2{font-size:clamp(34px,3.5vw,52px);line-height:1.02;margin-bottom:28px}.ledCases{display:grid;grid-template-columns:1fr 1fr;gap:30px}.ledCase{position:relative;border:1px solid #4b6c66;border-radius:10px;overflow:hidden;aspect-ratio:1.9;background:#06171b;isolation:isolate}.ledCase>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}.ledCase:after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(transparent 35%,#021719ee)}.ledCase:hover>img{transform:scale(1.025)}.ledCase>div{position:absolute;bottom:26px;left:26px;right:20px;border-left:4px solid #80ebd2;padding-left:18px;z-index:1}.ledCase h3{font-size:24px;line-height:1.1;margin:0 0 5px;letter-spacing:-.04em}.ledCase>div>p{font-size:13px;margin:0;color:#e2eee8}.ledCaseDetail{display:none}.ledScope{font-size:10px;line-height:1.7;max-width:1050px;color:#c0d5ce;margin:22px 0 0}.ledCta{padding-block:38px;display:flex;align-items:center;justify-content:space-between;gap:25px}.ledCta h2{font-size:32px;line-height:1.1;margin:0}.ledCta .button{flex-shrink:0}.ledFaq{border-top:1px solid #d5ded7;padding-block:18px 30px}.ledFaq details{font-size:12px;padding:10px 0;border-bottom:1px solid #d5ded7}.ledFaq summary{font-size:13px;font-weight:650;padding:4px 0}.ledFaq details p{margin:10px 0;max-width:800px;color:#3d5556}.ledCompany{font-size:11px;display:inline-block;margin-top:17px;text-decoration:underline}.ledPage footer{padding-block:35px 18px}.ledPage .footerGrid{gap:30px}.ledPage .footerGrid p{margin:0}.ledPage .footerBottom{margin-top:25px}
@media(min-width:1101px){.ledPage .header nav{display:flex}.ledPage .header .menuToggle{display:none!important}}
@media(max-width:1100px){.ledWrap{width:calc(100% - 60px)}.ledPage .header{padding-inline:30px}.ledHero{min-height:560px;aspect-ratio:auto}.ledHeroInner{min-height:560px;aspect-ratio:auto}.ledHeroCopy{width:55%;padding-top:72px}.ledHero h1{font-size:55px}.ledLead{font-size:18px}.ledControl{width:43%;min-width:320px;bottom:32px}.ledControlHead strong{font-size:11px}.ledControlBody{gap:10px;padding:12px}.ledControlHead{padding:12px}.ledProductGrid{gap:25px;grid-template-columns:1fr 1.4fr}.ledProductCopy>p{font-size:16px}.ledProduct h2{font-size:36px}.ledPartner p{font-size:11px}.ledPartner strong{font-size:21px}.ledPartner span{font-size:18px}.ledFeatures{gap:15px}.ledFeatures h3{font-size:18px}.ledFeatures p{font-size:12px}.ledMotion{right:30px}.ledCta h2{font-size:27px}}
@media(max-width:780px){.ledWrap{width:calc(100% - 40px)}.ledPage .header{height:72px;padding-inline:20px}.ledPage .header nav{top:71px;gap:0;margin:0}.ledPage .header nav>a{font-size:14px}.ledPage .header .brand{font-size:19px}.ledHero,.ledHeroInner{min-height:0;aspect-ratio:auto}.ledHeroInner{padding-top:50px;padding-bottom:52px}.ledHeroCopy{padding:0;width:100%}.ledHero h1{font-size:clamp(39px,8vw,58px);max-width:530px;margin-bottom:25px}.ledHero .eyebrow{font-size:9px;letter-spacing:.5px;margin-bottom:23px}.ledLead{font-size:17px;margin-bottom:28px}.ledHero .actions{gap:10px}.ledHero .button{padding:10px 13px;font-size:11px}.ledBackdrop{height:100%;width:200%;left:-100%;right:auto}.ledBackdrop>img,.ledFilm{object-fit:fill}.ledHeroShade{background:linear-gradient(90deg,#03151be8,#03151b6e),linear-gradient(0deg,#03151bf0,transparent 60%)}.ledControl{position:relative;right:auto;bottom:auto;width:100%;max-width:430px;min-width:0;margin:42px 0 0 auto;border-radius:10px}.ledControlHead{padding:12px 14px}.ledControlHead strong{font-size:12px}.ledControlBody{padding:13px 14px 11px;gap:12px}.ledSliders label{font-size:10px}.ledMotion{right:20px;bottom:13px;font-size:9px}.ledPartner>.ledWrap{flex-wrap:wrap;gap:8px 18px;padding-block:20px;min-height:0}.ledPartner strong{font-size:19px}.ledPartner span{font-size:16px;padding-left:18px}.ledPartner p{margin:0;width:100%;font-size:11px}.ledProductGrid{grid-template-columns:1fr;gap:22px;min-height:0;padding-block:37px 25px}.ledProduct h2{font-size:39px;margin-bottom:20px}.ledProductCopy>p{font-size:16px;max-width:450px}.ledProductFigure{padding:0}.ledProductFigure>figcaption{font-size:15px;margin-bottom:0}.ledFlip{height:195px}.ledFront img{transform:translateY(17px)}.ledFlipHint{font-size:9px;margin-top:0}.ledFeatures{grid-template-columns:1fr 1fr;gap:25px 20px;padding-block:30px}.ledFeatures article:nth-child(2){border:0;padding:0}.ledFeatures article{padding-right:12px}.ledFeatures svg{width:24px;height:24px;margin-bottom:9px}.ledFeatures h3{font-size:18px}.ledFeatures p{font-size:12px}.ledUse{padding-block:32px 25px}.ledUse h2{font-size:38px;margin-bottom:25px}.ledCases{grid-template-columns:1fr;gap:18px}.ledCase{aspect-ratio:1.65}.ledCase>div{bottom:22px;left:20px;padding-left:12px}.ledCase h3{font-size:24px}.ledCase>div>p{font-size:12px}.ledScope{font-size:10px;line-height:1.8}.ledCta{display:block;padding-block:30px}.ledCta h2{font-size:29px;margin-bottom:22px;max-width:330px}.ledFaq{padding-bottom:24px}.ledPage .footerGrid{grid-template-columns:1fr 1fr}.ledPage .footerGrid>.brand{grid-column:1/-1}.ledPage .footerGrid>p{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.ledFlipInner,.ledCase>img{transition:none}.ledCase:hover>img{transform:none}}
.ledFlipInner{pointer-events:none}

.ledFront img{height:auto}
.ledProduct{position:relative;isolation:isolate}.ledProduct:before{content:'';position:absolute;right:0;top:0;width:25%;height:170px;background:url('/assets/led-control/led-cabinets.webp') right top/cover no-repeat;z-index:-1;mask-image:linear-gradient(90deg,transparent,#000 35%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%)}.ledProductFigure{z-index:1}.ledProductFigure>figcaption{text-shadow:0 1px 10px #f7f6f1}.ledBack img{height:auto}.ledFlip{scroll-margin-top:110px}@media(max-width:780px){.ledProduct:before{width:38%;height:105px;opacity:.2}}
/* Match the approved wide hero proportions; the controller stays anchored to it. */
.ledHero{min-height:0;aspect-ratio:2.2}.ledHeroInner{position:absolute;inset:0;height:100%;min-height:0;aspect-ratio:auto}@media(max-width:780px){.ledHero{aspect-ratio:auto}.ledHeroInner{position:relative;inset:auto;height:auto}}
@media(min-width:1101px){.ledHero .button{font-size:14px;min-height:44px;padding:12px 20px}.ledControlHead strong{font-size:16px}.ledControlHead>span{font-size:10px}.ledSliders label{font-size:12px}.ledSliders output{font-size:11px}.ledSources button{font-size:13px;min-height:38px}.ledProductCopy>p{font-size:22px;line-height:1.5;max-width:430px}.ledFeatures h3{font-size:22px}.ledFeatures p{font-size:15px}.ledSourceCredit{font-size:10px}.ledCta .button{font-size:14px}}
.ledBack{background:#f1f0eb;isolation:isolate}.ledBack img{mix-blend-mode:multiply}
/* Only the transparent product cutouts rotate, never a background panel. */
.ledFlip,.ledFlipInner,.ledFace,.ledFront,.ledBack{background:transparent;isolation:auto}.ledFlip{max-width:740px;height:280px;margin-inline:auto}.ledFace img,.ledFront img,.ledBack img{position:absolute;left:0;bottom:10px;width:100%;height:auto;max-height:none;transform:none;object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 12px 9px #10232718)}@media(max-width:780px){.ledFlip{height:180px}}
.ledYouTube{position:absolute;inset:0;pointer-events:none}.ledYouTube[hidden]{display:none}.ledYouTube iframe{position:absolute;left:0;top:0;width:960px;height:540px;border:0;transform-origin:0 0;max-width:none}
.ledDemoEmbed{margin-top:32px;border:1px solid #43666d;border-radius:10px;background:#0b1724;overflow:hidden}.ledDemoHead{padding:24px;display:flex;justify-content:space-between;align-items:center;gap:25px}.ledDemoBadge{color:#8de8da;font-size:9px;font-weight:750;letter-spacing:1.5px}.ledDemoHead h3{font-size:26px;margin:10px 0}.ledDemoHead p{font-size:12px;line-height:1.7;color:#c3d5d7;max-width:640px;margin:0}.ledDemoHead .actions{flex-shrink:0}.ledDemoHead .button.secondary{color:#e4f5f1;border-color:#6f918f}.ledDemoViewport{height:780px;position:relative;border-top:1px solid #36535b}.ledDemoViewport iframe{border:0;width:100%;height:100%;display:block;background:#090f19}.ledDemoViewport:fullscreen{height:100vh;width:100vw;background:#090f19}.ledDemoViewport.expanded{position:fixed;inset:0;z-index:100;height:100dvh;border:0}.ledDemoExit{position:absolute;right:12px;top:12px;z-index:1;border:1px solid #5d9ca4;border-radius:6px;background:#0c2433;color:#fff;padding:6px 10px;font-size:12px}.ledDemoExit[hidden]{display:none}@media(max-width:780px){.ledDemoHead{display:block;padding:20px}.ledDemoHead h3{font-size:24px}.ledDemoHead .actions{margin-top:18px}.ledDemoViewport{height:740px}.ledDemoEmbed{margin-top:25px}}body.ledDemoOpen{overflow:hidden}

.ledDemoSection{padding:0 0 40px;background:#f7f6f1}.ledDemoSection .ledDemoEmbed{margin-top:0}.ledDemoHead h3{color:#f3f7f6}@media(max-width:780px){.ledDemoSection{padding-bottom:30px}}
.ledDemoHead .button.secondary{background:transparent;color:#e4f5f1}.ledDemoHead .button.secondary:hover{background:#174046}

/* Actual responsive simulator screens, framed without covering hero controls. */
.ledDevices{position:absolute;left:8px;bottom:23px;width:43%;margin:0;pointer-events:none}.ledDevicesStage{position:relative;height:clamp(145px,12.8vw,235px);perspective:1000px}.ledTablet,.ledPhone{position:absolute;background:#121c24;border:2px solid #83969c;border-radius:16px;padding:7px;box-shadow:0 16px 25px #0008,inset 0 0 0 2px #02070c;overflow:hidden}.ledTablet{width:74%;max-width:330px;left:4%;bottom:8px;transform:rotate(-7deg) rotateY(10deg);animation:ledTabletFloat 7s ease-in-out infinite}.ledPhone{height:94%;aspect-ratio:404/878;right:7%;bottom:0;border-radius:17px;padding:6px;transform:rotate(9deg) rotateY(-10deg);animation:ledPhoneFloat 7s ease-in-out -3s infinite}.ledDevices img{display:block;width:100%;height:100%;object-fit:cover;border-radius:9px}.ledPhone:after{content:'';position:absolute;width:25%;height:5px;background:#06101a;border-radius:5px;top:7px;left:37.5%}.ledDevices figcaption{font-size:11px;font-weight:650;color:#d3f6ee;margin-top:12px;letter-spacing:.02em;text-shadow:0 2px 7px #000}
@keyframes ledTabletFloat{50%{transform:translateY(-6px) rotate(-5deg) rotateY(10deg)}}@keyframes ledPhoneFloat{50%{transform:translateY(-8px) rotate(7deg) rotateY(-10deg)}}
@media(min-width:781px) and (max-width:1100px){.ledHero{min-height:670px;max-height:none}.ledDevices{width:47%;bottom:30px}.ledDevicesStage{height:180px}.ledTablet{width:76%}.ledPhone{right:0}}
@media(max-width:780px){.ledDevices{position:relative;left:auto;bottom:auto;width:min(390px,100%);margin:34px auto 0}.ledDevicesStage{height:210px}.ledTablet{width:76%;left:0}.ledPhone{right:0;height:92%}.ledDevices figcaption{text-align:center;font-size:11px}.ledHero .ledControl{margin-top:30px}}
@media(prefers-reduced-motion:reduce){.ledTablet,.ledPhone{animation:none}}
.ledTablet{height:90%;width:auto;aspect-ratio:1198/838;max-width:none}.ledDevicesStage{height:clamp(155px,12.8vw,235px)}
@media(min-width:781px) and (max-width:1600px){.ledHero{min-height:820px;max-height:none}.ledHeroInner{width:calc(100% - 96px);max-width:1320px}.ledDevices{width:43%}.ledHeroCopy{width:55%}}
@media(min-width:781px) and (max-width:1100px){.ledHero{min-height:780px}.ledHeroInner{width:calc(100% - 60px)}.ledHeroCopy{width:65%}.ledControl{min-width:0;width:43%}.ledDevices{width:47%}.ledDevicesStage{height:180px}}
.ledHero{width:100%;box-sizing:border-box}
@media(max-width:780px){.ledDevicesStage{height:210px}}