/* showcase layer, 2026-10-12: inline film, equipment band, product spec chart, hero CTA contrast fix. */

/* Hero CTA: premium.css forces dark text (!important) while revision.css paints the button dark. Give it the white face premium intended. */
body[data-r2] .px-hero .ng-cta{background:#fff!important;border-color:#fff!important}
body[data-r2] .px-hero .ng-cta:hover{background:#e2edf0!important}

/* Click-to-load YouTube player */
.sc-player{margin:0}
.sc-frame{position:relative;aspect-ratio:16/9;background:#0e1416;border-radius:3px;overflow:hidden}
.sc-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.sc-play{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#0e1416;cursor:pointer;color:#fff;display:block}
.sc-play[hidden]{display:none}
.sc-play img{width:100%;height:100%;object-fit:cover;display:block;opacity:.86;transition:opacity .25s,transform .6s}
.sc-play:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,16,20,.78),rgba(5,16,20,.05) 55%)}
.sc-play-icon{position:absolute;z-index:1;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 10px 40px rgba(0,0,0,.35);transition:transform .2s}
.sc-play-icon:before{content:'';position:absolute;left:33px;top:25px;border-style:solid;border-width:17px 0 17px 28px;border-color:transparent transparent transparent #172a31}
.sc-play-meta{position:absolute;z-index:1;left:22px;right:22px;bottom:18px;text-align:left;font:600 15px/1.4 Arial,Helvetica,sans-serif}
.sc-play-meta small{display:block;font-weight:400;font-size:12px;opacity:.85;margin-top:3px}
.sc-play:hover img{opacity:1;transform:scale(1.015)}.sc-play:hover .sc-play-icon{transform:scale(1.06)}
.sc-play:focus-visible{outline:3px solid #dcaa50;outline-offset:4px}
.sc-player figcaption{font-size:12px;line-height:1.5;margin-top:9px;color:#5d6b70}
.cinema-film-links a[data-start]{cursor:pointer}

/* Ambient loop videos (outside the cinema layer) */
.sc-media{position:relative;overflow:hidden;background:#20282b}
.sc-media>img,.sc-media>video{display:block;width:100%;height:100%;object-fit:cover}
.sc-media>video{position:absolute;inset:0;opacity:0;transition:opacity .4s}
.sc-media>video.is-ready{opacity:1}
.px-band.sc-media{background:#20282b}
.px-band.sc-media figcaption{z-index:1}

/* Equipment band (home) */
.sc-equip{--ink:#141a1b;background:#11181a;color:#eef3f2;padding:96px clamp(24px,7.2vw,130px);font-family:Arial,Helvetica,sans-serif;display:grid;grid-template-columns:minmax(260px,.8fr) 1.2fr;gap:clamp(36px,6vw,96px);align-items:center}
.sc-equip *{box-sizing:border-box}
.sc-equip figure{margin:0}
.sc-unit{border-radius:3px;overflow:hidden;background:radial-gradient(120% 90% at 50% 35%,#5d6266,#2b2f32);aspect-ratio:3/4}
.sc-unit img{width:100%;height:100%;object-fit:cover;display:block}
.sc-equip figcaption{font-size:12px;line-height:1.5;margin-top:10px;color:#9fb0b4}
.sc-eyebrow{font-size:13px!important;font-weight:600;letter-spacing:.12em!important;text-transform:uppercase;color:#8fc3d6!important;margin:0 0 18px!important}
.sc-equip h2{font-size:clamp(34px,4vw,60px)!important;line-height:1.06!important;letter-spacing:-.045em!important;font-weight:600!important;margin:0 0 22px!important;color:#fff!important;max-width:720px}
.sc-lead{font-size:18px!important;line-height:1.6!important;color:#c5d3d5!important;max-width:620px;margin:0 0 34px!important}
.sc-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#2c3a3e;border:1px solid #2c3a3e;border-radius:3px;overflow:hidden;margin:0 0 30px}
.sc-stat{background:#11181a;padding:22px 22px 20px}
.sc-stat b{display:block;font-size:clamp(28px,3vw,44px);line-height:1;letter-spacing:-.04em;color:#fff;font-weight:600;margin-bottom:10px}
.sc-stat span{display:block;font-size:14px;line-height:1.5;color:#a9babd}
.sc-options{list-style:none;padding:0;margin:0 0 30px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 26px}
.sc-options li{position:relative;padding-left:24px;font-size:15px;line-height:1.5;color:#d6e1e2}
.sc-options li:before{content:'';position:absolute;left:2px;top:6px;width:11px;height:6px;border-left:2px solid #8fc3d6;border-bottom:2px solid #8fc3d6;transform:rotate(-45deg)}
.sc-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.sc-actions a{display:inline-flex;align-items:center;min-height:50px;padding:14px 23px;border-radius:3px;font-size:15px;font-weight:600;text-decoration:none;background:#fff;color:#172a31;border:1px solid #fff}
.sc-actions a+a{background:transparent;color:#fff;border-color:#ffffff66}
.sc-actions a:hover{background:#e2edf0;color:#172a31}
.sc-fine{font-size:12px!important;line-height:1.6!important;color:#8a9ca0!important;margin:26px 0 0!important;max-width:760px}

/* Product page: film hero + spec chart */
.sc-prodhero{position:relative;color:#fff;min-height:620px;display:flex;align-items:flex-end;border-radius:3px;overflow:hidden;margin:12px 0 0;font-family:Arial,Helvetica,sans-serif}
.sc-prodhero>.sc-media{position:absolute;inset:0}
.sc-prodhero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,16,20,.86),rgba(5,16,20,.45) 52%,rgba(5,16,20,.08)),linear-gradient(0deg,rgba(5,16,20,.7),transparent 40%)}
.sc-prodhero-in{position:relative;z-index:1;padding:clamp(28px,5vw,72px);max-width:760px}
.sc-prodhero h1{font-size:clamp(42px,5vw,78px)!important;line-height:1.02!important;letter-spacing:-.05em!important;font-weight:600!important;color:#fff!important;margin:0 0 20px!important}
.sc-prodhero p{font-size:18px!important;line-height:1.6!important;color:#e3ecec!important;max-width:560px;margin:0 0 28px!important}
.sc-prodhero .sc-note{font-size:12px!important;color:#c0cfd1!important;margin:22px 0 0!important}
.sc-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#d5dedf;border:1px solid #d5dedf;border-radius:3px;overflow:hidden;margin:28px 0 0;font-family:Arial,Helvetica,sans-serif}
.sc-strip div{background:#fff;padding:22px}
.sc-strip b{display:block;font-size:clamp(24px,2.4vw,36px);letter-spacing:-.04em;line-height:1.05;color:#141a1b;margin-bottom:8px}
.sc-strip span{font-size:14px;line-height:1.5;color:#4c5c60}
.sc-chart{margin:64px 0 0;font-family:Arial,Helvetica,sans-serif}
.sc-chart h2{font-size:clamp(30px,3.4vw,48px)!important;letter-spacing:-.04em!important;line-height:1.1!important;margin:0 0 12px!important;font-weight:600!important}
.sc-chart>p{font-size:17px;line-height:1.6;color:#4c5c60;max-width:760px;margin:0 0 26px}
.sc-table-wrap{overflow-x:auto;border:1px solid #d5dedf;border-radius:3px;background:#fff;-webkit-overflow-scrolling:touch}
.sc-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.45;min-width:760px}
.sc-table caption{text-align:left;padding:0 0 10px;font-size:13px;color:#5d6b70}
.sc-table th,.sc-table td{padding:13px 16px;text-align:left;border-bottom:1px solid #e3e9ea;vertical-align:top}
.sc-table thead th{background:#141a1b;color:#fff;font-weight:600;font-size:12px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.sc-table thead th small{display:block;text-transform:none;letter-spacing:0;font-weight:400;opacity:.75;margin-top:2px}
.sc-table tbody tr:nth-child(even){background:#f6f8f8}
.sc-table tbody th{font-weight:600;color:#141a1b;white-space:nowrap}
.sc-table tbody th small{display:block;font-weight:400;color:#5d6b70;white-space:normal;max-width:240px}
.sc-table td.num{font-variant-numeric:tabular-nums;white-space:nowrap}
.sc-decoder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:26px 0 0}
.sc-decoder div{border:1px solid #d5dedf;border-radius:3px;padding:16px;background:#fff}
.sc-decoder code{display:block;font:600 20px/1.2 Consolas,Menlo,monospace;color:#145273;margin-bottom:6px}
.sc-decoder span{font-size:14px;line-height:1.5;color:#4c5c60}
.sc-chart .sc-fine{color:#5d6b70!important}
.sc-chart-links{display:flex;flex-wrap:wrap;gap:12px 26px;margin:22px 0 0}

@media(max-width:1000px){.sc-equip{grid-template-columns:1fr;padding:72px 32px}.sc-unit{max-width:460px;aspect-ratio:3/4}.sc-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-decoder{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.sc-equip{padding:56px 24px;gap:30px}.sc-stats,.sc-options{grid-template-columns:1fr}.sc-stat{padding:18px}.sc-prodhero{min-height:560px}.sc-prodhero-in{padding:26px 22px}.sc-prodhero h1{font-size:44px!important}.sc-play-icon{width:68px;height:68px;margin:-34px 0 0 -34px}.sc-play-icon:before{left:27px;top:20px;border-width:14px 0 14px 23px}.sc-strip{grid-template-columns:1fr 1fr}.sc-strip div{padding:16px}.sc-decoder{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.sc-play img,.sc-play-icon,.sc-media>video{transition:none!important}}

/* residential hero film */
.px-hero>video.px-hero-img{opacity:0;transition:opacity .4s}.px-hero>video.px-hero-img.is-ready{opacity:1}
.sc-hero-note{font-size:12px!important;line-height:1.5!important;opacity:.85;margin:18px 0 0!important;color:#fff!important}