/* Manufacturer photography stays visible without JavaScript or animation. */
.showcase-hero{background:var(--ink);color:var(--paper);overflow:hidden}
.showcase-layout{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:24px;min-height:605px;padding-block:40px}
.showcase-copy{position:relative;z-index:2}
.showcase-copy>.eyebrow{font-size:10px;color:#c3ccc6}
.showcase-copy h1{font-size:clamp(66px,6.4vw,102px);line-height:.96;letter-spacing:-.02em;margin:28px 0}
.showcase-copy em{font-style:normal;color:var(--orange)}
.showcase-intro{font-size:17px;line-height:1.7;color:#d6dcda}
.showcase-brands{font-size:12px;color:#bfcac6;margin:19px 0 30px}
.showcase-copy .button{font-size:13px;gap:35px}
.showcase-service{display:flex;align-items:center;gap:18px;font-size:12px;color:#d1d8d4;min-height:44px;width:fit-content;margin-top:10px}
.showcase-service:hover{text-decoration:underline}
.showcase-family{font-size:11px;letter-spacing:.02em;color:#bfcac6;margin-top:30px}
.showcase-display{position:relative;min-width:0;height:530px;isolation:isolate}
.showcase-display::before{content:"";position:absolute;inset:5% -15% -8%;background:radial-gradient(ellipse at 55% 55%,#75867b45,transparent 65%);z-index:-1}
.showcase-display::after{content:"";position:absolute;bottom:4%;left:7%;right:-4%;height:14%;background:radial-gradient(ellipse,#0007,transparent 68%);z-index:-1}
.showcase-guide{position:absolute;inset:5% 3% 10% 15%;border:1px solid #ffffff0d;border-radius:50%;transform:rotate(-25deg) scaleX(1.12)}
.showcase-unit{position:absolute;display:block;will-change:transform}
.showcase-unit img{display:block;width:100%;height:auto;filter:drop-shadow(0 16px 12px #0003)}
.showcase-unit>span{display:flex;gap:8px;align-items:center;font-size:10px;color:#d8dfdb;line-height:1.4}
.showcase-unit>span strong{font-weight:500}.showcase-unit .icon{width:13px;height:13px;flex-basis:13px;margin-left:8px}
.showcase-wall{width:65%;left:0;top:2%;z-index:2}
.showcase-wall>span{margin:12px 0 0 5px}
.showcase-central{width:88%;right:-3%;bottom:1%}
.showcase-central>span{justify-content:flex-end;margin-top:10px;padding-right:10%}
.showcase-unit:hover>span{color:var(--orange)}
.showcase-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #ffffff2b}
.showcase-paths a{display:flex;align-items:center;gap:18px;padding:25px 0;font-size:13px}
.showcase-paths a+a{padding-left:30px;border-left:1px solid #ffffff2b}
.showcase-paths a>span{font-size:10px;color:var(--orange)}
.showcase-paths .icon{margin-left:auto;margin-right:30px;width:16px;height:16px;flex-basis:16px}
.showcase-paths a:hover{color:var(--orange)}
@keyframes showroom-enter{from{opacity:.4;translate:0 14px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:no-preference){.showcase-wall{animation:showroom-enter .65s ease-out both}.showcase-central{animation:showroom-enter .8s ease-out both}}
@media(min-width:1700px){.showcase-layout{min-height:675px}.showcase-display{height:590px}}
@media(max-width:1100px){.showcase-layout{grid-template-columns:1.1fr 1fr;min-height:560px}.showcase-copy h1{font-size:70px}.showcase-intro{font-size:15px}.showcase-display{height:460px}.showcase-paths a{font-size:12px;gap:10px}.showcase-paths a+a{padding-left:18px}}
@media(max-width:900px){.showcase-layout{grid-template-columns:1fr;gap:12px;padding-top:38px;padding-bottom:30px}.showcase-copy h1{font-size:clamp(54px,10vw,80px)}.showcase-display{width:100%;max-width:650px;justify-self:center;height:510px}.showcase-wall{width:58%;left:0}.showcase-central{width:83%;right:0}.showcase-family{margin-top:20px}.showcase-paths a{font-size:11px;gap:8px}.showcase-paths .icon{margin-right:12px}.showcase-paths a+a{padding-left:12px}}
@media(max-width:560px){.showcase-layout{padding-top:32px;gap:26px}.showcase-copy h1{font-size:clamp(49px,11vw,62px);margin:24px 0}.showcase-copy>.eyebrow{font-size:9px}.showcase-intro{font-size:14px}.showcase-brands{font-size:11px;margin:16px 0 23px}.showcase-copy .button{font-size:12px}.showcase-service{font-size:11px}.showcase-display{height:auto;aspect-ratio:1.2}.showcase-wall{width:60%;top:0}.showcase-central{width:86%;bottom:0}.showcase-unit>span{font-size:8px;gap:5px}.showcase-wall>span{margin-top:7px}.showcase-central>span{padding-right:3%;margin-top:7px}.showcase-paths{grid-template-columns:1fr}.showcase-paths a{font-size:12px;padding:15px 0;gap:20px}.showcase-paths a+a{border-left:0;border-top:1px solid #ffffff20;padding-left:0}.showcase-paths .icon{margin-right:0}}
@media(prefers-reduced-motion:reduce){.showcase-unit{will-change:auto;transform:none!important}}

/* Three manufacturers share the existing charcoal showroom. */
.showcase-central{width:70%;right:-3%;bottom:1%}
.showcase-lennox{width:49%;left:-5%;bottom:1%;z-index:2}
.showcase-lennox>span{justify-content:center;margin-top:10px}
@media(prefers-reduced-motion:no-preference){.showcase-lennox{animation:showroom-enter .7s ease-out both}}
@media(max-width:900px){.showcase-central{width:70%;right:0}.showcase-lennox{left:-3%;width:48%}}
@media(max-width:560px){.showcase-display{aspect-ratio:1.13}.showcase-wall{width:66%}.showcase-central{width:71%;bottom:0}.showcase-lennox{width:49%;left:-4%;bottom:0}.showcase-lennox>span{gap:4px;margin-top:7px}.showcase-central>span{padding-right:0;gap:4px}.showcase-unit .icon{margin-left:3px}}
.showcase-unit>span{width:fit-content}
.showcase-lennox>span{margin-inline:auto}
.showcase-central>span{margin-left:auto}