/* Art direction matched to the approved 04-construction board. */
/* Source artwork keeps its original aspect ratio inside every dimensional swatch. */
body[data-page=product]{--head:86px;--subhead:58px;--pin:144px}body[data-page=product]>header{position:sticky;top:0;z-index:40}body[data-page=product] .product-nav{top:var(--head);height:var(--subhead)}body.in-cinema>header{background:#14191f;color:#f4f6f8;border-color:#313943}body.in-cinema .brand i{background:#e4e9ee;color:#19222d}body.in-cinema .brand small{color:#93a0ad}body.in-cinema .product-nav{background:#1a2028;color:#f1f3f6;border-color:#343e48;backdrop-filter:none}body.in-cinema .product-nav a{color:#b3becb}body.in-cinema .selection-open{background:#24303c;color:#e1e8f1}body.in-cinema .selection-open span{background:#334356;color:#c3d4ef}html{scroll-padding-top:155px}
.cinema{height:400svh;position:relative;background:#14191f;margin-top:30px;scroll-margin-top:0}.cinema-pin{height:calc(100svh - var(--pin));min-height:550px;position:sticky;top:var(--pin);overflow:hidden;background:#14191f}.cinema-kicker{position:absolute;left:4.45vw;top:30px;z-index:6;font:10px/1.5 Consolas,monospace;letter-spacing:.04em;color:#aab8c8;max-width:65%;pointer-events:none}.cinema-kicker b{font-weight:500;color:#f5f6f8}.cinema .stage{position:absolute;left:0;top:0;bottom:105px;width:73.5%;height:auto;min-height:0;max-height:none;border:0;background:#14191f;overflow:hidden}.cinema .stage:after{content:'';position:absolute;top:0;right:0;bottom:0;width:16%;background:linear-gradient(90deg,transparent,#14191f);pointer-events:none;z-index:1}.cinema .stage-top{left:4.45vw;right:50px;top:64px;font-size:9px;opacity:0}.cinema .stage-fallback{object-fit:cover;opacity:.8}.cinema-copy{position:absolute;left:73%;right:4.45vw;top:14%;bottom:125px;z-index:5;display:flex;align-items:center;pointer-events:none}.cinema-panel{display:none;width:100%}.cinema-panel.active{display:block}.cinema-panel .eyebrow{color:#91afff;font-size:10px;line-height:1.5;letter-spacing:.08em;margin-bottom:20px}.cinema-panel h2{font-size:clamp(28px,2.8vw,43px);line-height:1.12;letter-spacing:-.04em;font-weight:550;margin-bottom:24px}.cinema-panel>p{font-size:14px;line-height:1.85;color:#b7c2d0}.cinema-facts{margin:27px 0 0}.cinema-facts>div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #3a444f;padding:12px 0;font-size:10px}.cinema-facts dt{color:#94a6b8}.cinema-facts dd{margin:0;text-align:right;font-weight:500;max-width:58%;color:#e4ebf4}.cinema-next{margin-top:25px}.cinema-next strong{font-size:10px;letter-spacing:.02em;font-weight:500}.cinema-next p{font-size:13px;color:#b7c2d0;line-height:1.7;margin-top:12px}.cinema .story-tabs{position:absolute;bottom:30px;left:4.45vw;right:4.45vw;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;z-index:8}.cinema .story-tabs a{padding:14px 0 10px;min-height:65px;border-top:2px solid #34414f;font-size:11px;color:#94a4b6}.cinema .story-tabs a[aria-current=step]{border-color:#8aaaff;color:#f4f6f8}.cinema .story-tabs b{margin-bottom:6px;font-size:9px}.cinema .scheme-note{position:absolute;bottom:0;left:4.45vw;right:4.45vw;padding:0 0 10px;margin:0;color:#8394a8;font-size:8px;line-height:1.5;max-width:none}.cinema .stage-tools{left:4.45vw;right:auto;bottom:13px;gap:5px;justify-content:start;z-index:6}.cinema .stage-tools button{min-height:32px;min-width:32px;font-size:9px;padding:6px 11px;background:#18212bd9;color:#a8b8c9;border-color:#49596b}.scroll-cue{position:absolute;bottom:112px;right:4.45vw;font:8px/1.5 Consolas,monospace;color:#8293a7;letter-spacing:.05em}.model-callouts{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:visible}.model-callouts line{stroke:#d3dfeb;stroke-width:.7;opacity:.8}.model-callouts circle{fill:#c5d6e8}.model-callouts rect{stroke:#687887;stroke-width:1;fill:#1b2530d9}.model-callouts text{fill:#e0e9f5;font:9px Consolas,monospace}.model-callouts g{transition:opacity 180ms var(--ease-out)}
.product-photo{height:auto;aspect-ratio:1.38;background:radial-gradient(ellipse at 48% 38%,#fff,#e6ebf1 78%);overflow:hidden}.product-photo>img{object-fit:cover}.product-card{transition:box-shadow 200ms var(--ease-out),border-color 200ms var(--ease-out)}.card-copy{padding:18px}.card-copy .kind{min-height:14px}.card-copy h3{font-size:17px;min-height:44px}.card-spec{border-top:0;margin-top:5px}.save{background:#fff;color:#53647a;border-top:1px solid #e6ebf1;font-size:11px;padding-top:10px;padding-bottom:10px}.photo-label{font-size:8px;background:#ffffffbf;color:#536170;bottom:10px;left:10px}.swatch{position:absolute;top:10%;bottom:13%;left:31%;right:31%;transform:perspective(700px) rotateY(-13deg) rotateX(4deg) rotateZ(6deg);transform-style:preserve-3d;box-shadow:14px 20px 23px #13233726,3px 4px 6px #101e2c24}.swatch img{width:100%;height:100%;object-fit:fill}.swatch:after{content:'';position:absolute;left:100%;top:0;bottom:0;width:5px;background:linear-gradient(90deg,#bfc2c4,#e1e3e5);transform:skewY(35deg);transform-origin:left top}.swatch:before{content:'';position:absolute;inset:0;box-shadow:inset 1px 0 #ffffff80,inset -1px 0 #0002;z-index:2;pointer-events:none}.product-card[data-group=thermal] .swatch{left:28%;right:28%;transform:perspective(700px) rotateY(-9deg) rotateX(3deg) rotateZ(5deg)}.family-top{height:240px}.family-top img{object-fit:cover}.family[data-group=pvc] .family-top img,.family[data-group=thermal] .family-top img{object-fit:contain;filter:drop-shadow(10px 10px 8px #18212b26);padding:15px;transform:rotate(5deg)}.family[data-group=pvc] .family-top,.family[data-group=thermal] .family-top{background:radial-gradient(ellipse at 50% 40%,#fff,#e7ecf1 80%)}.family-content{padding:23px}.family h2{font-size:25px}.specimen{background:#ecf0f4}.specimen>img{object-fit:contain}.photo-switch{gap:10px;flex-wrap:wrap}.photo-switch button{height:auto;width:95px;padding:4px 4px 7px}.photo-switch img{height:58px}.photo-switch span{display:block;font-size:8px;line-height:1.3;margin-top:7px}.corner-label{font-size:9px}.product-layout{gap:55px}
@media(hover:hover) and (pointer:fine){.product-card:hover{border-color:#b4c1d4;box-shadow:0 10px 30px #142d480b}.save:hover{background:#edf2fa}.cinema .stage-tools button:hover{color:white;background:#2d3f52}}
@media(min-width:1700px){.cinema-copy{left:74%;right:5%}.cinema-panel h2{font-size:46px}.cinema-panel>p{font-size:16px}.cinema-facts>div{font-size:12px}}
@media(max-width:1050px) and (min-width:701px){.cinema-copy{left:66%;right:3%}.cinema .stage{width:70%}.cinema-panel h2{font-size:30px}.cinema-panel>p{font-size:12px}.cinema-next{display:none}.cinema-facts>div{font-size:9px}.cinema-pin{min-height:500px}.cinema-kicker{max-width:60%}}
@media(max-width:700px){body[data-page=product]{--head:73px;--subhead:50px;--pin:123px}html{scroll-padding-top:135px}.cinema{height:420svh;margin-top:5px}.cinema-pin{min-height:0;height:calc(100svh - var(--pin));top:var(--pin)}.cinema-kicker{top:17px;left:20px;font-size:10px;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cinema-kicker span{display:none}.cinema .stage{top:0;left:0;right:0;bottom:auto;width:100%;height:48%;min-height:0;max-height:none;border:0}.cinema .stage:after{top:auto;left:0;bottom:0;width:100%;height:15%;background:linear-gradient(0deg,#14191f,transparent)}.cinema .stage-top{display:none}.cinema .stage-tools{left:auto;right:12px;bottom:8px;gap:4px}.cinema .stage-tools button{min-height:32px;min-width:32px;padding:6px 8px;font-size:11px}.cinema-copy{left:20px;right:20px;top:48%;bottom:100px;display:block;overflow:hidden}.cinema-panel .eyebrow{font-size:10px;margin-bottom:11px}.cinema-panel h2{font-size:29px;line-height:1.13;margin-bottom:13px;max-width:350px}.cinema-panel>p{font-size:13px;line-height:1.7;color:#b4c0ce}.cinema-facts{margin-top:16px}.cinema-facts>div{font-size:11px;padding:10px 0}.cinema-facts>div:nth-child(n+2){display:none}.cinema-next{display:none}.cinema .story-tabs{left:20px;right:20px;bottom:29px;margin:0}.cinema .story-tabs a{font-size:11px;padding:10px 7px 4px 0;line-height:1.45;min-height:54px}.cinema .story-tabs b{font-size:10px;margin-bottom:5px}.cinema .scheme-note{left:20px;right:20px;font-size:10px;padding-bottom:8px;bottom:0;line-height:1.4}.scroll-cue{display:none}.model-callouts text{font-size:9px}.model-callouts line{stroke-width:.5;opacity:.6}.product-photo{height:auto;aspect-ratio:1.05}.card-copy{padding:13px 11px}.card-copy h3{font-size:14px}.card-copy .kind{font-size:10px;min-height:25px}.save{font-size:13px}.photo-switch span{font-size:10px}.specimen-caption{font-size:12px}.photo-label{font-size:9px;padding:3px 4px;left:7px;bottom:7px}.swatch{top:12%;bottom:15%;left:30%;right:30%;box-shadow:9px 13px 15px #13233726,2px 3px 3px #101e2c20}.swatch:after{width:3px}.family-top{height:100%;min-height:195px}.family-top img{object-fit:cover}.family-content{padding:17px 15px}.family h2{font-size:21px}.product-layout{gap:24px}.photo-switch button{width:88px}.corner-label{font-size:10px}}
@media(max-width:700px) and (max-height:720px){body[data-page=product]{--head:0px;--pin:50px}body[data-page=product]>header{position:relative}.cinema .stage{height:43%}.cinema-copy{top:43%;bottom:82px}.cinema-panel h2{font-size:24px;margin-bottom:10px}.cinema-panel>p{font-size:12px;line-height:1.6}.cinema-panel .eyebrow{margin-bottom:8px;font-size:9px}.cinema-facts{display:none}.cinema .story-tabs{bottom:22px}.cinema .story-tabs a{font-size:10px}.cinema .scheme-note{font-size:9px}.cinema-kicker{top:10px}.cinema .stage-tools button{min-height:28px;min-width:28px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.model-callouts g,.product-card{transition:none}.swatch{transform:none}.family[data-group=pvc] .family-top img,.family[data-group=thermal] .family-top img{transform:none}}
.photo-cinema .stage{width:100%;background:radial-gradient(ellipse at 26% 64%,#30383f 0,#1c242d 35%,#14191f 70%)}.photo-cinema:not(.manual-model) .stage canvas{visibility:hidden}.photo-cinema .stage:after{width:28%;z-index:2}.photo-cinema-layers{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.photo-cinema-layers:before{content:'';position:absolute;left:7%;right:35%;bottom:6%;height:14%;background:radial-gradient(ellipse,#0009,transparent 68%);filter:blur(16px)}.photo-cinema-layers img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;object-position:left center;transform-origin:35% 65%;will-change:transform}.cinema-seal{filter:drop-shadow(0 12px 10px #0004)}.manual-model .photo-cinema-layers{display:none}.photo-cinema.manual-model .stage{width:73.5%}.photo-ready .stage-fallback,.photo-ready .stage-loading{display:none}.photo-cinema .model-callouts{z-index:4}.photo-cinema .stage-tools{z-index:7}.photo-cinema .cinema-copy{z-index:6}.photo-cinema .stage:after{pointer-events:none}
@media(max-width:700px){.photo-cinema .stage,.photo-cinema.manual-model .stage{width:100%}.photo-cinema .stage:after{width:100%}.photo-cinema-layers img{object-fit:cover;object-position:30% 65%;transform-origin:45% 65%}.photo-cinema-layers:before{left:3%;right:8%;bottom:6%}.photo-cinema .model-callouts g:nth-child(2){display:none}}
.product-card .swatch{left:50%;right:auto;bottom:auto;height:77%;width:auto;max-width:80%;aspect-ratio:var(--ratio);transform:translateX(-50%) perspective(700px) rotateY(-13deg) rotateX(4deg) rotateZ(6deg)}.product-card .swatch img{object-fit:contain}.product-card[data-group=thermal] .swatch{left:50%;right:auto;transform:translateX(-50%) perspective(700px) rotateY(-9deg) rotateX(3deg) rotateZ(5deg)}@media(prefers-reduced-motion:reduce){.product-card .swatch,.product-card[data-group=thermal] .swatch{transform:translateX(-50%)}}
html{scroll-padding-top:144px}@media(max-width:700px){html{scroll-padding-top:123px}}@media(max-width:700px) and (max-height:720px){html{scroll-padding-top:50px}}