/* Shanyao: eight inspected design slices, all copy from the approved OCR. */
.sn-sliced{--accent:#0756c9;--sn-width:1068px;color:#111;overflow-x:visible!important}
.sn-wrap{width:min(var(--sn-width),calc(100% - 48px));margin-inline:auto}
.sn-sliced h2{font-size:23px;line-height:1.5;font-weight:600;margin:0 0 20px;text-wrap:balance}
.sn-sliced p{word-break:normal;line-break:strict;text-wrap:pretty}
.sn-unit{display:inline-block;white-space:nowrap}
.sn-full-motion{width:100%;background:#fff}
.sn-full-motion img{display:block;width:100%;height:auto;max-width:1528px;margin-inline:auto;object-fit:contain}
.sn-sliced .pv-header{border:0}
.sn-sliced .pv-header__inner{width:min(1068px,calc(100% - 48px))}
.sn-sliced .pv-logo img{width:116px}
.sn-sliced .pv-products__menu{width:330px}
.sn-hero{position:relative;isolation:isolate;min-height:560px;height:37.2vw;max-height:660px;background:#050a15;color:#fff}
.sn-hero-art{position:absolute;left:0;bottom:0;height:100%;width:auto;max-width:67%;object-fit:contain;object-position:left center;mask-image:linear-gradient(90deg,#000 65%,transparent);z-index:-1}
.sn-hero-layout{height:100%;min-height:560px;display:flex;align-items:center;justify-content:flex-end}
.sn-hero-copy{width:47%;padding-top:55px;text-align:center}
.sn-hero h1{font-size:clamp(32px,3.5vw,54px);font-style:italic;line-height:1.4;margin:0;white-space:nowrap}
.sn-power-tag{font-size:21px;letter-spacing:.15em;margin:18px 0 14px}
.sn-tagline{font-size:20px;letter-spacing:.1em;line-height:1.8;margin:0}
.sn-hero-caption{font-size:15px;margin-top:38px;letter-spacing:.07em}
.sn-orbit{position:relative;isolation:isolate;overflow:clip;background:#fff}
.sn-orbit-layout{position:relative;width:min(1600px,100%);aspect-ratio:1600/611;margin:auto}
.sn-orbit-ring{position:absolute;width:min(59vw,944px);aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #edf0fa;background:radial-gradient(circle,transparent 62%,#f3f6ff 68%,#dbe4ff 70%,transparent 70.3%);z-index:-1}
.sn-orbit-device{position:absolute;left:41%;bottom:0;width:18%;height:79%;object-fit:contain}
.sn-features{display:contents;list-style:none;margin:0;padding:0;font-size:clamp(11px,1vw,16px);line-height:1.8}
.sn-features li{display:flex;align-items:center;position:absolute;width:29%;gap:2.3vw}
.sn-features img{width:13%;height:auto;flex:0 0 13%}
.sn-features li>span{white-space:nowrap}
.sn-feature-line{display:block}
.sn-left li{flex-direction:row-reverse;text-align:right}
.sn-left li:nth-child(1){right:67.4%;top:25.5%}
.sn-left li:nth-child(2){right:70.9%;top:48%}
.sn-left li:nth-child(3){right:69.4%;top:71%}
.sn-right li:nth-child(1){left:65.8%;top:25.5%}
.sn-right li:nth-child(2){left:68.8%;top:48%}
.sn-right li:nth-child(3){left:66.3%;top:70%}
.sn-overview{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:84px;align-items:center;padding-block:25px 40px}
.sn-overview-device{width:220px;height:385px;object-fit:contain}
.sn-copy{min-width:0}
.sn-copy p{font-size:14px;line-height:1.95;margin:0 0 16px}
.sn-copy p:last-child{margin-bottom:0}
.sn-sliced .sn-brand{font-size:35px;font-style:italic;font-weight:750;white-space:nowrap;margin-bottom:24px}
.sn-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:center}
.sn-motion{display:block;min-width:0}
.sn-motion img{display:block;width:100%;height:auto;object-fit:contain}
.sn-power{position:relative;isolation:isolate;color:#fff}
.sn-power::before{content:"";position:absolute;inset:0 max(0px,calc((100vw - var(--sn-width))/2 - 65px)) 0 0;background:#0756c9;z-index:-1}
.sn-power .sn-copy{padding:24px 0}
.sn-power .sn-motion{background:#0756c9}
.sn-wavelength .sn-copy,.sn-care .sn-copy{padding-block:24px}
.sn-cooling{padding-top:12px;padding-bottom:0;min-height:315px}
.sn-cooling .sn-copy h2:not(:first-child){margin-top:24px}
.sn-ice-panel{display:grid;grid-template-columns:210px minmax(0,1fr);gap:25px;align-items:center}
.sn-ice-panel .sn-motion{align-self:end}
.sn-ice-copy h2{font-style:italic}
.sn-ice-copy p,.sn-care .sn-copy p{text-wrap:balance}
.sn-sliced .pv-footer__links{padding-block:48px}
.sn-sliced .pv-footer__brand{position:relative;isolation:isolate;background:#000;padding:75px 0}
.sn-sliced .pv-footer__brand::before{content:"";position:absolute;inset:0 0 0 35%;background:linear-gradient(90deg,#000,transparent 35%),url("../../images/products/shanyao/sliced/footer-art.webp") center/cover;z-index:-1}
.sn-sliced .pv-footer__brand h2{font-size:28px}
.sn-sliced .pv-footer__brand p{font-size:13px}
.sn-sliced a:focus-visible,.sn-sliced summary:focus-visible{outline:2px solid #8bbcff;outline-offset:4px}
@media(min-width:761px) and (max-width:1100px){
 .sn-overview{grid-template-columns:minmax(0,1fr) 190px;gap:40px}
 .sn-overview-device{width:190px}
 .sn-two{gap:28px}
 .sn-ice-panel{grid-template-columns:150px minmax(0,1fr);gap:16px}
 .sn-features{font-size:1vw}
}
@media(max-width:760px){
 .sn-wrap{width:calc(100% - 40px)}
 .sn-sliced .pv-header__inner{width:calc(100% - 40px)}
 .sn-sliced .pv-products__menu{width:auto}
 .sn-hero{height:740px;min-height:0;max-height:none}
 .sn-hero-art{width:100%;max-width:100%;height:370px;object-fit:contain;object-position:center bottom;mask-image:linear-gradient(0deg,#000 75%,transparent)}
 .sn-hero-layout{height:auto;min-height:0;justify-content:center}
 .sn-hero-copy{width:100%;padding-top:120px}
 .sn-hero h1{font-size:clamp(29px,8vw,42px)}
 .sn-power-tag{font-size:18px;margin:14px 0}
 .sn-tagline{font-size:17px}
 .sn-hero-caption{font-size:13px;margin-top:25px}
 .sn-orbit{padding-top:32px}
 .sn-orbit-ring{width:90%;top:20px;transform:translateX(-50%)}
 .sn-orbit-layout{width:calc(100% - 40px);display:grid;grid-template-columns:1fr 1fr;gap:26px 20px;aspect-ratio:auto}
 .sn-orbit-device{position:static;grid-column:1/-1;justify-self:center;width:170px;height:300px}
 .sn-features{display:grid;gap:26px;font-size:12px}
 .sn-left{grid-column:1}.sn-right{grid-column:2}
 .sn-features li,.sn-left li{position:static;width:auto;flex-direction:column;text-align:center;gap:12px;min-height:112px}
 .sn-features li>span{white-space:normal;text-wrap:balance}
 .sn-features img{width:44px;height:44px;flex-basis:44px}
 .sn-feature-line{display:inline}
 .sn-overview{grid-template-columns:1fr;gap:26px;padding-block:42px}
 .sn-overview-device{width:180px;height:auto;justify-self:center}
 .sn-sliced .sn-brand{font-size:29px}
 .sn-two{grid-template-columns:1fr;gap:0}
 .sn-sliced h2{font-size:22px}
 .sn-copy p{font-size:14px}
 .sn-power::before{inset:0}
 .sn-power .sn-wrap{width:100%}
 .sn-power .sn-copy{padding:28px 20px}
 .sn-wavelength,.sn-care{padding-block:28px}
 .sn-wavelength .sn-copy{padding-top:0}
 .sn-care .sn-copy{padding-bottom:0}
 .sn-cooling{padding-block:14px 35px;gap:28px}
 .sn-ice-panel{grid-template-columns:145px minmax(0,1fr);gap:20px}
 .sn-ice-copy p{text-wrap:balance}
 .sn-sliced .pv-footer__brand{padding:45px 0}
 .sn-sliced .pv-footer__brand::before{left:0;opacity:.35}
 .sn-sliced .pv-footer__brand h2{font-size:23px}
}