/* Full-width homepage poster using the existing, unedited product photograph. */
body.sanli-design-v1.home .hero-poster{display:block;position:relative;isolation:isolate;width:100%;max-width:none;margin:0 0 36px;padding:0;background:#172d28;overflow:hidden}
body.sanli-design-v1.home .poster-photo{position:absolute;inset:0 0 0 31%;z-index:-2;mask-image:linear-gradient(to right,transparent,#000 36%)}
body.sanli-design-v1.home .poster-photo img{width:100%!important;height:100%!important;object-fit:cover;object-position:center top;display:block}
body.sanli-design-v1.home .hero-poster:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#172d28 0%,rgba(23,45,40,.98) 24%,rgba(23,45,40,.65) 43%,rgba(23,45,40,.04) 71%),linear-gradient(0deg,rgba(12,25,21,.35),transparent 28%);pointer-events:none}
body.sanli-design-v1.home .poster-inner{position:relative;min-height:590px;display:flex;align-items:center}
body.sanli-design-v1.home .hero-poster .hero-copy{width:100%;max-width:525px;min-width:0;padding:64px 0 35px;color:#f8f6ee}
body.sanli-design-v1.home .hero-poster .eyebrow{font-size:10px;line-height:1.6;letter-spacing:.12em;color:#d6dfd1;margin-bottom:22px}
body.sanli-design-v1.home .hero-poster h1{color:#f8f6ee;font-size:clamp(42px,4.3vw,62px);line-height:1.08;letter-spacing:-.035em;max-width:510px;overflow-wrap:break-word}
body.sanli-design-v1.home .hero-poster .hero-description{font-size:16px;line-height:1.75;max-width:375px;color:#e4e8df;margin:24px 0}
body.sanli-design-v1.home .hero-poster .hero-actions{gap:25px;margin:0;flex-wrap:wrap}
body.sanli-design-v1.home .hero-poster .hero-actions .text-link{color:#f8f6ee;border-color:#b0bfad;font-size:13px}
body.sanli-design-v1.home .hero-poster .hero-footnote{font-size:11px;line-height:1.5;color:#d6dfd1;margin-top:42px;padding:0;gap:17px;flex-wrap:wrap}
body.sanli-design-v1.home .hero-poster .hero-footnote span+span{padding-left:17px;border-color:#85998b}
body.sanli-design-v1.home .poster-series{position:absolute;right:0;bottom:29px;display:flex;align-items:center;gap:35px;padding:15px 19px;background:#f8f7f3;color:#223c35;font-size:11px}
body.sanli-design-v1.home .poster-series b{display:block;font-size:14px;font-weight:500;margin-bottom:3px}
body.sanli-design-v1.home .poster-series>span:last-child{font-size:22px}
body.sanli-design-v1.home .poster-series:hover{background:#e9dfc8}
body.sanli-design-v1.home .category-section{padding-top:26px}
@media(min-width:1800px){body.sanli-design-v1.home .poster-photo{left:37%}body.sanli-design-v1.home .poster-inner{min-height:640px}}
@media(min-width:761px) and (max-width:1100px){
 body.sanli-design-v1.home .poster-inner{min-height:560px}
 body.sanli-design-v1.home .hero-poster .hero-copy{max-width:430px;padding:52px 0 34px}
 body.sanli-design-v1.home .hero-poster h1{font-size:46px;max-width:380px}
 body.sanli-design-v1.home .hero-poster .hero-description{max-width:315px;font-size:15px}
 body.sanli-design-v1.home .poster-photo{left:26%}
 body.sanli-design-v1.home .poster-series{gap:16px;padding:12px 15px;bottom:25px}
}
@media(max-width:760px){
 body.sanli-design-v1.home .hero-poster{margin-bottom:25px}
 body.sanli-design-v1.home .poster-photo{inset:0 0 auto;height:330px;mask-image:linear-gradient(to bottom,#000 53%,transparent 100%)}
 body.sanli-design-v1.home .poster-photo img{object-position:center top}
 body.sanli-design-v1.home .hero-poster:after{background:linear-gradient(0deg,#172d28 0%,#172d28 44%,rgba(23,45,40,.15) 72%,transparent 100%)}
 body.sanli-design-v1.home .poster-inner{display:block;min-height:0;padding-bottom:24px}
 body.sanli-design-v1.home .hero-poster .hero-copy{padding:274px 0 0;max-width:100%}
 body.sanli-design-v1.home .hero-poster .eyebrow{font-size:9px;letter-spacing:.09em;margin-bottom:14px}
 body.sanli-design-v1.home .hero-poster h1{font-size:clamp(33px,9vw,43px);line-height:1.1;max-width:440px}
 body.sanli-design-v1.home .hero-poster .hero-description{font-size:14px;line-height:1.7;margin:17px 0 20px;max-width:400px}
 body.sanli-design-v1.home .hero-poster .hero-actions{gap:20px}
 body.sanli-design-v1.home .hero-poster .hero-actions .button{min-height:46px;font-size:12px;padding:11px 17px;gap:16px}
 body.sanli-design-v1.home .hero-poster .hero-actions .text-link{font-size:12px;gap:10px}
 body.sanli-design-v1.home .hero-poster .hero-footnote{font-size:10px;gap:12px;margin-top:25px}
 body.sanli-design-v1.home .hero-poster .hero-footnote span+span{padding-left:12px}
 body.sanli-design-v1.home .poster-series{position:static;display:inline-flex;margin-top:20px;padding:8px 0 0;gap:20px;font-size:10px;background:transparent;color:#e4e8df;border-top:1px solid #61776b}
 body.sanli-design-v1.home .poster-series b{display:inline;font-size:11px;margin-right:10px;margin-bottom:0}
 body.sanli-design-v1.home .poster-series>span:last-child{font-size:18px}
 body.sanli-design-v1.home .category-section{padding-top:22px}
}

/* A separate panoramic banner followed by a compact manufacturer introduction. */
body.sanli-design-v1.home .hero-banner{background:var(--paper);margin-bottom:0;overflow:hidden}
body.sanli-design-v1.home .hero-banner:after{height:300px;bottom:auto;background:linear-gradient(90deg,rgba(23,45,40,.16),transparent 48%)}
body.sanli-design-v1.home .hero-banner .poster-photo{height:300px;bottom:auto;left:0;background:#172d28;mask-image:none}
body.sanli-design-v1.home .hero-banner .poster-photo img{width:100%!important;margin-left:0;object-position:center 20%;mask-image:none}
body.sanli-design-v1.home .banner-art{height:300px;position:relative;display:flex;align-items:center;color:#f8f6ee}
body.sanli-design-v1.home .banner-art p{font-size:11px;letter-spacing:.22em;margin:0 0 15px;color:#d5ddcf}
body.sanli-design-v1.home .banner-art>div>span{font:48px/1.05 var(--serif);letter-spacing:-.025em}
body.sanli-design-v1.home .hero-banner .poster-series{bottom:20px;top:auto;font-size:11px;padding:11px 15px;gap:22px}
body.sanli-design-v1.home .hero-banner .poster-inner{min-height:0;display:block;padding:30px 0 27px}
body.sanli-design-v1.home .hero-banner .hero-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:42px;width:100%;max-width:none;padding:0;color:var(--ink);align-items:center}
body.sanli-design-v1.home .hero-banner .eyebrow{grid-column:1;font-size:9px;color:#647063;margin:0 0 10px}
body.sanli-design-v1.home .hero-banner h1{grid-column:1;font-size:36px;line-height:1.15;color:var(--ink);max-width:800px}
body.sanli-design-v1.home .hero-banner .hero-description{grid-column:1;font-size:14px;color:var(--text);max-width:none;margin:12px 0 0}
body.sanli-design-v1.home .hero-banner .hero-actions{grid-column:2;grid-row:1/4;flex-direction:column;align-items:stretch;gap:12px;margin:0}
body.sanli-design-v1.home .hero-banner .hero-actions .button{background:#203e35;color:white}
body.sanli-design-v1.home .hero-banner .hero-actions .button:hover{background:#345246}
body.sanli-design-v1.home .hero-banner .hero-actions .text-link{color:var(--ink);align-self:center;font-size:12px}
body.sanli-design-v1.home .hero-banner .hero-footnote{grid-column:1/-1;font-size:10px;color:#647063;margin-top:18px;gap:17px;padding:0}
body.sanli-design-v1.home .hero-banner .hero-footnote span+span{border-color:#b9c1b5}
@media(min-width:1800px){body.sanli-design-v1.home .hero-banner .poster-photo,body.sanli-design-v1.home .hero-banner:after,body.sanli-design-v1.home .banner-art{height:350px}}
@media(max-width:1000px){body.sanli-design-v1.home .hero-banner h1{font-size:30px}body.sanli-design-v1.home .hero-banner .hero-copy{column-gap:25px}}
@media(max-width:760px){
 body.sanli-design-v1.home .hero-banner .poster-photo,body.sanli-design-v1.home .hero-banner:after,body.sanli-design-v1.home .banner-art{height:200px}
 body.sanli-design-v1.home .hero-banner .poster-photo{inset:0 0 auto}
 body.sanli-design-v1.home .hero-banner .poster-photo img{width:100%!important;object-position:center 20%}
 body.sanli-design-v1.home .hero-banner:after{background:linear-gradient(90deg,rgba(23,45,40,.65),rgba(23,45,40,.2) 38%,transparent 62%)}
 body.sanli-design-v1.home .banner-art{align-items:flex-start;padding-top:32px}
 body.sanli-design-v1.home .banner-art p{font-size:8px;letter-spacing:.13em;margin-bottom:13px}
 body.sanli-design-v1.home .banner-art>div>span{font-size:29px}
 body.sanli-design-v1.home .hero-banner .poster-series{position:absolute;right:0;bottom:12px;margin:0;top:auto;background:#f8f7f3;color:#223c35;border:0;font-size:9px;padding:7px 10px;gap:12px}
 body.sanli-design-v1.home .hero-banner .poster-inner{padding:25px 0}
 body.sanli-design-v1.home .hero-banner .hero-copy{display:block;padding:0}
 body.sanli-design-v1.home .hero-banner h1{font-size:29px;max-width:450px}
 body.sanli-design-v1.home .hero-banner .eyebrow{font-size:8px;margin-bottom:10px}
 body.sanli-design-v1.home .hero-banner .hero-description{font-size:13px;line-height:1.65;margin:12px 0 17px}
 body.sanli-design-v1.home .hero-banner .hero-actions{flex-direction:row;gap:20px;align-items:center}
 body.sanli-design-v1.home .hero-banner .hero-actions .text-link{align-self:center}
 body.sanli-design-v1.home .hero-banner .hero-footnote{margin-top:18px;font-size:9px}
}