/* Supermin: layout follows eight individually inspected designer sections. */
.cm-sliced{--accent:#0756c9;overflow-x:visible!important;color:#101318}
.cm-wrap{width:min(1180px,calc(100% - 64px));margin-inline:auto}
.cm-sliced h1,.cm-sliced h2,.cm-sliced p{margin:0}
.cm-sliced h2{font-size:23px;line-height:1.45;font-weight:600;text-wrap:balance}
.cm-sliced p{font-size:14px;line-height:1.95;text-wrap:balance;word-break:normal;line-break:strict}
.cm-unit{display:inline-block;white-space:nowrap}
.cm-subtitle{display:block;font-size:.72em;margin-top:6px}
.cm-copy{min-width:0}
.cm-copy p{margin-top:15px}
.cm-sliced .pv-header{border:0}
.cm-sliced .pv-products__menu{width:330px}
.cm-hero{position:relative;isolation:isolate;min-height:565px;height:37.2vw;max-height:680px;background:#00050c;color:white}
.cm-hero-art{position:absolute;right:0;bottom:0;height:100%;width:auto;max-width:64%;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 20%);z-index:-1}
.cm-hero-layout{height:100%;min-height:565px;display:flex;align-items:center}
.cm-hero-copy{width:47%;padding:70px 0 0 8%}
.cm-hero h1{font-size:clamp(36px,3.8vw,56px);line-height:1.4;font-style:italic;white-space:nowrap}
.cm-sliced .cm-tagline{font-size:23px;margin-top:18px;white-space:nowrap}
.cm-sliced .cm-hero-detail{font-size:16px;max-width:390px;margin-top:28px}
.cm-orbit{position:relative;isolation:isolate;overflow:clip}
.cm-orbit-layout{position:relative;width:min(1600px,100%);aspect-ratio:1400/534;margin:auto}
.cm-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:59%;aspect-ratio:1;border-radius:50%;border:1px solid #eff1fa;background:radial-gradient(circle,transparent 62%,#f4f6ff 68%,#e0e6fc 70%,transparent 70.3%);z-index:-1}
.cm-orbit-art{position:absolute;left:33%;bottom:0;width:31%;height:79.5%;object-fit:contain}
.cm-features{list-style:none;padding:0;margin:0}
.cm-features li{position:absolute;display:flex;align-items:center;gap:22px;width:30%}
.cm-features img{width:52px;flex-shrink:0}
.cm-features p{font-size:14px}
.cm-features li:nth-child(1){right:67.5%;top:25%;flex-direction:row-reverse;text-align:right}
.cm-features li:nth-child(2){right:71%;top:55%;flex-direction:row-reverse;text-align:right}
.cm-features li:nth-child(3){left:65.5%;top:36%}
.cm-features li:nth-child(4){left:68.5%;top:66%}
.cm-overview{background:#000;color:#fff}
.cm-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.cm-motion{display:block;min-width:0}
.cm-motion img{width:100%;height:auto;object-fit:contain}
.cm-overview .cm-copy{padding:25px 0}
.cm-sliced .cm-brand{font-size:27px;font-style:italic}
.cm-overview p{font-size:13px;line-height:1.9;margin-top:12px}
.cm-led{display:grid;grid-template-columns:46% 54%;align-items:center;padding-block:65px 35px}
.cm-led-intro{display:grid;grid-template-columns:40% 60%;align-items:center;padding-right:28px;gap:0}
.cm-led-device{width:100%;height:auto;object-fit:contain;clip-path:polygon(0 0,100% 0,100% 37%,58% 37%,58% 100%,0 100%)}
.cm-led-intro .cm-copy{padding-left:15px}
.cm-spectrum{background:#f7f7f7;padding:20px 25px}
.cm-wave{display:grid;grid-template-columns:92px 1fr;gap:18px;align-items:center;margin:10px 0}
.cm-wave img{width:92px;height:80px;object-fit:contain}
.cm-wave p{font-size:13px}
.cm-wave-1 p{color:#164d90}.cm-wave-2 p{color:#80612b}.cm-wave-3 p{color:#9e526e}.cm-wave-4 p{color:#52565b}
.cm-oxygen{display:grid;grid-template-columns:72% 28%;align-items:center;padding-block:20px}
.cm-shortwave{display:grid;grid-template-columns:25% 75%;align-items:center;padding-block:20px}
.cm-system-panel{background:#f7f7f7;display:grid;grid-template-columns:36% 64%;align-items:center;padding:35px;gap:0}
.cm-shortwave .cm-system-panel{grid-template-columns:68% 32%}
.cm-handpiece{width:150px;max-height:130px;object-fit:contain;justify-self:center}
.cm-tower{height:300px;width:100%;object-fit:contain}
.cm-advantages{padding-block:50px 65px}
.cm-advantages h2{margin-bottom:30px}
.cm-advantages .cm-motion{max-width:1040px;margin:auto}
.cm-advantages .cm-copy{text-align:center;max-width:850px;margin:25px auto 0}
.cm-sliced .pv-footer__brand{position:relative;isolation:isolate;background:#000}
.cm-sliced .pv-footer__brand::before{content:"";position:absolute;inset:0 0 0 35%;background:linear-gradient(90deg,#000,transparent 35%),url("../../images/products/chaoshumin/sliced/footer-art.webp") center/cover;z-index:-1}
.cm-sliced .pv-footer__brand h2{font-size:28px}
@media(max-width:1100px) and (min-width:761px){
 .cm-features li{gap:12px}.cm-features img{width:40px}.cm-features p{font-size:12px}
 .cm-hero-copy{padding-left:3%}.cm-led-intro{grid-template-columns:38% 62%;padding-right:12px}.cm-spectrum{padding:15px}
 .cm-wave{grid-template-columns:65px 1fr;gap:10px}.cm-wave img{width:65px}
}
@media(max-width:760px){
 .cm-wrap{width:calc(100% - 40px)}
 .cm-sliced .pv-products__menu{width:auto}
 .cm-hero{height:700px;min-height:0;max-height:none}
 .cm-hero-art{width:100%;height:370px;max-width:100%;object-position:center bottom;mask-image:linear-gradient(0deg,#000 80%,transparent)}
 .cm-hero-layout{min-height:0;display:block}
 .cm-hero-copy{width:100%;padding:125px 0 0;text-align:center}
 .cm-hero h1{font-size:38px}.cm-sliced .cm-tagline{font-size:21px}
 .cm-sliced .cm-hero-detail{font-size:15px;max-width:300px;margin:25px auto}
 .cm-orbit{padding-top:35px}
 .cm-orbit-layout{width:calc(100% - 40px);aspect-ratio:auto}
 .cm-orbit-art{position:static;width:270px;height:260px;margin:auto}
 .cm-ring{width:100%;top:0;transform:translateX(-50%)}
 .cm-features{display:grid;grid-template-columns:1fr 1fr;gap:28px 25px;margin:28px 0 40px}
 .cm-features li,.cm-features li:nth-child(n){position:static;flex-direction:column;text-align:center;width:100%;gap:12px}
 .cm-features p{font-size:13px}.cm-features img{width:44px}
 .cm-overview-grid{grid-template-columns:1fr;gap:0}
 .cm-overview .cm-copy{padding:28px 0 35px}
 .cm-sliced h2{font-size:22px}
 .cm-led{grid-template-columns:1fr;padding-block:40px 20px;gap:30px}
 .cm-led-intro{grid-template-columns:1fr;padding:0;gap:24px}
 .cm-led-device{width:205px;height:auto;margin:auto}.cm-led-intro .cm-copy{padding:0}
 .cm-spectrum{padding:12px}
 .cm-wave{grid-template-columns:66px 1fr;gap:13px;margin:18px 0}
 .cm-wave img{width:66px;height:75px}
 .cm-oxygen,.cm-shortwave{grid-template-columns:1fr;gap:25px;padding-block:20px}
 .cm-oxygen .cm-tower{grid-row:1}
 .cm-tower{height:270px}
 .cm-system-panel,.cm-shortwave .cm-system-panel{grid-template-columns:1fr;padding:25px;gap:25px}
 .cm-handpiece{width:130px}
 .cm-advantages{padding-block:35px 45px}
 .cm-advantages .cm-motion{width:100%}
 .cm-advantages .cm-copy{text-align:left}
 .cm-sliced .pv-footer__brand::before{left:0;opacity:.35}
}
