/* Display pages reuse the approved contractor design without mutating wave 1. */
@import url('/commercial-project.css?v=avs-wave1-20261111');
.cp-wave2 .cp-photo--wide img{aspect-ratio:16/9;object-fit:cover}.cp-wave2 .cp-display-note{font-size:14px;color:var(--muted);line-height:1.6;max-width:70ch}.cp-wave2 .cp-comparison{display:grid;grid-template-columns:1fr 1fr;gap:32px}.cp-wave2 .cp-comparison>article{border-top:1px solid var(--line);padding-top:24px}.cp-wave2 .cp-display-figure{margin:28px 0}.cp-wave2 .cp-display-figure svg{width:100%;height:auto;display:block}.cp-wave2 .cp-page-nav{gap:8px 20px}
@media(max-width:700px){.cp-wave2 .cp-comparison{grid-template-columns:1fr;gap:24px}.cp-wave2 .cp-photo--wide img{aspect-ratio:16/9}.cp-wave2 .cp-hero h1{max-width:100%}}
/* The retained pixel calculator stays a usable engineering tool. */
.cp-display-brief{display:grid;gap:20px;margin-top:28px}.cp-brief-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cp-display-brief label{display:grid;gap:8px;min-width:0;font-size:16px;line-height:1.5}.cp-display-brief input,.cp-display-brief select,.cp-display-brief textarea{width:100%;min-width:0;max-width:100%;min-height:48px;padding:10px 12px;border:1px solid var(--line);border-radius:0;background:var(--paper);color:var(--ink);font:inherit}.cp-display-brief textarea{font-size:15px;line-height:1.6;resize:vertical}.cp-display-brief .cp-actions{margin:0}.cp-display-brief button{min-height:48px;white-space:normal;max-width:100%;min-width:0}.cp-display-brief :is(input,select,textarea,button):focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media(max-width:700px){.cp-brief-fields{grid-template-columns:1fr;gap:16px}.cp-display-brief .cp-actions{align-items:stretch}.cp-display-brief button{width:100%;text-align:left}}
/* LED calculator V2 — engineering sheet, calm hierarchy and an original vector diagram. */
.cp-wave2 #pixel-calculator.led-calc{width:100%;max-width:100%;padding:48px 0 36px;margin-block:40px;background:transparent;color:#171919;border-top:1px solid #c5cdca;border-bottom:1px solid #c5cdca;scroll-margin-top:100px}
.cp-wave2 #pixel-calculator .led-calc-heading{display:block;max-width:850px;margin-bottom:32px}.cp-wave2 #pixel-calculator .led-calc-kicker{margin:0 0 18px;color:#526460;font-size:11px;font-weight:500;letter-spacing:.09em;text-transform:uppercase}.cp-wave2 #pixel-calculator .led-calc-heading h2{max-width:20ch;margin:0 0 20px;font-size:clamp(30px,3.2vw,46px);line-height:1.1;letter-spacing:-.035em;font-weight:500;color:#171919}.cp-wave2 #pixel-calculator .led-calc-heading>p:last-child{font-size:17px;line-height:1.55;max-width:65ch;margin:0}
.cp-wave2 #pixel-calculator form.led-calc-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.25fr);gap:0;border:1px solid #bbc7c3;background:#f7f7f2;margin:0}
.cp-wave2 #pixel-calculator .led-calc-controls{padding:32px;min-width:0}.cp-wave2 #pixel-calculator .led-calc-panel-label{margin:0 0 28px;font-size:11px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase;font-weight:500;color:#526460}
.cp-wave2 #pixel-calculator .led-calc-fields{display:grid;gap:22px}.cp-wave2 #pixel-calculator label.led-calc-field{display:grid;gap:8px;min-width:0;font-size:14px;line-height:1.45;font-weight:400}.cp-wave2 #pixel-calculator .led-calc-input-shell{display:flex;align-items:center;gap:12px;min-width:0;border-bottom:1px solid #849b94;padding-right:2px}.cp-wave2 #pixel-calculator .led-calc-input-shell>span{flex:none;font-size:15px;color:#526460}
.cp-wave2 #pixel-calculator .led-calc-input-shell input{min-width:0;width:100%;min-height:54px;padding:6px 0;border:0;border-radius:0;outline:0;background:transparent;color:#171919;font:500 30px/1.2 'Golos Text',Arial,sans-serif;box-shadow:none}.cp-wave2 #pixel-calculator input::placeholder{color:#82938e;opacity:1}.cp-wave2 #pixel-calculator .led-calc-input-shell:focus-within{border-bottom:2px solid #169bc6}.cp-wave2 #pixel-calculator .led-calc-input-shell input:focus-visible{outline:0}.cp-wave2 #pixel-calculator input::-webkit-inner-spin-button{opacity:.6}
.cp-wave2 #pixel-calculator .led-calc-help{font-size:13px;line-height:1.55;color:#526460;margin:24px 0;max-width:38ch}.cp-wave2 #pixel-calculator button.led-calc-submit{display:flex;align-items:center;justify-content:space-between;gap:22px;width:100%;min-height:50px;margin:0;padding:13px 16px;background:#171919;color:#f7f7f2;border:1px solid #171919;border-radius:0;font:500 15px/1.4 'Golos Text',Arial,sans-serif;white-space:normal;box-shadow:none}.cp-wave2 #pixel-calculator button.led-calc-submit:hover{background:#254c53;color:#fff;border-color:#254c53}.cp-wave2 #pixel-calculator button.led-calc-submit:focus-visible{outline:2px solid #169bc6;outline-offset:4px}
.cp-wave2 #pixel-calculator .led-calc-preview{min-width:0;padding:32px;background:#eaf0ed;border-left:1px solid #bbc7c3;display:flex;flex-direction:column}.cp-wave2 #pixel-calculator .led-calc-preview-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.cp-wave2 #pixel-calculator .led-calc-preview-heading .led-calc-panel-label{margin:0}.cp-wave2 #pixel-calculator .led-calc-preview-heading>span{font-size:11px;line-height:1.4;color:#526460;text-align:right}.cp-wave2 #pixel-calculator .led-calc-screen{display:block;width:100%;height:auto;flex:none;margin:8px 0 0;max-width:100%}
.cp-wave2 #pixel-calculator .led-calc-dimensions{display:flex;justify-content:space-between;gap:16px;padding-bottom:24px;border-bottom:1px solid #bbc7c3;font-size:12px;line-height:1.5;color:#526460}.cp-wave2 #pixel-calculator .led-calc-dimensions b{font-weight:500;color:#171919;margin-left:5px;white-space:nowrap}
.cp-wave2 #pixel-calculator .led-calc-answer{padding-top:24px;margin-top:auto;min-width:0}.cp-wave2 #pixel-calculator .led-calc-result-label{display:block;color:#526460;font-size:12px;margin-bottom:12px}.cp-wave2 #pixel-calculator output.led-calc-result{display:block;background:transparent;border:0;color:#171919;padding:0;font:500 clamp(30px,3.4vw,48px)/1.12 'Golos Text',Arial,sans-serif;letter-spacing:-.035em;overflow-wrap:normal;word-break:normal}.cp-wave2 #pixel-calculator output.led-calc-result .led-calc-output-unit{display:block;font-size:13px;font-weight:400;letter-spacing:0;line-height:1.4;color:#526460;margin-top:8px}.cp-wave2 #pixel-calculator .led-calc-empty-note{font-size:13px;line-height:1.5;color:#526460;margin:10px 0 0}.cp-wave2 #pixel-calculator[data-led-state=ready] .led-calc-empty-note{display:none}.cp-wave2 #pixel-calculator .led-calc-disclaimer{font-size:13px;line-height:1.6;max-width:90ch;color:#526460;margin:20px 0 0}
@media(max-width:850px){.cp-wave2 #pixel-calculator form.led-calc-layout{grid-template-columns:1fr}.cp-wave2 #pixel-calculator .led-calc-preview{border-left:0;border-top:1px solid #bbc7c3}.cp-wave2 #pixel-calculator .led-calc-fields{grid-template-columns:1fr 1fr;gap:20px}.cp-wave2 #pixel-calculator .led-calc-field:nth-child(3){grid-column:1/-1}.cp-wave2 #pixel-calculator .led-calc-help{max-width:65ch}.cp-wave2 #pixel-calculator .led-calc-screen{max-height:280px}.cp-wave2 #pixel-calculator output.led-calc-result{font-size:42px}}
@media(max-width:480px){.cp-wave2 #pixel-calculator.led-calc{padding-block:32px;margin-block:28px}.cp-wave2 #pixel-calculator .led-calc-heading{margin-bottom:24px}.cp-wave2 #pixel-calculator .led-calc-heading h2{font-size:30px;max-width:17ch}.cp-wave2 #pixel-calculator .led-calc-heading>p:last-child{font-size:15px}.cp-wave2 #pixel-calculator .led-calc-controls,.cp-wave2 #pixel-calculator .led-calc-preview{padding:20px}.cp-wave2 #pixel-calculator .led-calc-panel-label{margin-bottom:22px;font-size:10px}.cp-wave2 #pixel-calculator .led-calc-fields{gap:18px 14px}.cp-wave2 #pixel-calculator label.led-calc-field{font-size:12px}.cp-wave2 #pixel-calculator .led-calc-input-shell{gap:5px}.cp-wave2 #pixel-calculator .led-calc-input-shell input{font-size:26px;min-height:50px}.cp-wave2 #pixel-calculator .led-calc-input-shell>span{font-size:12px}.cp-wave2 #pixel-calculator .led-calc-help{font-size:12px;margin:20px 0}.cp-wave2 #pixel-calculator button.led-calc-submit{font-size:14px;padding-inline:14px}.cp-wave2 #pixel-calculator .led-calc-preview-heading>span{font-size:10px;max-width:12ch}.cp-wave2 #pixel-calculator .led-calc-dimensions{font-size:11px;gap:8px;padding-bottom:18px}.cp-wave2 #pixel-calculator .led-calc-dimensions b{display:block;margin:2px 0 0}.cp-wave2 #pixel-calculator output.led-calc-result{font-size:clamp(28px,8.5vw,38px)}.cp-wave2 #pixel-calculator .led-calc-answer{padding-top:20px}}

.cp-wave2 #pixel-calculator .led-calc-nowrap{white-space:nowrap}
/* On a narrow screen, the answer comes immediately after the action; the diagram follows. */
@media(max-width:850px){.cp-wave2 #pixel-calculator .led-calc-preview-heading{order:0}.cp-wave2 #pixel-calculator .led-calc-answer{order:1;margin-top:0;padding-block:20px;border-bottom:1px solid #bbc7c3}.cp-wave2 #pixel-calculator .led-calc-screen{order:2;margin-top:16px}.cp-wave2 #pixel-calculator .led-calc-dimensions{order:3;border-bottom:0;padding-bottom:0}}

@media(max-width:480px){.cp-wave2 #pixel-calculator .led-calc-label-detail{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}
@media(max-width:480px){.cp-wave2 #pixel-calculator label.led-calc-field{font-size:14px}.cp-wave2 #pixel-calculator .led-calc-input-shell>span{font-size:13px}}

.cp-wave2 .cp-calculator-block #pixel-calculator{border-bottom:0;margin-bottom:0}.cp-wave2 .cp-calculator-block{width:min(1280px,88%);margin-inline:auto}.cp-wave2 .cp-media-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.cp-wave2 .cp-media-photo{margin:0;min-width:0}.cp-wave2 .cp-media-photo>a{display:block}.cp-wave2 .cp-media-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.cp-wave2 .cp-media-photo figcaption{margin-top:12px;font-size:13px;line-height:1.55;color:var(--muted)}.cp-wave2 .cp-media-video{margin-top:40px;max-width:100%}.cp-wave2 .cp-media-video iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0}.cp-wave2 .cp-media-video p{font-size:15px;line-height:1.6;max-width:76ch}.cp-wave2 .cp-media-video h3{margin-top:20px}
@media(max-width:700px){.cp-wave2 .cp-calculator-block{width:calc(100% - 48px)}.cp-wave2 .cp-media-gallery{grid-template-columns:1fr;gap:28px}.cp-wave2 .cp-media-video{margin-top:32px}}